.font-icon i{
        font-size:22px;
    }
    .dataTable{
        font-size:13px;
    }

    .content-wrapper{
      min-height: 100% !important;
    }

    body.modal-open .datepicker {
        z-index: 1200 !important;
    }
    table.transaction-detail{
        font-size:13px;
    }
    table.transaction-detail tr th{
        background-color:#3c8dbc;
        color:white;
    }
    table.transaction-detail.table>tbody>tr>td{
        padding:2px;
    }
    .table-no-width{
        width:5%;
    }
    .text-align-right{
        text-align:right;
    }
    .control-label-text{
        padding-top: 7px;
        margin-bottom: 0;
        text-align: left;
        font-weight: 500;
    }
    label.error {
        margin: 5px 0px 0px 0px;
        color: red ;
        font-style: italic
    }
    input.error,textarea.error,select.error{
        border: 1px solid red !important;
    }
    
    /* Alert Boxes
=================================================================== */
.alert {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 15px;
	position: relative;
	padding: 14px 40px 14px 18px;
	-webkit-box-shadow:  0px 1px 1px 0px rgba(180, 180, 180, 0.1);
	box-shadow:  0px 1px 1px 0px rgba(180, 180, 180, 0.1);
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.alert.alert-success {
	background-color: #edf6e5 !important;
	color: #7a9659 !important;
	border: 1px solid #9fc76f !important;
}

.alert.alert-ajax-success {
    background-color: #d4edda !important;
    color: #155724 !important;
    border: 1px solid #c3e6cb !important;
}

.alert.alert-error {
	background-color: #fdeaea !important;
	color: #ca6f74 !important;
	border: 1px solid #f27b81 !important;
}

.alert {
	background-color: #fffee1 !important;
	color: #daac50 !important;
	border: 1px solid #f5c056 !important;
}

.alert.alert-info {
	background-color: #e9f8ff !important;
	color: #5d9fa9 !important;
	border: 1px solid #75c7d3 !important;
}
.panel-default{
    background-color: #fff;
    border-color: #fff;
    color: #fff;
    border: 1px solid #eee;
}

div.tab {
    float: left;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    width: 15%;
    height: 500px;
    overflow: scroll;
}

/* Style the buttons inside the tab */
div.tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding: 10px 20px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current "tab button" class */
div.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */




/* Style the tab */
div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    border: 1px solid #ccc;
    border-top: none;
}

/* Style the close button */
.topright {
    float: right;
    cursor: pointer;
    font-size: 20px;
}

.topright:hover {color: red;}

.tabcontent {
    float: left;
    border: 1px solid #ccc;
    width: 85%;
    border-left: none;
    height: 500px;
}

.content_left {
    float: left;
    padding: 20px 12px;
    border-right: 1px solid #ccc;
    width: 40%;
    height: 500px;
}

.tabcontent div div{
    width:70%;
    margin:6px;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #00a65a;
    border-color: #00a65a;
}


.content_right {
    float: right;
    width: 60%;
    height: 500px;
}

.modal-body a{
    color: red;
}

.modal-body{
    height: 400px;
    /*overflow-y: scroll;*/
    /*border-color: black;*/
    /*border: 2px;*/
    /*border-style: solid*/
}

.dropdown-menu > li > a {
    color: #fff;
}

.btn-client{
    width:26px; 
    height:26px;
    border-radius: 20px;
    padding: 0px;
}

.table-cursor tbody tr{
    cursor: pointer
}

/*.col-sm-12{
    height: 400px;
    overflow-y: scroll;
}*/

#aRemarks_content table a{
    color:red;
}
#pRemarks_content table a{
    color:red;
}
#client_applicant_content table a{
    color:red;
}
/* Popup container - can be anything you want */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* The actual popup */
.popup .popuptext {
    visibility: hidden;
    width: 160px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
}

.box.box-primary{
        padding: 5px;
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

#loader{
    display: none; 
    height: 100%;
    text-align: center;
    z-index: 2000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 1;
    filter: alpha(opacity=40);
}
#loader:after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(dist/img/ajax_loader.svg) center center no-repeat;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 1999;
    background-color: #c5c5c57a;
}
#loader span{
    font-size: 32px;
    color: #0c3e71;
    opacity: 1;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 65%;
    left: 50%;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

.user_content-left{
    width:70%;
    float:left;
}
.user_content-right{
    width:29%;
    float:right;
}

.file-preview{
    height:500px;
}
.form-horizontal .form-group{
    margin-right:0px!important;
    margin-left:0px!important;
}
.file-drop-zone{
    height: 96%!important;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu, .navbar-nav > .messages-menu > .dropdown-menu > li .menu, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu{
    max-height: 300px;
}

.fc-day-number{
        color: #000;
}

.fc-day {
    /*background-color: #797979;*/
    background-color: #fff;
    /*background-color: #03884b;*/
}

.fc-unthemed .fc-today {
    /*background: #227982;*/
    background-color: #539a84;
}

.fc-ltr .fc-basic-view .fc-day-number {
    text-align: left;
}

.fc-time{
   display : none;
}

.dataTables_empty{
    text-align: center;
}


/* Knight Frank Style Begin */
body.login-page{
	min-height:initial !important;
}
.login-page
{
	background-color:black;
	padding-top:50px;
}

.login-box .panel-heading
{
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}

.login-box .panel-default
{
    border: 0px solid #eee;
}

.login-box .login-box-body
{
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}

.theme-color-btn {
    background-color: #eb1c2a !important;
    color: white !important;
}

.login-btn
{
	border-color: #ccc;
    border-radius: 15px;
    padding: 10px 60px;
    font-size: 12pt;
}

/*button:hover.login-btn
{
	color:#eb1c2a !important;
	background-color:black !important;
}*/

.login-box-msg, .register-box-msg
{
	font-size:24px;
    color: #787878;
    font-weight:bold;
}

.login-box-body, .register-box-body
{
	padding:0px 20px 20px 20px;
}

.copyright-text {
    font-size: 15px;
    padding-top: 30px;
    padding-bottom: 15px;
    padding-right: 10px;
    color: #d4d4d4;
}

.navbar-nav > .user-menu .user-image
{
	float:initial !important;
	margin-right:0px;
	margin-left:10px;
}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side
{
	background-color:black;
}

.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a
{
	border-left-color:#eb1c2a;
}

.sidebar-menu li i
{
        color: #c4023c;
}

.page-detail .box-title
{
	padding-top:7px;
	padding-left:5px;
}

.box-title.red{
    color: #C00000;
    font-weight: bold;
}

.box-title.green{
    color: #215F9A;
    font-weight: bold;
}

.files_list
{
	/*border:1px solid black;*/
}

.files_list .table-bordered, .files_list .table-bordered td
{
	border: 1px solid black !important;
}

.files_header
{
	background-color:black;
	color:white;
}

.margin-top-30
{
	margin-top:30px;
}

.files_header_wrap
{
    padding-left:15px;
    padding-right:15px;
    margin-bottom:0px
}

.files_header_container
{
    background-color: black;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid black;
    font-size: 18px;
}

.files_section_wrap
{
/*    padding-left:15px;
    padding-right:15px;*/
    display: flex;
    /*width:100%;*/
    margin-bottom:0px;
}

.files_section_wrap > div:first-child
{
    border:1px solid black;
    border-right:none;
    border-top:0px;
    /*flex:1 1 50%;*/

    
}
.files_section_wrap > div:last-child
{
    border:1px solid black;
    border-left:0px;
    border-top:0px;
    /*flex:1 1 50%;*/
}

.files_list
{
    font-size:16px;
}

.files_list > p
{
    padding-top:10px;
    font-weight:bold;
}

.files_list ul
{
    list-style: none;
    padding-left:0px;
}

.files_list ul li
{
    padding-top:1px;
    padding-bottom:1px;
}

.files_list ul li:before
{
    content: "\f0f6";
    font-family: FontAwesome;
    padding-right:5px;
    color:#c4023c;
}

.files_list ul li a
{
    overflow-wrap: break-word;
}

.files_list ul li:nth-child(1n + 4) {
    display: none;
}
#viewLess{
    margin-bottom: 20px;
}

.files_list ul li a:hover
{
    text-decoration:underline;
}

.files_list label
{
    font-weight:normal;
    cursor:pointer;
}

.delete_link
{
    color:red;
}

.green-theme
{
    background-color:#00665c;
}

.red-theme
{
    background-color:#eb1c2a;
}

.dz-progress
{
    display:none;
}
.user-header-name{
    color: #ffffff;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
    padding-top: 5px;
}
.user-header-dept{
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0px;
    padding-top: 5px;
}
.skin-blue .main-header li.user-header {
    background-color: #c4023c;
}
span.input-helper:after {
    font-family: FontAwesome;
    color: #1E91CF;
    content: "\f059";
    margin-left: 4px;
}
@media(max-width: 1000px) {

    .files_section_wrap
    {
        flex-direction: column;
    }

    .files_section_wrap > div:first-child
    {
        width:100%;
        flex:initial;
        border-right:1px solid black;
        border-bottom:none;
    }

    .files_section_wrap > div:last-child
    {
        border-left:1px solid black;
        width:100%;
        flex:initial;
    }
}

/* Knight Frank Style End */