@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:#131b2c;}
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 #fff;-webkit-appearance: none;-moz-appearance:none;}
.login_form .btn{font-weight:500;}
.btn-danger{color:#fff;background-color:#e2504c;border-color:#e2504c;}
#header{background:#1e293f;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 #1e293f;}
#sidebar {position:fixed;background:#1e293f;top:69px;bottom:0;left:0;padding-top:20px;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:2px 11px;background:#cdb000; height: 70px;    text-align: center;}
.logo span{font-size:27px;margin:0;display:block;font-family:GothamRounded-Medium;color:#fff;font-weight:600;}
#header .logo img{width:25%}
.header_actions{float:right;margin:27px 27px 0 0;}
.header_actions ul li{display:inline-block}
#sidebar li {margin: 12px 0;float: left;width: 100%;}
#sidebar ul li a {color: #fff;padding: 4px 0px 4px 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 a:hover, #sidebar ul li.active a {color:#cdb000;border-color:#cdb000;}
#sidebar ul li.active a{font-family:'GothamRounded-Medium';}
#sidebar ul li .img-fluid { filter:grayscale(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:#cdb000;-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: #ff0100;
    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:#cdb000;color:#fff;display:inline-block;border-radius:50px;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:#6d6d6d;
    color: #fff;
    border-radius: 5px;
    font-weight: 600;
}
.default_btn:hover{background: #000;
    color: #fff;}
.review_edit_btn {
    background: #cdb000;
    color: #fff;font-weight: 600;border-radius: 5px;
    border-color: #cdb000;
}
.review_edit_btn:hover{color:#fff; background:#cdb000;border-color:#cdb000;}
.primary_btn:focus, .default_btn:focus, .review_edit_btn:focus{ outline:none; }
.main_wrapper .form-control {height:43px;font-size:17px;letter-spacing:inherit;color:#fff;}
.page_content { float:left;width:100%;overflow:hidden;border-radius: 10px;}
.search_filter_panel {float:left;width:100%; margin-bottom:20px;}
.dropdown.ac-cstm .dropdown-menu.show {
    top: 24px !important;
    left: -103px !important;
    border: none;
    box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);
    right: auto !important;
    transform: none !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; line-height: 20px; vertical-align:middle;font-size:14px;color:#fff;}
.table thead {background:#cdb000;}
.table thead th {border-bottom:none;font-weight:600;}
.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;display: flex;
    justify-content: center;}
.pagination_panel li a.page-link{background:#6d6d6d; color: #fff;}
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:#cdb000;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{display:flex;text-transform:uppercase;letter-spacing:2px;justify-content: center;}
.pagination_panel .page-item a{width:30px;height:30px;font-size:14px;line-height:18px;text-align:center;padding:5px;border:none}
.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;display: none;}
.btn:hover{color:#fff!important}
.btn:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}
.pagination_panel a.page-link{color:#cdb000;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:#cdb000;color:#fff;padding:10px 15px;text-align:center;font-size:18px;}
.crud_panel{padding:15px;background:#1e293f;}
.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: #fff;}
.detail_row label span{color:#fff; font-weight:600;}
/*.detail_row .detail_secondary label {padding-left:285px;}*/
.page_content .detail_row .form-group {margin-bottom:20px;}
.dropdown-item{ padding:10px; }
.btn-sm{border-radius:30px;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:30px 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:0;}
.StartUp_head h3 {
    font-weight: 600;
    color: #cdb000;
    font-size: 43px;
}
.login_forgot_fields label {color: #cdb000;}
.forgot_link a {color: #cdb000;}
.forgot_link a:hover{color:#cdb000;}
.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: #fff;
    background: #6d6d6d;
}

.login_forgot .default_btn:hover {
  background: #000;
}
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 #9da8ea;padding:0;color:#fff;}
.form-control{height:43px;font-size:15px;background:none;border:none;border-bottom:1px solid #b2b2b2;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:#1e293f;border-radius:6px;

    min-height: 310px;}
.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 #658aa9;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: #fff;}
.footer {position:fixed; bottom:0;left:0; right:0;    z-index:9;padding:8px 0 8px;background:#1e293f;}
.page_heading h4 {color:#cdb000; margin:0;font-size:18px;}
.page_heading {padding:15px;}
.btn{box-shadow:none !important;}
.search_Action {padding:0 15px;}
.btn-primary {
    background: #cdb000;
    border-color: #cdb000;
    font-weight: 600;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {background:#cdb000;border-color:#cdb000;}
table td .circle {width:15px;height:15px;border-radius:50%;display:inline-block;background:#fff;}
.circle.green{background:#00ca09;}
.circle.red{background:#ff0100;}
.table td { padding: 15px 12px;}
.search_Action select.form-control{background: url(../images/select_aero_white.png) no-repeat right center #cdb000;border-color:#cdb000; color:#fff;border-radius:.25rem;}
.footer a {color:#cdb000;}
.crud_panel .form-group label {color:#cdb000;font-size:14px;margin:0; min-height: 15px;}
.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;color: #fff;}
.page_content.dashboard .form-control {border:none;color: #1e293f;padding: 0 12px;border-radius:3px;height: 28px !important;width: 122px;font-size: 14px;float: right;    background-color: #cdb000;}
.page_content.dashboard .form-control:focus{background:#fff;}
.search_Action .form-control {width:100% !important;}
.message_box{background:#151e30;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:#cdb000;}
.message_cont p{font-size:14px; line-height:25px;}
.message_cont a {color:#cdb000;}
.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;}
.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:#1e293f; padding:15px;position:relative;border-radius:10px;}
.setting_panel ul li {padding:0 15px;}
.setting_panel ul li a {color:#fff;font-size:18px; float:left;width:100%;}
.setting_panel ul li a.active, .setting_panel ul li a:hover{color:#cdb000;}
.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 #cdb000;}
.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:#cdb000;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; font-size: 16px; 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: 0;
vertical-align: middle;
}
.border_btn {
border: 1px solid #cdb000;
border-radius: 4px;
padding:10px 13px;
color: #cdb000;
display: inline-block;
}
.border_btn:hover{background:#cdb000; 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:#cdb000; }
.upload_actions a.delete_icon { background:#b43430;}
.modal-header { background:#cdb000; 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:#cdb000; color:#fff; border-color:#cdb000;}
.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;}

/***********************************************************/
#UploadLogo input{border:none;background:none;}
.files input {outline:2px dashed #d8d8d8;outline-offset:-10px;-webkit-transition:outline-offset .15s ease-in-out, background-color .15s linear;transition:outline-offset .15s ease-in-out, background-color .15s linear;padding:64px 10% 116px 10%;text-align:center !important;margin:0;border:none;width:100% !important;
   overflow: hidden;

}
.files input:focus{outline:2px dashed #92b0b3;  outline-offset:-10px;-webkit-transition:outline-offset .15s ease-in-out, background-color .15s linear;transition:outline-offset .15s ease-in-out, background-color .15s linear; border:1px solid #92b0b3;}
.files{ position:relative}
.files:before {position:absolute;bottom:10px;left:0;  pointer-events:none;width:100%;right:0;height:57px;content:" or drag it here. ";display:block;margin:0 auto;color:#cdb000;font-weight:600;text-transform:capitalize;text-align:center;}
#UploadLogo label {text-align:center;font-size:16px;color:#fff;line-height:22px;margin-bottom:15px;}
#UploadLogo .fileUpload{min-width:200px;border-radius:30px;}
#drag_upload {padding-top:43px;}
#UploadLogo .files:after {
    content: 'Select Files';
    position: absolute;
    background:#1e293f;
    height: 35px;
    top: 62px;
    left: 15px;
    width: 170px;
    color: #fff;
    line-height: 35px;
    padding-left: 78px;
}
.modal-dialog h4 {font-size: 16px; font-weight: normal; font-family: 'GothamBook';}

/*********************************************************************************/
.welcomeText{margin-bottom:15px;}
.btn-export {background:#cdb000;color:#fff;border-radius:4px;min-width:160px;display:inline-block;text-align:center;height:40px;line-height:40px;font-weight: 600;}
.btn-export:hover{background:#1e293f;color:#fff;}
.welcomeText h5{font-family:'GothamBook';color: #fff;font-size:16px;margin:0;line-height:40px;}
.welcomeText h5 span{color:#cdb000;margin-left:5px;}
.txt{font-size: 16px;color: #fff;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: #cdb000; height: 10px; width: 10px; border-radius: 50%; position: absolute;content: '';left:-2px;top:4.2px;}
.Add_delete_row a {width: 39px;height: 39px;line-height: 32px;border: 2px solid;display: inline-block;text-align: center;border-radius: 6px;font-size: 24px;color: #cdb000;margin: 0 7px;}
.Add_delete_row a.addRow{border-color:#cdb000;}
.Add_delete_row a.deleteRow{border-color:#e2504c;color: #e2504c;}

.status_head {
border-bottom: 1px solid #658aa9;padding:10px 20px;
}
.status_head h3 {
font-size: 16px;
color: #fff;
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: #cdb000;
-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:#fff;color: #000;
}
@-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);
}
}
/** Preloader CSS Ends**/
/*********CSS-02-July-2020*******/
.dashboard-bxs {
padding: 1px;
}
.dashboard_box {
    background: #131b2c;
    float: left;
    transition: .3s ease all;
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    border-radius: 6px;
    margin: 0 0 28px;
    box-shadow: 0 0 10px rgb(180 155 1);
}
.dashboard_box:hover {
transform: translateY(-5px);
 box-shadow:0 0 8px #cdb000;
}
.dash_cont h3 {
font-size: 25px;
margin: 0;
}
.dash_cont span {
font-size: 15px;
line-height: 19px;color:#fff;
}
.dash_cont span em {
display: block;
font-style: normal;
}
.dash_icon {
height: 70px;
background: #cdb000;
padding: 10px;
border-radius: 10px;
float: left;
margin-right: 30px;
width: 70px;
}
.dash_cont b {
color: #fff;display: block;font-weight: normal;
}

.dash_cont em {
display: block;
font-style: normal;
font-size: 14px;
color: #fff;
}
.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: #fff;
}

.progress {background-color: #131b2c;height: 6px;}
.progress-bar{background: #cdb000;height: 6px;}
.dark-progress, .light-pro {
margin-bottom: 15px;
}
.card_head .form-group.d-inline-block {
margin-bottom: 0;
}
.testing-target-table {
    display: none;
}

.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;
}
.reply-info {
    margin-top: 20px;
}
.reply-info li {
    padding: 15px;
    background: #1e293f;
    border-radius: 13px;
    margin-bottom: 20px;
    border: none;
    width:100%;
}

.reply-info li li {
    padding: 5px;
    margin: 5px 0 0;
    width: auto;
    font-size: 11px;
}
.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{
    margin-bottom: 30px;
    min-height: 386px;

}

#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;}
.notification-main-bx .clear-btn:hover{color: #fff !important;}
#sub-menu ul {  padding-left: 25px;}
#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: #3a4c71;
}
#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: #cdb000;border-color: #cdb000;}
.general_form .logo_bx {width: 250px;height: 173px;}
.general_form img {
    width: 100%;object-fit: contain;
    height: 100%;
}
.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;}
.description-bx{width:270px;}
.dropdown-item.active, .dropdown-item:active {    background-color: #ebfffb !important;
    color: #000;}
.dropdown-menu {background: #ebfffb !important;}
.dropdown-item:focus, .dropdown-item:hover { background-color: #fff;}
table.dataTable.no-footer {
    margin-top: 30px;
}
.nav-tabs {
    border-bottom: 1px solid #cdb000 !important;
}
.crud_panel.datatable-bx {position: relative;}
.crud_panel.datatable-bx:before {
    position: absolute;content: "";left: 0;right: 0;top: 18px;background:#cdb000;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: 2px solid #fff;}
.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;
}
.findings_upload_btn .border_btn {
    border: 1px solid #cdb000;
    border-radius: 4px;
    padding: 9px 4px;
    font-size: 13px;
    color: #cdb000;
    display: inline-block;
}
.findings_upload_btn .border_btn:hover {
    color: #fff;
}

.error_label_log {
    min-width: 130px;
}
.checkAll, .check_log{
    cursor: pointer;
}

.primary_btn {
    background: #cdb000;
    color: #fff;font-weight: 600;    border-radius: 5px;
}
.primary_btn:hover {
    background: #d3b70c;
    color: #fff;
}

.btn_tenant {
    background: #cdb000;font-weight: 600;color: #fff;border-color: #cdb000;vertical-align: top;
}
.btn_client{ background: #d3b70c;font-weight: 600;color: #fff;border-color:#6d6d6d;}
.btn_client:hover{ background:#000;border-color:#000;}
.btn_tenant:hover {
    background: #d3b70c;border-color:#d3b70c;
}

.table th{color: #fff;background: #cdb000;}
.table td{color: #fff;}
.log_box.card_box {
    padding-left: 15px;
    padding-right: 15px;
}

.page_content.dashboard .search_Action form input.form-control {
    height: 40px !important;
    border-bottom: 1px solid #b2b2b2;
    background: #fff;
    border-radius: 0;
    line-height: 42px;
}
.main_wrapper.active .current_risk_status {
    min-height: 444px;    margin-bottom: 30px;
}

.StartUp_head .logo {
    float: none;
    display: inline-block;
    height: auto;
    border-radius: 116px;
    width: 150px;
    height: 150px;
    padding: 12px 0 0;
}
.StartUp_head .logo img {
    width: 70%;
}
.alert-success {
    color: #000;
    background-color: #fff7c5;
    border-color: #fff7c5;
}
.btn-info, .btn-info:hover {
   background-color: #b2b2b2;
    border-color: #b2b2b2;
}
.set-client-password-sec .crud_head {
    border-radius: 10px 10px 0 0;
    margin-bottom: 30px;
}
.set-client-password-sec .form-group {
    margin-bottom: 20px;
}
.form-control:focus {
   border-color: #cdb000;
   }
.dashboard-right-bx {
    float: right;
}
.tenant_head_bx {
    padding-top: 15px;
}

.tenant_head_bx .page_heading {
    padding: 12px 15px;
}
.tenant_btn_bx {
    margin-top: 6px;
}
.setting_panel ul li:nth-child(1) {
    padding-left: 0;
}
.page_content.admin-dashboard, .page_content.client-dashboard, .page_content.tenant-dashboard{border-radius: 0;}
#sidebar li #sub-menu li {margin-bottom: 0;}
.pagination_panel .page-item.disabled .page-link {
    color: #cdb000;
    background-color: #6d6d6d;
    border-color: #6d6d6d;
    padding: 5px;
    width: 30px;
    color: #fff;
    height: 30px;
    font-weight: 600;
    text-align: center;
}
.pagination_panel .page-item.active .page-link {
    padding:5px;
    width: 30px;
    height: 30px;
    text-align: center;
}
.main_wrapper.active #UploadLogo .files:after {
    left: 25px;width: 170px;}
.btn-danger.focus, .btn-danger:focus {
    box-shadow: none;
    outline: none;
}
.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-danger.dropdown-toggle:focus{box-shadow: none;}
.dropdown.ac-cstm button.dropdown-item:focus {outline: none;}
button.dropdown-item{
    cursor: pointer;
}

.client-finding .dropdown.ac-cstm .dropdown-menu.show {
    transform: none !important;
    min-width: 87px;
}
.client-finding .ac-cstm .dropdown-menu:before{right:29px;}
.client-finding .dropdown-item:focus, .client-finding .dropdown-item:hover {
    background-color: transparent;
}
.client-finding .dropdown.ac-cstm .dropdown-menu.show{left:-33px !important;}
.dropdown.ac-cstm span.img-bx {
    max-width: 15px;
    display: inline-block;
    margin-right: 10px;
    width: 100%;
    vertical-align: middle;
}
.dropdown.ac-cstm span.img-bx img {
    width: 100%;
}
.Add_delete_row {
    line-height: 55px;
}
span.replier_name{
    font-weight: bold;
    color: lightgoldenrodyellow;
    font-size: 15px;
}
.message_delete_btn{
    background: none;
    border: 0;
    color: #cdb000;
    cursor: pointer;
}

.unseen_message{
    border:2px solid #cdb000;
}
.setting_panel.testing-target-tab-panel li {
    width: 33%;padding: 0;
    text-align: center;
}
.setting_panel.testing-target-tab-panel li a span {
    float: none;
}
.setting_panel.testing-target-tab-panel ul.nav.nav-tabs {
    border:none !important;

    border-radius: 5px;
}
.setting_panel.testing-target-tab-panel li a{ padding: 8px;color: #fff;border-top: 1px solid #ccc;
    padding: 8px; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; position: relative; font-size: 16px; font-weight: bold;
    border-right: 1px solid #ccc;
}
.setting_panel.testing-target-tab-panel ul li a.active, .setting_panel.testing-target-tab-panel ul li a:hover {
    background: #cdb000;color:#fff;border-color: #cdb000;
}
.setting_panel.testing-target-tab-panel li:nth-child(1) a {
    border-left: 1px solid #ccc;border-radius: 4px 0 0 4px;
}
.setting_panel.testing-target-tab-panel li:nth-child(3) a {
    border-right: 1px solid #ccc;border-radius: 0 4px 4px 0 ;
}
.setting_panel.testing-target-tab-panel li a.active span, .setting_panel.testing-target-tab-panel li a:hover span{border:none;}
.setting_panel.testing-target-tab-panel li:nth-child(1) a.active, .setting_panel.testing-target-tab-panel li:nth-child(3) a.active  {
    border-color: #cdb000;
}
.setting_panel.testing-target-tab-panel li a:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width:8px 8px 0 8px;
    border-color: #cdb000 transparent transparent transparent;
    bottom: -9px;
    left: 0;
    right: 0;opacity: 0;
    margin: 0 auto;
}
.setting_panel.testing-target-tab-panel li a.active:before, .setting_panel.testing-target-tab-panel li a:hover:before {
    opacity: 1;
}
.tooltip_bx a {
    position: relative;
    width: 20px;
    height: 20px;
    display: block;
}
.tooltip_bx a .tooltiptext {
  visibility: hidden;
  width: 405px;
  background-color: #d3ddc2;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 4px 0;
  position: absolute;
  z-index: 1;
  top: -1px;font-size: 12px;
  left:28px;color: #000;
}
.tooltip_bx img {
    width: 100%;
}
.tooltip_bx a .tooltiptext::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #d3ddc2 transparent transparent;
}
.tooltip_bx a:hover .tooltiptext {
  visibility: visible;
}
.ip-address {
    display: flex; align-items: center;    margin-bottom: 10px;
}

.ip-address h1 {
    font-size: 18px;
    color: #cdb000;
    margin-right: 10px; margin-bottom: 0;
}
.main_wrapper .testing-target-tab-panel textarea {
    height: 200px;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    padding: 5px;
    font-size: 16px;
}
.main_wrapper .testing-target-panel textarea {
    height: 150px;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    padding: 5px;
    font-size: 16px;
}

.form-group.testing-url {
    margin-bottom: 10px;
}
.target-ip p {
    color: #fff;
}
.note-bx {
    margin-top: 10px;
}
.note-bx p {
    color: #fff;
}
.form-control.client_textarea {
    height: 80px;
}
.adminclient_sec select.form-control:not([size]):not([multiple]) {
    height: 43px;
}
.finding-detail {
    width: 100%;
}
input::placeholder {
    font-size: 13px;
}
.year-calendar input#datepicker {
    background: #fff;
    text-align: center;
    cursor: pointer;
    padding: 0;
    line-height: 30px;
    width: 120px;
    text-indent: 0;
}
.ui-datepicker-calendar , .ui-datepicker-month {
    display: none;
 }
.ui-widget-header {
    border: 1px solid #cdb000 !important;
    background: #cdb000 !important;
    color: #000 !important;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #cdb000 !important;
    background: #cdb000 !important;
    color: #000 !important;
}
div#ui-datepicker-div {
    left: 940px !important;
}

.ui-datepicker-year{
    cursor: pointer;
}

.btn_risk_filter{
    float:left;
}
.year-calendar input#reportrange {
    width: 183px;     height: 37px !important;   background: transparent;
    padding: 0;
}
.year-calendar input#reportrange:focus {
    background:transparent;
}
.finding-info-bx .description-bx {
    width: 764px;
    max-height: 150px;
    overflow: auto;

}

.client-finding .dropdown.ac-cstm .dropdown-menu.show img {
    margin-right: 7px;
}
.no_uploads_found{
    display: none !important;
}

/* 29-12 css start  */

.table-responsive{ min-height:inherit; }
body .risponsivefrom label, body .risponsivefrom .form-group, body .risponsivefrom .description-bx.textarea-full{  width:100% !important; float: left; }
body .risponsivefrom .description-bx.textarea-full{ min-height:inherit; }
body .risponsivefrom .description-bx.textarea-full textarea{ width:100% !important; max-height:inherit; padding: 0; overflow-y:scroll; float:left; border:0px; border-radius:0px; }

/* 29-12 css end */
select option {
    background: #bebebe;
    font: -webkit-control;
    font-size: 15px;
}
option:hover {
    background-color: #cdb000;

}
.client-table-detail .ac-cstm .dropdown-menu:before {
    right: 54px;
}
.word-wrap-text {
    width: 261px;
    max-height: 57px;
    overflow: auto;
}

body .risponsivefrom .description-bx.textarea-full textarea.form-control {
    height: 75px;
}

/* Works on Chrome, Edge, and Safari */
::-webkit-scrollbar-corner {
    background: #ccc;
}
* {
    scrollbar-width: thin;
    scrollbar-color: #ccc;
}
*::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
*::-webkit-scrollbar-track {
    background: #ccc;
}
*::-webkit-scrollbar-thumb {
    background-color: #1e293f;
    border-radius: 5px;
    border: 1px solid #ccc;
}
.add-client-download .btn_client {
    padding: 7px ;
    font-size: 15px;
}

.swal2-styled.swal2-default-outline:focus {
    box-shadow: none;
}

h2#swal2-title {
    font-size: 20px;
    font-weight: 500;
}
div#swal2-html-container {
    margin: 7px 0 0;
    font-size: 14px;
}
.swal2-icon {
    width: 4em !important;
    height: 4em !important;
}
.swal2-styled.swal2-confirm, .swal2-styled.swal2-cancel{padding: 6px 12px;
    height: auto;}
    .swal2-styled.swal2-confirm:focus, .swal2-styled.swal2-cancel:focus{outline:none !important;box-shadow: none !important;}
.swal2-icon.swal2-warning.swal2-icon-show {
    margin: 20px auto 0;
}
.swal2-popup.swal2-modal.swal2-icon-warning.swal2-show {
    max-width: 400px;
}


/******************************************/


@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:1440px)
{
    .crud_panel select option { font-size: 12px;}
    #UploadLogo .files:after {left: 34px;width: auto;}
}
@media (max-width: 1366px){
    .dash_icon {margin-right: 0; }
    .findings_upload_btn .border_btn {padding: 9px 4px;font-size: 11px ;}
   .add-client-download .btn_client {padding: 9px 15px;font-size: 12px;}
   .page_heading h4 {  font-size: 16px;}
   table.client-table-detail.table .dropdown.ac-cstm .dropdown-menu.show {
       left: -130px !important;}
   .client-table-detail .ac-cstm .dropdown-menu:before {
       right: 23px;
   }
}

@media(max-width:1280px)
{
    #UploadLogo .files:after{left:30px;}
    .main_wrapper.active .current_risk_status {min-height: 420px;}
    .current_risk_status {min-height: 352px;}
    #UploadLogo .files:after {left: 25px;width: 152px;}
    .detail_row label {  padding-left: 290px;}
}

@media(max-width:1024px)
{
    .note-bx p {font-size: 14px;}
    .dropdown.ac-cstm .dropdown-menu.show .dropdown-item {
    font-size: 13px;}
    .table thead th { vertical-align: top;}
    .general_form .logo_bx {width: 173px;height: 173px;}
    .Client_risk_panel {min-height: 373px !important;}
    .card_box.risk_over_time {min-height: 344px;}
    .current_risk_status {min-height: 347px;}
    .dash_icon{width:50px;height: 50px;}
    .dash_icon img { width: 100%;}
    .dash_cont em{font-size: 10px;}
    .dash_cont b {font-size: 12px;}
    .tenant_btn_bx .btn_client, .tenant_btn_bx .btn_tenant {font-size: 11px;padding: 10px 5px;}
    .findings_upload_btn .border_btn { padding: 9px 9px;font-size: 7px;}
    .main_wrapper .search_Action .form-control{font-size: 8px;}
    .main_wrapper .form-control{font-size: 12px;}
    #UploadLogo .files:after {left: 37px;width: 91px;font-size: 12px;top: 58px;padding-left: 20px;}
    .delete_logs_btn .btn_client, .search_Action .btn_tenant {font-size: 11px;padding: 10px;}
    .tenant-client-sec a.btn.btn_client { font-size: 11px;padding: 10px 13px;}


}
@media (max-width:812px) {
    .tooltip_bx a .tooltiptext{width: 285px;}
}
@media (max-width:768px) {
    .current_risk_status, .card_box.risk_over_time {margin-bottom: 20px;}
    .search_Action .col-lg-3.col-md-3 {padding: 0;}
    .main_wrapper .search_Action .form-control {font-size: 13px;}
    .search_Action form .col-lg-4.col-md-4, .search_Action form .col-lg-8.col-md-8 {padding: 0 7px;}
    .search_Action {padding: 0 !important;}
    .clientsPage .padding_0 { padding: 0 15px;}
    .admin-dashboard .card_box {margin-bottom: 25px;}
    #UploadLogo .files:after { left: 35px; width: 91px; padding-left: 20px;}
    .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:767px) {
    .setting_panel.testing-target-tab-panel li a{font-size: 12px;}
    #wrapper{margin-top: 100px; padding: 30px 20px 45px;}
    .header_title.welcomeText {text-align: center;display: inline-block;background: #1e293f;width: 100%;padding: 0;}
    .header_actions { margin: 27px 0 0 0;position: absolute;right:15px;top: 0;}
    .app-sidebar__toggle {padding: 0 6px;}
    .dashboard-right-bx a {min-width: 157px;}
    .tenant_head_bx .row {margin: 0;}
    .main_wrapper .search_Action .form-control {font-size: 9px;}
    .search_Action .col-lg-3.col-md-3 {padding: 0  7px;}
    .clientsPage form .row { margin: 0;}
    .clientsPage a.btn.btn-primary.btn_client { width: 100%;}
    .upload_panel {text-align: center; margin-bottom: 10px;margin-top: 10px;}
    .findings_upload_btn .border_btn { font-size: 11px;}
    .footer p { font-size: 10px;}
    .message_cont li { margin-right: 0;font-size: 11px;padding-right: 5px;}
    .settings_fields { padding: 0;}
    .setting_panel ul li a{font-size: 14px;}
    #UploadLogo .files:after {left: 26px;width: 120px;padding-left: 50px;}
    .settings_fields .btn_panel {padding-top: 0;}
    .header_actions ul li {margin: 0 5px 0 5px;}
    .header_actions ul li:first-child { margin-right:5px; padding: 0;}
    .clientsPage .btn_tenant.btn-block { margin: 15px 0 0;}
    .detail_row label b {position: static; width: 100%; float: left;}
    .detail_row label{padding-left: 0;}
    .Add_delete_row {padding: 25px 0;display: block;}
    .general_form .logo_bx { width: 100%; height: 100%;}
    .tenant-client-sec a.btn.btn_client { width: 100%;}
    .tenant-client-sec .btn_tenant.btn-block {margin: 0;}
      .clientsPage .col-lg-3 {margin: 0 15px;}

}
@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:500px) {
    .tooltip_bx a .tooltiptext{top: -13px;width:168px;}
    .alert-danger {margin-top: 10px;
    font-size: 13px;
    text-align: center;}
    .Add_delete_row {padding: 15px 0;}
    .page_content .website_ip .form-group, .page_content .domain_name .form-group {
    margin-bottom: 0;}
    #sidebar ul li a{font-size: 12px;}
    .main_wrapper .search_Action .form-control {font-size: 10px;}
    .general_form .btn_panel { display: flex;}
    .dashboard-right-bx {float: none;text-align: center;}
    .dash_cont {  width: 80%;}
    .general_form .btn_panel button, .general_form .btn_panel a {
    font-size: 12px;padding: 0;width: 100%;}
    .messageBtn {justify-content: flex-end;display: flex;}
    .messageBtn a {min-width: auto;font-size: 11px;margin: 0 5px;height: auto;line-height: inherit;padding: 10px;}
    .message_cont h4 {font-size: 13px;}
}
@media (max-width:375px) {

    .dashboard-right-bx a { min-width: 148px;}
    .logo{width:184px;}
    .modal-dialog h4 { font-size: 12px;}
    .modal-dialog { margin: 80px auto;width: 92%;}
    .tenant-dashboard .text-right {text-align: center !important;}
    #UploadLogo .files:after {left: 26px;width: 91px; padding-left: 20px;}
    .setting_panel ul li a {font-size: 10px;}
    .setting_panel ul li {padding: 0 8px;}
    .forgot_link::before, .forgot_link::after{width:25%;}

    .general_form .btn_panel button, .general_form .btn_panel a {
    font-size: 12px;
    padding: 0;
    width: 100%;}
}
@media (max-width:320px) {
    #UploadLogo .files:after {left: 23px;}
    .primary_btn, .default_btn, .review_edit_btn {min-width: 123px;}
    .dashboard-right-bx a {min-width: 128px;font-size: 14px;}
    .logo {width: 160px;}
    #header .logo img {width: 40%;}
    .dash_cont {width: 70%;}
    .setting_panel.testing-target-tab-panel li a {
    font-size: 11px;}
    .ip-address h1 {font-size: 10px;}
    .testing-target-tab-panel .primary_btn, .testing-target-tab-panel a.default_btn {
    min-width: 110px;
}
}