@font-face{font-family:'GothamRounded-Medium';src:url('../fonts/GothamRounded-Medium.eot');src:url('../fonts/GothamRounded-Medium.eot') format('embedded-opentype'),
    /* url('../fonts/GothamRounded-Medium.woff2') format('woff2'), */
    url('../fonts/GothamRounded-Medium.woff') format('woff'),
    url('../fonts/GothamRounded-Medium.ttf') format('truetype'),
    url('../fonts/GothamRounded-Medium.svg#GothamRounded-Medium') format('svg');}
@font-face{font-family:'GothamBook';src:url('../fonts/GothamBook.eot');src:url('../fonts/GothamBook.eot') format('embedded-opentype'),
    /* url('../fonts/GothamBook.woff2') format('woff2'), */
    url('../fonts/GothamBook.woff') format('woff'),
    url('../fonts/GothamBook.ttf') format('truetype'),
    url('../fonts/GothamBook.svg#GothamBook') format('svg');}
body {font-family:'GothamBook';font-size:15px; font-weight:500;padding:0 !important; letter-spacing:inherit;color:#000; line-height:normal;background:#edeff3;}
h1, h2, h3, h4, h5, h6, .crud_head{font-family:'GothamRounded-Medium';}
*{margin:0;padding:0;}
a:hover{text-decoration:none}
a:not([href]):not([tabindex]){color:#38528e;cursor:pointer}
select.form-control{background:url("../images/select_aero.png") no-repeat right center #636b6f !important;-webkit-appearance: none;-moz-appearance:none;}
.login_form .btn{font-weight:500;}
.btn-danger{color:#fff;background-color:#e2504c;border-color:#e2504c;}
#header{background:#edeff3;height:69px;position:fixed;left:0;right:0;top:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:block;z-index:1030;border-bottom:1px solid #658aa9;}
#sidebar {position:fixed;background:#fff;top:30px;bottom:0;left:0;padding-top:37px;width:230px;overflow:auto;z-index:10;transition:transform .3s ease-in-out;}
#wrapper{min-height:calc(85vh - 32px);margin-top:69px;padding:15px 35px 45px;-webkit-transition:margin-left .3s ease;-o-transition:margin-left .3s ease;transition:margin-left .3s ease}
.logo_panel {float:left; height:100%;}
.logo{float:left;width:230px;padding:3px 11px;background:#fff;}
.logo span{font-size:27px;margin:15.5px 0;display:block;font-family:GothamRounded-Medium;color:#636b6f;font-weight:600;}
#header .logo img{width:100%}
.header_actions{float:right;margin:27px 27px 0 0;}
.header_actions ul li{display:inline-block}
#sidebar li {/*margin: 20px 0;*/
    float: left;width: 100%;}
#sidebar ul li a:hover, #sidebar ul li.active a {
    color: #fff;
    border-color: #fff;
    background: #636b6f;
}
#sidebar ul li a {color:#636b6f;padding:15px 0px 15px 55px;display: block;letter-spacing: -0.5px;position: relative;font-size: 15px;border-left: 2px solid transparent;}
#sidebar ul li a .img-fluid {max-width:30px; position:absolute;left:18px;top:50%; transform:translateY(-50%);}

#sidebar ul li.active a{font-family:'GothamRounded-Medium';}
#sidebar ul li .img-fluid { filter:invert(1);}
#sidebar ul li.active a .img-fluid, #sidebar ul li a:hover .img-fluid {filter:inherit;}
.app-sidebar__toggle{padding:0 15px;line-height:57px;-webkit-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease;float:left;width:47px;height:60px}
#sidebar li.nav-item.submenu ul li a:hover,#sidebar li.nav-item.submenu ul li.active a{background:#afbad2}
.checkbox .check-label{display:block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:25px;margin-bottom:0}
.checkbox .check-label input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.product-tax.ppc-top-sec.w-com .table-responsive.inv-se th .checkbox .checkmark{top:6px;}
.checkbox .checkmark{position:absolute;top:1px;left:0;height:15px;width:15px;border:1px solid #c4c4c6}
.checkbox .check-label:hover input ~ .checkmark{background-color:#ccc}
.checkbox .check-label input:checked ~ .checkmark{background-color:#32bba7}
.checkbox .checkmark:after{content:"";position:absolute;display:none}
.checkbox .check-label input:checked ~ .checkmark:after{display:block}
.checkbox .check-label .checkmark:after{    left:4px;top:1px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.app-sidebar__toggle svg rect{fill:#636b6f;-webkit-transition:.3s ease all;-o-transition:.3s ease all;transition:.3s ease all}
.app-sidebar__toggle svg rect:nth-child(4),.app-sidebar__toggle svg rect:nth-child(5){opacity:0}
.app-sidebar__toggle svg{width:20px;height:20px;vertical-align:middle;position:absolute;top:0;bottom:0;margin:auto;}
.app-sidebar__toggle svg rect:nth-child(2){-webkit-transform:scaleX(.8);-ms-transform:scaleX(.8);transform:scaleX(.8)}
.app-sidebar__toggle:hover svg rect:nth-child(2){-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}
.header_actions em {background:#e2504c;color:#fff;border-radius:50%;width:35px;height:35px;display:inline-block;line-height:35px;text-align:center;font-style:normal;overflow:hidden;vertical-align:middle;margin-left:5px;}
.header_actions .dropdown-toggle:after{display:none;}
.header_actions ul li {position:relative;margin:0 0 0 30px;}
.header_actions ul li a {color:#262626 !important;}

.badge_notify {
    position: absolute;
    top: -4px;
    font-size: 11px;
    background: #e2504c;
    border-radius: 50%;
    width: 20px;
    color: #fff;
    height: 20px;
    text-align: center;
    line-height: 20px;
    right: auto;
}

.main_wrapper .dropdown-menu {right:0 !important;padding:0;top:15px !important;left:inherit !important;transform:inherit !important;}
.header_actions ul {margin:0;padding:0;}
.logOut_btn {position:absolute;bottom:0;right:0;z-index:9;left:0;width:30px;height:45px;margin:auto;}
footer {background:#1a2334;padding:5px 0;}
.footer p {font-size:14px;margin:0;color:#fff;}
.login_forgot_fields .form-group {margin-bottom:40px;}
.page_title {background:#fff;box-shadow:0 0 8px #eee;border-radius:26px 0 0 26px;padding:10px 15px;margin:0 -24px 20px 0;}
.page_title h1 {font-size:22px;margin:0;padding:0;}
.search_filter_panel label {float:left;margin:0; position:absolute;left:0;line-height:43px;}
.searchBox {float:left;margin:0;width:100%;position:relative;padding-left:50px;}
.btn_row {float:left;}
.btn_row a{display:inline-block;}
.searchBox i {position:absolute;top:0;bottom:0;height:14px;width:14px;margin:auto;right:15px;}
.primary_btn, .default_btn, .review_edit_btn {
    min-width: 130px;
    text-align: center;
    border: none;
    background: #636b6f;
    color: #fff;
    display: inline-block;
    border-radius: 4px;
    padding: 0 15px;
    height: 43px;
    cursor: pointer;
    line-height: 43px;
}
.login_forgot_fields .primary_btn, .login_forgot_fields .default_btn { font-size:20px; }
.primary_btn:hover{color:#fff; background:#1a2334;}
.default_btn {background:#fff;color:#000;box-shadow:0 0 3px #eee;}
.review_edit_btn{background:#ddf3f5;color:#000;}
.review_edit_btn:hover{color:#000; background:#fff;}
.primary_btn:focus, .default_btn:focus, .review_edit_btn:focus{ outline:none; }
.main_wrapper .form-control {height:43px;font-size:13px;letter-spacing:inherit;color:#636b6f;}
.page_content { float:left;border-radius:10px;width:100%;overflow:hidden;}
.search_filter_panel {float:left;width:100%; margin-bottom:20px;}
.dropdown.ac-cstm .dropdown-menu.show {top:20px!important;left:inherit!important;border:none;box-shadow:0 0 10px 1px rgba(0,0,0,0.2);right:0;transform:translate3d(0,22px,0px)!important;}
.ac-cstm .dropdown-menu:before {border:solid transparent;content:" ";height:0;width:0;bottom:100%;
position:absolute;pointer-events:none;border-bottom-color:#fff;border-width:9px;right:30px;}
.ac-cstm .dropdown-toggle:after{display:none;}
.table td, .table th{border:none;vertical-align:middle;font-size:14px;color:#636b6f;}
.table th{color: #fff;}
.table thead {background:#636b6f;}
.table thead th {border-bottom:none;font-weight:500;}
.td_first_link, a:not([href]):not([tabindex]){color:#1a2334;}
.btn_row.pull-right{float:right;}
.dropdown.ac-cstm .dropdown-menu.show img{margin-right:10px;}
.pag-div{padding:20px 0;}
.pagination_panel li a.page-link{background:none}
ul.pagination.mb-0{text-align:center;display:block;}
.pagination_panel .page-item{margin:0 5px;display:inline-block;}
.pagination_panel .page-item.active a{background:#2cceae;margin:0;text-align:center;line-height:20px}
.pagination_panel .page-item:first-child a.page-link,.pagination_panel .page-item:last-child a.page-link{width:auto;display:flex;text-transform:uppercase;letter-spacing:2px;font-weight:400;}
.pagination_panel .page-item a{
/*    width:30px;height:30px;*/
    font-size:14px;line-height:18px;text-align:center;padding:5px;border:none;padding: .5rem .75rem;}
.btn:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:#38528e;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50%;transform-origin:50%;transition:.3s ease all}
.btn:hover{color:#fff!important}
.btn:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}
.pagination_panel a.page-link{color:#636b6f;font-weight:600}
a.page-link span{display:inline-block;margin:0 2px;line-height:13px;font-size:25px}
.page-link:focus{outline:none;box-shadow:none}
.crud_head{background:#fff;color:#636b6f;padding:10px 15px;text-align:center;font-size:18px;}
.crud_panel{padding:15px;background:#fff;}
.form-group label{font-size:15px;color:#000;}
.btn_panel{padding:15px 0;text-align:center;}
.detail_row {color:#fff;}
.detail_row label{position:relative; margin-bottom:0;padding-left:300px;line-height:22px;}
.detail_row label b{min-width:190px;left:0;font-weight:normal;position:absolute;color: #2cceae;}
.detail_row label span{color:#fff; font-weight:600;}

.page_content .detail_row .form-group {margin-bottom:20px;}
.dropdown-item{ padding:10px; }
.btn-sm{border-radius:5px;border:none;min-width:100px;line-height:normal;padding:6px 0;}
.Recent_Orders{box-shadow:0 0 8px #eee;border-radius:10px;}
.Recent_Orders h3{font-size:18px;margin:0;padding:15px;}
.Recent_Orders .table thead{background:#e4eefd;color:#000;} 
/*********************/
.StartUp_panel{background:url("../images/login_bg.jpg") no-repeat center top; background-size:100% 100%; position:fixed;left:0;right:0; top:0;bottom:0;}
.login_forgot{max-width:600px;margin:50px auto;padding:0 15px;border-radius:20px;overflow:hidden;}
.start_right_panel h3{height:86px;position:absolute;margin:auto;top:0;bottom:0;line-height:43px;left:0;right:0;color:#fff;text-align:center;}
.StartUp_head{margin:30px 0;}
.StartUp_head h3{font-weight:600;color:#636b6f;font-size: 43px;}
.login_forgot_fields label {color: #636b6f;}
.forgot_link a{color:#fff;}
.forgot_link a:hover{color:#2cceae;}
.forgot_title {margin: 25px 0;float: left; width: 100%;}
.forgot_title h3 {font-size:24px;color: #fff;}
.forgot_title p{font-size: 17px; color: #fff;}
.login_forgot .default_btn{margin-top: 20px;color: #2cceae;}
table.dataTable.no-footer, table.dataTable thead th, table.dataTable thead td {border-bottom:none !important;}
div.dataTables_wrapper div.dataTables_filter input, .dataTables_length select {box-shadow:0 0 8px #eee; border:1px solid #eee;vertical-align:middle; height:43px;font-size:15px; border-radius:50px;padding:0 15px;    margin: 7px 0 0;}
.dataTables_filter, .dataTables_length {padding:15px 15px 10px;}
.login_forgot_fields .form-control{font-size:20px;background:none;border:none;
    border-bottom:2px solid #b1b5b8;padding:0;color:#636b6f;}
.form-control{height:43px;font-size:15px;background:none;border:none;border-bottom:2px solid #b1b5b7;padding:0; border-radius:0;color:#fff;letter-spacing:inherit;}
.form-control:focus{ outline:none; box-shadow:none; background:none; }
.page_content .form-group{margin-bottom:40px;}
.input_bx { position:relative; }
.input_bx i{position:absolute;right:6px;top:12px;color:#fff;}
.forgot_link{position:relative;float:left;width:100%;}
.forgot_link::before, .forgot_link::after{content:'';height:1px;width:34%;background:#fff;position:absolute;top:0;bottom:0;margin:auto;}
.forgot_link::before{left:0;}
.forgot_link::after {right:0;}
.card_box{background:#fff;border-radius:6px;margin-bottom:26px;padding-bottom:15px; padding-top:20px; min-height: 310px;box-shadow: 0 0 20px #ececec;}
.card_box.pie-chart-box, .card_box.service-type-overtime-bx {min-height: 380px;}
.card_box.tenant-pie-chart{min-height: 375px;}
.card_head {border-bottom: 1px solid #b1b5b7;padding: 15px 20px;font-size: 18px;color: #fff;margin: 0 0 15px;}
.card_head h3 {font-size: 16px; text-align: center; margin: 0;font-family: 'GothamBook';line-height: 28px;color: #636b6f;}
.footer {position:fixed; bottom:0;left:0; right:0;    z-index:9;padding:8px 0 8px;background:#636b6f;}
.page_heading h4 {color:#636b6f; margin:0;font-size:18px;}
.page_heading {padding:15px;}
.btn{box-shadow:none !important;}
.search_Action {padding:0 15px;}
.btn-primary {background:#636b6f; border-color:#636b6f;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {background:#454b4e;border-color:#454b4e;}
table td .circle {width:15px;height:15px;border-radius:50%;display:inline-block;background:#fff;}
.circle.green{background:#2cceae;}
.circle.red{background:#a0101b;}
.table td { padding: 15px 12px;}
.search_Action select.form-control{background: url(../images/select_aero_white.png) no-repeat right center #2cceae;border-color:#2cceae; color:#fff;border-radius:.25rem;}
.footer a {color:#fff;}
.crud_panel .form-group label {color:#636b6f;font-size:14px;margin:0;}
.input_bx .form-control {padding-right: 37px;padding-left: 6px;}
.general_form .input_bx .form-control { margin-top: 6px;}
.crud_panel .btn_panel a { margin:0 10px;padding:0 25px;}
.main_wrapper .search_Action .form-control {font-size:13px;padding:0 5px;}
.page_content.dashboard .form-control {
    border: none;color: #fff;padding: 0 12px; border-radius: 3px; height: 28px !important;width: 122px;font-size: 14px;float: right;background:#fff;}
.page_content.dashboard .form-control:focus{background:#fff;}
.search_Action .form-control {width:100% !important;}
.message_box{background:#636b6f;padding:15px; margin-bottom:15px;border-radius:10px;}
.message_box:last-child{ margin-bottom:0; }
.message_cont{color:#fff;padding-left:75px;}
.message_cont h4 {font-size:18px; color:#fff;}
.message_cont p{font-size:14px; line-height:25px;color: #fff;}
.message_cont a {color:#a6c7b2;}
.message_cont ul{padding:0; margin:0;}
.message_cont li {display:inline-block;margin-right:15px;font-size:14px;border-right:1px solid;padding-right:15px;line-height:16px;vertical-align:top;color: #fff;}
.message_cont li img {margin-right:7px;vertical-align:top;height:14px;}
.message_cont li:last-child{border-right:none;}
.user_pic {position:absolute;width:60px;height:60px; border-radius:50%;overflow:hidden;}
.user_pic img{width:100%; height:100%;}
.page_content.settings .crud_panel {padding:0;}
.settings_fields {padding:30px;}
.setting_panel {background:#fff; padding:0;position:relative;border-radius:10px;}
.setting_panel ul li {padding-right:40px;}
.setting_panel ul li a {color:#7e8487;font-size:18px; float:left;width:100%;}
.setting_panel ul li a.active, .setting_panel ul li a:hover{color:#b3cfbd;}
.setting_panel ul li a span {border-bottom:2px solid transparent;padding:10px 0;float:left;    }
.setting_panel ul li a.active span, .setting_panel ul li a:hover span{border-bottom:2px solid #a6c7b2;}
.setting_panel .tab-content {padding-top:20px;}
.modal.fade.show{background:rgba(0, 0, 0, 0.81);}
.upload-btn-wrapper {position:relative;overflow:hidden;display:inline-block;}
.upload-btn-wrapper .btn {overflow:hidden;border:none;color:#fff;background-color:#2cceae;padding:8px 20px;border-radius:20px;font-size:17px;font-weight:normal;}
.upload-btn-wrapper input[type=file] {font-size:100px;position:absolute;left:0;top:0;opacity:0;}
.browse_btn {position:absolute;top:20px; right:35px;}

/*******************/
.card_box.clientsPage {padding-top:15px;}
.modal-body .form-control {color:#000;border-bottom:1px solid #ddd;}
.modal-body label {font-weight:600;}
.modal-body textarea.form-control {height: 100px;border: 1px solid #ddd;resize: none;border-radius: 7px; padding: 5px 10px;}
.modal-footer {border:none;display:block;padding-top:10px;}
.modal-footer .btn {min-width:130px;border-radius:5px;text-transform:capitalize; height:40px;padding:0 20px;}
.form-control:disabled, .form-control[readonly]{padding-left:10px; background: none;}
.modal-header .close {background:#1e293f;width:34px;height:34px;line-height:34px;padding:0;margin:0; position:absolute;border-radius:50%;opacity:inherit;color:#ffff;right:-15px;top:-15px;}
.modal-header .close:focus {outline:none;box-shadow:none;}
.modal-body {padding: 1rem 1rem 0;}
/***************************************************************/
.it .btn-orange{background-color:blue;border-color:#777!important;color:#777;text-align:left;width:100%;}
.it input.form-control{border:none;margin-bottom:0px;border-radius:0px;border-bottom:1px solid #ddd;box-shadow:none;}
.it .form-control:focus{border-color:#ff4d0d;box-shadow:none;outline:none;}
.fileUpload {position:relative;overflow:hidden;}
.fileUpload input.upload {
position:absolute;top:0;right:0;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0;filter:alpha(opacity=0);}
.fileUpload.btn.btn-info { height:43px; padding:0 15px; line-height:43px; border-radius:0 4px 4px 0;}
.upload_panel {
text-align: right;
margin-bottom: 0;
margin-top: 9px;
}
.upload_btn, .back_link, .upload_actions {
display: inline-block;
margin-left: 4px;
vertical-align: middle;
}
.border_btn {
    border: 1px solid #2cceae;
    border-radius: 4px;
    padding: 8px 6px;
    color: #2cceae;
    display: inline-block;
    font-size: 13px;
}
.border_btn:hover{background:#2cceae; color:#fff;}
.upload_actions{text-align:center;}
.upload_actions a{border:1px solid;line-height:28px;margin-left:7px; width:33px; height:33px; display:inline-block;border-radius:50%;color:#fff;}
.upload_actions a.view_icon{ background:#2cceae; }
.upload_actions a.delete_icon { background:#b43430;}
.modal-header { background:#636b6f; color:#fff;text-align:center; padding:7px 15px;}
.modal-title {display:block;text-align:center;width:100%;font-family:'GothamBook';}
.DirectoryBox { border-radius:10px; border:1px solid #ccc;padding:0 15px; height:100px;position:relative;  margin:10px 0;  text-align:center;}
.DirectoryBox span {display:table-cell; height:100px; vertical-align:middle; width:1000px;}
.DirectoryBox.active_dir { background:#2cceae; color:#fff; border-color:#2cceae;}
.DirectoryBox.active_dir::before {content:''; position:absolute; background:url(../images/active_dir.png) no-repeat;    width:24px;    height:24px;    z-index:9;    top:4px;    right:4px;}
.DirectoryFiles { padding:10px 20px 0;}
.DirectoryFiles li { width:33%; float:left; list-style-type:disc; margin:3px 0;}
.messageBtn {text-align:right;margin-bottom:15px;}
.tab-content>.active {opacity:1;}

/***********************************************************/
.modal-dialog h4 {font-size: 17px; font-weight: normal; font-family: 'GothamBook';}
 
.welcomeText{margin-bottom:15px;}
.btn-export {background:#2cceae;color:#fff;border-radius:4px;min-width:160px;display:inline-block;text-align:center;height:40px;line-height:37px;font-weight: 600;}
.btn-export:hover{background:#1e293f;color:#fff;}
.welcomeText h5{font-family:'GothamBook';color:#636b6f;font-size:16px;margin:0;line-height:40px;}
.welcomeText h5 span{color:#636b6f;margin-left:5px;}
.txt{font-size: 16px;color:#636b6f;margin-bottom: 20px;}
.services_subscribed {background: #131b2c;border-radius: 6px; overflow: hidden;margin: 25px 0 10px;}
.services_types{float: left;padding: 15px;width: 100%;}
.services_types ul li {color: #fff;position: relative; width: 32.2%;display: block;margin: 0px 0 10px 1%;   float: left;font-size: 14px;padding-left: 15px;line-height: 20px;}
.services_types ul li::before{background: #2cceae; height: 10px; width: 10px; border-radius: 50%; position: absolute;content: '';left:-2px;top:4.2px;}
.Add_delete_row a {
    width: 33px;
    height: 33px;
    line-height: 31px;
    border: 1px solid;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    font-size: 24px;
    color: #fff;
    margin: 0 7px;
}
.Add_delete_row a.addRow {
    border-color: #a6c7b2;
    background: #a6c7b2;
}
.Add_delete_row a.deleteRow {
    border-color: #a0101b;
    background: #a0101b;
}

.status_head {
border-bottom: 1px solid #658aa9;padding:10px 20px;
}
.status_head h3 {
font-size: 16px;
color: #636b6f;
font-family: 'GothamBook';
margin: 10px 0 5px;
}
#reportrange {
cursor: pointer;
border: 1px solid;
font-size: 13px;
color: #fff;
height: 34px;
display: inline-block;
text-align: center;
line-height: 34px;
border-radius: 4px;
padding: 0 13px;
}
.cal_icon {
margin-right: 6px;
vertical-align: -2px;
}
#reportrange .range_down {
margin-left: 5px;
}

 
.padding_0 {
padding: 0;
}

/** Preloader CSS Start**/
#preloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.9);
z-index: 1111;
display: none;
}
#loader {
display: block;
position: relative;
left: 50%;
top: 50%;
width: 150px;
height: 150px;
margin: -75px 0 0 -75px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #1e293f;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
#loader:before {
content: "";
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #007bff;
-webkit-animation: spin 3s linear infinite;
animation: spin 3s linear infinite;
}
#loader:after {
content: "";
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: #2cceae;
-webkit-animation: spin 1.5s linear infinite;
animation: spin 1.5s linear infinite;
}

.cc_input{

display: inline-block;
vertical-align: top;
width: 15%;
text-align: center;
padding: 2px 5px;
margin-right: 5px;
}
.resend_email_text{
color:#fff;
}
span.invalid-feedback.error_message {
font-size: 16px;
margin-bottom: 10px;
display: block !important;
}

.ui-widget.ui-widget-content {

z-index: 99999 !important;

}
.crud_panel select.form-control {
background-color: inherit;
}
.crud_panel select option {
background:#ececec;
}
@-webkit-keyframes spin {
0%   {
   -webkit-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
}
100% {
   -webkit-transform: rotate(360deg);
   -ms-transform: rotate(360deg);
   transform: rotate(360deg);
}
}
@keyframes spin {
0%   {
   -webkit-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
}
100% {
   -webkit-transform: rotate(360deg);
   -ms-transform: rotate(360deg);
   transform: rotate(360deg);
}
}
 
.dashboard-bxs {
padding: 1px;
}
.dashboard_box {

float: left;
transition: .3s ease all;
width: 100%;
box-sizing: border-box;
padding: 20px;
border-radius: 6px;
margin: 0 0 28px;
 background: #fff;
}
.dashboard_box:hover {
transform: translateY(-5px);
 box-shadow:0 0 8px #dedede;
}
.dash_cont h3 {
font-size: 25px;
margin: 0;
}
.dash_cont span {
font-size: 15px;
line-height: 19px;color: #636b6f;
}
.dash_cont span em {
display: block;
font-style: normal;
}
.dash_icon {
height: 70px;
background: #636b6f;
padding: 10px;
border-radius: 10px;
float: left;
margin-right: 30px;
width: 70px;
}
.dash_cont b {
color: #636b6f;display: block;font-weight: normal;
}

.dash_cont em {
display: block;
font-style: normal;
font-size: 14px;
color:#636b6f;
}
.dash_cont {
float: right;
width: 65%;
}
.chart-cstm {
margin-right: 15px;
}

.d-flex-cstm {
display: flex;
}
h3.h3-progress {
font-size: 10px;
float: right;
color: #8a8a8a;
margin-top: 2px;
}
.cstm-graph-progress p {
margin-bottom: 6px;
font-size: 11px;
color:#636b6f;
}

.progress {background-color: #131b2c;height: 6px;}
.progress-bar{background:#a6c7b2;height: 6px;}
.dark-progress, .light-pro {
margin-bottom: 15px;
}
.card_head .form-group.d-inline-block {
margin-bottom: 0;}
.StartUp_panel {
    background: #fff;
}
 
.message_cont h4{cursor: pointer;position: relative;}
.message_cont .content-toggle,.message_box .message_cont{transition: 0.3s ease; overflow: hidden;opacity: 1;}
.message_cont.active .content-toggle {
    height: 0; opacity: 0;
}
.message_box .message_cont.active {
    padding: 15px;
    padding-left: 75px;
    height: 58px;padding-right: 0;
}
.message_cont.active h4 i{
	transform: rotate(-180deg);
}
.message_cont h4 i {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    transition: all 0.3s ease 0s;
    color: #000;
    background: #edeff3;
    width: 30px;
    text-align: center;
    height: 30px;
    line-height: 28px;
    border-radius: 30px;
}
.reply-info {
    margin-top: 20px; 
}
.reply-info li {
    padding: 15px;
    background: #fff;
    border-radius: 13px;
    margin-bottom: 20px;
    border: none;
    width:100%;
}

.reply-info li li {
    padding: 5px;
    margin: 5px 0 0;
    width: auto;color:#636b6f;
    font-size: 11px;
}
li.child_client {
    color: #636b6f;
}
.reply-info .date-time li:last-child{border-right: none;}
 
.message_con{
    position: relative!important;
}
.current_risk_status .status_head h3{
    padding-bottom: 9px;
}
.current_risk_status{
    min-height:392px;
}

 
#sidebar a[aria-expanded="false"]::before, #sidebar a[aria-expanded="true"]::before {
    content: '\f0d7';
    display: block;
    position: absolute;
    right: 20px;
    font-family: 'fontawesome';
    font-size: 15px;
    top: 30%;
}
#sidebar a[aria-expanded="true"]::before {content: '\f0d8';}
.notification-main-bx {
    padding: 10px;
    max-height: 300px;
    overflow-y: auto;
    display: none;
    background: #fff;
    position: absolute;
    left: auto;
    right: 0;
    width: 250px;
    top: 14px;
    border-radius: 4px;
}
.notification-main-bx {
    padding: 10px;
    max-height: 300px;
    overflow-y: auto;
    display: none;
    background: #fff;
    position: absolute;
    left: auto;
    right: 0;
    width: 250px;
    top: 14px;
    border-radius: 4px;
}
.notification-bx {border-bottom: 1px solid #ccc;padding: 10px;}
.notification-bx p {font-size: 13px;margin-bottom: 0;}
.notification-bx span {
    font-size: 9px;background: #f1f1f1;padding: 4px 6px;margin: 6px 0; display: inline-block;border-radius: 4px;}
.notification-main-bx .clear-btn {padding: 8px 10px;min-width: auto;height: auto;line-height: 10px;font-size: 11px;color: #fff !important;}
.notification-main-bx .clear-btn:hover{color: #fff !important;}
#sub-menu ul {  padding-left: 0;}
#sub-menu ul li{list-style-type: none;}
.header_actions li.notifiy:hover .notification-main-bx {
    display: block;}
.clear-btn-bx {padding: 10px 0;}
.header_title.welcomeText { display: inline-block;padding: 15px 0 0;}
#sidebar #sub-menu li a {padding-right: 40px;font-size: 12px;}
.reply-info ul li ul li:last-child {
   background: transparent;
}
.reply-info li.child_admin {
    background:#efefef;
}
.reply-info li.child_admin {
    color: #636b6f;
}
#sidebar li.active .collapse {display: block;}
.crud_panel label {color: #fff;}
.crud_panel select { margin: 5px 0;}
.dataTables_info { color: #fff;}
.page-item.active .page-link {background-color:#636b6f;border-color:#636b6f;}
.general_form .logo_bx {width: 250px;height: 173px;}
.general_form img {
    width: 100%;
    height: 100%;    filter: invert(1);
}
.card_box.pie-chart-box .d-flex-cstm {
    display: flex;
   
}
.card_box.pie-chart-box #top5Charts {
    padding: 15px;
}
.card_box.pie-chart-box .chart-cstm {
    margin: 0;
    width: 100%;
}

.tenant-pie-chart div#top5Charts {
    margin-right: 15px;
}
.pie-chart-box form {width: 100%;}
.detail_row .detail_secondary label span.description-bx, .description-bx{max-height: 60px;overflow-y: scroll;display: block;}
.dropdown-item.active, .dropdown-item:active { color: #636b6f;}
/*.dropdown-menu {background: #ebfffb !important;}*/
.dropdown-item:focus, .dropdown-item:hover { background-color:#fdfdfd;outline: none;}
table.dataTable.no-footer {
    margin-top: 30px;
}
.crud_panel.datatable-bx {position: relative;}
.crud_panel.datatable-bx:before {
    position: absolute;content: "";left: 0;right: 0;top: 18px;background:#636b6f;width: 100%;height: 100px;}
.crud_panel.datatable-bx div.dataTables_wrapper div.dataTables_filter input, .crud_panel.datatable-bx .dataTables_length select {
    box-shadow: none;
    border: 1px solid #fff;    border-radius: 5px;}
.crud_panel.datatable-bx select.form-control {
    background: url(../images/select_aero_white.png) no-repeat right center;
    
}
.finding-info-bx label {
    padding-left: 180px;
}


.page_content.dashboard .input_bx input {
    border-bottom: 1px solid #fff !important;
    border-radius: 0 !important;
    height: 45px !important;
}
.page_content.dashboard .input_bx input:focus {
    background: transparent;
    color: #fff;
}
.header_actions img { filter: invert(1);}
.btn_tenant {background: #a6c7b2;border-color:#a6c7b2; }
.btn_client, .multi-backout:hover { background: #f8a78b;border-color:#f8a78b; }
.search_Action .btn_tenant:hover, .btn_tenant:hover {background: #8eb19b;border-color: #8eb19b;} 
.search_Action .btn_client:hover, .btn_client:hover {background: #f19c7e; border-color: #f19c7e;}
.tenant-table-sec .dropdown-toggle img {filter: invert(1);}
.multi-backout {
    border-color: #f8a78b;
    color: #f8a78b;
}
.nav-tabs {
    border-bottom: 1px solid #b1b5b7;
}
.settings .card_box {
    margin-bottom: 0;
}
.btn-primary.focus, .btn-primary:focus, .btn:focus {
    box-shadow: none;
    outline: none;
}
.crud_detail label span {
    color: #636b6f;
}

.general_form .input_bx select {
    background: url(../images/select_aero_black.png) no-repeat right center #fff !important;
}
.general_form .input_bx i{opacity: 1;}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow:none;
}
.crud_detail .detail_row label b {
    color: #636b6f;
 
}

.page_content.dashboard .input_bx input.form-control.client-search-bx {
    border-bottom: 1px solid #d0d2d4 !important;
}
.input_bx img {
    filter: invert(1);
}
.clientsPage a.dropdown-toggle img {
    filter: invert(1);
}
.StartUp_panel .input_bx img {
    filter: invert(1);
}
.table .btn-sm {
    line-height: 1.5;
    min-width: 80px;
}
.pagination{justify-content: center;}
.black_btn{ border-color: #636b6f;color: #636b6f;}
.fill_black_btn, .black_btn:hover{
    background: #636b6f;
    color: #fff;
    border-color: #636b6f;
}
.fill_black_btn:hover{ background: #565858; border-color: #565858; color: #fff;}
.dropdown-menu {
    background: #636b6f;
   
}
.ac-cstm .dropdown-menu:before{border-bottom-color: #636b6f;}   
.dropdown-item{color: #fff;}
.dropdown-item:hover img {
    filter: invert(1);
}
.page-link { color: #636b6f;border-radius: 4px;}
#message_badge_notify { top: 6px;}
.main_wrapper.active .current_risk_status {
    min-height: 458px;
}
#sidebar #sub-menu-one a {
    padding-left: 75px;
}
#sidebar #sub-menu-one a img.img-fluid {
    left: 43px;
}
.pagination .paginate_button {
    margin-right: 5px;
}
.page-link:hover {
    color: #fff;background-color: #636b6f;border-color: #636b6f;
}
#sidebar #sub-menu-one li a {
  background: #636b6f;
}
#sidebar #sub-menu li a img, #sidebar #sub-menu-one li a img {
    filter: invert(1) !important;
}
#sidebar #sub-menu li a {
    background: transparent;
    color: #636b6f;
}
#sidebar #sub-menu-one li a {
    background: #636b6f !important;
    color: #fff !important;
}
#sidebar #sub-menu-one li a img{filter:none !important;}
#sidebar #sub-menu li a {
    padding-right: 40px;
    font-size: 12px;
    color: #636b6f;
    background: transparent;
}
.main_wrapper.active .card_box.tenant-pie-chart {
    min-height: 432px;
} 
.testing-target-sec {
    display: none;

}
.dropdown.ac-cstm .dropdown-toggle img {
    filter: invert(1);
}
@media(min-width:1367px)
{
.container_form{ height:100vh;}
}
@media (min-width:1025px)
{
.table-responsive{overflow:initial;}
.modal-dialog {max-width:640px;}
#ThanksFeedbackPopup .modal-dialog{max-width:511px;}
.footer{padding-left: 230px;}
}
@media (min-width:769px)
{
#wrapper{margin-left:230px}
.main_wrapper.active #wrapper{margin-left:0}
.main_wrapper.active #sidebar{transform:translateX(-230px)}
.w-com.csmt-sale .cost-v .col-md-4{padding:0 20px}
.main_wrapper.active .footer{margin-left:0}
} 

@media (max-width:768px) {
    
#UploadLogo .files:after {left: 35px; width: 122px; padding-left: 10px;}    
.main_wrapper.active #sidebar{transform:translateX(0)}
.main_wrapper #sidebar{transform:translateX(-230px)}
#header{padding-right:0}
.header_actions ul li:first-child {margin-right:10px;padding:0 10px;}
}
@media (max-width:640px) {
.col{width:100%;flex-basis: inherit;}
.col.offset-1 {margin: 0;}
.upload_btn, .back_link, .upload_actions{margin-left: 7px;}
}
@media (max-width: 1366px){
    .dash_icon {
        margin-right: 0;
    }
}