@font-face {
    font-family: 'GothamRoundedLight';
    src: url('../gotham-rounded/GothamRoundedLight.ttf');
}
@font-face {
    font-family: 'GothamRoundedBold';
    src: url('../gotham-rounded/GothamRoundedBold.ttf');
}
@font-face {
    font-family: 'GothamRoundedMedium';
    src: url('../gotham-rounded/GothamRoundedMedium.ttf');
}
@font-face {
    font-family: 'GothamRoundedBook';
    src: url('../gotham-rounded/GothamRoundedBook.ttf');
}
.gray-text
{
    color: #888888;
}
.fa-eye:before {
    content: "\f06e ";
    font-family: 'Font Awesome 5 free';
    font-weight: 400;
}
i#hide_eye:before {
    content: "\f070";
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}
span.hour:nth-child(0){

    display: none;
}

span.hour:nth-child(1){

    display: none;
}
span.hour:nth-child(2){

    display: none;
}
span.hour:nth-child(3){

    display: none;
}
span.hour:nth-child(4){

    display: none;
}
span.hour:nth-child(5){

    display: none;
}
span.hour:nth-child(6){

    display: none;
}
span.hour:nth-child(7){

    display: none;
}
span.hour:nth-child(8){

    display: none;
}
span.hour:nth-child(9){

    display: none;
}
span.hour:nth-child(10){

    display: none;
}
span.hour:nth-child(12){

    display: none;
}
span.hour:nth-child(13){

    display: none;
}
span.hour:nth-child(14){

    display: none;
}
span.hour:nth-child(16){

    display: none;
}
span.hour:nth-child(17){

    display: none;
}
span.hour:nth-child(19){

    display: none;
}
span.hour:nth-child(20){

    display: none;
}
span.hour:nth-child(21){

    display: none;
}
span.hour:nth-child(22){

    display: none;
}

span.hour:nth-child(23){

    display: none;
}

span.hour:nth-child(24){

    display: none;
}
#kt_datatable_sdm_wrapper th{
    width: auto !important;
}


body, p, li, span, label, a, option, input::placeholder, table td, select
{
    font-family: 'GothamRoundedBook' ;
}
select > option
{
     font-family: 'GothamRoundedBook', sans-serif!important ;
     font-weight: 600;
}
h1, h2, h3, h4, h5, h6, table th
{
    font-family: 'GothamRoundedBold' ;
}
.color-white {
    color: white;
}
#kt_datatable tbody tr td{
    font-weight:400 ;
}
.aside-menu
{
    background: #00807B;
}
.profile-header span
{
    color:black !important;
}
span.text-dark-50.font-weight-bolder.font-size-base.d-none.d-md-inline.mr-3 {
    font-family: 'GothamRoundedBold';
}
.btn.btn-primary {
    color: black;
    background-color: #FFF200;
    /* border-color: #0AB05B; */
    min-width: 80px;
}
a.btn.assign-btn {
    font-family: 'GothamRoundedMedium';
    margin-top: -4px;
    margin-left: 2px;
}
select.select-project-executive
{
    width: 100% !important;
}
.select-project-executive span.select2.select2-container.select2-container--default
{
    width: 100% !important;
}
.brand-logo img {
    width: 110%;
    padding-left: 9px;
    margin-top: -7px!important;
    display: none;

    
}
button#kt_aside_toggle {
    margin-right: -10px;
    margin-top: 15px;
}
.navi .navi-item .navi-link .navi-text
 {
    color: #4B4B4B;
    font-weight: 500;
}
span.navi-icon i {
    color: #4B4B4B !important;
}

.aside {
    background-color: #00807B;
}
.aside-menu .menu-nav > .menu-item > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item > .menu-link .menu-text{color: white;}
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text{color:white ;}
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-icon > i{
    color: white;
}
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading, .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link{background-color: #005E5B; color:white ;}
@media (min-width: 992px){
.brand {

    background-image: url(../media/logos/old_logo.png)!important;
    background-size: 200px;
    background-repeat: no-repeat;
    background-position: 15px -7px;
    padding: 0px;
    }
.brand .btn.active .svg-icon svg g [fill], .brand .btn:hover .svg-icon svg g [fill]
    {
        fill: white!important;
    }
   

}


.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-text{color: white;}
.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading, .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link{background-color: #005E5B;}
.loginlogo img{max-width: 300px; width: 100%;}

.login.login-4 .login-form {
  
    margin-top: 100px;
}

a.login-btn
{
    padding: 13px 30px!important;
    font-size: 14px;
    color:black;
}
button.login-btn {
    padding: 13px 30px;
    font-size: 14px;
}

button#kt_login_signin_sso_submit{
    padding: 13px 26px!important;
        font-size: 14px;

}
a#kt_login_signin_sso_submit{
    padding: 13px 26px!important;
        font-size: 14px;
        
}
.input-width {
    margin: 0px 30px;
}

.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-heading, .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link {
    background-color: #005E5B;
}
.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link .menu-text{color: white;}
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-text
{
    color:white;

}
.aside-menu .menu-nav > .menu-item > .menu-heading .menu-arrow, .aside-menu .menu-nav > .menu-item > .menu-link .menu-arrow
{
    color: white;
}
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link
{
    background: #005E5B;
}
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-text
{
    color: white;
}

.notification-icon i.far.fa-bell
{
    color: black;
    font-size: 21px;
}
.badge-primary
{
    position: absolute !important;
    margin-left: 25px;
    background-color: #d40d2e;
    width: max-content;
    height: max-content;
    border-radius: 50%;
    color: white;
    font-size: 10px;
    padding: 5px!important;
}
.notification-dropdown.dropdown-menu.p-0.m-0.dropdown-menu-right.dropdown-menu-anim-up.dropdown-menu-lg.show {
    transform: translate3d(-293px, 65px, 0px)!important;
}
.notification-dropdown .rounded-top {
    background: #00807B;
}
.notification-dropdown h4.d-flex.flex-center.rounded-top {
    color: white;
    font-family: 'GothamRoundedMedium';
    font-weight: 500;
    letter-spacing: 0.4px;
    margin: 25px 0px;
}
.notification-dropdown span.symbol-label {
    background: none!important;
}
.notification-popup-text a
{
    font-family: 'GothamRoundedBold';
    font-size: 13px;
}
.notification-popup-text span
{
    font-size: 13px;
    font-weight: 600;
}
span.envelop-icon-bg i {
    color: #00807B;
    padding: 6px 8px;
    border-radius: 0.4rem;
    background: #E5F2F1;
    font-size: 21px;
}
.align-items-start.list-item.card-spacer-x.py-3 .d-flex.align-items-start.mt-3 {
    align-items: center!important;
}


.menu-icon i {
    color: white;
}
.breadcrumb .breadcrumb-item .text-muted {
    color: #828282 !important;
    font-size: 12px;
} 
.breadcrumb .breadcrumb-item .text-muted:hover
{
    color:black !important;
}
.gray-btn
{
    color: white !important;
    background: #908E8E !important;
    border:1px solid #908E8E;
}
.gray-btn a{
    color:white !important;
}
l-gray-btn
{
    color: black !important;
    background: #E4E6EF !important;
    border:1px solid #E4E6EF;
}

.btn-primary a
{
    color:black;
    font-family: 'GothamRoundedMedium';
    font-weight: 500;
}
.btn.btn-primary
{
    font-family: 'GothamRoundedMedium';
    font-weight: 500;
}
.breadcrumb-item + .breadcrumb-item {
    padding-left: 0.2rem !important;
}

.nav.nav-tabs.nav-tabs-line .nav-item:last-child .nav-link
{color: #09994F;}

tr.datatable-row {
    border: none !important;
}
.user-list-table tbody tr.datatable-row:nth-child(2n-1)
{
    background: #F8F8F8;
}
.login-or {
    position: relative;
    color: #aaa;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 140px;
    margin: auto;
}
.span-or {
    display: block;
    position: absolute;
    left: 50%;
    margin-top: -26px;
    margin-left: -15px;
    background-color: #F4F4F4;
    width: auto;
    text-align: center;
    font-size: 15px;
    color: black;
}
.signin-heading h3{
    font-weight: bolder;
}
.signin-heading span{
    color:black;
    font-size: 12px;
}
.forms-btn
{
    margin-top: 30px;
    margin-bottom: 90px;
}
.form-group.ml-5.\34 b-5.forms-btn {
    display: flex;
    margin: 0px!important;
    clear: both;
    justify-content: center;
}
span.schedule-heading-span {
    font-size: 13px;
    font-weight: bold;
}
.schedule-checkbox-list
{
    margin-top:25px;
}
.schedule-section
{
    height:100%;
}
h2.card-heading
{
    font-weight:bold !important;
}
ul.outlet-detail-head {
    list-style: none;
    padding-left:15px;
    padding-bottom: 2px;
}
ul.outlet-detail-head i{
    color:black;
    font-size:13px;
}
ul.outlet-detail-head span{
    color:black;
    font-weight: 600;
}
li.outlet-detail-li
{
    margin:10px 0px;
}
.outlet-detail-table {
    width: 100%;
}
span.purple
{
    color:#6D1E94 !important;
    background: #6D1E94;
}
.outlet-list-table td {
    border: none;
}
.outlet-list-table thead th
{
    border:none;
    text-transform: uppercase;
}
.outlet-list-table tbody tr:nth-child(2n-1) {
    background: #EDF8F8;
}
div#kt_datatable_wrapper
{
    width: 100%;
}
disable.form-control
{
    background:#F3F6F9;
    cursor:not-allowed;
}
span.color-calpicker1{
    background: purple;
    color: purple;
}
span.color-calpicker {
    background: #09994F;
    color: #09994F;
}
ul.review-n-submit
{
    list-style: none;
    border-bottom: 1px solid #f3f3f3;
padding: 0;
float: left;
width: 100%;
}
.col-xl-8.col-xxl-5 .pb-5 .page-section ul.review-n-submit:last-child {
    border-bottom: none;
    padding-bottom: 0px;
}
.review-n-submit li{
    margin:4px 0px;
    float: left;
        width: 100%;
}
.heading-li h5 {
     /*margin-bottom: 12px;*/
    font-weight: 500!important;
    font-family: 'GothamRoundedMedium';
    color: black;
}
#kt_form > div.pb-5 > div.page-section > ul.review-n-submit.mt-5.pb-5.mb-5 > li:nth-child(2) > h5 {
    display: none;
}

ul.uploaed-file-list
{
    list-style: none;
margin-top: -19px;
margin: 0;
padding: 0;
float: left;
max-width: 153px;
}
.uploaed-file-list li
{
    margin:4px 3px;
    font-family: 'GothamRoundedMedium';

}
.uploaed-file-list li span
{
    color:#40A09C;
}
.uploaed-file-list li span i
{
    color:#40A09C;
}
span.eye-toggle
{
    border:none;
}
span.eye-toggle {
    border: none;
    margin-left: -45px;
    margin-top: -5px;
    position: absolute;
    z-index: 4;
}
.edit-user-eye
{
    float: right;
}
.edit-user-eye span.eye-toggle {
    border: none;
    margin-left: -30px;
    margin-top: -27px;
    position: absolute;
    z-index: 4;
}
i#show_eye {
    color: gray;
}
i#hide_eye {
    color: gray;
}
i#show_eye2 {
    color: gray;
}
i#hide_eye2 {
    color: gray;
}
.login-aside 
{
    background: #00807B;
}
.login-form .form-group label
{
    color:white;
}
.login-form h2{
    color:white;
    font-family: 'GothamRoundedBook'!important;
}
.login-form span{
    color:white !important;
    margin-top:26px;
    font-size: 17px!important;

}
.login-form span.text-danger
{
    font-size: 14px!important;
}
.login-form a.f-password{
    color:#ffffff !important;
    font-size: 14px!important;
  
}
a.text-primary.resend-heading.f-password.pt-5.resend
{
    margin-top: -15px;
    margin-bottom: 20px;
    padding-top: 0px!important;
}

.login-form.login-signin.py-5.px-13 span#pass_error {
    float: left;
    margin-top: -20px;
}

.green-btn
{
    background:#00807B !important;
    color:white !important;
    
}

button#error_click {
    width: fit-content;
    padding: 8px 10px!important;
    margin-top: -37px;
    z-index: 4;
    font-size: 13px;
}
.green-btn a
{
    color:white;
}
.green-btn i
{
    color:white !important;
    
}
.w-border-btn
{
    color:white !important;
    border:1px solid white !important;
    background: none !important;
}
.w-border-btn a
{
    color:white !important;
}
.b-border-btn
{
    border:1px solid black !important;
    background: none !important;
    color:black;
}
.b-border-btn a
{
    color:black !important;
}
input.form-control {
    font-size: 13px;
    color: black !important;
    font-weight:500;
    border-radius: 0.42rem!important;
}
.f-pass-btn
{
    padding:15px 25px !important;
}
#submit{
    color:black;
    border:1px solid #FFF200;
}
#submit a{
    color:black;
}
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-bullet.menu-bullet-dot > span, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-bullet.menu-bullet-dot > span
{
    background-color:white;
}
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading .menu-bullet.menu-bullet-dot > span, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link .menu-bullet.menu-bullet-dot > span:hover 
{
    background-color:white;
}
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-bullet.menu-bullet-dot > span, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-bullet.menu-bullet-dot > span
{
    background-color: white;
}
#kt_datatable tbody tr:nth-child(2n-1),
table#kt_datatable_ex tbody tr:nth-child(2n-1)
{
    background: #EDF8F8;
}
table#kt_datatable_sdm tbody tr:nth-child(2n-1) {
    background: #EDF8F8;
}
#kt_datatable th
{
    text-transform: uppercase;
    font-size: 13px;
    font-weight:500;
   
    vertical-align: middle;
    cursor: pointer
    
}
.sd-tile #kt_datatable th,
.sd-tile #kt_datatable td,
.tile-list #kt_datatable th,
.tile-list #kt_datatable td  
{
    padding: 6px;

}
.sd-tile table#kt_datatable ul.dtr-details
{
    width: auto;
}
    #kt_datatable th{width: auto!important;}

.ti-list #kt_datatable th,
.ti-list #kt_datatable td
{padding: 4px;}


#kt_datatable > thead > tr > th:first-child {
    max-width: 200px!important;
    width: 125px!important;
    display: block;
    margin-top: 15px;
}
.site-visit-page #kt_datatable > thead > tr > th:first-child {
    max-width: 200px!important;
    width: 150px!important;
    display: block;
    margin-top: 15px;
}
.outlet-table #kt_datatable > thead > tr > th:first-child {
    max-width: 200px!important;
    width: 170px!important;
    display: block;
    margin-top: 5px;
}

tbody {
    width: 100%;
    display: contents;
}

table#kt_datatable {
  
      width: 100%;
}
thead {
    display: contents;
     width: 100%;
}
tr {

     width: 100%;
}


#kt_datatable .active
{
    color:#00807B;
}
.login-bg
{
    background-image: url(../media/bg/login-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position-x: 60px;


}
a.resend-heading
{
    float: right;
    cursor: pointer;
    font-weight: 600;
}
.footer .text-dark a {
    float: right;
    color:#777777 !important;
}
.footer
{
    background: white;
}
a.add-designer-btn
{
    float: right;
}
a.edit-team-btn
{
    float: right;
}
i.wizard-icon-active
{
 color: #299490 !important;
}
h3.wizard-title-active
{
    color: #299490 !important;
}
.card-body label {
    font-weight: 500;
    font-size: 13px;
}
input.site-visit-range {
    
    padding: 10px;
   /*s*/
}
#kt_daterangepicker_2 .input-group-append {
    border-left: none;
    left: auto;
    right: 8px!important;
    top: 17px;
    z-index: 4;
    background: unset!important;
    border: unset!important;
    position: absolute;
}
.daterangepicker .drp-selected {
    display: none;
}
.t-height
{
    height: fit-content;
}
i.site-visit-range
{
    color:black;
}
span.input-group-text.site-visit-range {
    padding: unset;
   padding-left:1px;
    border-left: none;
    
}

.modal input.form-control.site-visit-range.datatable-input {
    border-right: none;
}
.modal span.input-group-text.site-visit-range {
    padding: 5px 14px!important;
    border-left: none;
}
.input-group-append
{
    border-left:none;
}
.status-lable span {
    float: right;
}
.visit-id-heading h5{
    font-weight: bold;
}
i.fal.fa-calendar.black-icon {
    color: black !important;
    font-size: 15px;
}
.row.mt-5.border-bottom.pb-5.mb-5 .col-lg-6.mt-3.d-flex .col-lg-12 {
    flex-shrink: initial;
}
.visit-id-heading span {
    float: right;
}
table.site-visit-details-table tbody tr td span {
    font-family: 'GothamRoundedMedium';
}
table.site-visit-details-table tbody tr td{
    color:black;
    font-family: 'GothamRoundedMedium';
}
table.site-visit-details-table tbody tr td i{
    color:black;
}
span.label-light-blue
{
    background: #E4F1F1;
    color:black;
    font-size:13px !important;
    padding: 10px 15px !important;
    font-family: 'GothamRoundedMedium';
}
#kt_content > div.d-flex.flex-column-fluid > div > div.row > div > div.card.card-custom > div > div.row.mt-1.border-bottom.pb-10.site-visit-detail-table > div:nth-child(4) > div > span,
#kt_content > div.d-flex.flex-column-fluid > div > div.row > div > div.card.card-custom > div > div.row.mt-1.border-bottom.pb-10.site-visit-detail-table > div:nth-child(3) > div > span

    {
    background: #E4F1F1;
    color: black;
    font-size: 13px !important;
    padding: 9px 15px !important;
    font-family: 'GothamRoundedBook';
    line-height: 13px;
    font-weight: bold;
        border-radius: 0.42rem;
        margin-top: -6px!important;
}

span.booking-info-span {
    color: black;
    font-weight: bold;
}
span.booking-info-span i{
    font-size:15px;
    color:black;
}
.logo-img a img {
    width:430px;
}
div#kt_brand {
    background-color: #00807B;
}


.aside-menu .menu-nav
{
    padding-top:0;
}
a.dropdown-item {
    padding-right: 30px;
}
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-heading, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-link
{
    background: #005E5B;
}
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-heading .menu-bullet.menu-bullet-dot > span, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-link .menu-bullet.menu-bullet-dot > span
{
    background:white;
}
.input-group-prepend
{
    cursor: not-allowed;
}
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title
{
    color:#B5B5B5;
}
.site-visit-table thead th
{
    font-size:12px !important;
}
.site-visit-table tbody td{
    font-size: 12px;
    font-weight: 600;
}
span.label.label-lg {
    font-size: 13px;
}

ul.nav-tabs-line span.nav-text
{
    font-family: 'GothamRoundedMedium' ;
}
a.fc-day-number
{
    color:black;
}
td.fc-day.fc-widget-content.fc-sun.fc-past
{
    background: #F3F3F3;
}
td.fc-day.fc-widget-content.fc-sun.fc-future
{
    background: #F3F3F3;
}
td.fc-day.fc-widget-content.fc-sun.fc-present
{
    background: #F3F3F3;
}
.fc-row.fc-widget-header
{
    margin-right:0px;
}
.fc-scroller.fc-day-grid-container
{
    overflow: unset !important;
}
input.form-control.site-visit-range {
    font-size: 13px;
}

.form-control:focus
{
    border-color: #00807B
}
.header-mobile .burger-icon:hover span
{
    background:white;
}
.header-mobile .burger-icon:hover span::before, .header-mobile .burger-icon:hover span::after
{
    background:white;
}
span.detail-heading {
    font-family: 'GothamRoundedMedium';
    color:black;
}
span.label-lg
{
font-weight: 600 !important;
}
span.label-light-green
{
    background: #BAF1CE;
    color:#388053;
}
span.label-approved
{
    background: #EEE5FF;
    color:#8F59FC;
}
span.label-dark-gray
{
    background: #D1D3E0;
    color:#4E5265;
}
span.label-yellow 
{
    background: #FFF4DE;
    color:#FFB933;
    padding: 4px 7px !important;
    font-size: 10px;
}
span.label-purple
{
    background: #F8D6F9;
    color:#CA4CCF;
    padding: 16px 7px !important;
    font-size: 10px;
}
span.lable-big
{
    padding: 20px 7px !important;
    min-width: 87px !important;
    width: 104px !important;
}
.btn.big-btn
{
    min-width: 95px !important;
    padding: 8px 3px;
}
.btn.btn-light-primary
{
    background: #00807B;
}
.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-primary:focus:not(.btn-text), .btn.btn-light-primary.focus:not(.btn-text)
{
    color: white!important;
}
.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-primary:focus:not(.btn-text), .btn.btn-light-primary.focus:not(.btn-text)
{
    background: #00807B;
}
.input-group-append-modal
{
    background: #F3F6F9;
}
.input-group-append-modal span i{
    font-size: 15px;
}
.approved-modal {
    padding-top: 100px;
}
.close i.far.fa-times {
    font-size: 21px !important;
    color: black !important;
    padding-left: 45px;
}
.icon-size i{
    font-size: 17px !important;
}
tr:hover {
    background: unset !important;
}
table.tile-installation-details-table tbody tr td{
    font-family: 'GothamRoundedMedium';
}
table.tile-installation-details-table tbody tr td span{
    font-family: 'GothamRoundedMedium';
}
table.tile-installation-details-table tbody tr td i{
    color:black;
}
a.visit-id
{
    color:#1F8F8B;
    font-family: 'GothamRoundedMedium';
}
.site-visit-id a.visit-id {
    color: #1F8F8B;
    font-family: 'GothamRoundedMedium';
    text-decoration: underline #1F8F8B;
}
.dataTables_wrapper .dataTable th.sorting_asc, .dataTables_wrapper .dataTable td.sorting_asc
{
    color: #00807B !important;
    background-image: url(../media/img/sorting-arrow-green.png);
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: right;
    background-origin: content-box;
    background-size: 20px;
}
.col-lg-6 .dataTables_wrapper .dataTable th.sorting_asc, .dataTables_wrapper .dataTable td.sorting_asc,
.col-lg-6 .dataTables_wrapper .dataTable th.sorting_desc, .dataTables_wrapper .dataTable td.sorting_desc {
    background-position: 65px;
    background-origin: border-box;
    background-size: 20px;
}

table i.fal.fa-file-pdf {
    color: black;
    padding-right: 5px;
}
.btn-primary span {
    font-size: 13px;
    font-family: 'GothamRoundedMedium';
}
.nav-tabs
{
    border:unset !important;
}
    span.action-span
{
    font-family: 'GothamRoundedBold';
}
.action-btn
{
    float: right;
    font-family: 'GothamRoundedBold';
    padding-right: 20px!important;
}
span.label {
    text-transform: capitalize;
    font-weight: 600!important;
}
.assign-modal-p p
{
    color:black !important;
    font-weight: 500 !important;

}
.outlet-detail-table table tbody tr th {
    font-family: 'GothamRoundedBold';
    color: black;

}
.outlet-detail-table.border-top.pt-5.ml-5 table tbody tr th {
    padding-bottom: 0px!important;
}
.col-sm-12 table.table.outlet-list-table.table-hover.table-checkable.dataTable.dtr-inline.no-footer.collapsed {
    margin-top: 15px;
}
.card
{
    border:unset !important;
}
.action-pull-right
{
    float:right;
}
a.btn.btn-sm.btn-primary {
    width: max-content;
}
.modal span.input-group-text {
    background: #F3F6F9;
}
div#cust_booking_info input.form-control.form-control-solid[placeholder] {
    padding-left: 50px;
}
div#cust_booking_info .input-group-prepend span.input-group-text {
    margin-top: 1px;
    padding: 8px 14px 8px 12px;
    border: none;
    border-right: 1px solid #e5e5e5;
    margin-left: 1px;
}
.modal label {
    font-family: 'GothamRoundedMedium';
}
.swal2-html-container span {
    font-family: 'GothamRoundedMedium';
    font-size: 18px;
    color: black;
}
.swal2-html-container p {
    margin-top: 10px;
    font-size: 13px;
    color: #787878;
    padding: 0px 20px;
}
.tab-content th span {
    font-family: 'GothamRoundedMedium';
}
td {
    vertical-align: middle !important;
}
table tbody tr td span.label{
    margin-top: 5px !important;

}

a.btn.b-border-btn {
    color: black;
}
div#kt_header_mobile
{
    background: #00807B !important;
}
/*table.xm_small_devices
{
    display: block;
    overflow-x: auto;
}*/
.logo-img a img
{
    max-width:500px;
}
.login-form.login-signin {
    margin-top: -45px;
}

.input-group-append-bg
{
background: #F3F6F9;
}
li a.appointment_id_tile
{
    font-size: 13px;
    color:#40A09C;
    font-family: 'GothamRoundedMedium';
}

.datepicker tbody tr > td.day.selected, .datepicker tbody tr > td.day.selected:hover, .datepicker tbody tr > td.day.active, .datepicker tbody tr > td.day.active:hover
{
    background: #00807B;
}
.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-primary:focus:not(.btn-text), .btn.btn-light-primary.focus:not(.btn-text)
{
    color:black;
}
.fc-unthemed .fc-day-grid td:not(.fc-axis) 
{
    padding: 0.2rem;
}
td.fc-day-top.fc-sun.fc-future a.fc-day-number {
    color: #c5c5c5;
}
.merge-tab
{
    background:#F9F9F9;
}
span.other-info-span
{
    font-weight: 600;
}
.max-height-for-card
{
    min-height: 425px;
}
.navi-text{
    color: black;
}

.disable_input_cursor{
  cursor: not-allowed;
}
div.modal-size {
    /*width: auto;
    top: 50%;
    left: 50%;
    position:fixed;*/
}

#schedule-edit .modal-dialog {
    position: relative;
    top: 35%;
}
#schedule-edit .modal-content {
    width: fit-content;
    margin: auto;
}

div#schedule-edit-2 .modal-content {
    width: fit-content;
    margin: auto;
}
div#schedule-edit-2 .modal-dialog {
    position: relative;
    top: 35%;
}
div#schedule-edit-2 .heading label {
    font-family: 'GothamRoundedMedium';
}
div#schedule-edit-2 ul.site-visit-ul-modal li span.site-visit-bold {
    font-family: 'GothamRoundedMedium';
}
div#schedule-edit-2 ul.site-visit-ul-modal {
    list-style: none;
    padding: 0px;
}
div#schedule-edit-2 ul.site-visit-ul-modal li {
    padding: 3px 0px;
}
div#schedule-edit-2 .modalfooter.mt-2 {
    margin-top: -5px!important;
}

.site-visit-id a.visit-id {
    color: #1F8F8B;
    font-family: 'GothamRoundedMedium';
    text-decoration: underline #1F8F8B;
}
.form-control:disabled{
    cursor: not-allowed;
}

input:disabled::-webkit-input-placeholder { /* WebKit browsers */
    color:black;
}
.daterangepicker .drp-calendar td.active
{
    background: #00807B!important;
}


@media screen and (max-width: 414px) and (min-width: 320px)

{
    .order-1.login-bg.order-lg-2.flex-column-auto.flex-lg-row-fluid.d-flex.flex-column.p-7
    {
        display:none!important;
    }
    .form-group.ml-20.\34 b-5.forms-btn 
    {
        margin-left: 53px!important;
    }
    .login-form span.digit_password {
    font-size: 13px!important;
    float: right;
    margin-top: 5px!important;
    margin-bottom: 10px;
}
.login-form a.f-password{
    color: #ffffff !important;
    font-size: 14px!important;
    
    float: right;
}
/*div#kt_datatable_paginate {
    margin-top: 10px!important;
    width: 100%;
    float: left;
}
div#kt_datatable_detail_paginate {
    margin-top: 10px!important;
    width: 100%;
    float: left;
}*/
div#kt_datatable_wrapper .col-sm-12.col-md-9.dataTables_pager {
    flex-direction: column-reverse!important;
    justify-content: space-between;
}

.outlet-detail-table.border-top.pt-5.ml-5 {
    margin-left: 0px!important;
}
.container.adduser .row .col-lg-12 .card-body .card.card-custom.mt-5 .row.m-5 .col-md-6.float-right {
    display: flex;
    flex-direction: inherit!important;
}
.container.adduser .row .col-lg-12 .card.card-custom .row.card-body.mb-10 .col-lg-3 {
    display: flex;
    flex-direction: inherit!important;
}
button#error_click {
    padding: 8px 8px!important;

}

}
@media (max-width: 320px)
{
    .form-group.ml-20.\34 b-5.forms-btn 
    {
    margin-left: 43px!important;
    }
    .form-group.ml-5.\34 b-5.forms-btn {
    margin-left: 25px!important;
    }
    button#kt_login_signin_sso_submit {
    padding: 9px 18px !important;
    font-size: 12px;
    }
    a.login-btn {
    padding: 9px 18px !important;
    font-size: 12px;
    }
    button.login-btn
    {
    padding: 9px 18px !important;
    font-size: 12px;
    }
    a#kt_login_signin_sso_submit
    {
    padding: 9px 18px !important;
    font-size: 12px;
    }
    table.table.outlet-list-table.table-hover.table-checkable.dataTable.dtr-inline.no-footer.collapsed {
    margin-left: -12px;
    }
    .d-flex.justify-content-between.border-top.mt-5.pt-10 .btn {
    padding: 7px 10px!important;
    margin: 1px!important;
    font-size: 11px!important;
    }
    .d-flex.justify-content-between.border-top.mt-5.pt-10 div:last-child {
    display: flex;
    }
}
/*@media (max-width: 414px)
{
    .form-group.ml-20.\34 b-5.forms-btn 
    {
    margin-left:65px!important;
    }
}
*/
@media (max-width: 850px)
{
    .order-1.login-bg.order-lg-2.flex-column-auto.flex-lg-row-fluid.d-flex.flex-column.p-7
    {
        display:none!important;
    }
    div#kt_header_mobile
    {
        background: #00807B !important;
    }
    button#kt_header_mobile_toggle {
    display: none;
    }
    .dataTables_wrapper .dataTables_paginate
    {
        margin-top:2.5rem;
    }
    div#kt_tab_pane_1_4 .row.card-body .col-lg-2.d-flex.align-items-center {
    display: flex!important;
    }
    
    .sd #kt_tab_pane_1_4 > div:nth-child(1) > form > div > div.col-lg-12.d-flex.btn-align.px-0 > div.col-lg-2.d-flex.align-items-center,
    .sdm .col-lg-12.d-flex.btn-align.px-0 .col-lg-2.d-flex.align-items-center 
    {
    justify-content: end;
    padding-right: 25px;
    }
    .sd div#kt_tab_pane_1_4 .row.card-body .col-lg-2.d-flex.align-items-center,
    .sdm #kt_tab_pane_1_4 > div.card.card-custom.mt-5 > div > div.col-lg-12.d-flex.btn-align.px-0 > div.col-lg-2.d-flex.align-items-center

    {
        padding-right: 5px;
        justify-content: end;
    }

    .d-flex.justify-content-between.booking-tab.border-bottom.pb-5 a.float-right.btn.btn-sm.green_btn_class.btn-primary.green-btn.edit_btn.mb-3,
    .booking-tab.border-bottom.pb-5 a.float-right.btn.btn-sm.green_btn_class.btn-primary.green-btn.edit_btn {
    margin-top: 25px;
    }
    div#kt_tab_pane_1_4 .d-flex.justify-content-between.booking-tab.border-bottom.pb-5 {
    flex-flow: column;
    }
    .booking-tab.border-bottom.pb-5  {
    flex-flow: column;
    display: flex;
    }
    .symbol.symbol-light-success .symbol-label
    {
        display: none;
    }
     div#kt_quick_user_toggle span.symbol.symbol-lg-35.symbol-25.symbol-light-success
    {
    background-image: url(../media/img/user_icon.png)!important;
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: 80px;
    width: 30px;
    height: 30px;
    background-position: center;
    border-radius: 5px;
    margin-bottom: 0px;
    filter: brightness(1.5);
    }
    #kt_datatable > thead > tr > th:first-child {
    max-width: 200px!important;
    width: 118px!important;
    display: block;
    margin-top: 15px;
    }
    .site-visit-page #kt_datatable > thead > tr > th:first-child {
    max-width: 200px!important;
    width: 115px!important;
    display: block;
    margin-top: 15px;
}
    .sd-tile table#kt_datatable
{
    margin-left: -10px;
}
.site-visit-table thead th {
    font-size: 11px !important;
}
.sd_tile #kt_tab_pane_1_4 > div:nth-child(1) > div > div:nth-child(3) > div > div:nth-child(2),
.sd_tile #kt_tab_pane_1_4 > div.card.card-custom.mt-5 > div > div:nth-child(3) > div > div:nth-child(2) 
 {
    padding-left: 0!important;
}
.col-lg-6.mt-4.d-flex.padd-left-38 {
    padding-left: 0;
}
.sd-tile #kt_tab_pane_1_4 .col-lg-12 {
    padding-right: 0px;
} 
.row .col-lg-6.mt-4.d-flex div:last-child {
    text-align: right;
    padding-right: 0px;
    margin-right: -10px!important;
    }
.col-lg-6.mt-3.d-flex .col-lg-6:nth-child(2),
    .col-lg-6.mt-3.d-flex .col-lg-12,
    .col-lg-6.mt-10.d-flex .col-lg-6:nth-child(2) 
    {
    text-align: right;
    }
    .row.mt-1.border-bottom.pb-10.site-visit-detail-table .col-lg-6.mt-4.d-flex:nth-child(3) {
    position: absolute;
    margin-top: 45px!important;
    }
    .row.sd_tile div#kt_tab_pane_1_4 .col-lg-6.mt-4.d-flex:nth-child(2) .col-lg-6:first-child {
    padding-left: 0;
    }
#kt_content > div.d-flex.flex-column-fluid > div > div.row.sd-tile > div > div.card.card-custom > div > div.row.mt-1.border-bottom.pb-10.site-visit-detail-table > div:nth-child(2) {
    margin-top: 55px!important;
}
#kt_content > div.d-flex.flex-column-fluid > div > div.row.sd-tile > div > div.card.card-custom > div > div.row.mt-1.border-bottom.pb-10.site-visit-detail-table,
#kt_content > div.d-flex.flex-column-fluid > div > div.row.sd-tile > div > div.card.card-custom > div > div.row.mt-1.border-bottom.pb-10.site-visit-detail-table > div:nth-child(3) > div:nth-child(2) 
{
    padding-right: 20px;
}
#kt_content > div.d-flex.flex-column-fluid > div > div.row.sd-tile > div > div.card.card-custom > div > div.row.mt-1.border-bottom.pb-10.site-visit-detail-table > div:nth-child(4) {
    margin-top: 15px!important;
}
.sd-tile #kt_tab_pane_1_4 > div:nth-child(1) > form > div,
.sd-tile #kt_tab_pane_1_4 > div.card.card-custom.mt-5 > div {
    padding-right: 0px!important;
}





    /*div#kt_quick_user_toggle span.symbol-label.font-size-h5.font-weight-bold 
    {
        color: rgba(0, 0, 0, 0)!important;
        background: unset;
    }
    div#kt_quick_user_toggle span.symbol.symbol-lg-35.symbol-25.symbol-light-success {
        background-image: url(../media/img/customer_n_staff_icon.jpg)!important;
        background-repeat: no-repeat;
        cursor: pointer;
        background-size: 30px;
        width: 30px;
        height: 30px;
        background-position: center;
        border-radius: 5px;
        margin-bottom: 3px;
    }*/
}

@media (max-width: 991.98px){
img {
    max-width: 170px;
    }
    button#kt_header_mobile_toggle {
    opacity: .0;
    }
    button#kt_aside_mobile_toggle {
    margin-right: 10px;
    }
    .col-lg-6 table.table.site-visit-file.table-hover.table-checkable th.col-lg-7,
    #kt_tab_pane_2_4 > div > div > div:nth-child(2) > div > div > div > table > tbody:nth-child(1) > tr > th
     {
    width: 45%;
        padding-left: 0;

    }
    .col-lg-6 table.table.site-visit-file.table-hover.table-checkable td.col-lg-5,
    #kt_tab_pane_2_4 > div > div > div:nth-child(2) > div > div > div > table > tbody:nth-child(1) > tr > td 
    {
    text-align: right;
    }
    .sd .col-lg-6 table.table.site-visit-file.table-hover.table-checkable td.col-lg-5, #kt_tab_pane_2_4 > div > div > div:nth-child(2) > div > div > div > table > tbody:nth-child(1) > tr > td {
    text-align: right;
    padding-right: 20px;
    }
    .col-lg-6 table.table.site-visit-file.table-hover.table-checkable tbody tr:first-child td.col-lg-5,
    #kt_tab_pane_2_4 > div > div > div:nth-child(2) > div > div > div > table > tbody:nth-child(1) > tr:nth-child(1) > td 
    {
            padding-top: 0;
    }
    #kt_tab_pane_3 .row.mt-5.pt-5.pb-8.border-top.border-bottom .col-lg-6.mt-4.d-flex {
    padding-left: 0px!important;
    }
    #kt_tab_pane_3 .row.mt-5.pt-5.pb-8.border-top.border-bottom .col-lg-6.mt-4.d-flex .col-lg-6:nth-child(2n-2)
    {
    padding-left: 30px;
    }
    span.text-dark-50.font-weight-bolder.font-size-base.d-none.d-md-inline.mr-3, span.text-muted.font-weight-bold.font-size-base.d-none.d-md-inline.mr-1 {
    display: none!important;
}
.login-bg
{
    background-position-x: 0px;
}
}
.container-fluid.d-flex.align-items-center.justify-content-between.flex-wrap.flex-sm-nowrap .burger-icon-left span:before,
.container-fluid.d-flex.align-items-center.justify-content-between.flex-wrap.flex-sm-nowrap .burger-icon-left span:after {
    width: 100%;
}
.container-fluid.d-flex.align-items-center.justify-content-between.flex-wrap.flex-sm-nowrap button#kt_subheader_mobile_toggle span
{
    width: 35%;
    margin-left: 10px;
}

.pulse.pulse-primary .pulse-ring
{
    display: none;
}

div#kt_header_mobile {
    background-image: url(../media/logos/old_logo.png)!important;
    background-size: 135px!important;
    background-repeat: no-repeat!important;
    background-position: 3px -4px!important;
    width: 100%;
    float: left;
    padding-right: 95px;
}
button#kt_header_mobile_topbar_toggle i
{
    color:white;
    font-size: 21px;
}
button#kt_header_mobile_topbar_toggle {
    display: none;
}
#kt_aside_mobile_toggle.burger-icon span
{
    width: 31%;
    left:50px;
    color:white !important;
}
.header-mobile .burger-icon span::before, .header-mobile .burger-icon span::after
{
    background: white;
}
.header-mobile .burger-icon span
{
    background: white;
}
span.site-visit-range i {
    font-size: 14px;
    color:black;
}

div#kt_datatable_processing {
    display: none!important;
}

.dataTables_wrapper .dataTables_paginate .pagination .page-item.active > .page-link
{
background-color: #00807B;
    color: #ffffff;
}

/*New-css*/

button#kt_search span i {
    font-size: 16px;
}
.btn.btn-secondary
{
    font-weight: 600;
}
.dataTables_wrapper .dataTable th.sorting_desc, .dataTables_wrapper .dataTable td.sorting_desc
{
    color: #00807B !important;
    background-image: url(../media/img/sorting-arrow-green-down.png)!important;
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: right;
    background-origin: content-box;
    background-size: 20px;
}
.alert.alert-danger
{
    color:red;
    background: none !important;
    border:none!important;
    width: 100%;
    clear: both;
}
div#kt_wizard form#kt_form .alert.alert-danger {
    padding: 2px;
}
div#kt_wizard form#kt_form .dropzone.dropzone-multi .alert.alert-danger {
    padding: 0px 2px;
    margin-bottom: 0px;
}.alert-danger
{
    background: none !important;
    border:none!important;
}
.dropdown-menu.show {
    display: block;
    padding-right: 0px!important;
   
    
}
.btn-icon-mobile .dropdown-menu.mr-10.pr-10.show {
    top: 3px!important;
    left: 5px!important;
}
/*.dataTables_wrapper .col-sm-12.col-md-5 {
    position: relative;
    flex: 100%;
    width: 100%;
    max-width: 100%;
    display: block;
    text-align: right;
    top: 32px;
}*/
/*.col-sm-12.col-md-7.dataTables_pager {
    display: block;
    width: 100%;
    flex: 0 0 100%!important;
    max-width: 100%;
    text-align: right;
    padding-right: 190px;
    margin-top: 5px;

}*/
.user-list-table tbody tr.datatable-row:nth-child(2n-1) {
    background: #EDF8F8!important;
}
a.edit-outlet-btn {
    float: right;
    margin-top: 30px;
}
li.select2-selection__choice {
    background: #00807B!important;
    color: white !important;
    padding: 5px 10px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:before
{
    color:white;
}
.datatable table thead tr th span {
    text-transform: uppercase;
    font-family: 'GothamRoundedBold';
}
.table th, .table td
{
    border:none;
}
th.datatable-cell span {
    font-family: 'GothamRoundedBold';
}
.form-group img.colorpick-eyedropper-input-trigger
{
    display: none;
}
.cancel-btn
{
    background: #00807B !important;
    color: white !important;
}
a.cancel-btn
{
    background: #00807B !important;
    color: white !important;
}
.disable_input_cursor{
  cursor: not-allowed;
  background: #F3F6F9;
}
.float-left p span i.far.fa-palette {
    color: black;
    font-size: 15px;
    padding:5px 3px 0px 0px;
    margin-left:-12px;
    
}
.login-error.alert.alert-danger {
    color: white;
}
.btn
{
    text-transform: capitalize;
}
.btn-primary
{
    text-transform: capitalize;
}
a.btn-primary
{
    text-transform: capitalize;
}
a img.max-h-60px {
    width: 430px;
    max-height: unset !important;
}
span.action-btn.pr-25 {
    padding-right: 30px!important;
}
.dropdown.dropdown-inline.mr-4 {
    float: right;
}
input.disable_input_cursor {
    background: #F3F6F9 !important;
}
th.datatable-cell.pl-5 {
    width: 30%;
}
th.datatable-cell {
    width: 100%;
}
.datatable-cell.pl-0
{
    width: 35%;
}
.login-form .fv-help-block {
    color: white;
}
.form .text-center.pb-8 {
    padding: 0px 5px;
    margin-bottom: 15px;
}
.login-form .form-group label {
    color: white;
    font-size: 14px!important;
}
ul.menu-subnav .menu-item a.menu-link {
    padding-left: 45px!important;
    font-size: 14px!important;
}
th.datatable-cell.text-uppercase {
    width: 25%;
}
.form-group label span.text-danger {
    margin-right: 4px;
}
span.nav-text {
    padding-bottom: 15px;
}
span.nav-icon {
    padding-bottom: 15px;
}
.col-md-6 p span i.far.fa-palette {
    color: black;
    font-size: 12px;
    margin-right: 10px;
    margin-left: -10px!important;
}
.card.card-custom .row.m-5 {
    margin-bottom: 0px!important;
}
.card.card-custom .col-md-12 table.table tbody tr th {
    border: none;
}
.card.card-custom .col-md-12 table.table tbody tr td {
    border: none;
}
td.col-lg-6.p-1.pb-6 {
    padding-bottom: 40px!important;
}
i.far.fa-phone {
    transform: rotate(90deg);
}
.outlet-detail-table.pt-5.ml-5 table {
    width: 90%;
}
.outlet-detail-table table tbody tr th span {
    font-family: 'GothamRoundedMedium';
}
.dropdown-menu.dropdown-menu-sm.dropdown-menu-right.show {
    width: 140px;
}
.dropdown-menu.dropdown-menu-sm.dropdown-menu-right.show {
    width: 140px;
    left: 15px!important;
}
.col-lg-12.border-top.pt-10 {
    margin-top: 10px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--open .select2-selection--multiple, .select2-container--default.select2-container--open .select2-selection--single
{
    border-color: #00807B!important;
}
.col-md-6 .col-md-6.float-left {
    width: max-content;
    margin-right: 10px;
}
.col-md-6 .col-md-6.float-right {
    float:left!important;
    display: contents;
}
.g-border-btn {
    color: white!important;
    background: #00807B!important;
}

.form-group .col-lg-12.col-md-12.col-sm-12 {
    padding: 0px!important;
}
span.select2.select2-container.select2-container--default {
    width: 100%!important;
}
.row.m-5 .col-md-6 .col-md-6.float-left p {
    font-weight: 600;
}
.form-group.col-lg-6 .form-group.col-lg-12 {
    padding: 0px;
}
.kt-content-site-visit #kt_datatable th {
    width: 11%!important;
    vertical-align: middle;
}

.green-user
{
    background-image: url(../media/bg/black-user-2.png);
    background-repeat: no-repeat;
    background-position: 0px 25px;
    background-size: 18px;

}
.green-user span.nav-text {
    padding-left: 30px;
}
.nav.nav-tabs.nav-tabs-line .nav-link.green-user:hover:not(.disabled), .nav.nav-tabs.nav-tabs-line .nav-link.green-user.active, .nav.nav-tabs.nav-tabs-line .show > .nav-link{
    background-image: url(../media/bg/green-user-2.png) !important;
    background-repeat: no-repeat;
    background-position: 0px 25px;
    background-size: 18px;
}
.menu-icon .svg-icon.svg-icon-primary svg g [fill] {
    fill: none!important;
    stroke: white;
    stroke-width: 1.9px;
    opacity: 1;
}
.dbicon svg {
    transform: rotatex(180deg);
}
td.col-lg-6 span {
    font-weight: 600;
}
.dataTables_wrapper .dataTables_pager .dataTables_length
{
    z-index: 4;
}
.d-flex.flex-row.flex-column-fluid.page {
    background: #F9F9F9;
}
.col-md-6.float-right a.btn.btn-primary.save-btn.mr-2.float-right {
    margin-right: 0px!important;
}
.card.card-custom.mt-5 .row.m-5 .col-md-6.float-left h5 {
    margin-top: 10px;
   }
.footer .text-dark.order-2.order-md-1 {
    width: 100%;
}
.input-group input#mobile {
    padding-left: 55px;
}
.input-group .input-group-prepend {
    position: absolute;
    z-index: 4;
}
.input-group-prepend span.input-group-text {
    padding: 9px 13px 9px 15px;
    border: none;
    border-right: 1px solid #e5e5e5;
}
.col-lg-12.border-top.pt-10 a.btn.btn-primary.cancle-btn.green-btn {
    margin-left: 5px;
}
.form-group.col-lg-6 .input-group input[type=tel].form-control {
    padding-left: 55px;
}
.col-md-6.float-left h5 {
    margin-top: 8px;
}
button#kt_reset span {
    font-size: 13px;
    font-family: 'GothamRoundedMedium';
    font-weight: normal;
}

/*Multi image design Code*/
.row.MultiFile-list .MultiFile-label {
    background-color: #E4F1F1 ;
    padding: 9px 10px 8px 15px;
    font-size: 13px ;
    border-radius: 8px ;
    font-weight: 600 ;
    margin: 7px 0px ;
}
.MultiFile-list .MultiFile-label,
div#kt_dropzone_4 .MultiFile-label
 {
    background-color: #E4F1F1 ;
    padding: 9px 10px 8px 9px;
    font-size: 13px ;
    border-radius: 8px ;
    font-weight: 500 ;
    margin: 7px 0px ;
}

.MultiFile-list a.MultiFile-remove,
div#file_list_display a.text-dark,
div#file_list_display_three_d a {
    float: right;
    font-size: 17px;
    color: black;
}
div#file_input_list span.MultiFile-label,
div#MultiFile2_list span.MultiFile-label,
div#file_input_three_d_list span.MultiFile-label
 {
    padding-left: 0;
    line-height: 1.8;
}


div#file_list_display, div#file_list_display_three_d {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#file_input_list .MultiFile-label {
    align-items: center;
    justify-content: space-between;
    flex-flow: row-reverse;
}


.upload-file span.form-text.text-muted {
    margin-left: 9px;
}
.row.MultiFile-list .MultiFile-remove{
    float: right;
        font-size: 17px;
    color: black;
    line-height: 1;
    margin-right: 4px;
}

.attached_files_btn
{
   font-size:20px;
   padding: 5px;
   color: white;
   opacity:0;
   transform: rotate(180deg);
   cursor: pointer;
   transition: none!important; opacity: 0!important
}


.d-flex.justify-content-between.border-top.mt-5.pt-10 {
    clear: both;
}
.table thead th
{
border-bottom:unset!important;
}

button.ml-30.btn.btn-light-primary.btn-icon.btn-sm {
    margin-left: 0px!important;
}

input[type=number].form-control.form-control-solid.disable_input_cursor {
    padding-left: 55px;
}
.input-group.date .input-group-append span.input-group-text {
    border: none;
}
.input-group.date .input-group-append {
    position: absolute;
    z-index: 4;
    left: auto;
    right: 2px;
    border-radius: 0px 7px 7px 0px;
    border: none!important;
    background: #F3F6F9;
    margin-top: 1px;
}

.datetimepicker tbody tr > td.day.today {
    position: relative;
    background: #00807B!important;
    color: white!important;
}
.datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active {
    background-color: #00807B!important;
}
.datetimepicker tbody tr > td span.year.active:hover, .datetimepicker tbody tr > td span.year.active, .datetimepicker tbody tr > td span.hour.active:hover, .datetimepicker tbody tr > td span.hour.active, .datetimepicker tbody tr > td span.minute.active:hover, .datetimepicker tbody tr > td span.minute.active, .datetimepicker tbody tr > td span.month.active:hover, .datetimepicker tbody tr > td span.month.active
{
     background: #00807B;
    color: white;
}
.datetimepicker tbody tr > td.day:hover {
    background: #00807b33;
}
.datepicker tbody tr > td.day, .datepicker tbody tr > td.day.new, .datetimepicker tbody tr > td.day.new,.datetimepicker tbody tr > td.day,.datetimepicker tbody tr > td.day.old
{
    color: black;
}
td.day.today.active.disabled {
    color: white!important;
}
.datepicker td.disabled.day, .datepicker tbody tr > td.day.old, .datetimepicker tbody tr td.day.disabled
{
     background-color: white!important;
   color: #7E8299!important;
}
#kt_body > div.datetimepicker.datetimepicker-dropdown-bottom-left.dropdown-menu > div.datetimepicker-days > table > tbody > tr:nth-child(1) > td.day.today.active.disabled{
     background-color: white!important;
   color: #7E8299!important;
}
/*.datepicker tbody tr > td.day.new,
.datepicker tbody tr > td.day,
.datepicker tbody tr > td.day.old
{
    color: black!important;
}*/
.site-visit-form-sec .input-group.timepicker {
    margin-bottom: 20px;
}
.site-visit-form-sec .input-group.timepicker .input-group-append {
    display: none;
}
input[type=number].form-control.form-control-solid.disable_input_cursor {
    padding-left: 55px;
}
.input-group-prepend input[type=tel].form-control {
    padding-left: 55px;
}

/*.form-group .site-visit-form-sec div#kt_datetimepicker_4 {
    margin-bottom: 20px;
}*/
input.form-control.form-control-solid:focus {
    border-color: #00807B;
}

img.svg-icon {
    width: 19px;
    margin-left: -3px;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: auto;
    pointer-events: none;
    margin-top: 4%;
}
.modal.fade.modal-md.mt-25.approved-modal-tile.show {
    margin-top: 0px!important;
}
.modal.fade.modal-md.mt-25.approved-modal-tile.job-confirm-pop .modal-header.border-none,
.modal.fade.modal-md.mt-25.approved-modal-tile.job-confirm-pop  .modal-footer.justify-content-center.border-color-white
{
    border: none;
}

.swal2-html-container p {
    text-align: center;
}
.modal.fade.modal-md.mt-25.approved-modal-tile.job-confirm-pop .modal-dialog {
    width: 400px;
}
.ti-update-modal .input-group.date .input-group-append {
    margin-top: 2px;
    padding: 8px 1px;
}
.modal-dialog.reset-success-pop {
    max-width: 360px;

}

.reset-success-pop .swal2-actions
{
    margin-bottom: 40px;
}
.reset-success-pop .swal2-header {
    margin-top: 16px;
}
.site-visit-form-sec #kt_datetimepicker_1 .input-group-append {
    border-left: 1px solid #e5e5e5 !important;
    top: 0px!important;
    padding: 10px 0px;
}
.col-xl-8.col-xxl-5 form.form .pb-5 .d-flex.justify-content-between.border-top.mt-5.pt-10 {
    margin-top: 50px!important;
}
a.btn.btn-light-primary.font-weight-bolder.b-border-btn.text-uppercase.px-9.py-4:hover {
    color: black!important;
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-days table tbody tr > td:focus, .bootstrap-datetimepicker-widget .datepicker .datepicker-days table tbody tr > td.active {
    background: #00807B!important;
    color: #ffffff !important;
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-days table tbody tr > td.today {
    position: relative;
    background: #00807b1f !important;
    color: #00807B !important;
}
.navi
{
    width: 140px;
}
.tab-pane form .row.card-body {
    padding: 0px;
}
.card.border-white.mt-8 .tab-content #kt_tab_pane_1_4 .card form .row.card-body {
    padding: 2.25rem;
}
.navi.flex-column.navi-hover.py-2 li.navi-item:first-child {
    margin-bottom: 9px;
}
.row .col-lg-12 .card-body .card.card-custom.mt-5 {
    margin-top: 30px!important;
}
#kt_tab_pane_1_4 .card table tbody tr.border-top th.pt-5 {
    padding-top: 30px!important;
}
.dropdown-menu.show ul.navi.flex-column.navi-hover.py-2 {
    width: 150px!important;
}
ul.navi.flex-column.navi-hover.py-2 li.navi-item .navi-link:first-child {
    margin-bottom: 9px!important;
}
#kt_tab_pane_1_4 .card form .row.card-body {
    padding: 0px;
    width: 100%;
}
div#kt_tab_pane_1_4 .col-lg-2.d-flex.align-items-center {
    display: block!important;
    }
    div#kt_tab_pane_1_4 .col-lg-2.d-flex.align-items-center a.btn.btn-sm.btn-primary.green-btn 
    {
    margin-right: -15px!important;
    float: right;
    }
.card.border-white.mt-5 .row.card-body {
    padding: 2.25rem!important;
}
/*.card.border-white.mt-5 .row.card-body.pr-1
{
    padding-bottom: 0px!important;
}*/
  

.col-lg-6 table.table.site-visit-file.table-hover.table-checkable.pe_ex_pagination tr:last-child {
    border-bottom: unset;
}
.input-group-append i.fal.fa-calendar {
    color: black;
}
.alert.alert-success {
    background-color: #00807B;
    border-color: #00807B;
    color: #ffffff;
    font-size: 12px!important;
    font-weight: 600;
    position: fixed;
    margin-right: 5px;
    top: 72px;
    right: 23px;
    z-index: 999;
    }
.alert
{
    margin-bottom: 1.6rem;
}
.alert-dismissible .close {
    top: 0;
    z-index: 2;
    color: white!important;
    float: right;
    margin-right: -25px!important;
}
ul.review-n-submit li b {
    font-weight: 600;
color: black;
float: left;
width: max-content;
}
ul.review-n-submit li.mb-5 > b:nth-child(1) {
    font-weight: 600;
color: black;
float: left;
width: auto;
}
.modal-dialog .modal-content label {
    font-family: 'GothamRoundedBook'!important;
    font-weight: 500!important;
}
.col-lg-6.mt-3.site-visit-detail-table p {
    font-family: 'GothamRoundedMedium';
    color: black;
    display: flex;
    text-indent: -11px;
    margin-left: 21px;
}
.site-visit-detail-table p span i {
    color: black;
    margin-left: 1px;
    margin-right: 15px;
}
.col-lg-6.mt-4.d-flex .col-lg-6 span {
    font-weight: 600;
}
.col-lg-6.mt-4.d-flex .col-lg-12 span {
    font-weight: 600;
}
.col-lg-6.mt-4.d-flex .col-lg-6 span {
    font-weight: 500;
}
.col-lg-12 .card-toolbar ul.nav.nav-tabs.nav-tabs-border.nav-bold.nav-tabs-line {
    margin-bottom: -23px;
}
.row.sd_tile ul.nav.nav-tabs.nav-tabs-border.nav-bold.nav-tabs-line {
    margin-bottom: 0px;
}
.remove_svf_file.MultiFile-remove i.far.fa-times {
    color: black;
    margin-right: 5px;
    font-size: 15px;
}

    #kt_tab_pane_2_4 .border-none .row .col-lg-12 .card.card-custom .card-body .col-lg-12:first-child {
    padding-left: 0px;
    }
span.form-text.text-muted {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
div.row.MultiFile-list {
    float: left;
    width: 100%;
    margin-left: 0px;
}
a.site-btn {
    background: unset!important;
    width: min-content!important;
    padding: unset!important;
    margin-left: -20px!important;
}
a.site-btn i {
    color: #1b8a85!important;
    background: none;
    font-size: 16px!important;
    padding-bottom: 4px;
}
a.site-btn2 {
    color: white!important;
    background: #00807B!important;
    padding: 7px 0px!important;
    margin-left: 2px!important;
    margin-top: -4px;
    margin-bottom: 4px;
}
ul.uploaed-file-list.ml-25 {
    margin-left: 142px!important;
}
.site-visit-form-sec .input-group-append {
    border-left: 1px solid #e5e5e5 !important;
    top: 0px!important;
    padding: 10px 0px;
}

.input-group.date .input-group-append span.input-group-text {
    border: none;
}
.input-group-append .la.la-calendar-check-o:before {
    content: "\f133";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    color: #555657;
}


.datetimepicker tbody tr > td span.year, .datetimepicker tbody tr > td span.hour, .datetimepicker tbody tr > td span.minute, .datetimepicker tbody tr > td span.month {
    margin: 0px 12px;
    padding: 5px 7px;
    border-radius: 4px;
        line-height: 1.3;
}
.datetimepicker tbody tr > td span.year.focused, .datetimepicker tbody tr > td span.year:hover, .datetimepicker tbody tr > td span.hour.focused, .datetimepicker tbody tr > td span.hour:hover, .datetimepicker tbody tr > td span.minute.focused, .datetimepicker tbody tr > td span.minute:hover, .datetimepicker tbody tr > td span.month.focused, .datetimepicker tbody tr > td span.month:hover {
    background: #00807B!important;
    color: white;
}
.tagify .tagify__tag
 {
    background-color: #00807B;
}
.tagify .tagify__tag div .tagify__tag-text
 {
    color: white;
    font-weight: 400;
}
.tagify .tagify__tag .tagify__tag__removeBtn:after
{
    color:white;
}
.tagify .tagify__tag .tagify__tag__removeBtn:hover:after
{
    color: white;
}
.tagify .tagify__tag .tagify__tag__removeBtn:hover + div > span 
{
    opacity: 1;
}

.site-visit-form-sec .input-group-append {
    position: absolute;
    z-index: 4;
     left: auto;
    right: 0px;
    top: 10px;
    border: none;
    border-left: 1px solid #e5e5e5 !important;
    top: 0px!important;
    padding: 9px 0px;
   
}
.site-visit-form-sec input#kt_datetimepicker_2 {
    border-radius: .42rem;
}
.svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    /* transition: fill 0.3s ease; */
    fill: white!important;
}
.svg-icon svg g#menu-users-management_white14x11 [fill] {
    fill: none!important;
}
.aside-menu .menu-nav > .menu-item > .menu-heading .menu-icon.svg-icon svg g [fill], .aside-menu .menu-nav > .menu-item > .menu-link .menu-icon.svg-icon svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: none!important;
    border-color: none!important;
}

/*CSS Till Date 11-01-2022*/

path#Path_244 {
    fill: none!important;
}
#menu-users-management_white14x11 path#Path_246 {
    fill: none!important;
}

#menu-users-management_white14x11 circle#Ellipse_8 {
    fill: none!important;
}
#menu-users-management_white14x11 path#Path_248 {
    fill: none!important;
}
.aside-menu .menu-nav > .menu-item > .menu-heading .menu-icon svg, .aside-menu .menu-nav > .menu-item > .menu-link .menu-icon svg
{
    width: 16px;
    height:17px;
    margin-left: -2px;
}

path#Path_245 {
    fill: white!important;
}
.aside-menu .menu-nav > .menu-item > .menu-heading .menu-icon.svg-icon svg g [fill], .aside-menu .menu-nav > .menu-item > .menu-link .menu-icon.svg-icon svg g [fill] {
    fill: white!important;
}
.cancle-btn.g-border-btn a {
    color: white!important;
}
th.datatable-cell.sorting_disabled {
    text-align: right;
    padding-right: 40px;
}
ul.select2-selection__rendered li.select2-selection__choice {
    flex-direction: row-reverse;
}
ul.select2-selection__rendered li.select2-selection__choice span.select2-selection__choice__remove {
    padding-left: 10px;
}
tr.datatable-row td.datatable-cell.pr-5 span h4 {
    padding: 0px 13px;
    line-height: 14px;
}
.row.m-5 .col-md-6 .col-md-6.float-right p {
   padding: 0px 22px;
    line-height: 13px;
    margin: 5px 0px 0px -15px;

}
.row.m-1 .col-md-8 .col-md-8.float-right p
{
    width: 60px;
    line-height: 1.1;
    margin-left: -85px;
    margin-top: 7px;
}
.card.card-custom .col-md-12 table.table tbody tr th {
    border: none;
    width: 18%!important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background: #00807B;
    color: white;
}
.select2-container--default .select2-results__option.select2-results__option--highlighted {
    background: #00807B;
    color: white;}

.pb-5 .site-visit-form-sec #kt_datetimepicker_1 .input-group-append {
    border-left: 1px solid #e5e5e5 !important;
    top: 1px!important;
    padding: 9px 0px;
    right: 2px!important;
    left: auto;
    background: #F3F6F9;
}
.site-visit-form-sec #kt_datetimepicker_1 input.form-control.datetimepicker-input {
    position: relative;
}
.col-lg-2 .alert.alert-success.alert-dismissible.fade.show.float-right {
    position: absolute;
    top: -20px;
    width: max-content;
    right: -15px;
}
.site-visit-form-sec #kt_datetimepicker_4 select.form-control {
    width: 100%;
}
.site-visit-form-sec div.time-picker-input {
    padding-bottom: 10px;
}
#kt_form .pb-5 .form-group .input-group input[type="tel"].form-control {
    padding-left: 55px;
}
.row.justify-content-center.my-10.px-8.my-lg-15.px-lg-10 .col-xl-8.col-xxl-5 #kt_form .pb-5 h4.mb-10.font-weight-bold.text-dark {
    font-size: 1.6rem;
}
table.site-visit-details-table td span.label.label-lg.font-weight-bold.label-light-blue.label-inline {
    font-weight: 500!important;
    padding: 15px 10px!important;
    line-height: 0;
}
.container-fluid.d-flex.align-items-center.justify-content-between.flex-wrap.flex-sm-nowrap .d-flex.align-items-center a.btn.btn-sm.btn-primary.green-btn.pull-left.mr-2.site-btn {
    background: #00807B!important;
    padding: 7px 0px!important;
    margin-left: 0px!important;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove
{
    margin-right: 0.25rem;
}
.login-form .form-group span.new_password {
    font-size: 13px!important;
   width: 100%;
    text-align: left;
    margin-top: -15px;
    margin-bottom: 10px;
        float: right;

}
.login-form .form-group span.confirm_password {
    font-size: 13px!important;
    width: 100%;
    text-align: left;
    margin-top: -15px;
    margin-bottom: 10px;
        float: right;

}

.login-form .form-group span.digit_password {
    font-size: 13px!important;
    width: 100%;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
        float: right;

}
.login-aside.order-2.order-lg-1.d-flex.flex-column-fluid.flex-lg-row-auto.bgi-size-cover.bgi-no-repeat.p-7.p-lg-10 .form-group.ml-20.\34 b-5.forms-btn {
    float: left;
    width: 100%;
}
.form-group.ml-20.\34 b-5.forms-btn {
    display: flex;
    margin: 0px!important;
    clear: both;
    justify-content: center;
}
/*div#kt_datatable_paginate {
    margin-top: -35px;
    width: 100%;
    float: left;
}
div#kt_datatable_detail_paginate {
    margin-top: -35px;
    width: 100%;
    float: left;
}*/
div#kt_datatable_detail_processing {
    display: none!important;
}
.table.outlet-list-table th.sorting_disabled {
    text-align: right;
    padding-right: 40px!important;
}
.container.adduser .row .col-lg-12 .card.card-custom .row.card-body.mb-10 .col-lg-3 {
    display: flex;
    flex-direction: row-reverse;
}
.dataTables_wrapper .child .dtr-details > li .dtr-title
{
    font-family: 'GothamRoundedBold';
    text-transform: uppercase;
    font-size: 11px;
    border-bottom: 1px solid #e5e5e5;
        padding: 12px 0px 12px 15px;
        width: 100px;
}
.dataTables_wrapper table.dataTable.collapsed > tbody > tr > td:first-child
{
    padding-left: 5px!important;
}
.dataTables_wrapper .child .dtr-details > li .dtr-title span {
    font-family: 'GothamRoundedBold';
}
.dataTables_wrapper .child .dtr-details > li .dtr-title:after
{
    float: right;
}
.dataTables_wrapper .child .dtr-details > li .dtr-data {
    display: table-cell;
    vertical-align: middle;
    border-bottom: none;
    padding: 0.5rem 0.5rem;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
}
 table#kt_datatable ul.dtr-details {
    padding-right: 10px!important;
    padding-left: 10px!important;
        width: max-content;
    }
table#kt_datatable ul.dtr-details > li .dtr-data
{
    vertical-align: middle;
}


ul.dtr-details {
    box-shadow: 0px 0px 4px 4px #dedddd;
    position: sticky;
    padding-top: 10px;
    padding-left:0px;
    margin: 5px 0px 0px 10px;
    border-radius: 3.5px;
    width: 100%;
}
table.table.xm_small_devices.site-visit-table.table-hover.table-checkable.dataTable.no-footer.dtr-inline.collapsed ul.dtr-details
{
    margin: 0px;
}
.container.adduser .row .col-lg-12 .card-body .card.card-custom.mt-5 .row.m-5 .col-md-6.float-right {
    display: flex;
    flex-direction: row-reverse;
}
.card.card-custom.mt-5 .row.m-5 table.table.outlet-list-table.table-hover.table-checkable.dataTable.dtr-inline {
    margin-top: 30px;
}
table.dataTable.no-footer.dtr-inline tbody tr td span h4 {
    padding: 0px 15px;
    line-height: 14px;
}


.dataTables_wrapper .child .dtr-details > li .dtr-data span h4 {
    margin-left: 20px !important;
    margin-top: 5px !important;
}
.table.site-visit-table th.sorting_disabled {
    text-align: right;
    padding-right: 30px!important;
}
.col-lg-12.border-top.border-bottom.mt-10.pt-10.pb-10.site-visit-detail-table {
    left: -10px;
    left: -10px;
    padding-top: 10px!important;
    margin-top: 15px!important;
}
.col-lg-6.mt-3.site-visit-detail-table .site-visit-details-table tbody tr td.pr-4.pt-4 {
    padding-top: 1px!important;
    vertical-align: top!important;
}
.col-lg-6.mt-3.site-visit-detail-table .site-visit-details-table tbody tr td.pl-4.pt-4 {
    padding-top: 1px!important;
    vertical-align: top!important;
}
.container.adduser.mb-10 .col-lg-12 .card-toolbar ul.nav.nav-tabs.nav-tabs-border.nav-bold.nav-tabs-line li.nav-item a.nav-link {
    padding-bottom: 0px!important;
    margin-bottom: 0px!important;
    margin-top: 5px;
}
.container.adduser.mb-10 .card.card-custom .row.card-body.pb-0 {
    padding-bottom: 20px!important;
}
.row.sd_tile .col-lg-12 .card.card-custom .row.card-body.pb-0 {
    padding-bottom: 0px!important;
}
.container.adduser.mb-10 .col-lg-12 .card-toolbar .nav .nav-link .nav-icon svg g [fill]
{
    fill: white;
}
.container.adduser.mb-10 .col-lg-12 .card-toolbar .nav .nav-link .nav-icon
{
    color: black;
}
.row.card-body .col-lg-12 .booking-tab.pb-5 h4 {
    margin-bottom: -4px;
    display: inline;
}
.col-lg-6 .col-lg-12 .booking-tab.border-bottom.pb-5 {
    border: none!important;
}
table.table.site-visit-file.table-hover.table-checkable td.col-lg-5 {
    text-align: right;
}
a.btn.btn-sm.btn-primary.green-btn.pull-left.mr-2.site-btn.site-btn2 {
    font-size: 12px!important;
    padding: 5px 5px!important;
    min-width: 70px;
}
.row.card-body .row.mt-5.pt-5.border-top {
    width: 100%;
}
#kt_tab_pane_1_4 > div.card.card-custom.mt-5 > div {
    width: 100%;
}
.row.sd_tile div#kt_tab_pane_1_4 .col-lg-6.mt-4.d-flex:first-child {
    padding: 0;
}
span.label.label-lg, span.label.label-md {
    height: auto!important;
    padding: 5px 10px!important;
    font-size: 1rem;
    font-weight: 600!important;
}
div#kt_datatable_ex_wrapper .col-sm-12.col-md-3.dataTables_pager {
    display: block;
    padding-left: 25px;
    margin-top: 5px;
}
#kt_datatable_ex_wrapper th {
    width: auto!important;
}
.col-lg-12.border-top.border-bottom.mt-10.pt-10.pb-10.site-visit-detail-table .row.mb-5,
.row.mt-5.pt-5 {
    width: 100%;
}
.border-none {
    background: #f9f9f9;
}
.tab-content div#kt_tab_pane_1_4 .card.card-custom.mt-5 {
    padding-top: 6px;
}
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=done] .wizard-label .wizard-icon, .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-label .wizard-icon {
    color: #299490!important;
}
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=done] .wizard-label .wizard-title, .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-label .wizard-title
{
    color: #299490!important;
}
.col-lg-12.border-top.border-bottom.mt-10.pt-10.pb-10.site-visit-detail-table .row.mt-5.pt-5.border-top {
    border-top: none!important;
}
.card.border-white.mt-5 .tab-content div#kt_tab_pane_2_4 .border-none {
    background: #F9F9F9;
}
.input-group-append.input-group-append-modal
{
    border-left: 1px solid #e5e5e5 !important;
    padding: 10px 0px 10px 0px;
    left:91%!important;
     margin-top: 1px!important;
}
div#kt_datatable_wrapper .col-sm-12.col-md-9.dataTables_pager {
    flex-direction: row-reverse;
    justify-content: space-between;
}
div#kt_datatable_wrapper .row:last-child 
{
    flex-direction: row-reverse;
        align-items: center;
}
div#kt_datatable_info {
    text-align: right;
    width: fit-content;
    float: right;
}

@media (max-width: 991.98px)
{
    /*.outlet-data-table td:nth-child(2) {
    min-width: 280px!important;
    }*/
    div#kt_header_mobile a img 
    {
        display: none;
    }
    .header-mobile-fixed .topbar {
    z-index: 97;
    margin-top: 0px;
    background-color: unset;
    display: flex;
    width: auto;
    float: right;
    right: 0!important;
    position: fixed;
    left: auto;
    padding-top: 7px;
    padding-bottom: 10px;
    height: auto;
}
    .profile-header span
    {
        color: white!important;
    }
    .symbol.symbol-light-success .symbol-label
    {
        display: none;
    }
     div#kt_quick_user_toggle span.symbol.symbol-lg-35.symbol-25.symbol-light-success
    {
    background-image: url(../media/img/user_icon.png)!important;
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: 80px;
    width: 30px;
    height: 30px;
    background-position: center;
    border-radius: 5px;
    margin-bottom: 0px;
    filter: brightness(1.5);
    }
    .notification-icon i.far.fa-bell
    {
        color: white;
    }
    .btn-icon-mobile .dropdown-menu.mr-10.pr-10.show span {
    color: black!important;
    }
    .row.m-1 .col-md-8 .col-md-8.float-right p {
    width: 60px;
    line-height: 1.1;
    margin-left: -10px;
    margin-top: 5px;
    }
    #kt_content > div.d-flex.flex-column-fluid > div > div > div > div:nth-child(1) > div > div > div.row.m-1 > div.col-md-4 {
    display: flex;
    }
}

.logo-img.d-flex.flex-column-fluid.flex-column.flex-center.mt-5.mt-lg-0 a.text-center.pt-2 {
    margin-left: -60px!important;
    margin-top: -20px!important;
    padding-top: 0px!important;
    margin-bottom: 15px;
}
.col-lg-12.visit-id-heading {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
ul.outlet-detail-head span i.far.fa-map {
    margin-right: 14px;
}
.site-visit-page #kt_datatable td {
    max-width: 250px!important;
    width: 160px!important;
    padding: 1rem 1rem;
}
 .col-lg-6 .col-lg-12 .booking-tab.border-bottom.pb-5 {
    margin-bottom: 15px;
    border-bottom: none!important;
    padding-bottom: 0px!important;
}
.sd .col-lg-6 .col-lg-12 .booking-tab.border-bottom.pb-5
{
        justify-content: space-between;
}
div#floor_sv_table_wrapper .row,
div#kt_tab_pane_1_4 .col-lg-6 .card.card-custom.mt-5 .row.card-body.pr-1 
{
    width: 100%;

}
div#kt_tab_pane_1_4 .col-lg-6 .card.card-custom.mt-5 .row.card-body.pr-1 
{
padding-right: 0px!important;
}
#kt_tab_pane_2_4 .col-sm-12 {
    padding-right: 0;
}

.sd #kt_tab_pane_2_4 .col-sm-12, .sdm #kt_tab_pane_2_4 .col-sm-12 {
    padding-right: 10px;
}
.booking-tab.border-bottom.pb-5 a.float-right.btn {
    margin-right: 10px;
}
.d-flex.justify-content-between.booking-tab.border-bottom.pb-5 a {
    margin-right: 5px;
}
td.col-lg-8.sorting_1 span i.fal.fa-file-pdf {
    color: black;
    padding-right: 5px;
}
.d-flex.booking-tab.border-bottom.pb-5 .col-lg-8,
.d-flex.booking-tab.border-bottom.pb-5 .col-md-8 {
    padding-left: 0px;
}
.d-flex.booking-tab.border-bottom.pb-5 .col-lg-4, 
.d-flex.booking-tab.border-bottom.pb-5 .col-md-4{
    text-align: right;
    padding-right: 0px;
}
.col-lg-6 table th.col-lg-4.action-sign {
    text-align: right;
}
.col-lg-6 table td.col-lg-4 button.btn.btn-light-primary.btn-icon.btn-sm {
    margin-right: -15px;
}
.col-lg-4 .dropdown-menu.show {
    transform: translate3d(-22px, 33px, 0px);
}
@media screen and  (max-width: 600px)
{
    .order-1.login-bg.order-lg-2.flex-column-auto.flex-lg-row-fluid.d-flex.flex-column.p-7
    {
        display:none!important;
    }
    .logo-img.d-flex.flex-column-fluid.flex-column.flex-center.mt-5.mt-lg-0 a.text-center.pt-2 {
    margin-left: 0px!important;
    margin-top: -20px!important;
    padding-top: 0px!important;
    margin-bottom: 35px;
    }
    .col-sm-12.col-md-7.dataTables_pager {
    flex-flow: column-reverse;
    }
    .logo-img a img {
    width: 340px;
    }
    .col-lg-12.visit-id-heading {
    display: flex;
    flex-direction: column-reverse!important;
    justify-content: space-between;
    width: fit-content;
    }
    table.site-visit-details-table tbody tr td.pt-4 {
    padding-bottom: 10px!important;
    }
    .row.justify-content-center.my-10.px-8.my-lg-15.px-lg-10 .col-xl-8.col-xxl-5 .pb-5 .d-flex a.btn.font-weight-bolder.b-border-btn.text-uppercase.px-9.py-4 
    {
    padding: 10px 15px!important;
    }
    .row.justify-content-center.my-10.px-8.my-lg-15.px-lg-10 .col-xl-8.col-xxl-5 .pb-5 .d-flex button.btn {
    padding: 10px 24px!important;
    }
    .row.justify-content-center.my-10.px-8.my-lg-15.px-lg-10 .col-xl-8.col-xxl-5 .pb-5 .d-flex .form-group.col-lg-6 
    {
    padding: 0px!important;
    }
    .col-lg-6.mt-3.d-flex .col-lg-6:nth-child(2),
    .col-lg-6.mt-3.d-flex .col-lg-12,
    .col-lg-6.mt-10.d-flex .col-lg-6:nth-child(2) 
    {
    text-align: right;
    }
    .row.mt-1.border-bottom.pb-10.site-visit-detail-table .col-lg-6.mt-4.d-flex:nth-child(2) {
    margin-top: 65px!important;
    }
    .row.mt-1.border-bottom.pb-10.site-visit-detail-table .col-lg-6.mt-4.d-flex:nth-child(3) {
    position: absolute;
    margin-top: 60px!important;
    }
    .row.sd_tile div#kt_tab_pane_1_4 .col-lg-6.mt-4.d-flex:nth-child(2) .col-lg-6:first-child {
    padding-left: 0;
    }
    .fc-left {
    display: flex!important;
    flex-flow: column;
    align-items: center;
    }
    .fc-toolbar.fc-header-toolbar {
    justify-content: left;
        align-items: center;
    }
    .fc-toolbar.fc-header-toolbar .fc-center h2 {
    width: min-content;
    margin-left: 10px!important;
    }
    .btn.btn-clean:not(:disabled):not(.disabled):active:not(.btn-text), .btn.btn-clean:not(:disabled):not(.disabled).active, .show > .btn.btn-clean.dropdown-toggle, .show .btn.btn-clean.btn-dropdown
    {
        background-color: transparent!important;
        color: white!important;
    }
    .notification-icon i.far.fa-bell
    {
        color: white;
        margin-right: 14px;
    }
    .profile-header span {
        font-size: 20px;
        color: white!important;
        margin-left: -5px!important;
    }
    span.badge.badge-primary.badge-indicator.badge-indicator-sm.badge-pill.pulse {
        display: none;
    }
    .pulse.pulse-primary .pulse-ring {
        display: none;
    }
    .btn.btn-clean:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-clean:focus:not(.btn-text) i, .btn.btn-clean.focus:not(.btn-text) i
    {
        color: white!important;
    }
    div#kt_quick_user_toggle .dropdown-menu.mr-10.pr-10.show a span {
    color: black!important;
    font-size: 13px;
    }
    div#kt_quick_user_toggle .dropdown-menu.mr-10.pr-10.show a span i {
    color: black!important;
    margin-left: 10px;
    }
    .action-btn
    {
        padding-right: 0px!important;
    }
    .dropdown.dropdown-inline.mr-4 {
    float: none;
    }

    .user-list-table.datatable.datatable-bordered.datatable-head-custom.datatable-default.datatable-primary.datatable-loaded #kt_datatable th 
    {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500;
        vertical-align: middle;
    cursor: pointer;
    padding: 4px;

    }
    div#kt_tab_pane_1_4 .col-lg-2.d-flex.align-items-center a.btn.btn-sm.btn-primary.green-btn {
    float: unset;
    }
    .dataTables_wrapper .dataTables_pager .dataTables_info
    {
        text-align: center;
    }

    #kt_datatable th {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500;
    vertical-align: middle;
    cursor: pointer;
    padding: 2px;
    }


    div#kt_datatable_detail_wrapper table#kt_datatable_detail th {
    padding: 6px;
    font-size: 11px!important;
    width: 35%!important;
    }
    div#kt_datatable_detail_wrapper table#kt_datatable_detail th:nth-child(2) {
    padding: 6px;
    font-size: 11px!important;
    width: 35%!important;
    min-width: 110px;
    }

    ul.outlet-detail-head {
    padding-left: 0px;
    }
    a.edit-outlet-btn {
    float: none;
    margin-top: -10px;
    margin-bottom: 18px;
    }
    ul.outlet-detail-head span i.far.fa-map {
    margin-right: 13px!important;
    margin-top: 2px;
    }
    ul.outlet-detail-head span
    {
        display: flex;
    }
    .outlet-detail-table.border-top.pt-5.ml-5 table tbody tr {
    display: flex;
    flex-direction: column;
    }
    .dataTables_wrapper .dataTable th.sorting_asc, .dataTables_wrapper .dataTable td.sorting_asc {
    color: #00807B !important;
    background-image: url(../media/img/sorting-arrow-green.png);
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: right;
    background-origin: content-box;
    background-size: 20px!important;
    }
    .dataTables_wrapper .dataTable th.sorting_desc, .dataTables_wrapper .dataTable td.sorting_desc
{
    color: #00807B !important;
    background-image: url(../media/img/sorting-arrow-green-down.png)!important;
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: right;
    background-origin: content-box;
    background-size: 20px;
}
    .row.m-5 .col-md-6.float-right a.btn.btn-primary.cancle-btn.green-btn.float-right {
    float: left!important;
    }
    .card.card-custom .col-md-12 table.table tr {
    display: flex;
    flex-direction: column;
    }
    .card.card-custom .col-md-12 table.table tbody tr th
    {
        width: auto!important;
    }
    .col-md-12.pl-2.pr0 table.table tbody tr th {
    padding-bottom: 0px!important;
    }
    .row.m-5 .col-md-6 .col-md-6.float-right p {
    padding: 0px 14px;

    }
    .pb-5 .site-visit-form-sec #kt_datetimepicker_1 .input-group-append {
    border-left: 1px solid #e5e5e5 !important;
    top: 2px!important;
    padding: 9px 0px;
    right: 2px!important;
    left: auto;
    background: #F3F6F9;
    }
    div#kt_datatable_wrapper .col-sm-12.col-md-3 {
    max-width: 100%!important;
    flex: 0 0 100%!important;
    }
    div#kt_datatable_wrapper .row:last-child {
    flex-flow: column;
    }
    div#kt_datatable_info {
    width: auto;
    text-align: center;
    float: none;
    }
    
    th.sorting.sorting_desc {
    width: 40px!important;
    }
    tr.float-left.col-lg-6.md-12.xm-12.xs-12.mt-5.mb-5:first-child {
    margin-bottom: 0px!important;
    }
    tr.float-left.col-lg-6.md-12.xm-12.xs-12.mt-5.mb-5:first-child td.float-left.col-lg-12.p-1.pb-8:last-child {
    padding-bottom: 5px!important;
    }
    .row.m-1 .col-md-6.float-right a.btn.btn-primary.cancle-btn.green-btn.float-right {
    float: none!important;
    }
    .row.m-1 .col-md-6.float-right a.btn.btn-primary.save-btn.mr-2.float-right {
    float: none!important;
    }
    table.ml-2.table.outlet-list-table.table-hover.table-checkable.dataTable.dtr-inline.no-footer.collapsed {
    padding-left: 10px;
    }
    a.text-center.pt-2 img.old-1
    {
        margin-left: 0px!important;
    }
    .footer .text-dark a {
        width: 100%;
    color: #777777 !important;
    display: flex;
    justify-content: center;
    }
    
   
.col-lg-6 table.table.site-visit-file.table-hover.table-checkable
 {
    margin-left: -10px;
 }
.col-lg-6.mt-3.site-visit-detail-table p span i.fal, fa-file-alt {
        margin-right: 10px!important;
        margin-top: 2px;
        margin-left: 25px;
    }

    .col-lg-6.mt-3.site-visit-detail-table p {
        text-indent: -12px;
    }
    .d-flex.justify-content-between.border-top.mt-5.pt-10 div:last-child {
    display: flex;
    }    
    .row .col-lg-6.mt-4.d-flex div:last-child {
    text-align: right;
    padding-right: 0px;
    margin-right: -10px!important;
    }
    .row.mt-1.border-bottom.pb-10.site-visit-detail-table .col-lg-6.mt-4.d-flex div:last-child {
    text-align: left;
    }
    /*.col-lg-12.border-top.border-bottom.mt-10.pt-10.pb-10.site-visit-detail-table .col-lg-6.mt-4.d-flex div:last-child {
    text-align: right;
    padding-right: 0px;
    margin-right: -10px;
    }*/
    .col-lg-6 .col-lg-12 .booking-tab.border-bottom.pb-5 {
    margin-bottom: 10px;
    padding-bottom: 15px!important;
    border-bottom: 1px solid #e5e5e5!important;
    }
    .col-lg-6 .col-lg-12 .d-flex.booking-tab.border-bottom.pb-5 {
    justify-content: space-between;
    padding-bottom: 0px!important;
}
    .sd #kt_tab_pane_1_4 > div.row > div:nth-child(2) > div > div > div > div.d-flex.booking-tab.border-bottom.pb-5
    {
        padding-bottom: 10px!important;
    }
    .d-flex.booking-tab.border-bottom.pb-5 {
    flex-flow: row;
    }
    .col-lg-12.border-top.border-bottom.mt-10.pt-10.pb-10.site-visit-detail-table .row.mt-5.pt-5.border-top,
    .col-lg-12.border-top.border-bottom.mt-10.pt-10.pb-10.site-visit-detail-table .row.mb-5,
     #kt_tab_pane_1_4 .card form .row.card-body,
    .card.card-custom.mt-5 .row.card-body .row.mt-5.pt-5.border-top,

     {
    width: auto;
    }

    a.site-btn
    {
            margin-left: -50px!important;
    }
    .col-lg-6 a.btn.btn-sm.btn-primary.green-btn.pull-left.mr-2.site-btn {
    margin-right: -5px!important;
    }
    a.btn.btn-sm.btn-primary.green-btn.pull-left.mr-2.site-btn i.far.fa-edit {
    float: right;
    }
    .col-lg-6.mt-3.site-visit-detail-table p
    {
        margin-left: 0px;
    }
    .col-lg-12.border-top.border-bottom.mt-10.pt-10.pb-10.site-visit-detail-table .row.mt-5.pt-5.border-top,
    .col-lg-12.border-top.border-bottom.mt-10.pt-10.pb-10.site-visit-detail-table .row.mb-5,
     #kt_tab_pane_1_4 .card form .row.card-body,
    .card.card-custom.mt-5 .row.card-body .row.mt-5.pt-5.border-top,
    .col-lg-12.border-top.border-bottom.mt-10.pt-10.pb-10.site-visit-detail-table .row.mb-5,
    .row.mt-5.pt-5 
     {
    width: auto;
    }
    .row.card-body .row.mt-5.pt-5.border-top {
    margin-top: 0px!important;
}
    .row.m-1 .col-md-8 .col-md-8.float-right p {
    width: 60px;
    line-height: 1.1;
    margin-left: -10px;
    margin-top: 5px;
    }
    div#kt_datatable_ex_wrapper .col-sm-12.col-md-3.dataTables_pager {
    display: flex;
    padding-left: 0px;
    }
    .col-sm-12.col-md-9.dataTables_pager {
    flex-flow: column-reverse;
    }
    .col-lg-6 table.table.site-visit-file.table-hover.table-checkable
    {
        margin-left: 0px;
    }
    .col-lg-6 table.table.site-visit-file.table-hover.table-checkable th.col-lg-7 {
    width: 50%;
        padding-left: 0;
    }
    .col-lg-6 table.table.site-visit-file.table-hover.table-checkable td.col-lg-5 {
    text-align: right;
    }
    .col-lg-6 table.table.site-visit-file.table-hover.table-checkable tbody tr:first-child td.col-lg-5 
    {
            padding-top: 0;
    }
    .d-flex.justify-content-between.booking-tab.border-bottom.pb-5 {
    flex-flow: column;
    padding-bottom: 10px!important;
    }
    .d-flex.justify-content-between.booking-tab.border-bottom.pb-5 a.float-right.btn.btn-sm.green_btn_class.btn-primary.green-btn.edit_btn.mb-3,
    .booking-tab.border-bottom.pb-5 a.float-right.btn.btn-sm.green_btn_class.btn-primary.green-btn.edit_btn
    {
        margin-top: 25px;
    }
    .sd .d-flex.justify-content-between.booking-tab.border-bottom.pb-5 a.float-right.btn.btn-sm.green_btn_class.btn-primary.green-btn.edit_btn.mb-3, .booking-tab.border-bottom.pb-5 a.float-right.btn.btn-sm.green_btn_class.btn-primary.green-btn.edit_btn,
    .sdm .d-flex.justify-content-between.booking-tab.border-bottom.pb-5 a.float-right.btn.btn-sm.green_btn_class.btn-primary.green-btn.edit_btn.mb-3, .booking-tab.border-bottom.pb-5 a.float-right.btn.btn-sm.green_btn_class.btn-primary.green-btn.edit_btn
    {
        margin-top: 0px;
            margin-right: 0;
    }
    .sd div#kt_tab_pane_1_4 .col-lg-6 .col-sm-12, .sdm div#kt_tab_pane_1_4 .col-lg-6 .col-sm-12 {
    padding-right: 0;
}
table#onsite_measure_tb,
table#existing_photo {
    margin-left: -10px;
}
    div#kt_tab_pane_1_4 .d-flex.justify-content-between.booking-tab.border-bottom.pb-5 {
    flex-flow: row;
    }
    .sdm div#kt_tab_pane_1_4 .d-flex.justify-content-between.booking-tab.border-bottom.pb-5 {
    flex-flow: row;
    padding-bottom: 0px!important;
    }
        .booking-tab.border-bottom.pb-5  {
    flex-flow: column;
    display: flex;
    }
    .sdm #floor_sv_table_wrapper > div:nth-child(2), 
    .sd #floor_sv_table_wrapper > div:nth-child(2) 
    {
    width: 109%;
    }
.sd_tile #kt_tab_pane_1_4 > div:nth-child(1) > div > div:nth-child(3) > div > div:nth-child(2),
.sd_tile #kt_tab_pane_1_4 > div.card.card-custom.mt-5 > div > div:nth-child(3) > div > div:nth-child(2)
{
    padding-left: 12px;
}
.sd-tile #kt_tab_pane_1_4 > div:nth-child(1) > form > div, .sd-tile #kt_tab_pane_1_4 > div.card.card-custom.mt-5 > div {
    padding-right: 2.25rem!important;
}
 .css3-rating-stars label::before {
            width: 17px;
            line-height: 20px;
            text-align: center;
            font-size: 16px;
            cursor: pointer;
            font-family: 'Font Awesome 5 free';
                content: "\f005";
                font-weight: 700;
        }

    

}
    
    div#kt_tab_pane_2_4 .card-body #kt_datatable th:last-child {
    width: auto!important;
    text-align: right;
    padding-right: 35px;
    }
    div#kt_tab_pane_2_4 .card-body #kt_datatable th span.pl-3 {
    font-family: 'GothamRoundedBold'!important;
    }


    .col-lg-6 table.table.site-visit-file.table-hover.table-checkable.dataTable.no-footer,
    table.table.site-visit-file.table-hover.table-checkable
     {
    margin-left: -10px;

    }

.row.m-1 .col-md-6 .col-md-6.float-right p {
    padding: 0px 23px;
    height: 12px;
    margin-top: 5px;
    margin-left: -15px;
}
.dataTables_paginate.paging_simple_numbers ul.pagination {
    float: right;
    margin-right: 5px!important;
}
tbody.sitevisit-tbody td.col-lg-4 {
    text-align: right;
}
.table.site-visit-file th.col-lg-4.action-sign.sorting {
    text-align: right;
}
td.col-lg-4 {
    text-align: right;
}
.table.site-visit-file tbody tr.table-tr {
    border-bottom: 1px solid #e5e5e5;
}
.table.site-visit-file tbody tr.table-tr:first-child {
    border-top: 1px solid #e5e5e5;
}
table.table.site-visit-file.table-hover.table-checkable .sitevisit-tbody tr {
    border-bottom: none;
}
#DataTables_Table_0 > tbody > tr > td {
    border-top: 1px solid #e5e5e5;
}

@media (min-width: 992px)
{
.aside-minimize:not(.aside-minimize-hover) .aside {
    width: 70px;
    background: #00807B;
}
.brand {

    background-image: url(../media/logos/old_logo.png)!important;
    background-size: 200px;
    background-repeat: no-repeat;
    background-position: 15px -7px;
    padding: 0px;
    margin-bottom: 10px;
    }
.aside-minimize:not(.aside-minimize-hover) .brand
{
    background: #00807B;
}

   .login.login-2 .login-aside {
    width: 100%;
    max-width: 46%;
    }
    div#kt_quick_user_toggle span.symbol-label.font-size-h5.font-weight-bold 
    {
        color: rgba(0, 0, 0, 0)!important;
        background: unset;
    }
    div#kt_quick_user_toggle span.symbol.symbol-lg-35.symbol-25.symbol-light-success {
        background-image: url(../media/img/customer_n_staff_icon.jpg)!important;
        background-repeat: no-repeat;
        cursor: pointer;
        background-size: 30px;
        width: 30px;
        height: 30px;
        background-position: center;
        border-radius: 5px;
        margin-bottom: 3px;
    }
    .customer_mode div#kt_quick_user_toggle span.symbol.symbol-lg-35.symbol-25.symbol-light-success {
        background-image: url(../media/img/customer_n_staff_yellow_icon.jpg)!important;
        background-repeat: no-repeat;
        cursor: pointer;
        background-size: 30px;
        width: 30px;
        height: 30px;
        background-position: center;
        border-radius: 5px;
        margin-bottom: 3px;
    }

}



.login-form.login-signin.py-5 .text-center.pb-8 h2.font-weight-bolder.font-size-h2.font-size-h1-lg {
    margin-top: 15px;
}

.dataTables_wrapper .dataTable thead th
{
    text-transform: uppercase;
    cursor: pointer;
}
.navi-text i{
    color: black;
    padding: 0px 10px 0px 10px;
}
.burger-icon-left span:before
{
    width: 100%;
}
.burger-icon-left span:after
{
    width:100%;
}
.fc-unthemed .fc-toolbar .fc-button
{
    border: 1px solid black;
    color: black;

}
.fc-button-group > .fc-button:not(:first-child)
{
    margin-left: -1px;
}
.fc-unthemed .fc-toolbar .fc-button .fc-icon {
    color: black;
    font-size: 20px;
}
.fc-left button {
    min-width: fit-content;
    padding: 0px 13px;
}
.heading label {
    font-family: 'GothamRoundedMedium'!important;
}
.burger-icon span
{
    height: 2px;
    min-height: 2px;
}
.burger-icon span::before, .burger-icon span::after
{
    height: 2px;
    min-height: 2px;
}
.burger-icon span::before, .burger-icon span::after
{
    height: 2px;
    min-height: 2px;
}
.dataTables_wrapper .child .dtr-details > li:last-child .dtr-title
{
    display: flex;
}

.btn.btn-clean:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-clean:focus:not(.btn-text), .btn.btn-clean.focus:not(.btn-text)
{
    background-color: transparent;
}
@media (max-width: 325px)
{
    .header-menu-wrapper 
    {
            width: 0px;
    }
    .dataTables_wrapper table.dataTable.collapsed > tbody > tr > td:first-child {
    padding-left: 5px !important;
    }
   
}
@media only screen and (min-width: 361px) and (max-width: 800px)
{

    .d-flex.flex-column-fluid.flex-column.flex-center.custo_login 
    {
        margin-top: -100px;
    }
}
@media (max-width: 360px)
{
    .d-flex.flex-column-fluid.flex-column.flex-center.custo_login 
    {
        margin-top: -5px;
    }
}
div#kt_tab_pane_1_4 form .row.card-body .form-group.col-lg-6 span.alert.alert-danger {
    padding-left: 0px!important;
}
div#kt_tab_pane_1_4 form .row.card-body .form-group.col-lg-6 span.alert.alert-danger {
    padding-left: 0px!important;
    padding-top: 0px!important;
}
div#kt_tab_pane_1_4 form .row.card-body .form-group.col-lg-6 br {
    display: none;
}
div#kt_tab_pane_1_4 form .row.card-body .form-group.col-lg-6 span.alert.alert-danger {
    padding-left: 0px!important;
    padding-top: 0px!important;
    padding-bottom: 0px!important;
    margin-bottom: 0px!important;
}
div#kt_dropzone_4 span.attach-span {
        padding: 7px 10px;
    background: #00807B;
    color: white;
    position: absolute;
    margin: 5px 0px 0px 6px;
    border-radius: 6px;
    font-weight: 600;
}
div#kt_datatable_wrapper div#kt_datatable_paginate {
    /*margin-left: -35px;*/
}
div#kt_datatable_wrapper .col-sm-12.col-md-3.dataTables_pager {
    /*margin-left: -35px;*/
}




@media only screen and (max-width: 750px){



    .datatable table thead tr th span{font-size: 12px;}
     .datatable table thead tr td{font-size: 12px;}
}


@media only screen and (min-width: 250px) and (max-width: 800px){
/*     
    #kt_datatable th{max-width: 250px!important; width: 90px!important; float: left;}

    #kt_datatable th:first-child{max-width: 250px!important; width: 111px!important; float: left;}

    #kt_datatable td{max-width: 250px!important; width: 85px!important; padding-right: 0px; float: left;}

    #kt_datatable td:first-child{max-width: 250px!important; width: 105px!important; float: left;}

    #kt_datatable tr{float: left; width: 100%; padding-left: 0}

    .user-table #kt_datatable th {width: 97px!important;}

    .outlet-table #kt_datatable th:first-child {
    padding-left: 0px!important;
    }
    
    }*/
    #kt_datatable td.dataTables_empty {
    float: left;
    width: 100%!important;}
    .d-flex.justify-content-between .border-top .mt-5 .pt-10 .btn {
    padding: 7px 10px!important;
    margin: 1px!important;
    font-size: 11px!important;
    }
    /*table.table.site-visit-table.table-hover.table-checkable.dataTable.no-footer.dtr-inline.collapsed thead th {
    padding: 6px;
    font-size: 11px!important;
    width: 49%!important;
    min-width: 125px;
    }*/


}

td.text-center 
{
    width: 100%;
}
.col-md-12.pl-0.pr-0 
{
    margin: 0px!important;
    padding: 0px;
}
.input-group.date .la.la-calendar-check-o:before 
{
    content: "\f133";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
        color: black;
}
/*25/07/22 start*/

.datetimepicker table.table-condensed {
    text-align: center;
}
/*25/07/22 end*/
span.drp-selected 
{
display: none!important;
}

table.tile-installation-details-table tbody tr:nth-child(3) td 
{
    padding-top: 10px;
}
tr.float-left.col-lg-6.md-12.xm-12.xs-12.mt-5.mb-5 
{
    padding-left: 0px!important;
}
.svg-icon.wizard-arrow svg g [fill] 
{
    fill: #B1B1B1!important;
}
.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="done"] .wizard-arrow svg g [fill], .wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step[data-wizard-state="current"] .wizard-arrow svg g [fill]
{
    fill: #0B8580!important;
}
.notification-dropdown .rounded-top 
{
    background: #00807B;
}
.notification-dropdown h4.d-flex.flex-center.rounded-top
 {
    color: white;
    font-family: 'GothamRoundedMedium';
    font-weight: 500;
    letter-spacing: 0.4px;
    margin: 25px 0px;
}
.notification-dropdown span.symbol-label 
{
    background: none!important;
}
.notification-popup-text a
{
    font-family: 'GothamRoundedMedium';
    font-size: 13px;
}
.notification-popup-text span
{
    font-size: 13px;
    font-weight: 100;
}

.notificaiton-arrow-bg span.btn i 
{
    background: #f7f7f7;
    padding: 8px;
    border-radius: .2rem;
}
span.envelop-icon-bg i 
{
    color: #00807B;
    padding: 6px 8px;
    border-radius: .4rem;
    background: #E5F2F1;
    font-size: 21px;
}
.notification-list span.site-status 
{
    font-family: 'GothamRoundedMedium';
    color:black;
}
.notification-list span 
{
    font-weight: 800;
    color: #3e3e3e!important;
}
.align-items-start.list-item.card-spacer-x.py-3 .d-flex.align-items-start.mt-3 
{
    align-items: center!important;
}
.datetimepicker td.day.today.active.disabled {
    background-color: white!important;
   color: #7E8299!important;
}

.site-visit-id div#list_sv_all 
{
    max-height: 80px;
    overflow-y: auto;
}

#reschedule_pop > div > div > div.card.card-body > form > div:nth-child(3) {
    margin-bottom: 0px!important;
}
#reschedule_pop > div > div > div.card.card-body > form > div:nth-child(6),
#reschedule_pop > div > div > div.card.card-body > form > div:nth-child(5) {
    margin-top: 20px;
}

div#kt_tab_pane_1_4 .table.site-visit-file tbody tr.table-tr td:last-child button.btn.btn-light-primary.btn-icon.btn-sm {
    margin-right: -10px;
}
div#kt_tab_pane_1_4 .table.site-visit-file tbody tr.table-tr td:last-child {
    text-align: end;
    padding-right: 0px;
}
#DataTables_Table_0 > thead > tr > th.sorting.sorting_asc,
#DataTables_Table_0 > thead > tr > th.sorting.sorting_desc,
table#DataTables_Table_2 > thead > tr > th.sorting.sorting_asc,
table#DataTables_Table_2 > thead > tr > th.sorting.sorting_desc,
table#DataTables_Table_1 > thead > tr > th.sorting.sorting_asc,
table#DataTables_Table_1 > thead > tr > th.sorting.sorting_desc
 {
    background-position-x: 50px;
}
.table.site-visit-file th.action-sign {
    text-align: end;
}
div#kt_tab_pane_1_4 table.table.site-visit-file.table-hover.table-checkable th {
    text-transform: uppercase;
}
div#kt_tab_pane_3 .booking-tab.pb-5 {
    padding-bottom: 2px!important;
}

#sv_three_d_filestb_wrapper > div:nth-child(2) {
    margin-left: -10px!important;
    width: 100%;
    float: left;
}



#kt_tab_pane_3 > div > div > div > div > div > div:nth-child(1),
#kt_tab_pane_3 > div > div > div > div > div > div:nth-child(2),
#kt_tab_pane_3 > div > div > div > div > div > div:nth-child(2) > div > div:nth-child(2n-1)
{
    padding-left: 0px;
}
.col-lg-12.rating_sec .col-lg-6.mt-4.col-md-12.d-flex {
    padding-left: 0px!important;
}
.col-lg-12.rating_sec .col-lg-6.mt-4.d-flex {
    padding-left: 0px!important;
} 
.col-lg-12.rating_sec .col-lg-10.booking-tab.pb-5 {
    padding-left: 0px;
}
#kt_tab_pane_3 > div > div > div > div > div > div:nth-child(3) > div {
    margin-left: -35px;
}
#kt_tab_pane_3 > div > div > div > div > div > div:nth-child(2) > div > div:nth-child(2n-2),
#kt_tab_pane_3 > div > div > div > div > div > div:nth-child(2n-2) > div > div:nth-child(2n-2) > div:nth-child(2)
 {
    padding-left: 30px;
}
 
#kt_tab_pane_3 > div > div > div > div > div > div:nth-child(3) > div > div {
    padding-left: 12px!important;
}
.modal.fade.modal-md.mt-25.approved-modal-tile.ti-popup.show {
    margin-top: 0px!important;
}
.ti-popup span.input-group-text i {
    line-height: 17px;
}
.ti-popup .input-group-append {
    margin-top: 2px!important;
}
.logistic .container.adduser.mb-10 .col-lg-12 .card-toolbar ul.nav.nav-tabs.nav-tabs-border.nav-bold.nav-tabs-line li:nth-child(3) {
    display: none;
}
img.rating-star {
    width: 130px;
    margin-top: -8px;
}
.css3-rating-stars,
        .css3-rating-stars label::before{
            display: inline-block;
        }
        .css3-rating-stars label:hover,
        .css3-rating-stars label:hover ~ label{
            color: #f5b301;
            -webkit-text-stroke: 1px #f5b301;
        }
        .css3-rating-stars *{
            margin: 0;
            padding: 0;
        }
        .css3-rating-stars input{
            display: none;
        }

        .css3-rating-stars{
            unicode-bidi: bidi-override;
            direction: rtl;
        }
        .css3-rating-stars label{
            color: white;
            -webkit-text-stroke: 1px #161616;
                font-family: 'Font Awesome 5 free';
                content: "\f005";
                font-weight: 700;
            }
        
        .css3-rating-stars label::before {
            width: 17px;
            line-height: 20px;
            text-align: center;
            font-size: 16px;
            cursor: pointer;
            font-family: 'Font Awesome 5 free';
                content: "\f005";
                font-weight: 700;
        }
        
        .css3-rating-stars input:checked ~ label{
            color: #f5b301;
            -webkit-text-stroke: 1px #f5b301;
        }
        .css3-rating-stars input:checked ~ label:hover {
        color: #f5b301;
        }
        .css3-rating-disabled{
            opacity: .50;
            -webkit-pointer-events: none;
            -moz-pointer-events: none;
            pointer-events: none;
        }

        .col-lg-12.css3-rating-stars {
            padding-left: 5px;
                padding-top: 5px;
        }
        .feedback-form .form-group.col-lg-6 .css3-rating-stars label::before {
            font-size: 31px;
    width: 39px;
        }
        span.font-size {
            font-size: 49px;
            font-family: 'GothamRoundedbold';
            display: flex;
            justify-content: center;
        }


.asid-area-stages.card-body.d-flex.align-items-center.justify-content-between.flex-wrap.py-3 {
    padding: 0px;
}
.asid-area-stages.card-body.d-flex.align-items-center.justify-content-between.flex-wrap.py-3 h5.text-dark.font-weight-bolder.pb-5 {
    margin-top: -10px;
    width: 100%;
}
.asid-area-stages .svg-icon.svg-icon-primary svg g [fill]
{
    fill: #404040!important;
}
.asid-area-stages .nav.nav-pills .show > .nav-link .nav-text, .nav.nav-pills .nav-link.active .nav-text {
    color: black;
    font-family: 'GothamRoundedMedium';
    padding-left: 10px;
    font-weight: 500;
}
.asid-area-stages .nav .nav-link .nav-text
{
    color: black;
    font-family: 'GothamRoundedMedium';
    padding-left: 10px;
    font-weight: 500;
    padding-bottom: 0px;
}
.nav.nav-pills .show > .nav-link, .nav.nav-pills .nav-link.active {
    background-color: #F2F9F8;
}
div#Cement_screeding {
    margin: -10px!important;
}
.col-lg-4.align-items-center.d-flex.justify-content-space-between.stage_button 
{
    padding: 0px;
}
.area-stage-detail-part.flex-row-fluid.ml-lg-8 .card.card-custom.gutter-b {
    background: #eef0f869;
}
.col-lg-4.align-items-center.d-flex.justify-.content-space-between.stage_button {
    justify-content: end;
}



.modal.fade.modal-md.mt-25.approved-modal-tile.job-confirm-pop.show .modal-footer {
    border: none;
        justify-content: center;
}


.col-lg-4.align-items-center.d-flex.justify-.content-space-between.stage_button a.g-border-btn
{
    color: #00807B !important;
    border: 1px solid #00807B;
    background: none !important;
}
.mt-3.form-group.row.stage-image-uploader {
    width: 100%;
    justify-content: space-between;
}

div#kt_dropzone_2test input.dropzone-select {
    width: 95%;
    height: 100%;
    position: absolute;
    left: 15px;
    top: 0px;
    opacity: 0;
}
div#kt_dropzone_2test .MultiFile-label {
    z-index: 2;
    position: relative;
}
#myTabContent5 .tab-pane .d-flex.align-items-center.justify-content-between.flex-wrap.flex-sm-nowrap {
    background: white!important;
    padding: 1.3rem 1.6rem;
    margin: -25px -20px;
    border-radius: 5px;
}
#myTabContent5 .tab-pane .align-items-center.justify-content-between.flex-wrap.flex-sm-nowrap {
    background: white!important;
    padding: 1.3rem 1.6rem;
    margin: -25px -20px;
    border-radius: 5px;
}
div#Demolition-1 {
    background: white;
    padding: 1.3rem 1.6rem;
    margin: -25px -20px;
    border-radius: 5px;
}
div#myTabContent5 .tab-pane.fade.active.show {
    /*background: white;*/
    padding: 1.3rem 1.6rem;
    margin: -25px -20px;
    border-radius: 5px;
}
span.p_name.black-text.mid-text.pl-5 {
    font-family: 'GothamRoundedMedium';
    color: black;
}
label img.avtar-profile {
    width: 45px;
    border-radius: 5px;
}
textarea.breef_data_input.form-control
{
margin-top: 30px;
border: none;
border-bottom: 1px solid #e5e5e5;
padding-left: 0px;
}
div#kt_dropzone_2 {
    border-color: #349A96;
}
.dropzone .dz-preview .dz-image {
    border-radius: 20px;
    overflow: hidden;
    width: 95px;
    height: 88px;
    position: relative;
    display: block;
    z-index: 10;
}
.col-lg-12.d-flex.justify-content-between.pt-2.image-upload div {
    justify-content: space-between;
}
.col-lg-12.d-flex.justify-content-between.pt-2.image-upload img {
    width: 92%;
    height: 100%;
}
td img.table-rating-star
{
    width: 60px;
}


.white-card {
    background: #F3F6F9;
   
}
.four-box1
{
    background-image: url(../media/bg/black_bg.png1.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
}

.four-box2
{
    background-image: url(../media/bg/gray_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.four-box3
{
    background-image: url(../media/bg/green_bg.png1.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
}

.four-box4
{
    background-image: url(../media/bg/light_green_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.card img.dash-img {
    width: 35px;
    margin-top: -10px!important;
    margin-bottom: 12px;
    margin-left: -5px;
}
.four-box3 img.dash-img {
    width: 38px;
    margin-top: -10px!important;
    margin-bottom: 10px;
}
.col-lg-3.col-sm-12.col-xl-3.mb-5 .card {
    min-height: 142px;
}
span.d-block,
span.d-block i,
h3.d-block.mb-1 
{
    color: white;
}

.four-box2 h3.d-block.mb-1
{
    color: black;
}
.four-box2 span.d-block
{
    color: black;
}
.four-box4 h3.d-block.mb-1
{
    color: black;
}
.four-box4 span.d-block
{
    color: black;
}
.four-box1 h3.d-block.mb-1
{
    color: white;
}.four-box1 span.d-block
{
    color: white;
}
.four-box3 h3.d-block.mb-1
{
    color: white;
}

.four-box3 span.d-block
{
    color: white;
}

/*25-03-22*/

a.text-center.pt-2 img.old-1 {
    width: 220px;
    margin-top: 20px;
    margin-left: 65px;
}
#kt_content > div.d-flex.flex-column-fluid > div > div > div > div.card.card-custom > div > div:nth-child(3) > div > ul > li:nth-child(1) > a > svg {
    margin-top: -18px;
}
span.d-block.mb-1.blue {
    padding-bottom: 15px;
}
span.d-block.mb-1.blue svg {
    width: 24px;
    height: 24px;
    margin-top: -3px;
}
.col-lg-3.col-sm-12.col-xl-3.mb-5 .man-dash-01 span.d-block
{
    font-family: 'GothamRoundedMedium';
}
.col-lg-3.col-sm-12.col-xl-3.mb-5 .card .card-body {
    padding: 2rem;
}
#kt_form > div.pb-5 > div.page-section > ul.review-n-submit.pb-5.mb-14.border-bottom.mt-10 > li:nth-child(6) > ul.uploaed-file-list.ml-28 {
    margin-left: 203px!important;
}
.sd_tile .col-lg-12.align.booking-tab.pb-5.d-flex, .sd_tile .col-lg-12.align.booking-tab.pb-5.d-flex .col-lg-10 {
    padding-left: 0px;
}
.sd_tile #kt_tab_pane_1_4 > div:nth-child(1) > div > div:nth-child(3) > div > div:nth-child(2) {
    padding-left: 25px;
}
.sd_tile #kt_tab_pane_1_4 > div.card.card-custom.mt-5 > div > div:nth-child(3) > div > div:nth-child(2) {
    padding-left: 38px;
}
.sd_tile #kt_tab_pane_1_4 > div.card.card-custom.mt-5 > div > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(2) {
    padding-left: 20px;
}
.sd_tile #kt_tab_pane_1_4 > div:nth-child(1) > div > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(2) {
    padding-left: 30px;
}
.sd_tile #kt_tab_pane_1_4 > div.card.card-custom.mt-5 > div > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(2) {
    padding-left: 43px;
}


.padd-left-43
{
    padding-left: 43px;
}
.padd-left-30
{
    padding-left: 30px;
}
.padd-left-38
{
    padding-left: 38px;
}
.padd-left-25
{
    padding-left: 25px;
}
.padd-left-20
{
    padding-left: 20px;
}
.padd-left-47
{
    padding-left: 47px;
}
.padd-left-55
{
    padding-left: 55px;
}
.padd-left-15
{
   padding-left: 15px;
}
.padd-left-18
{
    padding-left: 18px;
}
.sd_tile #kt_tab_pane_1_4 > div.card.card-custom.mt-5 > div > div.col-lg-12.d-flex,
.sd_tile #kt_tab_pane_2_4 > div > div > div.col-lg-12 > div > div > div.col-lg-12 > div
{
    padding: 0px;
}
#kt_tab_pane_1_4 > div.card.card-custom.mt-5 > div > div.col-lg-12.d-flex > div.col-lg-2,
#kt_tab_pane_1_4 .col-lg-12.align.booking-tab.pb-5.d-flex .col-lg-2,
#kt_tab_pane_1_4 > div.card.card-custom.mt-5 > div > div.col-lg-12.d-flex > div.col-lg-2,
#kt_tab_pane_1_4 .col-lg-12.align.booking-tab.pb-5.d-flex .col-lg-2,
#kt_tab_pane_2_4 > div > div > div.col-lg-12 > div > div > div.col-lg-12 > div > div.col-lg-2,
.cust #kt_tab_pane_3 > div > div > div > div > div > div.d-flex.col-lg-12 > div.col-lg-2 {
    text-align: right;
    padding-right: 0px;
}
#kt_tab_pane_2_4 > div > div > div.col-lg-12 > div > div > div.col-lg-12 > div > div.col-lg-2 a.btn.btn-sm.btn-primary.green-btn.pull-left.mr-2,
.cust a.btn.btn-sm.btn-primary.green-btn.pull-left.mr-2
{
    margin-right: 0px!important;
}
.modal-header
{
    background: white;
}
div#job_complete .modal-content {
    padding: 25px 0px 35px 0px;
}
#kt_tab_pane_2_4 .border-none.area-info .col-sm-12
{
    padding-right: 12px;
}
.border-none.area-info .col-lg-3 {
    text-align: right;
    padding-right: 0px;
}
.border-none.area-info table#kt_datatable thead th:nth-child(2),
table.table.site-visit-table.table-hover.table-checkable.sd_tileinstall_pagination.dataTable.no-footer th:nth-child(2),
div#kt_tab_pane_2_4 table#kt_datatable thead th:nth-child(2)
{ 
    text-align: right;
    padding-right: 70px;
    background-origin: padding-box;
}




div#kt_tab_pane_2_4 .table.site-visit-table td span.label-yellow {
    margin-right: -3px;
}
div#kt_tab_pane_2_4 .table.site-visit-table td span.label-purple{
        margin-right: 15px;
}
table.table.site-visit-table.table-hover.table-checkable.admin_tab_paginate_custo.dataTable.no-footer td span.label-light-green {
    margin-right: -3px!important;
}
div#kt_tab_pane_2_4 .table.site-visit-table td span.label-light-green {
    margin-right: 5px;
}
.pess div#kt_tab_pane_2_4 .table.site-visit-table td span.label-yellow {
    margin-right: 0px;
}
div#kt_tab_pane_2_4 table#kt_datatable td:nth-child(2),
.border-none.area-info table#kt_datatable td:nth-child(2),
table.table.site-visit-table.table-hover.table-checkable.sd_tileinstall_pagination.dataTable.no-footer td:nth-child(2)
{ 
    text-align: right;
    padding-right: 30px;
}


div#myTabContent5 .MultiFile-label
{
    background-color: unset;
    /* padding: 9px 10px 8px 9px; */
    padding: 5px;
    font-size: 13px;
    border-radius: 8px;
    font-weight: 600;
    margin: 7px 0px;
    width: min-content;
    margin-top: -20px;
    height: 120px;
    display: inline-block;
}
div#myTabContent5 div#file_input_list {

    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: -12px;
    width: 100%;
}
/*div#myTabContent5 a.MultiFile-remove:after {
    content: '\f057';
    font-family: 'Font Awesome 5 Free';
    font-size: 35px;
    font-weight: 600;
    position: absolute;
    left: 42px;
    z-index: 25;
    top: 20px;
}*/




div#myTabContent5 a.MultiFile-remove
{    
         font-size: 30px!important; 
    background-image: url(../media/img/cross.png)!important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    padding: 5px 20px;
    position: relative;
    left: 25%;
    z-index: 22;
    color: #ffffff00;
    top: 40%;
    float: left;
}
}
div#myTabContent5 #file_input_list > div > span {
    display: flex;
    margin: 40px 0px;
}
div#myTabContent5 img.MultiFile-preview {
    max-height: 110px!important;
    max-width: 110px!important;
    border-radius: 5px!important;
}

@media (max-width: 991.98px)
{
    button#export {
    z-index: 95!important;
    position: relative!important;
    top: -85px!important;
}

.report .container-fluid.d-flex.align-items-center.justify-content-between.flex-wrap.flex-sm-nowrap {
    padding-bottom: 45px;
}
}
button#export {
    z-index: 95!important;
}
.col-lg-10 .gray-text {
    display: none;
}
.card.card-custom .card-body div#kt_datatable_wrapper #kt_datatable_paginate > ul {
    float: unset;
}
.hide .btn.btn-icon.btn-clean.btn-dropdown.btn-lg.mr-1.pulse.pulse-primary {
    display: none;
}
#mark_as_complete > div > div > div.swal2-actions {
    padding-bottom: 30px;
}
#mark_as_complete > div > div > div.swal2-header {
    padding-top: 20px;
}
div#kt_tab_pane_1_4 table.table.site-visit-file tr td
{
    border-top: 1px solid #e5e5e5!important;
    border-bottom: 1px solid #e5e5e5!important;
}
div#swal2-content {
    background: white;
}
.star_no_hover{
    pointer-events: none;
}
/*.area-stage-detail-part.flex-row-fluid.ml-lg-8.pending .tab-pane.fade.active.show {
    background: white ;
}
*/
table#kt_datatable td .css3-rating-stars label::before {
    width: 14px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    font-family: 'Font Awesome 5 free';
    content: "\f005";
    font-weight: 700;
}

.area-stage-detail-part.flex-row-fluid.ml-lg-8.pending .tab-pane.fade.active.show {
background: white!important;
}
html body .row .col-sm-12 .report_all th {
    min-width: 158px!important;
    text-align: left;
}

#kt_tab_pane_2_4 span.fc-title {
    text-shadow: 2px 0px 2px black;
}

.scroll_report_top .col-sm-12 {
    overflow-x: auto;
    transform: rotateX(180deg);
}
.report_all {
    overflow-x: initial;
    transform: rotateX(180deg);
}
.scroll_report_top .col-sm-12.col-md-7.dataTables_pager {
    transform: rotateX(360deg);
}
.scroll_report_top .col-sm-12.col-md-5 {
    transform: rotateX(360deg);
}
nav.nav-pills .show > .nav-link, .nav.nav-pills .nav-link.active_tags {
    background-color: #ccffcc;
}
.drp-buttons .cancelBtn{
 background: #00807B !important;
 color: white !important;
}