@mbody[data-sidebar-size=sm] .navbar-brand-box {
    align-self: center;
}

/* table sticky column shadow remove --- miss match th to td  */
table.dataTable.dtfc-scrolling-right tr > .dtfc-fixed-right::after, 
table.dataTable.dtfc-scrolling-left tr > .dtfc-fixed-left::after { box-shadow: none !important;}

a.number-tags { color: #333 !important; text-decoration: underline !important; }

.pace .pace-progress { z-index: 11111111 !important; }

.tooltip { z-index: 11111111; }

table.dataTable thead tr>.dtfc-fixed-start, table.dataTable thead tr>.dtfc-fixed-end, table.dataTable tfoot tr>.dtfc-fixed-start, table.dataTable tfoot tr>.dtfc-fixed-end{ -webkit-transform: translateZ(0); }
table.dataTable tbody tr>.dtfc-fixed-start, table.dataTable tbody tr>.dtfc-fixed-end { -webkit-transform: translateZ(0); }

/* --------------------------- */
table#dataTable col {transition: width 0.2s ease;}
/* --------------------------- */

.choices__list--multiple .choices__item { margin-bottom: 3px !important;}

.dt-scroll-head { background:#F5F5F5 !important; }
.dt-scroll-foot table.dataTable { border-radius: 0px !important; }

/** Client Flag Tooltip */
.client-flag-tooltip .tooltip-inner p{text-align: left !important; margin-bottom: 0px !important;}
.client-flag-tooltip .tooltip.show{opacity: 1 !important;}
.client-flag-tooltip .tooltip-inner{background: #FFBA33 !important; color: black !important; text-align: left;  font-size: 9px !important; line-height: 14px;}
.client-flag-tooltip .tooltip-arrow:before{border-top-color: #FFBA33 !important;}
.client-flag-tooltip .bs-tooltip-top .tooltip-arrow:before {border-right-color: #FFBA33 !important;}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before, .bs-tooltip-end .tooltip-arrow:before { border-right-color: #FFBA33 !important;}

.dataTable tbody tr td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dataTable thead tr th { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dataTable thead tr th:first-child { white-space: unset !important; overflow: unset !important; }

.dataTable thead tr td:last-child { white-space: unset !important; overflow: unset !important; text-overflow: unset !important; }

table.table{table-layout: fixed;}
.navbar-brand-box { align-self: center;text-align: center;}
.flatpickr-weekdays { background: rgba(61, 100, 200, 0.94) !important;}
.flatpickr-months { background-color: rgba(61, 100, 200, 0.94) !important;}
.table td .send-btn {  min-width: 75px;  font-size: 12px; padding: 2px; }
.table td p { margin-bottom: 0px !important;}
.dtr-details .dtr-title { margin-right: 15px;}

/* checkbox input */
.dtr-data input[switch]{position: absolute;display: block; opacity: 0; left: 20px; z-index: 1;  width: 100%; height: 100%;}
.dtr-data{position: relative;}

/* css-common */

body[data-sidebar-size=sm] .navbar-brand-box { align-self: center;}
body[data-layout-mode=dark] #vertical-menu-btn { background: transparent; border-color: transparent;}
body[data-layout-mode=dark] #mode-setting-btn { background: transparent; border-color: transparent;}
.error { color: red;}

/* scrollbar */

div.dts div.dt-scroll-body, div.dts div.dataTables_scrollBody { background: #f5f5f5 !important; }
::-webkit-scrollbar { width:10px; height: 10px;}
::-webkit-scrollbar-track { /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */ -webkit-border-radius: 10px; border-radius: 10px;  }
::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: #ccc;  /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); */}
::-webkit-scrollbar-thumb:window-inactive {  background:  #ccc;}
#delete { background: #d9534f !important; color: #fff; border-color: #d9534f !important;}
.btn-danger{background-color: #fd625e !important; border-color: #fd625e !important; color: #fff !important;}
.btn-danger:hover{background-color: #fff !important; color: #fd625e !important; }
body[data-layout-mode=dark] .btn:hover { color: #333333 ;}
input[switch]:checked+label { background-color: #333; border: 1px solid #E4E4E4;}
code { color: #5156be ;}
.header-item, .header-item:hover {
    color: #fff !important;
    background: transparent !important
}

body[data-layout-mode=dark] .form-check-input:checked {
    background-color: #333333 ;
    border-color: #333333 ;
}

.form-check-input:checked {
    background-color: #333333 ;
    border-color: #333333 ;
}

.form-check .form-check-input { float: unset !important; margin-left: 0 !important;}

body[data-layout-mode=dark] .page-item.active .page-link {
    background-color: #333 ;
    border-color: #333 ;
    color: #fff;
}


.header-profile-user {
    background-color: #d8e9ff;
    height: 36px;
    padding: 2px;
    width: 36px;
    object-fit: cover
}


/* new style */

@font-face {
    font-family: 'SF-Pro-Text-Bold';
    src: url('../fonts/sfprotext/SF-Pro-Text-Bold.woff2') format('woff2');
  }

  @font-face {
    font-family: 'SF-Pro-Text-Regular';
    src: url('../fonts/sfprotext/SF-Pro-Text-Regular.woff2') format('woff2');
  }


* { margin: 0 0; padding: 0; outline: none;}
.hyphens { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -ms-word-break: break-all; word-break: break-all; word-break: break-word; word-wrap: break-word;}
p, div , span, h1, h2, h3, h4, h5, h6{word-break: break-word;}
.help-block{font-size: 12px; color: red;}
body{ font-family: 'SF-Pro-Text-Regular'; margin: 0; padding: 0;}

iframe html body.cke_editable {font-family: 'SF-Pro-Text-Regular' !important; }

select, select option, .flatpickr-monthDropdown-month {font-family: 'SF-Pro-Text-Regular' !important;  }

/* Firefox specific styles */
@-moz-document url-prefix() {

    select {font-family: 'SF-Pro-Text-Regular' !important;  }
    select option {font-family: 'SF-Pro-Text-Regular' !important;  }
    .flatpickr-monthDropdown-month {font-family: 'SF-Pro-Text-Regular' !important;  }
}


/* Swal error */
.swal2-styled.swal2-confirm{background:#333333; box-shadow: none;}
.swal2-styled.swal2-confirm:focus{box-shadow: none;}
.swal2-title{font-size: 18px;}
.swal2-html-container{font-size: 16px;}
.swal2-icon .swal2-icon-content{font-size: 2.75em; align-items: flex-start;}
.swal2-actions:not(.swal2-loading) .swal2-styled:hover{opacity: .8;}

/* login */
.login-auth{background: url(../images/login-bg.jpg)no-repeat center; background-size: cover; width: 100%; min-height:100vh; position: relative;  }
.login-auth::before{content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #333; opacity: 0.6; }
.auth-full-page-content{position: relative;display: flex; align-items: center; justify-content: center;padding: 50px 0px; }
.login-auth .auth-content{max-width: 646px;width: 100%; margin: 0px auto; }
.login-auth .auth-content .auth-content-info{background: #FFFFFF;border-radius: 10px; padding:50px 30px;}
.forget-text{font-style: normal;  font-size: 16px;text-align: right; color: #808390; }
.forget-text:hover{color: #333333; }

.login-auth .auth-logo{margin: 0px auto 30px;max-width: 135px; width: 100%;display: flex; align-items: center; justify-content: center;}
.login-auth .auth-logo img{max-width: 100%; max-height: 100%; width: auto; height: auto;}

.form-group{margin-bottom: 30px;}

.login-auth .common-form .form-group{margin-bottom: 30px;}
.login-auth .common-form .form-group label{margin-bottom: 5px; font-size: 16px; }
.login-auth .common-form .form-group .input-group{ border-radius: 10px; }
.login-auth .common-form .form-group .input-group .form-control{ border: 0; border-radius: 0px 6px 6px 0px;}
.login-auth .common-form .form-group .form-control { border-radius: 10px;  padding:15px 10px; font-size: 14px;  }

.common-form .form-group{margin-bottom: 20px;}
.common-form .form-group label{color: #808390;margin-bottom: 0px; font-style: normal;  font-size: 14px; }
.common-form .form-group .input-group{ background: #FFFFFF;transition: .3s all; padding: 5px 5px; align-items: center; border: 1px solid #D7D7D7; border-radius: 6px; }
.common-form .form-group .form-control{color: #333333;resize: none; height: auto; font-style: normal;border: 1px solid #D7D7D7;border-radius: 6px;  padding:7px 10px; font-weight: 400;  font-size: 12px; }
.common-form .form-group .form-control::placeholder{color: #808390;}

.common-form .form-group .input-group .form-control{ border: 0;  border-radius: 0px 10px 10px 0px !important; background: transparent !important;}

.common-form .form-group .input-group .input-group-text{background: transparent; border-radius: 10px 0px 0px 10px; border: 0;}
.common-form .form-group .input-group:focus-within {border-color: #333333;}
.common-form .form-group .input-group:focus-within svg path{fill:#333333 ;}
.input-group-text{cursor:pointer;}

.login-auth  .auth-title{font-style: normal;text-align: center;margin-bottom: 30px;  font-size: 30px; text-transform: uppercase; color: #333333; font-family: 'SF-Pro-Text-Bold';  }

.send-btn{background: #333333;min-width: 130px; border-color: #333333; text-transform: uppercase; color: #fff;text-align: center;font-style: normal;font-size: 12px; border-radius: 255px; box-shadow:none !important; }
.cancel-btn { background: #444445 !important; border-color: #444445 !important; margin-left:10px; }

.send-btn:hover{color: #333333; background: #fff; }
.cancel-btn:hover { background: #fff !important; color: #444445 !important; }

/* textarea.form-control { min-height: 163px;} */

.customization-group h4 { color: #333333; font-size: 16px; font-family: 'SF-Pro-Text-Bold'; margin-bottom: 25px; }


.dtr-data { display:inline-block; }
.dtr-data input[switch] + label { margin-bottom:0px !important;  }
.dtr-data input[switch] {left: 0px;}
table.dataTable > tbody > tr.child ul.dtr-details > li {display: flex; align-items:center; }

.lgn_selection{position: absolute; right: 10px; top: 20px;z-index: 1;}
.language-selection .lang_label{background: #FFFFFF; border-radius: 4px;color: #808390; font-size: 12px; padding:2px 5px;  position: absolute; z-index: 1; top: -13px; left: 50%;transform: translateX(-50%); width: 100%; text-align: center; }
.language-selection { width: 85px; position: relative;}
.language-selection .select2-container{background: #FFFFFF !important; overflow: hidden; border: 1px solid #DDDDDD !important; border-radius: 255px !important; width: 100% !important;}
.language-selection .select2-container--default .select2-selection--single{border-radius: 0 !important; height: auto !important; padding: 5px !important; background: transparent !important; border: 0 !important;}
.language-selection .select2-container--default .select2-selection--single .select2-selection__rendered {color: #333333 !important; font-style: normal;  font-size: 12px !important; padding-left: 8px !important; }
.language-selection .select2-container--default.select2-container--open {border-radius:20px 20px 0px 0px !important; }



.navbar-header .form-group { margin-right: 10px; }
.navbar-header .form-group .input-group { background: #373738 !important; border: 1px solid #2B2B2C !important; border-radius: 25px; }
.navbar-header .form-group .input-group .form-control { border: none !important; background: none !important; border-radius: 25px 0px 0px 25px; color: #fff !important; font-style: normal;  font-size: 12px !important; padding-left: 8px !important; }
.navbar-header .form-group .input-group .input-group-text { border: none !important; background: none !important; border-radius: 0px 25px 25px 0px; padding:0px 10px; }
.navbar-header .form-group .input-group .input-group-text a { color: #787878 !important; }
.navbar-header .form-group .input-group .input-group-text a  svg{width: 18px !important; height: 18px !important; }


/* .select2-search--dropdown.select2-search{display: none !important;} */
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #333333;color: #fff;}
.select2-results__option{font-size: 12px;color: #808390;  }
.select2-container--default .select2-results__option[aria-selected="true"] {background-color: transparent !important;color: #333333 !important; }

.language-selection .select2-container--default .select2-selection--single .select2-selection__arrow b{background: url(../images/down_arrow.svg)no-repeat center right 6px; width: 12px !important; height: 12px !important; border: 0 !important; display: block; position: relative !important; margin-top: 0; background-size: 12px !important; }
.language-selection .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{transform: rotate(180deg);margin-left: -9px;}

.login-auth .sub-texts{font-style: normal;margin-bottom: 30px;  font-size: 16px;text-align: center; color: #808390; }
.login-auth .forget-text a{color: #333333;  font-family: 'SF-Pro-Text-Bold'; }

.navbar-header .form-group {position: relative; width: 340px; margin: auto; }
#globalSearchData, #globalSearchData1 {  border: 1px solid #2B2B2C !important; z-index: 1111 !important; background: #373738; border-radius: 10px 10px !important; position: absolute; width: 100%; max-height: 270px; overflow-y: auto; padding: 10px 0px; display: none; }
#globalSearchData li, #globalSearchData1 li {  background-color: transparent !important;  color: #333333 !important; }
#globalSearchData ul, #globalSearchData1 ul { list-style: none !important; padding: 0px !important; margin-bottom: 10px !important; }
#globalSearchData div:last-child ul, #globalSearchData1 div:last-child ul { margin-bottom: 0px !important; }
#globalSearchData ul h4, #globalSearchData1 ul h4 { font-size: 12px; padding-left: 10px; color: #fff; margin-bottom: 5px;  font-family: 'SF-Pro-Text-Bold'; }
#globalSearchData li a, #globalSearchData1 li a {  padding: 4px 8px 4px 20px !important; font-size: 12px !important;  color: #fff; display: block; }
#globalSearchData li a.view-more, #globalSearchData1 li a.view-more { color: #9E9E9E !important;  }
#globalSearchData li a.view-more:hover, #globalSearchData1 li a.view-more:hover { background: none !important; color: #fff !important; }

#globalSearchData li a:hover, #globalSearchData1 li a:hover { background: #232323 !important; color: #fFf !important; }

.dataTables_filter { display: flex; flex-wrap: wrap; align-items: center; }
.dataTables_filter label:last-child { margin-left: auto; }


/* main-pages */
body{background: #FBFBFD; overflow-x: hidden; font-weight: normal;  }
.img-thumbnail { background-color: #D7D7D7;}
#page-topbar, .vertical-menu{background: #FFFFFF;border: 0; box-shadow: 0px 4px 4px rgba(255, 255, 255, 0.25);  }
.navbar-brand-box {background: #fff; border-right: 0;box-shadow: none;padding: 0px 15px; width: auto; height: 50px; display: flex; align-items: center; }
#page-topbar { z-index: 11111; }
.alertify-notifier { z-index: 1111111; }

.modal-open #page-topbar { z-index: 111; }

.d-language .language-selection .select2-container{background: #EFF6FF !important; border: 1px solid #DEEBFE !important;}
.d-language .language-selection .lang_label{background: transparent;}

.right-side-nav { width: 100%; padding-left: 230px; }

.header-add-job-button { display: flex; align-items: center; padding: 8px; border-left: 1px solid #37373C; }
.header-add-job-button .add-btn { background: #000000 !important; border-radius: 0px !important; padding: 4px 10px; display: flex; align-items: center; }
.header-add-job-button .add-btn:hover { background: transparent !important; border-color: #fff; color: #fff !important;  }
.header-add-job-button .add-btn:hover img { filter: unset !important; }

.request_header .language-selection { position: absolute; /* top: 14px; */ right: 10px; }


/* side menu bar
========================================== */
#sidebar-menu{padding: 0px;}
#sidebar-menu ul li a {padding: 16px 20px;color: #808390 !important; font-size: 12px !important;  }
#sidebar-menu ul li .active-icon{display: none;}
#sidebar-menu ul li a img{height: 20px; /* margin-top: -3px; */ width: 20px; margin-right: 10px; }
#sidebar-menu ul li a.active .active-icon{display: inline-block;}
#sidebar-menu ul li a.active .normal-icon{display: none;}
#sidebar-menu ul li a.active{color: #333333 !important;}
#sidebar-menu ul li.mm-active a.active{background: #F2F2F6;}
#sidebar-menu ul li a:hover{color: #333333 !important;}
#sidebar-menu ul li.mm-active > a{color: #333333 !important;}
body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu > ul > li:hover > a {background-color: #eff6ff;}

#sidebar-menu ul li a:hover .active-icon{display: inline-block;}
#sidebar-menu ul li a:hover .normal-icon{display: none;}

#sidebar-menu ul li.mm-active a.has-arrow.mm-active { background: #F2F2F6;}
#sidebar-menu ul li a.has-arrow.mm-active .active-icon{display: inline-block;}
#sidebar-menu ul li a.has-arrow.mm-active .normal-icon{display: none;}

.page-title-right { display: none !important; }

body[data-sidebar-size="sm"] .vertical-menu { width: 62px !important; overflow: hidden; transition: 0.3s ease-out; }
body[data-sidebar-size="sm"] .main-content {margin-left: 62px;}
body[data-sidebar-size="sm"] .footer { left: 62px;}

body[data-sidebar-size="sm"] .vertical-menu:hover { transition: 0.3s ease-out; width: 280px !important; overflow-y: auto; z-index: 11111; }
body[data-sidebar-size="sm"] .vertical-menu:hover #sidebar-menu > ul > li > a span { display: inline; padding-left: 5px; }

body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu > ul > li:hover > ul { height: auto !important; left: 0 !important; padding: 0; position: relative !important; width: 100% !important; box-shadow: none !important;}
body[data-sidebar-size="sm"] .vertical-menu:hover #sidebar-menu > ul ul { display: block; padding: 0px;}
body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu > ul ul li a:hover { background-color: #eff6ff; color: #7a7fdc; }
body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu > ul > li > ul a { padding: 8px 0px 8px 50px !important; position: relative; width: 100% !important;}
body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu > ul ul li:last-child { border: none !important; }

body[data-sidebar-size="sm"] .vertical-menu:hover { width: 280px !important; }

.main-content { margin-left: 62px; min-height: 100vh; background: #FBFBFD;}
.vertical-menu { width: 62px; transition: 0.3s ease-out; top: 50px !important; border-right: 1px solid #F2F2F6; }
#sidebar-menu ul li a  span { display: none; }
#sidebar-menu ul li a img { margin-right: 0px !important; }
#sidebar-menu .has-arrow::after { display: none; }
.vertical-menu:hover { transition: 0.3s ease-out; width: 280px !important; z-index: 11111; }
.vertical-menu:hover #sidebar-menu > ul > li > a span { display: inline; padding-left: 15px; }
.vertical-menu:hover #sidebar-menu .has-arrow::after { display: inline-block; line-height: 1; }
.metismenu li:last-child { border: none !important; }
.metismenu .mm-collapse.mm-show { display: none !important; }
.vertical-menu:hover .metismenu .mm-collapse.mm-show { display: block !important; }

div.dataTables_wrapper div.dataTables_filter .form-control { display: block; margin-left: 0px !important; }

.navbar-header { height: 50px; }
.header-item { border-left: 1px solid #37373C !important; height: 50px; }

/* profile-setting */

body[data-sidebar-size="sm"] { min-height: unset !important; }

.page-content {padding: 65px 15px 20px; }
.card .card-body{padding: 0px;}
.card .card-body.common-form { padding-bottom: 20px; }
.card{box-shadow: none !important; background: none !important; border: none !important; }

#idColumns button.buttons-collection {  background: none !important; box-shadow: none !important; border: none !important; font-size: 26px; padding: 0px; margin-left: 10px; line-height: 1; margin-bottom: 0px; }
div.dt-button-collection { left: auto !important; right: 0; }
.dataTables_length label, div.dataTables_wrapper div.dataTables_filter label {display: inline-block; vertical-align: middle;}
.title-sm{font-style: normal;margin-bottom: 16px; font-size: 24px;text-transform: uppercase; color: #333333; font-family: 'SF-Pro-Text-Bold';  }
.input-images .input-group{padding: 0px !important;align-items: stretch !important;}
.input-images .input-group .input-group-text{background: #F2F2F2 !important; border-radius: 0px 6px 6px 0px !important; color: #808390; font-size: 14px; padding: 0 10px; }
.input-images .input-group .form-control{border-radius: 10px !important;}

.nav-data-tabs{background: #F3F3F3; border-radius: 10px 10px 0px 0px;padding:5px 20px 0px; position: relative; z-index: 1;}
.profile-data .card{border-top-left-radius: 0px; border-top-right-radius: 0px;}
.nav-data-tabs.nav-pills .nav-link{text-transform: uppercase; color: #828282; font-size: 14px; }
.nav-data-tabs.nav-pills .nav-link.active{background: #FFFFFF; border-radius: 10px 10px 0px 0px !important; color: #333;}

.footer{border: 0px;}

input[switch] + label {margin-bottom: 0px;}

/* datatable */

.fixed-column-header{ position: sticky;background: linear-gradient(180deg, #CDE3FF 0%, #FFFFFF 100%) !important;left: 0px; height: 100%; display: block; width: 40px !important; }
table.dataTable thead tr > .dtfc-fixed-left, table.dataTable thead tr > .dtfc-fixed-right, table.dataTable tfoot tr > .dtfc-fixed-left, table.dataTable tfoot tr > .dtfc-fixed-right { background: #F5F5F5 !important;}
table.dataTable tbody tr:nth-child(2n) > .dtfc-fixed-left, table.dataTable tbody tr:nth-child(2n) > .dtfc-fixed-right {background: #FBFBFD !important;  }
table.dataTable tbody tr:nth-child(2n+1) > .dtfc-fixed-left, table.dataTable tbody tr:nth-child(2n+1) > .dtfc-fixed-right { background: #FBFBFD !important; }
.dataTables_scrollBody table { border-radius: 0px !important; }
.dataTables_scrollHead { border-radius: 10px 10px 0px 0px; }

.dataTable thead{/* background: linear-gradient(180deg, #CDE3FF 0%, #FFFFFF 100%); */ background: #F5F5F5; }
.dataTable thead tr th{border: 0px; color: #333333;font-style: normal;  line-height: 1.65; font-size: 12px; padding: 10px 10px;  font-weight: normal; border-right: 1px solid #EEEEEE; font-family: 'SF-Pro-Text-Bold'; }
.dataTable tbody tr td{color: #333333;font-style: normal; font-weight: 400;font-size: 12px; border: 0px; vertical-align: middle; padding: 6px 10px; }
.dataTable tbody tr:nth-child(2n+1){background: #FBFBFD;}
.dataTable tbody tr:nth-child(2n){background: #FBFBFD;}
.dataTable tbody tr td code{color: #333333;}
table.dataTable{border-radius: 10px; overflow-y: hidden; margin-bottom: 20px !important;}
.dataTable thead tr th:last-child { border-right: 0px !important; }
.dataTables_scrollHeadInner { padding-right: 0px !important; }

.dataTable tbody tr td:last-child .send-btn { min-width: 80px; padding: 2px 5px;}

.dataTable .btn.btn-soft-primary, .assign-job-details .btn.btn-soft-primary{border-radius: 4px; background: #333333; width: 22px;color: #fff; height: 22px; padding: 1px; display: inline-flex; align-items: center;  justify-content: center; font-size: 10px; }
.dataTable .view-btn.btn-soft-primary{background: #333333; }
.dataTable .copy-btn.btn-soft-primary{background: #A6A6A6; }
.dataTable .copy-btn.btn-soft-primary:hover{border-color: #A6A6A6 !important; background: transparent !important; color: #A6A6A6 !important; }
.dataTable .copy-btn.btn-soft-primary:hover svg path{fill: #A6A6A6;}

.dataTable .invoice-file-download .btn.btn-soft-primary { background: #A6A6A6 !important; }
.dataTable .invoice-file-download .btn.btn-soft-primary:hover { border-color: #A6A6A6 !important; background: transparent !important; color: #A6A6A6 !important;  }
.dataTable .btn.btn-soft-primary:hover, .assign-job-details .btn.btn-soft-primary:hover{color: #333333; background: #fff; border-color: #333333;}


.btn-soft-primary:focus{box-shadow: none;}
.dataTables_length label, div.dataTables_wrapper div.dataTables_filter label{color: #808390;font-size: 12px;}
div.dataTables_wrapper div.dataTables_length select, div.dataTables_wrapper div.dataTables_filter select{margin: 0px 10px; min-height: auto; font-size: 12px; padding: 6px; width: 70px; background: #FFFFFF url(../images/down_arrow.svg)no-repeat right 5px center; border: 1px solid #D7D7D7;  border-radius: 6px; }
div.dataTables_wrapper div.dataTables_filter input{font-size: 12px;padding: 8px; border: 1px solid #D7D7D7;  border-radius: 6px; }
.dataTables_length label { margin-bottom: 0px !important; }
.page-item.active .page-link{background: #333333 !important;}
.page-item .page-link{color: #808390; font-size: 12px; background: #FBFBFD !important; border: 1px solid #D7D7D7; padding: 6px 12px; }

.card .titles{  margin-bottom: 20px; font-size: 16px; color: #333333; font-family: 'SF-Pro-Text-Bold'; }
.view-templates h6{color: #333333; font-weight: 400; font-size: 14px;}
.view-templates h6 label{color: #808390;}
.view-templates h6 span{ font-size: 16px;}

.form-check-input:checked { background-color: #333333; border-color: #333333;}
.form-check-input{width: 20px; height: 20px;cursor: pointer; border: 1px solid #D7D7D7; border-radius: 2px;}
.form-check-input:focus{box-shadow: none;}

.newsletter-data .client-checkbox .checkbox { padding: 0px !important; }
.newsletter-data .form-check-input{width: 20px !important; height: 20px !important;cursor: pointer !important; border: 1px solid #D7D7D7 !important; border-radius: 2px !important;
position: relative !important; opacity: 1 !important;
}


.table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before{background-color: #333; }
table.dataTable > tbody > tr.child ul.dtr-details{width: 100%;}

.card .ad-titles{ margin-bottom: 20px; font-size: 14px; color: #333333;  font-family: 'SF-Pro-Text-Bold';    }
.card .ad-titles.action_title { font-family: 'SF-Pro-Text-Bold';   }
.card .check-data  .form-check-input[type="checkbox"]{margin-right: 10px;}
.card .check-data label{color: #333333;font-style: normal; font-weight: 400; font-size: 14px;}
.card .check-data .form-check-input{margin-top: 0px;}

.sub_content_actions { border-bottom: 1px dashed #DFDFDF; margin-bottom: 30px; }

.navbar-brand-box .logo{width: 100%;  display: inline-block;}
.navbar-brand-box .logo  .logo-lg{ display:flex; height: 40px; width: 32px; }
.navbar-brand-box .logo  .logo-sm { height: 40px; width: 32px; }
.logo-light { display: none !important;}
.navbar-brand-box .logo img{width: 100%; height: 100%; object-fit: contain; vertical-align:top; }
/* .navbar-brand-box .logo .logo-lg img{padding-right: 35px;} */

.password-div { position:relative; }
.password-div .eye-icon { position:absolute; right: 10px; content: ""; top: 28px; color: #333333; font-size:14px;  }
/*.has-error.password-div .eye-icon { top: 37px;}*/
.password-div .eye-icon i + i { display:none; }

.d-language { display:flex; align-items:center;  }
.d-language label { font-size:14px; margin-bottom:0px; color: #333333; margin-right:10px; }

/*  */
.user-secs{display: flex !important; align-items: center;}
.user-secs img{padding: 2px; width: 26px; height: 26px; background: #333333; margin-right: 5px;}
.user-secs span{flex: 1;}

.user-secs i{ color:  rgba(196, 196, 196, 1);}
.user-secs i.fas { color: #FFBA33; }
.fas.fa-flag { color: #FFBA33; }
.user-secs a { position: relative; margin-right: 12px; display: inline-block; }
.user-secs a span.client-tooltip { position: absolute; background: #FFBA33;  border-radius: 2px; font-size: 11px;  line-height: 16px; color: #333333; padding: 7px; top: 100%; display: none; width: 200px; z-index: 11; max-height: 150px; overflow-y: auto; }
.user-secs a span.client-tooltip::before { width: 0; position: absolute; content: ""; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #FFBA33; top: -7px; left: 2px; }
.user-secs a:hover span.client-tooltip { display: block; }
table.dataTable.nowrap td .user-secs a span.client-tooltip {  white-space: pre-line; }

/* #datatable_filter .reset-icon { margin-top: 15px; } */

.conatct-media i{ color:  rgba(196, 196, 196, 1);}
.conatct-media i.fas { color: #FFBA33; }
.conatct-media a { position: relative; margin-right: 12px;  }
.conatct-media a span.client-tooltip { position: absolute; background: #FFBA33;  border-radius: 2px; font-size: 9px !important;  line-height: 14px; color: #333333; padding: 7px; top: 100%; display: none; width: 200px; z-index: 11;  max-height: 150px; overflow-y: auto; }
.conatct-media a span.client-tooltip::before { width: 0; position: absolute; content: ""; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #FFBA33; top: -7px; left: 2px; }
.conatct-media a:hover span.client-tooltip { display: block; }

.manage-note {  background: #FFBA33 !important; padding: 4px !important; }
.manage-note img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.manage-note:hover { background: transparent !important; }
.manage-note:hover img { filter: invert(100%); }

.conatct-media i{ color:  rgba(196, 196, 196, 1);}
.conatct-media i.fas { color: #FFBA33; }

.calendar-month-img {  background: #333333 !important; padding: 4px !important; }
.calendar-month-img img { width: 100%; height: 100%; object-fit: contain; object-position: center; margin: 0px !important; }
.calendar-month-img:hover { background: transparent !important; }
.calendar-month-img:hover img { filter: invert(100%); }

.t-rating { width: 20px; height: 20px;  object-fit: contain; object-position: center; margin: 0px 5px; }

.preview-full-calendar .fc-theme-standard td.not_available {  padding: 2px;}
.preview-full-calendar .fc-theme-standard td.not_available .fc-daygrid-day-frame{ position: relative; background: #F2F2F2;  border-radius: 9px; height: 120px; display: flex;  flex-direction: column; }
.preview-full-calendar td.not_available .fc-h-event { background: none !important; border: none !important;  color: #848484 !important; text-align: left !important; }

/* nice select */
.nice-select{float: unset;}
.nice-select:after{display: none;}
.nice-select .list{width: 100% !important;}
.form-select:focus{box-shadow: none;}


.form-radio-check{display: flex; /* align-items: center; */ flex-wrap: wrap;width: 100%;}
.form-radio-check .form-check{width: 200px; margin-bottom: 0px; padding-left:0px!important; }
.form-radio-check .form-check .form-check-label{margin-bottom: 0px; font-style: normal;font-size: 14px;color: #333333;}
.form-radio-check .form-check .form-check-input{border: 1px solid #DEEBFE; margin-right: 10px; margin-top: 0px;}
.form-radio-check .form-check .form-check-input:checked[type=radio]{background: #fff;}
.form-radio-check .form-check .form-check-input:checked[type=radio]::before{background: #333;transition: .3s all; width: 12px; height: 12px; content: ''; position: absolute; border-radius: 50%;  left: 50%; top: 50%;  transform: translate(-50%,-50%);}

.report-edit-page .form-radio-check .form-check { width: 25%; margin-bottom: 15px; }

.dataTable .jobid{color: #333; text-decoration: underline !important; }
.dataTable .assign-technician{text-transform: uppercase; color: #fff; background: #333333;font-style: normal; font-weight: 400; font-size: 12px;display: inline-block; padding: 5px 10px; border-radius: 30px;}
.dataTable .new-technician{background: #CED9FF; color: #474747; font-style: normal; font-weight: 400; font-size: 12px;display: inline-block; padding: 5px 15px; border-radius: 30px;}
div.dataTables_wrapper div.dataTables_paginate ul.pagination, div.dataTables_wrapper div.dataTables_length label { margin-top: 10px !important;}

.or-text{font-style: normal;  text-align: center;margin: 40px 0px; font-size: 16px; color: #333333; position: relative; width: 100%;}
.or-text::before{content: ''; width: 100%;position: absolute; height: 1px; left: 0; top: 50%; transform: translateY(-50%); border: 1px dashed #D1D1D1;}
.or-text span{padding: 0px 15px; background: #EFF6FF; position: relative;}

#job_form .add-new-client{  margin-top: 22px; min-width: 34px; height: 34px; display: inline-flex;  align-items: center; justify-content: center;}
.add-new-client{background: #333333; color: #fff; border-color: #333333; }
.add-new-client:hover{color: #333333;}
.add-new-client:hover svg path{fill: #333333;}

/* job manually  */
.contact-information{background: #F3F3F3; border-radius: 10px; padding: 15px; margin-bottom: 30px;}
.contact-information .n-title{font-style: normal; font-weight: normal; margin-bottom: 10px; font-size: 16px;text-transform: uppercase;color: #808390; font-family: 'SF-Pro-Text-Bold'; }
.contact-information .conatct-media{display: flex;}
.contact-information .conatct-media .media-icon{width: 50px; height: 50px;border-radius: 50%;overflow: hidden; background: #333333; margin-right: 10px; }
.contact-information .conatct-media .media-icon img{width: 100%; height: 100%; object-fit: cover;}
.contact-information .conatct-media .media-icon img.default{padding: 5px;}

.contact-information .conatct-media p{margin-bottom:3px;font-style: normal;  font-size: 14px; /* display: flex; */  color: #808390 !important; }
.contact-information .conatct-media p span{font-size: 12px; color: #333333; flex: 1; margin-left: 10px;margin-top: 3px; font-family: 'SF-Pro-Text-Bold'; }
.contact-information .conatct-media p span a { display:inline-block; margin-left:10px; color: #C4C4C4 ; }
.contact-information .conatct-media p span a img { width:20px; height:20px; object-fit:contain; object-position:center; }

.contact-information .conatct-media .media-body{flex: 1; width: 100%; display: flex;flex-wrap: wrap;}
.contact-information .conatct-media .media-body .left-side{width: 50%; display: flex; flex-wrap: wrap;}
.contact-information .conatct-media .media-body .left-side p{min-width: auto; width: 33.33%; padding-right: 10px; display: block;}
.contact-information .conatct-media .media-body .right-side{width: 50%;}

.modal-content { border-radius: 10px; border: 1px solid #fff; }
.client-add-modal .modal-dialog{max-width: 1080px;}
.client-add-modal .modal-titels{text-align: center; color: #333333 !important; font-size: 30px; font-family: 'SF-Pro-Text-Bold'; }
.client-add-modal .modal-dialog .modal-body{padding: 30px 30px;}
.client-add-modal .btn-close{position: absolute; right: -10px; top: -10px; background: #333333; width: 28px; height: 28px;  opacity: 1; border-radius: 50%; color: #fff;font-size: 20px;padding: 0; line-height: 20px; }
.modal{background: rgba(40, 40, 41, 0.6);}

.or_txt{font-style: normal; font-size: 14px; text-align: center; color: #333333;}
.job_infor_assign{padding: 15px;border-bottom: 1px dashed #DFDFDF;}

.job_assign_id{font-style: normal;  font-size: 24px; margin-bottom: 20px; text-transform: uppercase; color: #333333; font-family: 'SF-Pro-Text-Bold'; }
.job_assign_id span{ color: #333333;}

.job_added { color: #808390; font-size: 16px;  }
.job_added span { font-family: 'SF-Pro-Text-Bold'; color: #333333; }
.ph_warning { background: #FF5D59; width: 30px; height: 30px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin-left: 10px; }
.ph_warning img { width: 20px; height: 20px; object-fit: contain; object-position: center; }
.complaint-btn { background: #FF5D59 !important; border-color: #FF5D59 !important; }
.complaint-btn:hover { background: transparent !important; color: #FF5D59 !important; }
.complaint-btn img + img { display: none; }
.complaint-btn:hover img { display: none; }
.complaint-btn:hover img + img { display: inline-block; filter: none !important; }

/* Multi select2 */
.select2-container--default .select2-selection--multiple .select2-selection__choice{border-radius: 30px !important; padding:2px 8px !important; background: #6b6b6b !important ; margin: 2px 2px 2px 0px !important; border: 1px solid #333 !important; font-style: normal;  font-size: 12px; color: #fff; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color: #fff !important;margin-right: 10px !important;}
.select2-container--default .select2-selection--multiple{background: #FFFFFF;  border: 1px solid #D7D7D7 !important; border-radius: 6px !important;min-height: 34px !important; display: flex !important; align-items: center; }
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important;}
.select2-container--default .select2-selection--multiple{background:#fff url(../images/down_arrow.svg)no-repeat 99.6% center !important; background-size: 12px !important;  }
#assign_tech_form .select2-container--default .select2-selection--single .select2-selection__arrow b { right: 7px; }

/* asign group-list */
.assign-grp-list{list-style: none; padding: 0; margin: 0; display: flex;flex-direction: row-reverse;justify-content: flex-end;}
.assign-grp-list li img{border:2px solid #DFDFDF; width: 30px; height: 30px; border-radius: 50%;object-fit: cover; /* background: #333333;  */}
.assign-grp-list li{margin-left: -10px;}
.assign-grp-list li:last-child{margin-left: 0px;}

.contact-information {  position: relative; }
.contact-information a.edit_icon { position: absolute;  right: -5px; top: -5px; }
.job-detail-left .job-infor-fst{border-bottom: 1px dashed #DFDFDF; padding: 20px 30px; position: relative; }
.job-detail-left .job-infor-fst a.edit_icon { position: absolute;  right: -5px; top: -5px; }
.job-detail-left .job-infor-fst:last-child{ border-bottom: 0px;}

.sdc-title { font-style: normal; font-size: 14px !important; color: #808390 !important; font-weight: normal; font-family: 'SF-Pro-Text-Regular' !important; }
.sdc-title a { float: right; }

.job-detail-left .internal-notes-section { padding: 10px; /* background: #fff; */ max-height: 400px; overflow-y: auto; }
.job-detail-left .delete-icons:hover { border-color: #333333 !important;}
.job-detail-left .delete-icons:hover i.far { color: #333333 !important; }

.card-body .sub_data_content{font-style: normal;  font-size: 14px;color: #808390; margin-bottom: 15px; }
.card-body .sub_data_content span{color: #333333; font-size: 12px;  display: block;}

.tech_user_list .media{margin-bottom: 10px; color: #333333; font-size: 14px; display: flex; }
.tech_user_list .media img{width: 30px; height: 30px; border-radius: 50%; margin-right: 10px; background: #333; margin-top: 5px; }
.tech_user_list .media span{margin-top: 3px; margin-right: 5px; }
/* .tech_user_list{margin-bottom: 25px;} */
.job_infor_assign .send-btn { min-width: 115px !important; }


/*  */
input[switch] + label {background-color: #fff; border: 1px solid #E4E4E4; color: #B8B8B8; }
input[switch] + label::after, input[switch]:checked + label::after{background: #fff;}
input[switch] + label { height: 26px;}
input[switch] + label::after { background: #D9D9D9;}
input[switch] + label::before { line-height: 22px; color: #B8B8B8; }

.datepicker td, .datepicker th{font-size: 13px; width:30px; height:30px; }
.datepicker th{  font-weight: 400; }
.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover{background-image:unset !important; background-color: #333 !important;}


/* full-calendar show
======================================= */
.preview-full-calendar .fc .fc-button.fc-today-button{background: #EFF6FF;border-radius: 0px; border: 1px solid #C6DEFD; font-style: normal; font-weight: 500; font-size: 14px; text-transform: uppercase; color: #333 }
.preview-full-calendar .fc .fc-toolbar-title{font-style: normal;font-size: 18px;text-transform: uppercase;color: #333;}
.preview-full-calendar .fc .fc-button-primary {background-color: #eff6ff;border-color: #333;color: #333;}
.preview-full-calendar .fc-col-header-cell-cushion{color: #848484; font-size: 14px;   font-family: 'SF-Pro-Text-Bold'; font-weight: normal;}
.preview-full-calendar .fc-theme-standard td, .preview-full-calendar .fc-theme-standard th {border: 1px solid #E9E9EF; }

.preview-full-calendar .fc .fc-scrollgrid-section-footer > *, .preview-full-calendar .fc .fc-scrollgrid-section-header > *{border-bottom-width: 0px;}
.preview-full-calendar .fc .fc-scrollgrid-section > * {border-left-width: 0; border-top-width: 0;}
.preview-full-calendar .fc-theme-standard .fc-scrollgrid{border: 1px solid #E9E9EF; }
.fc .fc-scroller{scrollbar-width:thin;}
.preview-full-calendar  .fc-h-event{background: #EFF6FF; border: 1px solid #DDE9FA; border-radius: 3px; color: #848484 !important;}
.fc-h-event .fc-event-main{color: #848484 !important;}
.fc-event {background: #EFF6FF; border: 1px solid #DDE9FA;border-radius: 3px; color: #848484 !important; }
.fc-h-event .fc-event-title-container{text-align: left;}

.fc .fc-daygrid-day-number { font-size: 14px;  color: #333;}
.fc .fc-day-other .fc-daygrid-day-top { opacity: 1 !important; }
.fc .fc-day-other .fc-daygrid-day-top .fc-daygrid-day-number { color: #848484 !important; }


.filter_status_calendar { display: flex; align-items: center; }
.assing_tags { display: inline-flex; flex-wrap: wrap; align-items: center; }
.not_assigned_jobs_block { border: 1px solid #D3D3D3; background: #ECECEC; border-radius: 4px; display: flex;  align-items: center; flex-wrap: wrap; padding: 2px 10px; margin-bottom: 10px; width: 100%; margin-left: 10px; position: relative; }
.not_assigned_jobs_block::before { position: absolute; content: ""; width: 10px; height: 10px; background: url(../images/down_arrow.svg) no-repeat; background-size: contain; background-position: center; right: 5px; }
.not_assigned_jobs_block span.id_block {background: #333333; color: #fff; font-size: 12px; border-radius: 25px; display: inline-block; padding: 1px 10px; margin: 2px 2px; cursor: move; }
.not_assigned_jobs_block label { font-size: 12px; color: #333333; margin-right: 10px; }
.assign-job-calendar .reset-button { width: 70px;  }
.assign-job-calendar .filter_status_calendar .form-group { margin-left: 10px; }

/* manage accessories
======================================== */

.user-secs.assories-images { position: relative; }
.user-secs.assories-images span.count { min-width: 22px; width: auto; height: 22px; border-radius: 25px; position: absolute; background-color: #333; color: #fff; font-size: 10px; line-height: 23px; text-align: center; padding: 0px 2px; left: -11px; top: -7px; cursor: pointer; }
.user-secs.assories-images img{width: 40px; height: 40px; padding: 0;object-fit: cover;border-radius: 2px; border: 1px solid #D9D9D9; }

.view-report-table .dataTable .new-technician{min-width: 90px; text-align: center;}
.sub_tile_image{width: 100%; height:280px; margin-bottom: 30px;}
.sub_tile_image img{width: 100%; height:100%; object-fit: cover;}

.action_imgs ul { list-style: none; margin:10px 0px; padding: 0px; display: flex; align-items: center; flex-wrap: wrap; }
.action_imgs ul li { width: 300px; height: 300px; border-radius: 6px; margin: 18px 5px !important; margin-right: 30px !important; position: relative;border: 1px solid #D7D7D7 }
/* .action_imgs ul li a { display: block; } */
.action_imgs ul li span.count { min-width: 30px; height: 30px; border-radius: 6px; position: absolute; background-color: #333; color: #fff; font-size: 16px; line-height: 30px; text-align: center; padding: 0px 2px; right: -15px; top: -15px; cursor: pointer; }
.action_imgs ul li span.delete { position: absolute; font-size: 14px; line-height: 29px; text-align: center; padding: 0px 2px; right: -15px; top: -15px; cursor: pointer; }
.action_imgs ul li span.delete { border: 1px solid #EEEEEE; background: #fff; border-radius: 6px; color: #FF5D59; width: 30px; height: 30px; }
.action_imgs ul li img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 6px; }

.report-edit-page .filepond--panel-root { background: transparent !important; border: 1px dashed #D7D7D7;  }
.report-edit-page .common-form .form-group label { font-size: 16px;  }
.report-edit-page .common-form .form-group label span { color: #333333; }

.modal .action_imgs ul li span.delete { bottom: -15px; top: auto; }

/* report-detail
======================================== */

.contact-information .ass-title{ font-family: 'SF-Pro-Text-Bold'; margin-bottom:0px; font-size: 16px; text-transform: uppercase;color: #333333; padding: 12px 15px;}
.contact-information .ass-content-inner{border-bottom: 1px dashed #D8D8D8; margin-bottom: 15px;}
.contact-information .ass-content-inner:last-child{border-bottom:0px;}
.contact-information .ass-content-inner .ass-img{width: 100%; height:150px;}
.contact-information .ass-content-inner .ass-img img{width: 100%; height:100%; object-fit: cover;}
.contact-information .ass-content-inner ul{list-style: none;padding: 12px 15px;margin: 0;}
.contact-information .ass-content-inner ul li{font-style: normal;margin-bottom:10px;display: block; font-weight: 400;  font-size: 12px; color: #333333; }
.contact-information .ass-content-inner ul li:last-child{margin-bottom: 0px;}

.sign_box_content{margin-bottom: 30px; background: #F3F3F3; border-radius: 10px; padding: 15px;}
.sign_box_content .s_title{color: #333333; text-align: center; font-size: 16px;  font-weight: normal; margin-bottom: 15px; font-style: normal;  font-family: 'SF-Pro-Text-Bold';}
.sign_box_content .tt_start{font-style: normal; font-weight: 400; font-size: 12px; color: #808390; margin-bottom: 0px;  }
.sign_box_content .tt_start span{ color:  #333333; font-family: 'SF-Pro-Text-Bold'; }
.sign_box_content .time_flex{display: flex;justify-content: space-between;}
.sign_box_content .time_flex .tt_start span{display: block;}
.sign_box_content .description{color: #fff; font-style: normal;font-weight: 400; font-size: 12px; margin-bottom: 0px;line-height: 1.7;}

.sign_box_content .signature_box{background: #FFFFFF; border: 1px dashed #D8D8D8;border-radius: 0px;padding: 5px; display: flex; align-items: center; justify-content: center; }
.sign_box_content .signature_box img{max-width: 100%;max-height: 100%;width: auto; height: auto;}

.time_flex { border-bottom: 1px dashed #DFDFDF; padding: 10px; }

/* Edit report
========================================= */
.common-form .t-label{font-style: normal; font-weight: unset;   font-size: 16px; color: #333333 !important; margin-bottom: 10px;}
.report-edit-page .clinet_sign {background: transparent; height: 152px !important; display: flex; align-items: center; justify-content: center;}
.report-edit-page .clinet_sign img { width: 100% !important; height: 100% !important; object-fit: contain; object-position: center; }
.form-control:disabled, .form-control[readonly] {background-color: #EEF5FF;}

.common-table table thead{background: #F5F5F5; color: #333333; font-size: 12px; border: 1px solid #EEEEEE !important; }
.common-table table tbody{font-size: 10px; color: #333333;}
.common-table table td, .common-table table th{padding:10px;vertical-align: middle;border: 0;line-height: 1.8; border-bottom: 1px solid #EEEEEE;}
.common-table .action_table thead tr th:nth-child(1), .common-table .action_table tbody tr td:nth-child(1){width:10%;padding-left: 40px;}
.common-table .action_table thead tr th:nth-child(2), .common-table .action_table tbody tr td:nth-child(2){width:20%;}
.common-table .action_table thead tr th:nth-child(3), .common-table .action_table tbody tr td:nth-child(3){width:50%;}
.common-table .action_table thead tr th:nth-child(4), .common-table .action_table tbody tr td:nth-child(4){width:10%; text-align: center;}

.common-table .accessory_table thead tr th:nth-child(1), .common-table .accessory_table tbody tr td:nth-child(1){width:10%;padding-left: 40px;}
.common-table .accessory_table thead tr th:nth-child(2), .common-table .accessory_table tbody tr td:nth-child(2){width:25%;}
.common-table .accessory_table thead tr th:nth-child(3), .common-table .accessory_table tbody tr td:nth-child(3){width:15%;}
.common-table .accessory_table thead tr th:nth-child(4), .common-table .accessory_table tbody tr td:nth-child(4){width:15%; text-align: center;}
.common-table .accessory_table thead tr th:nth-child(5), .common-table .accessory_table tbody tr td:nth-child(5){width:10%; text-align: center;}

.generate-invoice-page .common-table .accessory_table thead tr th:nth-child(1),
.generate-invoice-page .common-table .accessory_table tbody tr td:nth-child(1){width:15%; padding-left: 15px;}
.generate-invoice-page .common-table .accessory_table thead tr th:nth-child(2),
.generate-invoice-page .common-table .accessory_table tbody tr td:nth-child(2){width:35%;}
.generate-invoice-page .common-table .accessory_table thead tr th:nth-child(3),
.generate-invoice-page .common-table .accessory_table tbody tr td:nth-child(3){width:10%;}
.generate-invoice-page .common-table .accessory_table thead tr th:nth-child(4),
.generate-invoice-page .common-table .accessory_table tbody tr td:nth-child(4){width:10%; }
.generate-invoice-page .common-table .accessory_table thead tr th:nth-child(5),
.generate-invoice-page .common-table .accessory_table tbody tr td:nth-child(5){width:10%;}
.generate-invoice-page .common-table .accessory_table thead tr th:nth-child(6),
.generate-invoice-page .common-table .accessory_table tbody tr td:nth-child(6){width:10%;}
.generate-invoice-page .common-table .accessory_table thead tr th:nth-child(7),
.generate-invoice-page .common-table .accessory_table tbody tr td:nth-child(7){width:10%;}


.common-table table tbody tr:nth-child(2n){background: #eee;}
.common-table table tbody tr:nth-child(2n+1){background: #FBFBFD;}

.common-table {margin-bottom: 10px;}
.report-edit-page .edit_spacing{padding:0px 20px;}

.add-more-btn{text-transform: none; font-size: 14px; min-width: 100px;}

.btn-danger { background: #5E5E5F !important; border-color: #5E5E5F !important; box-shadow: none !important; }
.btn-danger:hover { background: transparent !important; color: #5E5E5F !important; }

.iti.iti--allow-dropdown.iti--separate-dial-code { width: 100% !important; }

/* Generate invoice
========================================== */
.technicians_row{border-bottom: 1px dashed #D1D1D1;}
.technicians_row .row{margin-bottom: 10px;}

/* .generate-invoice-page .common-form .form-control{padding: 10px;border: 1px solid #CFDEF4; border-radius: 0px; font-size: 12px;} */
.generate-invoice-page .common-form .input-group{border: 1px solid #D7D7D7; border-radius: 0px;}
/* .generate-invoice-page .select2-container{width:200px !important;} */

.generate-invoice-page .select2-container--default .select2-selection--single{border: 1px solid #D7D7D7; border-radius: 0px; height: auto;}
.generate-invoice-page .select2-container .select2-selection--single .select2-selection__rendered{line-height:unset; padding: 0px; color: #333333; font-size: 12px; text-align: left; }
.generate-invoice-page .select2-container--default .select2-selection--single .select2-selection__arrow b{background: url(../images/down_arrow.svg)no-repeat center right 6px; width: 15px !important; height: 15px !important;  border: 0 !important;  display: block;  position: relative !important;top: 60%;}

.generate-invoice-page .total_amt{background: #333;max-width: 410px;width: 100%; margin-left: auto; padding: 10px; color: #fff; font-size: 12px;  text-align: right; }


/*   */

.user-img { width: 130px; height: 130px; border-radius: 10px; margin-left: auto; }
.user-img img {  width:100%; height:100%; object-fit:cover; object-position:center; border-radius:10px; background: #444445; }


/* */

.radio-block { width:100%; display:flex; flex-wrap:wrap; padding-top: 7px; }
.radio-block div { margin-right:20px; }

.radio-button-row {  }

[type="radio"]:checked,
[type="radio"]:not(:checked) { position: absolute; left: -9999px;}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label{  position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #333333; font-size: 14px; }
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 1px solid #D7D7D7; border-radius: 100%; background: #fff;}
[type="radio"]:checked + label:before { border: 1px solid #DEEBFE !important; }
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after { content: '';  width: 12px; height: 12px; background: #333; position: absolute; top: 4px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
[type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
[type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}


/* select 2 */


.select2-container { width: 100% !important; }
.common-form .form-group label { display: block;}
.common-form .form-group label.form-check-label { display: inline-block; }
.select2-container--default .select2-selection--single { border: 1px solid #D7D7D7 !important; padding: 7px 10px !important; height: auto !important; border-radius: 6px !important; background: #fff; }
.select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0px !important; font-size: 12px !important; color: #333333 !important; line-height: unset; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 100% !important; display: flex; align-items: center; justify-content: center; }

.select2-dropdown{ border: 1px solid #D7D7D7 !important;  z-index: 1111 !important; border-radius:10px 10px  !important; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background: #333333  !important;  color:  #fFf !important; }
.select2-results__option { padding: 8px !important; font-size: 12px !important;  }

.select2-container--default .select2-results__option:last-child {border-radius: 0px 0px 10px 10px !important;}

.select2-container--default .select2-selection--single .select2-selection__arrow b{background: url(../images/down_arrow.svg)no-repeat center right;background-position: center; width: 20px !important; height: 20px !important; border: 0 !important; display: block; position: relative !important; margin-top: 0 !important; background-position: center !important; left: auto !important; top: auto !important; background-size: 12px !important; }

[aria-multiselectable="true"] .select2-results__option { position: relative; padding-left: 26px !important; }
[aria-multiselectable="true"] .select2-results__option::before { content: ""; position: absolute; width: 14px; height: 14px; border: 1px solid; left: 6px; top: 10px;  }
[aria-multiselectable="true"] .select2-results__option[aria-selected="true"]::after { content: ""; position: absolute; left: 11px; top: 11px; width: 5px; height: 10px; border: solid ; border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.select2-container--default .select2-results__option[role="group"]::before { display: none !important; }


/*  */

.full-calendar { background: transparent !important; padding: 10px 0px 0px; box-shadow: none !important;  }
.preview-full-calendar.full-calendar { position: relative; background: #fff !important; box-shadow: 1px 0px 26px 14px #EFEFEF !important; border-radius: 10px; padding: 20px; }
.full-calendar .fc-toolbar-chunk { width: 100%; display: flex; align-items: center; }
.full-calendar .fc-toolbar-chunk + div, .full-calendar .fc-toolbar-chunk + div + div { display: none !important; }
.full-calendar.preview-full-calendar .fc .fc-button-primary { background-color: transparent !important; border: transparent !important; color: rgba(169, 169, 169, 1) !important; box-shadow: none !important; padding-top: 0px !important; padding-bottom: 0px !important; }
.full-calendar.preview-full-calendar .fc .fc-toolbar-title { line-height: unset !important;}
.full-calendar.preview-full-calendar .fc .fc-button.fc-today-button { background: #EFF6FF !important; border: 1px solid #C6DEFD !important; color: #333 !important; padding: 4px 10px !important; font-weight: 500 !important; }

/* .full-calendar.preview-full-calendar .fc-theme-standard .fc-scrollgrid {  border: 1px dashed #DBDBDB;} */
.full-calendar .fc-col-header-cell {  font-size: 16px; color: #848484; padding: 10px; }
.full-calendar .fc-timegrid-slot  {padding: 10px !important;   }
.full-calendar .fc-timegrid-slot-label-cushion {  font-size: 16px; color: #848484; }
/* .fc-timegrid-event-harness > .fc-timegrid-event {background: #EFF6FF !important; border: 1px solid #DDE9FA !important; border-radius: 3px !important;}
.fc-event-title { color: rgba(43, 123, 244, 1); } */

.full-calendar .fc-event-title img {border: 1px solid #B1D2FD; width: 15px; height: 15px; background: #333333; border-radius: 50%; padding: 1px; margin-right: 2px; }
.full-calendar .fc-event-title img + img { margin-left: -7px; }
.full-calendar .fc-event-title span img  { background: none !important; padding: 0px !important; }
.technician-section {display: flex; align-items: center; color: #333; }
.full-calendar .fc-event-title span { display: flex;  color: rgba(132, 132, 132, 1) !important;  }
.fc .fc-scrollgrid-liquid { height: calc(100% - 50px) !important;}
.preview-full-calendar .fc-theme-standard td { height: 194px; }
.fc-event { margin: 5px 7px !important;}

.preview-full-calendar td.not_available .fc-h-event {margin-top: auto !important;}
.fc .fc-daygrid-body-unbalanced td.not_available .fc-daygrid-day-events {margin-top: auto;}

/*  */

#requestmodal .form-radio-check { justify-content: center;}
#requestmodal .form-radio-check .form-check { width: auto; margin: 0px 15px; }
#requestmodal .modal-dialog { max-width: 810px;}

.delete-icons, .delete-icons:focus { width: 30px; height: 30px; background: #333333; border-radius: 4px; padding: 0px !important; margin-right: 10px; }
.delete-icons:hover { background: transparent; border-color: #333; color: #333 !important; }
.delete-icons i.far {color: #fff;}
.delete-icons:hover i.far {color: #333;}

#cke_1_path{ display: none !important;}

/*  */

.KPI_block { margin-right: auto; margin-left: 12px;  }
.KPI_block .dropdown-toggle { padding: 0px; box-shadow: none !important; width: 35px; height: 35px; position: relative; }
.KPI_block .dropdown-toggle img { width: 100%; height: 100%; object-fit: contain; object-position: center; position: relative; }
.KPI_block .dropdown-menu { min-width: 90vw; padding: 15px 15px 5px; background: #707070; border-radius:0px 0px 10px 10px; width: 100%; top: 120% !important; border: none !important; align-items: center; }
.KPI_block .dropdown-menu.show { display: flex; flex-wrap: wrap; }
.KPI_block .dropdown-toggle::before { display: none; width: 30px; height: 40px; background: #707070; position: absolute; content: ""; top: 12px; left: 1px; z-index: 0; border-radius: 25px 25px 0px 0px; }
.KPI_block .dropdown-toggle.show::before { display: block;}

.KPI_block .dropdown-toggle img + img { display: none; }
.KPI_block .dropdown-toggle.show img { display: none ; }
.KPI_block .dropdown-toggle.show img + img { display: block; }

.KPI_block .dropdown-menu li { display: flex; align-items: center; margin: 0px 10px 10px; }

/* new kpi style */

.KPI_block .dropdown-menu li a { border-radius: 6px; color: #808390; font-size: 12px; background: linear-gradient(90deg, #BEBEBE 0%, #fff 60.03%); padding: 7px 10px;}
.KPI_block .dropdown-menu li a span { color: #333; margin-right: 10px; }

/*  */

.navbar-header { padding-right: 0px; background: #444445; }

.dropdown-menu-end[style] {right: 10px !important;}

.profile-data { padding-bottom: 20px; }
.profile-data .card {background-color: #fff !important; box-shadow: 1px 0px 15px 10px #EFEFEF !important; border-radius: 10px; border: 0; box-shadow: 1px 0px 26px 14px #EFEFEF;}
.profile-data .card .card-body {padding: 40px;  }
.fc-h-event .fc-event-title { display: block;}
.booking-request-page.profile-data .card { border-radius: 10px !important; }

.manage-jobs #idColumns { margin-top: 16px; }

.pac-container { z-index: 999999999999999999; }

body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu > ul > li:hover > a { background-color: #fff; }

div.dt-button-collection { width: auto !important; min-width: 180px; }
div.dt-button-collection .dt-button { background: #fff !important; border-radius: 4px !important; color: #333333; padding: 6px; box-shadow: none !important; border: none !important; font-size: 12px; text-align: left; padding-left: 33px; }
.page-item.active .page-link:hover, .page-item.active .page-link:focus { box-shadow: none !important; outline: none !important; }
div.dt-button-collection .dt-button.active { background: #fff !important; }

div.dt-button-collection { background: #eee !important; padding: 10px !important; }

button.dt-button.active:focus:not(.disabled), div.dt-button.active:focus:not(.disabled), a.dt-button.active:focus:not(.disabled), input.dt-button.active:focus:not(.disabled) { background: #333333 !important;}

.full-calendar .fc-toolbar-chunk {justify-content: center;}
.preview-full-calendar .fc .fc-toolbar-title { font-family: 'SF-Pro-Text-Bold'; }
.Available_not {font-weight: 400; font-size: 12px; display: flex; align-items: center; color: #333; right: 20px; position: absolute; top: 23px; }
.Available_not span { width: 18px; height: 18px;  background: #F2F2F2; border-radius: 100px; margin-right: 10px; }

.total_amount { max-width: 409px; width: 100%; height: 36px; padding: 7px 10px; background: #333; font-family: 'SF-Pro-Text-Bold';  font-size: 12px; line-height: 24px; text-align: right; color: #FFFFFF; margin: 20px 0px; margin-left: auto;  }
.generate-btn { background: #333333; border-color: #333333;  }
.generate-btn:hover { color: #333333; }

.dt-button-collection { max-height: 320px; overflow: auto !important;  }

div.dt-button-collection .dt-button::before { position: absolute; content: ""; width: 14px; height: 14px; background: transparent; border: 1px solid #333; left: 12px; top: 50%; transform: translateY(-50%); }
div.dt-button-collection .dt-button::after { position: absolute; content: ""; left: 17px;  top: 9px;width: 5px; height: 10px; display: none ; border: solid #fff; border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
div.dt-button-collection .dt-button.active::after { display: block; }
div.dt-button-collection .dt-button.active::before {background: #333;}
button.dt-button.active:focus:not(.disabled), div.dt-button.active:focus:not(.disabled), a.dt-button.active:focus:not(.disabled), input.dt-button.active:focus:not(.disabled) { background: linear-gradient(to bottom, #fff 0%, rgb(255, 255, 255) 100%) !important;}

/*  */

#sidebar-menu .has-arrow::after { margin-left: auto; }
body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu > ul > li:hover > a { width: 290px !important;}

.upload_img { width: 100%; cursor: pointer; height: 158px; background: #FFFFFF; border: 1px dashed #D7D7D7; border-radius: 10px; display: flex; align-items: center; justify-content: center; position: relative; }
.upload_img input { opacity: 0; width: 100%; height: 100%; position: absolute; cursor: pointer; }
.upload_img img { width: 44px; height: 44px; object-fit: contain; object-position: center; margin: 0px auto; }
.upload_img img + img { width: 20px; height: 20px; }
.upload_img span { font-size: 14px; line-height: 30px; text-align: center; color: #333333; display: block; }
.upload-img-inside { display: flex; flex-direction: column; }


.report-edit-page.card, .report-detail-page.card {background-color: #fff !important; box-shadow: 1px 0px 26px 14px #DBE9FE; border-radius: 10px; border: 0; }
.report-edit-page.card .card-body, .report-detail-page.card .card-body {padding: 20px; box-shadow: 1px 0px 26px 14px #EFEFEF; border-radius: 10px; }

.doc_pfd_btn { min-width: 100px !important; }

.map-content { height: 750px; border-radius: 10px; width: 100%; }

.request-detail { display: block; width: 100%; padding-top: 10px; padding-bottom: 20px; }
.pbrdp-content .title { font-size: 16px;  line-height: 24px; text-transform: uppercase; color: #333333; }
.pbrdp-content .category { font-size: 14px; color: #333333; font-family: 'SF-Pro-Text-Bold'; margin-bottom: 10px; }
.pbrdp-content .sd-text {  font-size: 12px; color: #333333; margin-bottom: 10px; }
.pbrdp-content .desc { font-size: 12px; color: #848484; margin-bottom: 10px; }

.request_detail_btn { justify-content: center; }
.request_detail_btn .btn { margin: 0px 5px; min-width: 180px; }
.request_detail_btn .btn.reject_request_btn { background: #444445; }
.request_detail_btn .btn.reject_request_btn:hover { background: transparent; border-color: #444445; color: #444445; }


.rpd-img { max-width: 100%; width: 100%; height: 393px; width: 100%; margin-bottom: 0px; border-radius: 20px;}
.rpd-img img{ width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 20px;}

.request-detail .contact-information  {background: #F3F3F3; border-radius: 10px; margin-top: 10px; padding: 25px; }
.request-detail .contact-information .n-title { margin-bottom: 15px;}

.owl-carousel.owl-loaded { overflow: hidden; }
.request-detail .owl-nav { position: absolute; top: 50%; transform: translateY(-50%); height: 100%; width: 100%; display: flex; align-items: center; justify-content: space-between; }
.request-detail .owl-carousel .owl-nav button.owl-prev, .request-detail .owl-carousel .owl-nav button.owl-next { font-size: 32px;  color: #fff; width: 69px;  background: #333333;height: 69px; border-radius: 50%; background: rgba(0,0,0,0.77); padding: 12px !important; line-height: 32px; }
.request-detail .owl-carousel .owl-nav button.owl-prev { margin-left: -35px !important; text-align: right; }
.request-detail .owl-carousel .owl-nav button.owl-next { margin-right: -35px !important; text-align: left; }

.request-detail .contact-information .conatct-media .media-body .left-side { width: 50%; }
.request-detail .contact-information .conatct-media .media-body .right-side { width: 50%; }
/* .request-detail .contact-information p { padding: 0px 10px; } */

.request_decline_reason_block { margin-bottom: 30px; }
.request_decline_reason_block h4 { color: #333;  font-size: 16px; margin-bottom: 10px;  font-family: 'SF-Pro-Text-Bold'; text-transform: uppercase; }
.request_decline_reason_block p {  color: #333;  font-size: 12px; margin-bottom: 10px; }

.request-decline-modal.client-add-modal .modal-dialog { max-width: 765px !important; }


/*  */

#idColumns { margin-top: 16px;}

.feedback-block { max-width: 1225px; width: 100%; background: #FFFFFF; box-shadow: 1px 0px 26px 14px #DBE9FE; border-radius: 10px; padding: 25px 56px; }
.feedback-block .id { font-size: 24px;  line-height: 36px; text-transform: uppercase; color: #333333; margin-bottom: 20px; }
.feedback-block .id span { color: #333 }

.fb-top { border-bottom: 1px dashed #D1D1D1; padding-bottom: 10px; }
.fb-top .form-group { margin-bottom: 20px; }
.fb-top .form-group label { font-size: 16px;   line-height: 30px; color: #808390; }
.fb-top .form-group .form-control { font-size: 14px;  line-height: 30px; color: #333333; padding: 0px !important; border: 0px !important; }
.fb-top .form-group .form-control::placeholder {  color: #333333;  }

.fb-bottom  { padding-top: 30px; }
.fb-bottom .title { font-size: 18px; line-height: 30px; color: #333333; margin-bottom: 12px;  font-weight: normal; }
.fb-bottom .form-control { background: #FFFFFF; border: 1px solid #D7D7D7; border-radius: 10px; resize: unset; font-weight: 400; font-size: 14px; line-height: 30px; color: #333333; padding: 16px 22px; }
.fb-bottom .form-control::placeholder { color: #333333; }

.rating-block { width: 100%; display: flex; align-items: center;  margin-bottom: 20px; }
.rating-block .r-title { font-size: 14px; line-height: 30px; color: #333333;   max-width: 150px; width: 100%; }
.rating-block ul { list-style: none !important; margin: 0px auto; padding: 0px !important;  display: flex; align-items: center; }
.rating-block ul li { width: 18px; height: 18px; margin: 0px 1px; }
.rating-block ul li img { width: 100%; height: 100%; object-fit: contain; object-position: center; }


.contact-information .n-title span { color: #333; }
.review-text { font-size: 14px; line-height: 28px; color: #333333; }

.job-public-page { padding: 20px; }
.job-public-page .contact-information .ass-title {   font-weight: normal; }
.job-public-page .contact-information p {padding: 0px 15px; margin-bottom: 5px; font-size: 12px; line-height: 20px; color: #333333; }
.job-public-page .sign_box_content { background: #333333; }
.map-img {height: 408px; border-radius: 0px 0px 10px 10px; background: url(../images/map.png) no-repeat; background-position: center; background-size: cover; }
.map-img img, .map-img map { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 0px 0px 10px 10px; }

.assign-job-details .contact-information .ass-title {   font-weight: normal; }
.contact-information p {/* padding: 0px 15px; */ margin-bottom: 5px; font-size: 12px; /* line-height: 20px;  */color: #333333; }
.aj-contact-info { background: #fff; max-width: 340px; margin: 0px auto; width: 100%; }

.contact-information .conatct-media .media-body p { width: 33.33%;  padding-right: 10px; margin-bottom: 8px; }

.report-detail-page .job-detail-left .report_job_info_block { background: #F3F3F3; border-radius: 10px; }

.job-public-page .report-detail-page {  max-width:1500px; width: 100%; margin: 0px auto;  padding-top: 0px !important; }
.job-public-page  .job-detail-left .job-infor-fst { border-bottom: 1px dashed #AFCCFD; margin-bottom: 30px; }
.job-detail-bottom.job-detail-left .job-infor-fst:last-child {  border-bottom: 0px; }

.img-block { display: flex; }
.custom-calendar-block table td table td:first-child, .custom-calendar-block table td table + table td:first-child { vertical-align: middle; }

.reset-icon { width: 26px; height: 26px; box-shadow: none !important; border: none !important; background: none !important; font-size: 20px; }
.reset-icon img { width: 100%; height: 100%; object-fit: contain; object-position: center;}
.preview-full-calendar .col-1 { width: 50px; }

.manage-jobs .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: unset !important;}
.manage-jobs .select2-container .select2-selection--single .select2-selection__rendered {font-size: 12px !important;}
.manage-jobs .select2-container--default .select2-selection--single {  border: 1px solid #D7D7D7 !important; border-radius: 6px !important;}
.manage-jobs .select2-container {display: block; width: 140px !important; margin-right: 10px !important; }
.manage-jobs #job_date { background: #fff !important; border: 1px solid #D7D7D7 !important; }
.manage-jobs .select2-container .select2-selection--single .select2-selection__rendered { padding-right: 12px;}
.manage-jobs .select2-container--default .select2-selection--single .select2-selection__arrow b { width: 14px !important; height: 14px !important; background-size: 11px !important;}

#sidebar-menu ul li a { display: flex; }
body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu > ul > li > a span { white-space: normal; }


.invoices_email_block { max-width: 550px; width: 100%; margin: 0px auto; }



.add_invouce_email_block { max-width: 550px; width: 100%; margin: 0px auto; display: flex;  align-items: flex-end; margin-bottom: 30px; }
.add_invouce_email_block .select2-container--default .select2-selection--multiple .select2-selection__choice { background: #333333 !important; border-color: #333333 !important; color: #fff !important;  }
.add_invouce_email_block .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #fff !important; }
.add_invouce_email_block .form-label a { color: #333; font-style: italic; }
.add_invouce_email_block .change-btn { display: none; }
/* .invoices_email_block .select2-container--default .select2-selection--multiple{ border: none !important; } */
.invoices_email_block .select2-container .select2-search--inline { display: none !important; }
.invoices_email_block.add_invouce_email_block .form-label a {  display: none !important;}
.invoices_email_block .dropdown-wrapper { display: none; }
.invoices_email_block .change-btn { display: block; margin-left: 10px; /* margin-bottom: 10px; */ min-width: 100px; }
.invoices_email_block .row { width: 100%; }
.invoices_email_block .select2-container--default .select2-selection--multiple { background: none !important; }
.invoices_email_body .select2-container--open .select2-dropdown--below{ display: none !important; }

.eye-btn { background: #333 !important; }
.eye-btn:hover { background: transparent !important; }
.send-plane-btn { background: #333 !important; padding: 2px; }
.send-plane-btn:hover { background: transparent !important; }
.send-plane-btn:hover img {  filter: invert(100%); }

.client-row { display: flex; flex-wrap: wrap; width: 100%;  }
.client-title {color: #333333; font-size: 20px; line-height: 30px; margin-bottom: 20px; }
.client-checkbox { border-radius: 4px; background: #F8FBFF; box-shadow: 0px 4px 10px 0px #D1DAE9; padding: 15px; display: flex; margin-right: 20px; margin-bottom: 20px;  max-width: 286px; width: 100%;}
.client-checkbox  .checkbox { margin-right: 8px; }
.client-check-info { width: 100%; flex: 1; }
.cci-block { width: 100%; display: flex; align-items: center; margin-bottom: 10px !important; }
.cci-block span { margin-right: 8px; }
.cci-block span a i.far { color: rgba(196, 196, 196, 1); }
.cci-block span a i.fas { color: #FFBA33;  }
.cci-block img { width: 30px; height: 30px; border-radius: 50%;  margin-right: 8px; object-fit: cover; object-position: center; background: #000; }
.cci-block p { color: #333333; font-size: 14px; line-height: 30px; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.client-check-info a.email-id { color: #333333; font-size: 14px;  }
.cci-block p img { position: absolute; right: -12px; top: -6px; }


.report-img-block { width: 100%; display: flex; flex-wrap: wrap; }
.report-img-block .sub_tile_image { width: 50%; padding-right: 15px; position: relative; }
.report-img-block .sub_tile_image span.count { display: flex; width: 25px; height: 25px; color: #FFF; text-align: center; font-size: 16px; font-weight: 500;line-height: 30px; border-radius: 25px;
    background: #333; position: absolute; right: 2px; top: -10px; align-items: center;  justify-content: center; }


.input_title { font-size: 18px; line-height: 30px; font-family: 'SF-Pro-Text-Bold'; color: #333;  }
.input_title span { font-size: 16px; }
.orderblock { border: 1px solid #E0E0E0; max-height: 255px; overflow-y: auto; background: #FFFFFF; padding: 15px; border-radius: 4px; width: 100%; max-width: 548px; }
.order-box .plus_icon { width: 20px; height: 20px; border-radius: 2px; color: #fff; }
.list-group-item { width: 100%; height: 36px; background: #F2F2F2; margin-bottom: 10px; padding: 8px; border: none; display: flex; align-items: center; justify-content: space-between; border-radius: 4px !important; }
.list-group-item .text-list { font-size: 12px; line-height: 30px; color: #333333;  }
.list-group-item .move-icon { width: 20px; height: 20px; border-radius: 2px; background: #444445; display: flex; align-items: center; justify-content: center; cursor: all-scroll; }
.list-group-item .move-icon img { width: 11px; height: 11px; object-fit: contain; object-position: center; }


/* dashboard page */

#invoice-list {  }
.table-outer-body .table-responsive { height: 290px; }

table td:first-child .small, table td:first-child small { font-size: 8px !important;}

.dashboard_kpi-block { margin-bottom: 10px; }
.dashboard_kpi-block  .KPI_block { margin-left: 0;}
.dashboard_kpi-block .KPI_block .dropdown-menu  { position: relative  !important; background: none !important; box-shadow: none !important; padding: 0px !important; margin: 0px !important; min-width: 100% !important; min-height: auto !important; }

.table-outer-body { width: 100%; display: block;  border: 1px solid #EEEEEE; background: #FFF; height: 350px; overflow: hidden; position: relative;}
.table-heading-block { width: 100%; display: flex; padding: 12px 10px; align-items: center; justify-content: space-between; }
.table-heading-block .th-title { color: #333333; font-size: 16px; text-transform: uppercase; margin-bottom: 0px;  font-weight: normal; padding-right: 10px; font-family: 'SF-Pro-Text-Bold'; margin-bottom: 5px; }
.table-heading-block .view-all-btn { color: #333333; text-align: center; font-size: 12px; line-height: normal;   background: #EEEEEE; border-radius: 50px; text-transform: uppercase; font-family: 'SF-Pro-Text-Bold'; }
.table-outer-body table.dataTable { border-radius: 0px;  margin-bottom: 12px !important; margin-top: 0px !important ; }
.table-outer-body .dataTable .assign-technician { background: #333333; text-transform: unset;  }

.table-outer-body .full-calendar { background: none; border-radius: 0px !important; box-shadow: none !important; padding: 0px !important; }
.table-outer-body .select2-container--default .select2-selection--single { padding: 3px 6px !important; border-radius: 2px !important;}
.table-outer-body .common-form .form-group { margin-bottom: 15px; }
.table-outer-body .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0px !important;  font-size: 12px !important;}
.table-outer-body .dataTable tbody tr td { font-size: 12px; padding: 6px 10px; }
.table-outer-body .user-secs img {width: 20px; height: 20px;}
.table-outer-body .dataTable thead tr th { font-size: 12px; padding-top: 8px; padding-bottom: 8px;   font-weight: normal;}
.table-outer-body .preview-full-calendar .fc .fc-toolbar-title {  font-size: 14px; font-weight: normal; font-family: 'SF-Pro-Text-Bold';  }

.table-outer-body .fc-button { padding: 0px 0px !important;}
.table-outer-body .preview-full-calendar .fc .fc-button.fc-today-button { font-size: 12px;   }
.table-outer-body .full-calendar .fc-col-header-cell { font-size: 12px; padding: 4px;}
.table-outer-body .preview-full-calendar .fc-col-header-cell-cushion { font-size: 12px !important; font-weight: normal;}
.table-outer-body .full-calendar .fc-timegrid-slot-label-cushion {  font-size: 12px; font-weight: normal; }
.table-outer-body .fc .fc-view-harness { overflow: hidden; height: 230px !important;}

.table-outer-body .card { padding-top: 0 !important;}
.dataTable tbody tr td a.latlong { color: #333; text-decoration: underline !important; }
.table_field_count { background: linear-gradient(90deg, #BEBEBE 0%, rgba(238, 238, 238, 0) 82.03%); color: #808390; font-size: 10px; }

.thb_left_block { display: flex; align-items: center; }

.thb_right_block { display: flex; align-items: center; }
.thb_right_block .move_btn { width: 28px; height: 28px; border-radius: 50%; background: #333333; border: none; padding: 3px; margin-left: 5px; }
.thb_right_block .move_btn img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.thb_right_block .close_btn { width: 28px; height: 28px; border-radius: 50%; background: #333333; border: none;  padding: 3px; display: inline-flex; align-items: center; justify-content: center; margin-left: 5px; }
.thb_right_block .close_btn img { width: 12px; height: 12px; object-fit: contain; object-position: center; }
.thb_left_block .page_heading_left_block p { padding: 7px 10px; }

.left_side_listing { width: 50%; }
.right_side_listing { width: 50%; }
#left_side_listing { height: 100%; }

.fa-plus-circle { color: #333333 !important;}

.flatpickr-day.selected { background-color: #333 !important; border-color: #333 !important; color: #fff !important;}
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus
{background: #e9efff !important; border-color: #e9efff !important;  }
.flatpickr-day.inRange {-webkit-box-shadow: -5px 0 0 #e9efff,5px 0 0 #e9efff !important; box-shadow: -5px 0 0 #e9efff,5px 0 0 #e9efff !important; }
.flatpickr-day.today.inRange { border-color:   #333 !important; border-radius: 5px; }
.flatpickr-day.selected:focus,.flatpickr-day.selected:hover, .flatpickr-day.startRange:focus { background-color: #333 !important; border-color: #333 !important; color: #fff !important;}
.card { margin-bottom: 0px !important; }
div.dataTables_wrapper div.dataTables_filter input { padding: 6px;}

.manage_finance_page .dataTable tbody tr td:first-child a { color: #333 !important; }


/*  */

.login-auth .language-selection { width: 120px; }
.login-auth .language-selection .lang_label {width: 80px; }
#datatable_filter .reset-icon,
#datatable_filter .icon-btn
{ margin-left: 0px; width: 32px; height: 32px; padding: 5px; font-size: 16px; border-radius: 6px; background: #eee !important; color: #999; margin-right: 10px; box-shadow: none !important; border: none !important; }
#datatable_filter .reset-icon:hover,
#datatable_filter .icon-btn:hover
{ background: #fff !important;color: #333333;  }
.manage-jobs #datatable_filter .icon-btn, .manage-jobs #datatable_filter .reset-icon { margin-top: 15px; }
#datatable_filter .reset-icon,  #datatable_filter .icon-btn { margin-top: 15px; }

.dataTable .btn.btn-soft-primary.download_icon { background: #A6A6A6 !important;  }
.dataTable .btn.btn-soft-primary.download_icon:hover { border-color: #A6A6A6 !important;  background: transparent !important; padding: 2px; }
.dataTable .btn.btn-soft-primary.download_icon img + img { display: none; }
.dataTable .btn.btn-soft-primary.download_icon:hover img { display: none; }
.dataTable .btn.btn-soft-primary.download_icon:hover img + img { display: block; }



/*  */

#creditListTable .select2-container--default .select2-selection--single { padding: 1px !important; border-radius: 0px !important; padding-left: 10px !important; }
.form-control.datepicker { background: #fff; }

/*  */

table tbody tr td .select2-container--default .select2-selection--single { border-radius: 0px !important; padding: 1px 10px !important; border: 1px solid #D7D7D7 !important; }
table tbody tr td .select2-container .select2-selection--single .select2-selection__rendered { font-size: 12px !important; line-height: unset; }
table tbody tr td .select2-container .select2-selection--single .select2-selection__rendered { padding-top: 6px !important; padding-bottom: 6px !important; }
table tbody tr td .form-control { color: #333333;
    resize: none;
    height: auto;
    font-style: normal;
    border: 1px solid #D7D7D7;
    padding: 7px 10px;
    font-weight: 400;
    font-size: 12px;
}
#page-header-user-dropdown { display: flex; align-items: center; }
#page-header-user-dropdown span { width: 111px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* width: 100%; */ }
span.flatpickr-weekday { color: #fff !important;}

/*  */

.copy-btn i { font-size: 14px; }
button.dt-button.active:focus { background: #fff !important; }
.colvis-search-div { display: flex; margin-bottom: 10px; width: 100%; }
.colvis-search-div input { width: 100% !important; flex: 1; border-left: 0px !important; }
.colvis-search-div span { font-size: 12px; border: 1px solid #D7D7D7; border-radius: 6px; display: block;  padding: 9px;  background: #fff; border-right: 0px !important; cursor: pointer; }

/*  */

.upload-file { width: 50px; height:50px; margin-left: 20px; margin-bottom: -5px; cursor: pointer; position: relative; cursor: pointer; }
.upload-file input { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; opacity: 0; }
.upload-file img { width: 100%; height: 100%; object-fit: contain; object-position: center;  }

/*  */

.flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-current-month input.cur-year {  font-size: 14px !important; }
.add-action { border: 1px solid #D7D7D7; position: relative; padding: 30px 20px 10px; border-radius: 10px; margin-bottom: 30px; }
.add-action .delete-action { width: 32px; height: 32px; padding: 5px; font-size: 16px; border-radius: 6px; background: #eee !important; color: #999; box-shadow: none !important; border: none !important; right: 8px; top: 5px; display: block;  position: absolute;  text-align: center; }
.add-action .delete-action:hover { color: #000; }
.rating-container .filled-stars { text-shadow: 0px 0px #999 !important;}
.rating-container .star { margin: 1px 2px !important;}
.newsletter-data { position: relative; }
.newsletter-data .help-block { position: absolute; bottom: 20px; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff;  background-color: #333;}

/*  */


.custom-calendar-block { position: relative; width: 100%; }
.custom-calendar-block table { vertical-align: middle; text-align: center; }
.custom-calendar-block td { padding: 0px 0px; }
.custom-calendar-block table th {color: #848484; font-size: 12px; font-weight: normal !important; font-family: 'SF-Pro-Text-Bold'; vertical-align: middle; }
.custom-calendar-block table th span{color: #333; padding-top: 5px; }
.custom-calendar-block th .user-secs { font-size: 16px !important; }
.custom-calendar-block th .user-secs span { padding-top: 0px !important; }
.custom-calendar-block th .user-secs img { border: 1px solid #333333; background: transparent !important; }

.custom-calendar-block td .morning { min-height: 73px; display: block; align-items: center; justify-content: center; }
.custom-calendar-block td .afternoon { min-height: 73px; display: block; align-items: center; justify-content: center; }
.custom-calendar-block tbody th { font-size: 14px !important; color: #848484; }

.custom-calendar-block table td table { border: 0px !important; width: 100% !important; }
.custom-calendar-block table td table td { border-bottom: 0px !important; }
.custom-calendar-block table td table + table td {  border-bottom: 0px !important; }

.custom-calendar-block table td table td { padding: 5px; }

.select-date-block { width: 100%; display: flex; align-items: center; padding-bottom: 20px; }
.select-date-block .back-arrow, .select-date-block .next-arrow { width: 20px; height: 20px; color: rgba(169, 169, 169, 1) !important; font-size: 18px; text-align: center; cursor: pointer; }
.select-date-block .date { font-style: normal;   font-size: 18px;  text-transform: uppercase; color: #333333; margin: 0px 10px; font-family: 'SF-Pro-Text-Bold';  }

.custom-calendar-block td.events { position: relative; padding-bottom: 20px; vertical-align: top; }
.event-box { border-radius: 3px; border: 1px solid #9CFF79; background: #E6FFDD !important; padding: 5px; display: block; margin: 5px 0px; position: relative; }
.event-box::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; bottom: 0; right: 0; top: 0; background-color: rgba(0,0,0,0.4) !important; display: none !important; }
.event-box:hover::before { display: block !important; }
.event-box .job-no { color: #333333; font-size: 12px; font-style: normal; font-weight: 400; text-align: left; margin-bottom: 5px !important; }
.event-box .jobloc { color: #848484; font-size: 12px; font-style: normal; font-weight: 400; text-align: left; margin-bottom: 0px; }
.event-box .jobloc img { width: 12px; height: 12px; object-fit: contain; object-position: center; margin-right: 2px; }
.events .afternoon + a, .events .morning + a  {position: absolute; bottom: 5px; right: 5px; }
.custom-calendar-block td { color: #000; }
.custom-calendar-block td.events .event-box .jobloc { color: #000;}
.custom-calendar-block td.events .event-box .job-no { color: #000;}
.custom-calendar-block td.events.today { background: #e2f6e2; }
.custom-calendar-block table th.today { background: #e2f6e2; }

.dashboard-page .events .afternoon + a, .dashboard-page .events .morning + a  {bottom: 0px; }

/* calendar inline css code */

.assign-job-calendar .reset-button { width: 90px;}

.assign-job-calendar .reset-button { margin-left: 0px; font-size: 12px !important; border-radius: 0px; background: transparent !important; color: #808390; box-shadow: none !important;  border: none !important; margin-bottom: 10px}
.assign-job-calendar .reset-button img { width: 14px; height: 14px; object-fit: contain; object-position: center;}
.assign-job-calendar .reset-button:hover { background:transparent !important;}
.filter_status_calendar label { color: #808390 !important; font-size: 12px !important; margin-bottom: 0px !important; }
.filter_status_calendar .select2-container--default .select2-selection--single {height: auto !important; font-size: 12px; padding: 6px !important; border: 1px solid #D7D7D7 !important; border-radius: 6px !important;}
.filter_status_calendar .select2-container .select2-selection--single .select2-selection__rendered { font-size: 12px !important; line-height: unset !important; }
.assign-job-calendar.common-form .form-group {margin-bottom: 10px !important; width: 145px;}
.filter_status_calendar .select2-container--default .select2-selection--single .select2-selection__arrow b { width: 14px !important; height: 14px !important; background-size: 11px !important;}

.custom-calendar-block table td table:first-child td.events { border-top: 0px !important; }

.assign-job-calendar tbody { display:block;  overflow:auto; /* height: 200px; */ direction: rtl; }
.assign-job-calendar thead, .assign-job-calendar tbody tr { display:table; width:100%; table-layout:fixed; direction: ltr; height: auto !important; }
.assign-job-calendar tbody table tbody { display: table !important; height: auto !important; }

.reserved{background: yellow !important;}
.fa-plus-circle{color:#333333;}

.td_bottom_row { /* position: absolute; */ bottom: 2px; left: 0; right: 0; padding: 0px 5px; z-index: 1111;}
.more-boxes { font-size: 12px; color: #333 !important; }
.events .id_block { font-size: 12px; color: #333; border-radius: 3px; text-align: left; padding: 7px; margin-bottom: 1px; cursor: pointer; }
.events .id_block.yellow_bg {  background: #FFA500; }
.events .id_block.light_blue_bg { background: #9DC3E6;}

/* loader */

.content_loader { position: absolute;  top: 6%;  left: 0px;  width: 100%; background: #fff; height: 94%;  z-index: 1; display: flex; align-items: center; justify-content: center; }
.lds-dual-ring {display: inline-block; width: 80px; height: 80px;}
.lds-dual-ring:after {content: " ";display: block;width: 64px;height: 64px;margin: 8px;border-radius: 50%;border: 6px solid #333;border-color: #333 transparent #333 transparent;animation: lds-dual-ring 1.2s linear infinite;}
@keyframes lds-dual-ring {
    0% { transform: rotate(0deg);}
    100% { transform: rotate(360deg);  }
}

.dashboard-page .custom-calendar-block .table-responsive { overflow-y: auto; height: 280px; }
.dashboard-page .dataTables_scrollHead { border-radius: 0px !important; }
div.dt-scroll-body { border-bottom: 0px !important; }

.dashboard-page .select-date-block { align-items: start; }
.dashboard-page .custom-calendar-block table th { font-size: 12px !important; font-weight: normal; }
.dashboard-page .select-date-block .date { font-size: 12px; margin: 0px 5px;}
.dashboard-page .select-date-block .back-arrow, .dashboard-page .select-date-block .next-arrow { width: 16px; height: 16px; font-size: 16px;}
.dashboard-page  .custom-calendar-block .table-responsive table td table { width: 100% !important; }

.uploaded-img ul li { position: relative; }
.uploaded-img ul li .deleteIcon { font-size: 22px; position: absolute; right: -10px; top: -10px; color: red; display: none; cursor: pointer; }
.uploaded-img ul li .deleteIcon i { background: #fff;  border-radius: 50%;  }
.uploaded-img ul li:hover .deleteIcon { display: inline-block; }

.am-pm { height: 100%; display: flex; flex-direction: column; transform: rotate(-90deg); font-size: 12px;   }
.am-pm span { font-size: 12px; color: #fff; font-weight: 400;  padding: 4px; background: #333; color: #fff; border-radius: 4px; margin-bottom: 2px; }

.job-quote-request ul { width: 100%; flex: 1; padding-left: 0px; }
.job-quote-request ul li { list-style: none; margin-bottom: 10px; padding-right: 10px;}
.job-quote-request ul li a { font-size: 14px;  color: #333333; }
.job-quote-request ul li a img { width: 16px; height: 16px; object-fit: contain; object-position: center; }

.calendar-body { height: 300px; overflow-y: auto; }

/* notification bell */

.notification { border-left: 1px solid #37373C; min-width: 50px; height: 50px; display: flex; align-items: center; }
.notification a.dropdown-toggle { width: 100%; height: 100%; padding: 0px; position: relative; display: flex; align-items: center; padding: 10px;}
.notification a.dropdown-toggle:hover, .notification a.dropdown-toggle:focus { background: #373738;}
.notification a.dropdown-toggle img { width: 16px; height: 16px; object-fit: contain; object-position: center; }
.notification a.dropdown-toggle span.count { font-size: 10px; top: 12px; right: 10px; color: #fff; padding: 0px 1px; text-align: center; border: solid 2px #fff; border-radius: 2px; background: #E31E25; position: absolute; height: 13px; line-height: 10px; min-width: 23px; }
.notification .dropdown-menu { min-width: 325px; background: #373738; padding: 0px; box-shadow: none !important; border: none; border-radius: 10px 0px 10px 10px; border: 1px solid #2B2B2C !important; }
.notification .dropdown-menu .notification_title { font-size: 12px; font-weight: normal; color: #fff; font-family: 'SF-Pro-Text-Bold'; margin-bottom: 0px; }
.nitifi-ul { list-style: none !important; margin: 0px; padding: 0px; max-height: 500px; overflow-y: auto;}

.nitifi-ul li { padding: 10px; border-bottom: 1px solid #2B2B2C; display: flex; }
.nitifi-ul li .icon { width: 20px; height: 20px; margin-right: 10px; }
.nitifi-ul li .icon img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.unread-text { width: 100%; flex: 1; }
.unread-text p { font-size: 12px;  color: #fff; margin-bottom: 0px; word-break: break-word; }
.unread-text span { color: #808390 !important; font-size: 10px; display: block; }

.all-notify-button { padding: 4px 10px !important; border-top: 1px solid #37373C; display: flex; align-items: center; justify-content: space-between;  }
.all-notify-button a{  font-size: 12px;  color: #9E9E9E; display: inline-block; }
.all-notify-button a:hover { color: #fff; }

.no-bill-checkbox { margin-left: 30px; }
.no-bill-checkbox .checkbox{ display: flex; align-items: center;  }
.no-bill-checkbox .checkbox span { margin-left: 5px; }
.no-bill-checkbox .form-check-input { margin-top: 0px; }


.notification .dropdown-menu[style] { right: 0 !important; left: auto !important;}

.notification_header { border-bottom: 1px solid #2B2B2C; width: 100%; display: flex; align-items: center; padding: 5px 10px; justify-content: space-between; }
.unread_switch span { font-size: 10px; color: #fff; margin-right: 10px; }

.unread_switch { display: flex; align-items: center; }
.unsw label { margin-bottom: 0px; }

/*  */
.event-box:hover + .job_info { display: block; }
.job_info { background: #333333 !important; border: 1px solid #DEEBFE !important; border-radius: 6px; padding: 10px 0px; }
.job_info p { font-size: 12px; color: #fff; width: 350px; display: flex; margin-bottom: 0px !important; text-align: left; padding: 6px 10px; }
.job_info p span { width: 120px;  }
.job_info p span + span { width: 100%; flex: 1; }

.job_info .tooltip-inner { background-color: transparent; max-width: unset !important; }
.job_info.tooltip.show { opacity: 1 !important; width: auto !important;}
.job_info .tooltip-arrow { display: none !important; }

/*  */

.custom-calendar-block table .parent-tbody { overflow: auto; }
.custom-calendar-block table .parent-tbody {scroll-behavior: smooth;}
.custom-calendar-block table .parent-tbody { scrollbar-width: none; -ms-overflow-style: none;}
.custom-calendar-block table .parent-tbody::-webkit-scrollbar {display: none;}
.custom-calendar-block table .parent-tbody table tr { background: transparent !important; }
.counts { min-width: 20px; height: 20px; border-radius:25px; background: #333; color: #fff; font-size: 12px; padding: 0px 5px !important; text-align: center; line-height: 20px; margin-left: 10px; }

.invoice-file-download button img { width: 18px; height: 18px; object-fit: contain; object-position: center; filter: invert(100%); }
.invoice-file-download:hover button img { filter: invert(0); }

.swal2-icon.swal2-warning { border-color: #333 !important; color: #333 !important; }
.swal2-container .swal2-title { color: #333333  !important; }
.swal2-confirm { background: #333 !important; border:1px solid #333 !important; box-shadow: none !important; }
.swal2-confirm:hover { background: transparent !important; color: #333 !important; }
.swal2-cancel { background: #0b0b0b !important; border:1px solid #0b0b0b !important; box-shadow: none !important; }
.swal2-cancel:hover {  background: transparent !important; color: #0b0b0b !important;  }
.swal2-html-container { color: #808390 !important; }

.colors-block {  margin-bottom: 15px; }
.colors-block div { margin-right: 20px; font-size: 16px; color: #0b0b0b; }
.colors-block div span { width: 15px; height: 15px; border-radius: 50%; margin-right: 5px; display: inline-block; }
.jobstatus { width: 100%; flex: 1; padding-top: 5px; }
.jobstatus div { display: flex; align-items: center; margin-bottom: 10px; font-size: 14px; }

/* working_history_block */

.working_history_block { display: block; width: 100%; position: relative; }
.working_history_block h3 {  margin-bottom: 15px; font-size: 16px;  color: #333333; font-family: 'SF-Pro-Text-Bold'; }
.whb_block { max-height: 250px; overflow-y: auto; }
.history-block {  display: block; position: relative; width: 100%; padding-left: 20px;  }
.history-block::before { position: absolute; content: ""; width: 2px; background: #808390; height: 100%; left: 4px; top: 17px; }
.history-block:last-child::before { display: none !important; }
.history-block span { position: absolute; width: 10px; height: 10px; border-radius: 50%; background: #808390; left: 0px; display: inline-block; top: 5px; }
.history-block p { font-size: 14px; color: #0b0b0b ; margin-bottom: 20px; }


/* notification page */

.notification-page .nitifi-ul { max-height: 100%; overflow-y: unset; width: 100%; }
.notification-page .nitifi-ul li { padding: 20px; border-bottom: none; display: flex; background: #D6FCDA; width: 100%; border-radius: 10px; margin-bottom: 10px; }
.notification-page .nitifi-ul li .icon { width: 40px; height: 40px; margin-right: 15px;}
.notification-page .unread-text p { font-size: 14px; width: 85%; color: #333; }
.notification-page .unread-text span {font-size: 12px; width: 140px; text-align: right; display: block; }
.notification-page .unread-text { display: flex; align-items: center; justify-content: space-between; }

.notification-page .nitifi-ul li.unread-notification { background: #f6f6f6; }

.read-notification .icon { background: #1B8B1B; padding: 8px; border-radius: 50%; }
.unread-notification .icon { background: #FF0000; padding: 8px; border-radius: 50%; }

.notifi-top-bar { display: flex; align-items: center; justify-content: flex-end; padding: 0px 0px 16px; }
.notifi-top-bar div { margin-right: 25px; width: 30px; height: 30px; position: relative; cursor: pointer; }
.notifi-top-bar div img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.notifi-top-bar div span { min-width: 20px; height: 20px; border-radius: 50%; text-align: center; font-size: 12px; color: #fff; display: block; margin-right: 0px; padding: 1px; position: absolute; top: -4px; right: -4px; }


.notifi-top-bar .markall-btn { margin-left: 12px; }

.page_heading_left_block p img { width: 20px; height: 20px; object-fit: contain; object-position: center; margin-right: 5px; }
.notification-page .page_heading_left_block p span { margin-left: 10px; margin-right: 0px; }

.custom-calendar-block table .parent-tbody table tr { vertical-align: top; }

.input-field { margin-bottom: 10px; display: flex;  }
.input-field label { margin-bottom: 0px !important; width: 170px; }
.labelans { font-size: 14px; color: #333333; }

/*  */

.pencil_calendar_icon, .info_icon { width: auto; height: 50px; padding: 0px; position: relative; cursor: pointer; display: flex; border-left: 1px solid #37373C; }
.pencil_calendar_icon:hover, .info_icon:hover { background: #373738 ; }
.pencil_calendar_icon span, .info_icon span { padding: 0px 15px;  display: flex; align-items: center; justify-content: center; font-size: 12px; color: #fff;  line-height: 30px; font-family: 'SF-Pro-Text-Bold'; }
.pencil_calendar_icon span img, .info_icon span img { width: 16px; height: 16px; object-fit: contain; object-position: center; margin-right: 10px; }

.confirm-btn { background: #1A992E !important; border-color: #1A992E !important; }
.confirm-btn:hover { background: transparent !important; color: #1A992E !important; }

/* public page */

.public_page_content { width: 100%; display: block; background: #FBFBFD; min-height: 100vh; display: flex; flex-direction: column; }
.public_page_content .logo { width: 230px; height: 100px; margin: 0px auto; padding: 20px 0px; }
.public_page_content .logo a { display: block; }
.public_page_content .logo a img { width: 100%; height: 100%; display: block; object-fit: contain; object-position: center; }
.public_page_content footer { margin-top: auto; }
.public-box { box-shadow: 1px 0px 26px 14px #EFEFEF; background: #FFFFFF; max-width: 1527px; border-radius: 10px; padding: 30px; margin: 0px auto 45px;  width: 100%; }
.public-box .job_id { font-family: 'SF-Pro-Text-Bold'; font-size: 24px; color: #333333; margin-bottom: 20px; }
.public-box .contact-information { background: #F3F3F3; }
.public-box .contact-information .n-title { color: #808390 !important; font-family: 'SF-Pro-Text-Bold';  }
.public-box .contact-information .conatct-media p { color: #808390 !important;  }
.public-box .contact-information .conatct-media p span  { font-family: 'SF-Pro-Text-Bold'; font-weight: normal !important; }
.public-box .contact-information .conatct-media .media-body .left-side { width: 50%; }
.public-box .contact-information .conatct-media .media-body .right-side { width: 50%; }
.public-box .left-side i.fas { color: #C4C4C4; }


.technician-info-block { background: #F3F3F3; border-radius: 10px; padding: 15px; }
.technician-info-block .technician-info-inner-block { display: flex; flex-wrap: wrap; }
.technician-info-block .technician-info-inner-block p { width: 33.33%; padding-right: 10px; font-size: 16px; line-height: 30px;  color: #808390; margin-bottom: 6px; }
.technician-info-block p span {  font-family: 'SF-Pro-Text-Bold'; font-weight: normal !important; font-size: 12px; line-height: 30px; color: #333333; display: block; }
.technician-info-block p span small { color: #808390; font-size: 12px; display: block; line-height: 10px; }
.technician-info-block p.job-description {  width: 100%; color: #333333; font-family: 'SF-Pro-Text-Bold'; margin-bottom: 0px; font-size: 12px; }
.technician-info-block p.job-description span { font-family: 'SF-Pro-Text-Regular';  color: #808390; font-size: 16px; display: block; max-height: 200px; overflow-y: auto; }


.contact-info { background: #F3F3F3; border-radius: 10px; padding: 15px; margin-bottom: 30px; min-height: 91px; }
.contact-info .ci-title { color: #333333; font-family: 'SF-Pro-Text-Bold'; font-size: 16px; margin-bottom: 10px; }
.contact-info .su-contact { display: flex; align-items: center; }
.contact-info .su-contact a { font-size: 14px; color: #333333; }
.contact-info .su-contact a svg { vertical-align: top; }
.contact-info .su-contact a svg path { fill: #8C8C8F; }
.contact-info .su-contact .line { margin: 0px 10px; background: #D0C9C9; height: 20px; width: 1px; }

/* progress */

.job_progress-bar { background: #333333; border-radius: 10px; padding: 15px; margin-bottom: 30px; min-height: 91px; position: relative; display: flex; align-items: center; }
.progress-row { width: 85%; height: 10px; border-radius: 10px; top: 30px; left: 50%; transform: translateX(-50%); position: absolute; }
.progress { background: #4E4D4D;}
.progress-bar { background: #fff; }
.progress-content { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0px 15px; }
.progress-content div { text-align: center; padding-top: 8px; z-index: 1; }
.progress-content .Pcircle { width: 20px; height: 20px; border-radius: 50%; background: #4E4D4D; display: block; margin: 0px auto; }
.progress-content .Pcircle img { width: 100%;  }
.progress-content .active .Pcircle { background: #00b050; position: relative; border: 2px solid #fff;}
.progress-content .active .Pcircle img { width: 14px; height: 14px; object-fit: contain; object-position: center; vertical-align: top;}
.progress-content .active .p-text { color: #fff; }

.progress-content .p-text { font-size: 18px; font-weight: 400; line-height: 30px; color: #909090; text-align: center; }


/* modal */

.client-add-modal .modal-titels { margin-bottom: 30px; }

.all_information_modal_block { background: #F3F3F3; border-radius: 10px; width: 100%; padding-top: 20px; }
.all_information_modal_block .contact-information { background: transparent; border-radius: 0; border-bottom: 1px dashed #DFDFDF; margin-bottom: 0px; }

.all_information_modal_block .job-id { padding-left: 15px; }
.all_information_modal_block .n-title { color: #808390; font-size: 16px; font-family: 'SF-Pro-Text-Bold'; text-transform: uppercase; }
.all_information_modal_block .n-title span { color: #333333; }
.all_information_modal_block .contact-information .conatct-media p { display: block; }
.all_information_modal_block .contact-information .conatct-media p span.tspan { width: 70px; flex: unset; font-size: 16px; }
.all_information_modal_block .contact-information .conatct-media p span{ font-family: 'SF-Pro-Text-Bold';  margin-left: 0px; }

.job_info_block { border-bottom: 1px dashed #DFDFDF; padding: 15px; }
.jicontent_block { display: flex; align-items: center; width: 100%; flex-wrap: wrap; }
.jicontent_block p { font-size: 14px; margin-bottom: 3px; color: #808390 !important; width: 50%; }
.jicontent_block p span { font-family: 'SF-Pro-Text-Bold'; font-size: 14px; color: #333333; margin-top: 3px; margin-left: 10px; }
.jicontent_block p:last-child { width: 100%; }
.jicontent_block p:last-child span {  font-family: 'SF-Pro-Text-Regular'; font-size: 12px; }

.assign-block { width: 100%; padding: 15px; display: flex; align-items: center; flex-wrap: wrap; }
.assign-block .n-title { margin-right: 20px; margin-bottom: 0px; }
.assign-block .user-in { display: flex; align-items: center; }
.assign-block .user-in .userimg { width: 34px; height: 34px; background: #333333; border-radius: 50%; }
.assign-block .user-in .userimg img { width: 100%; height: 100%; object-fit: contain; object-position: center; border-radius: 50%; }
.assign-block .user-in .username {font-size: 14px; margin-left: 10px; font-family: 'SF-Pro-Text-Bold';  color: #333333;margin-bottom: 0px;   }

.big-radio-btn { text-align: center; }
.big-radio-btn [type="radio"]:checked + label, .big-radio-btn [type="radio"]:not(:checked) + label { color : #333333; font-size: 18px; padding-left: 38px;  cursor: pointer; line-height: 28px; font-family: 'SF-Pro-Text-Bold';  }
.big-radio-btn [type="radio"]:checked + label::before, .big-radio-btn [type="radio"]:not(:checked) + label::before { border: 1px solid #D7D7D7 !important; width: 28px; height: 28px; }
.big-radio-btn [type="radio"]:checked + label::after, .big-radio-btn [type="radio"]:not(:checked) + label::after { width: 18px; height: 18px; top: 5px; left: 5px; }

.radio-block [type="radio"]:checked + label::before { border: 1px solid #D7D7D7 !important; }
.radio-block [type="radio"]:checked + label::after,
.radio-block [type="radio"]:not(:checked) + label::after { background: #333333; }
.radio-block [type="radio"]:checked + label,
.radio-block [type="radio"]:not(:checked) + label { color: #808390;}

.modal .form-block { padding: 20px;}
.modal .form-block .radio-block {padding-top: 10px; justify-content: center;}

.input_block{ display: flex; align-items: center; justify-content: center; width: 100%; padding-top: 10px; }
.input_block .form-group { width: 33.33%; padding: 0px 15px; }
.input_block label { font-size: 12px !important; line-height: 24px; color: #333333 !important; margin-bottom: 1px !important;}
.input_block .form-control{ border: 1px solid #D7D7D7; border-radius: 0 !important; font-size: 12px; line-height: 24px; color: #333333; padding: 7px 10px !important; }
.input_block  .input-group { padding: 0px !important; border-radius: 0px !important; border: 1px solid #D7D7D7; }

.communication-text {  width: 219px; margin: 0px auto;  margin-bottom: 10px; margin-top: 10px; }
.communication-text .form-control { font-size: 12px; text-align: center; color: #333333; padding: 10px 10px !important; border: 1px solid #D7D7D7; border-radius: 0 !important; }
.input_block .form-group .input-group .input-group-text { background: #D7D7D7; color: #333333; font-size: 12px; padding: 4px 15px !important;}

/*  */

.hideeye { display: none; }
.dataTable tbody tr {  border-bottom: 1px solid #EEEEEE !important; }
table.dataTable { border-collapse: collapse !important; }


.backbtn { width: 40px; height: 40px; border-radius: 50%; background: #444445; margin-bottom: 15px; margin-left: auto; }
.backbtn a { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
.backbtn img { width: 20px; display: block; height: 20px; object-fit: contain; object-position: center;  }

/*  */

.upload_inside { width: 100%; border-radius: 6px; background: #F1F0EF; position: relative; text-align: center;  padding: 0px; cursor: pointer; }
.upload_inside span { color: #808390; font-size: 12px; line-height: 28px; text-align: center; font-family: 'SF-Pro-Text-Bold'; display: block; }
.upload_inside span span { text-decoration: underline; display: inline-block; padding: 0px; }
.upload_inside input { width: 100%; height: 100%; opacity: 0; position: absolute; cursor: pointer; left: 0; top: 0; }

/*  */

.labelans .licon { width: 22px; height: 20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 2px; background: #444445; margin-right: 7px; }
.labelans .licon img { width: 12px; height: 12px; object-fit: contain; object-position: center;  }
.labelans {  flex: 1; }
.labelans a { display: flex !important; color: #333; font-size: 14px; }
.labelans a span { width: 100%; display: block; color: #333; font-size: 14px; }


/*  */

.reason_text { font-size: 16px; font-weight: 700; line-height: 30px; text-align: center; color: #808390; margin-bottom: 15px; }
.reason_text span { color: #333333; }

.jobinvoice_modal.client-add-modal .modal-titels { margin-bottom: 15px;}
.jobinvoice_modal.client-add-modal .modal-dialog  { max-width: 842px;}
.jobinvoice_modal .input_block .form-group { width: 33.33%; padding: 0px 10px;}
.jobinvoice_modal .modal .form-block { padding: 0px !important; }

input[type=file]::file-selector-button {  display: none !important; }

/*  */

.btns-block .cancelBtn { margin-left: 10px; background: #444445; border-color: #444445; }
.btns-block .cancelBtn:hover { background: transparent; color: #444445; }

/*  */

.reset-icon {  }
.reset-icon img { width: 100%; height: 100%; object-fit: contain; object-position: center; }


.navbar-header .title-sm { margin-bottom: 0px; color: #fff; font-size: 16px; width: auto; white-space: nowrap; margin-left: 10px; position: absolute;left: 110px; }
#page-heading .title-sm  { display: none; }

/* star rating css */

.rating_block { width: 100%; display: flex; align-items: center; }
#half-stars-example .rating-group { display: inline-flex;}
#half-stars-example .rating__icon { pointer-events: none;}
#half-stars-example .rating__input { position: absolute !important; left: -9999px !important;}
#half-stars-example .rating__label { cursor: pointer; padding: 0 0em; font-size: 0.85rem; margin-bottom: 0px;}
#half-stars-example .rating__label--half { padding-right: 0; margin-right: -1.12em; z-index: 2;}
#half-stars-example .rating__icon--star { color: #FCD53F;}
#half-stars-example .rating__icon--none { color: #eee;}
#half-stars-example .rating__input--none:checked + .rating__label .rating__icon--none { color: red;}
#half-stars-example .rating__input:checked ~ .rating__label .rating__icon--star { color: #E1E1E1; }
#half-stars-example .rating-group:hover .rating__label .rating__icon--star,
#half-stars-example .rating-group:hover .rating__label--half .rating__icon--star {color: #FCD53F;}
#half-stars-example .rating__input:hover ~ .rating__label .rating__icon--star,
#half-stars-example .rating__input:hover ~ .rating__label--half .rating__icon--star {color: #E1E1E1;}
#half-stars-example .rating-group:hover .rating__input--none:not(:hover) + .rating__label .rating__icon--none {color: #eee;}
#half-stars-example .rating__input--none:hover + .rating__label .rating__icon--none {color: red;}
#half-stars-example [type="radio"]:checked + label::before, #half-stars-example [type="radio"]:not(:checked) + label::before { content: unset; }
#half-stars-example [type="radio"]:checked + label::after, #half-stars-example [type="radio"]:not(:checked) + label::after { content: unset; }

.rating__icon {color: #E1E1E1;}
.star-fill { color: #FCD53F; }


/*  */

.profile_nav .nav.nav-pills { border: none !important; padding: 2px 5px 0px; }
.nav.nav-pills { background: #F3F3F3;  border: 1px solid #EEEEEE; padding: 2px 5px; }
.nav-pills > a, .nav-pills > li > a, .nav-tabs > li > a { color: #333333; font-size: 12px; text-transform: uppercase; font-family: 'SF-Pro-Text-Bold'; }
.nav-pills .nav-link { border-radius: 0 !important; padding: 11px; }
.nav-pills .nav-link:hover { color: #333333; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background: #444445;  }

/*  */

.reportbtn { margin-bottom: 20px; }
.send-btn img { width: 20px; height: 20px; object-fit: contain; object-position: center; margin-right: 5px; }
.send-btn:hover img { filter: invert(100%); }

.report-modal.client-add-modal .modal-dialog { max-width: 920px; }
.report-modal.client-add-modal .modal-dialog .modal-body {  padding: 30px 15px; }
.report-modal .form-radio-check .form-check { width: auto;margin: 0px 12px 10px;}

.report-modal .radio-button-row { margin-bottom: 46px; justify-content: center;}

.repeats-every-block { display: flex; align-items: center; justify-content: center; max-width: 400px; width: 100%; margin-bottom: 20px; }
.repeats-every-block .form-label { color: #333333; margin-bottom: 0px; font-size: 14px; width: 130px; }
.repeats-every-block .form-group.select_sedual { width: 70px; margin-right: 10px; }
.repeats-every-block .form-group.select_type { width: 130px; }

.custom_report_type { display: flex; align-items: center; flex-wrap: wrap; justify-content: center;  margin-bottom: 20px; }
.ends-radio-button-row { display: flex; align-items: center;  }

.on_radio_block { display: flex; align-items: center; }
.after_radio_block { display: flex; align-items: center; }
.after_radio_block input { width: 50px; margin: 0px 10px; color: #333333; resize: none; height: auto; font-style: normal; border: 1px solid #D7D7D7; border-radius: 6px; padding: 7px 10px; font-weight: 400; font-size: 12px; }
.after_radio_block span { color: #333333; font-size: 14px; line-height: 20px; }
.on_radio_block input.form-control.edate { width: 150px; margin: 0px 10px; color: #333333; resize: none; height: auto; font-style: normal; border: 1px solid #D7D7D7; border-radius: 6px; padding: 7px 10px; font-weight: 400; font-size: 12px; }
.on_radio_block input.form-control.edate.flatpickr-input[readonly] { background: #fff url(../images/calendar.svg) no-repeat !important; background-size: 16px !important; background-position: right 5px center !important; }


.report-edit-page .job_infor_assign { background: #fff !important;  border: none !important; border-radius: 10px; margin-top: 12px; padding: 0px; }
.report-edit-page .job_infor_assign .jia_title { padding: 15px 15px 0px  !important; margin-bottom: 0px; color: #333;}
.report-edit-page .job_infor_assign .tech_user_list { padding: 10px 15px; border-bottom: 1px dashed #DFDFDF; }
.report-edit-page .job_infor_assign .media.user-secs:last-child { margin-bottom: 0px; }
.report-edit-page .job_infor_assign .sub_data_content { padding: 10px 15px;  }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


.repeats-on-block { display: flex; align-items: center; justify-content: center; max-width: 400px; width: 100%;  margin-bottom: 20px;}
.repeats-on-block .form-label { color: #333333; margin-bottom: 0px; font-size: 14px; width: 130px; }
.radio-buttons { width: 100%; margin: 0 auto; text-align: center;}
.custom-radio { margin: 2px; }
.custom-radio input { opacity: 0; position: absolute;}
.radio-btn {  width: 34px; height: 34px; font-size: 12px; border: 1px solid #D7D7D7; display: inline-block; border-radius: 6px; position: relative; text-align: center; cursor: pointer; line-height: 34px; }
.custom-radio input:checked + .radio-btn { background: #333333; color: #fff;}
.custom-radio input:checked + .radio-btn > i { opacity: 1; transform: translateX(-50%) scale(1);}

.ends-block { display: flex; align-items: center; justify-content: center; width: 100%;  margin-bottom: 10px;}
.ends-block .form-label { color: #333333; margin-bottom: 0px; font-size: 14px;}

.quote_req_row { padding-bottom: 20px !important; }
.quote_download_row { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px; }
.quote_download_row a:first-child { color: #333333; font-size: 12px; display: flex; align-items: center; margin-right: 10px; }
.quote_download_row a .down_img { background: #444445; width: 18px; height: 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; }
.quote_download_row a .down_img img { width: 14px; height: 14px; background: transparent !important; padding: 0px !important; margin: 0 !important; }
.quote_download_row a span { font-size: 12px; color: #333333; }
.quote_download_row a + a .btn{ border-radius: 50%; background: #333333; width: 20px; color: #fff; height: 20px; padding: 1px; font-size: 10px; }

.card .assign-job-details .ad-titles { margin-bottom: 10px; }
.report-edit-page  .assign-job-details .ad-titles { margin-bottom: 10px; color: #808390; }
.sub_data_content .down_img + span { flex: 1; }

.jobInfomation { background: #F3F3F3; border-radius: 10px; margin-bottom: 30px; }
.jobInfomation .ad-titles { color: #808390; }
.card-body .jobInfomation .job_description .sub_data_content { color: #333333; font-family: 'SF-Pro-Text-Bold'; font-size: 12px; }
.note_description  .sub_data_content { color: #333333; font-size: 14px; }
.card-body .client_service_ref .sub_data_content span {font-family: 'SF-Pro-Text-Bold';  }
.sub_content_actions .ad-titles { font-family: 'SF-Pro-Text-Regular'; }
.job-detail-left .job-infor-fst.internal-infor-fst { padding-left: 0px; padding-right: 0px; }

.internal-notes {background: linear-gradient(90deg, #F3F3F3 0%, rgba(243, 243, 243, 0) 50%); border-radius: 10px; padding: 18px 20px 18px 10px; margin-bottom: 10px; }
.internalnotes_block .delete-icons { border-radius: 50% !important; }
.internal-content-block { width: 100%; display: flex; }
.internal-content-block .inter_img { width: 30px; height: 30px; margin-right: 15px; border-radius: 50%; background: #333333;}
.internal-content-block .inter_img img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; object-position: center; background: none !important; padding: 0px; }
.internal-content-block .inter_content { width: 100%; flex: 1;  /* overflow-y: auto; max-height: 200px; */}
.internal-content-block .note_name { font-family: 'SF-Pro-Text-Bold'; font-size: 14px; line-height: 20px; color: #333333; margin-bottom: 5px !important; }
.internal-content-block .note_desc p{ font-size: 12px;  color: #333333;  }

.download_pdf_row p:first-child { margin-top: 10px;}
.download_pdf_row p { margin-top: 5px; }
.download_pdf_row a { display: flex !important; width: auto !important;  }
.download_pdf_row a .d-icon { background: #444445; width: 18px; height: 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex: unset; margin-right: 10px; }
.download_pdf_row a .d-icon img { width: 14px; height: 14px; background: transparent !important; padding: 0px !important; margin: 0 !important; }
.download_pdf_row a span { font-size: 12px; color: #333333; }

.complaint_reason_note { background: linear-gradient(90deg, #FFE3E3 0%, #FFE3E3 100%);}
.complaint_reason_note .inter_img { background: #FF5D59; display: flex; align-items: center; justify-content: center; }
.complaint_reason_note .inter_img img { width: 20px; height: 20px; object-fit: contain; object-position: center; margin: 0px !important; padding: 0px !important; }


.add_action_button.client-add-modal .modal-dialog  { max-width: 820px !important; }

/*  */

.jia_title { padding: 0px !important; font-size: 16px !important; font-family: 'SF-Pro-Text-Bold';  color: #333;}
.tech_user_list .uname {  font-size: 12px !important; font-family: 'SF-Pro-Text-Bold'; }

.job_infor_assign .sub_data_content:last-child { margin-bottom: 0px; }
.job_infor_assign .sub_data_content span {  font-family: 'SF-Pro-Text-Bold';  }

.job_info_description_block { width: 100% !important; max-height: 300px !important; overflow-y: auto; margin-bottom: 10px; display: block; }

.jicb_content { width: 100%; max-height: 250px; overflow-y: auto; margin-bottom: 10px; }

.history_technician_block { background: #F3F3F3; padding: 12px 15px; margin-bottom: 25px; border-radius: 10px; }
.map_technician_block { padding: 12px 0px 0px; }
.map_technician_block .jia_title { padding: 0px 15px !important; }
.map_technician { padding: 0px 15px; display: flex; flex-wrap: wrap;  }
.map_technician p { width: 50%; font-size: 12px; line-height: 20px; color: #333333; margin-bottom: 5px; }
.map_technician p span { color: #808390; }

.status_information_block { padding: 0px;  }
.status_information_block div:last-child { border-bottom: 0px !important; }
.status_information_block .status_info { padding: 15px; border-bottom: 1px dashed #DFDFDF; display: block; align-items: center; justify-content: space-between; }
.status_information_block .tt_start { display: flex; align-items: center; padding: 0px 15px; margin-bottom: 5px; font-size: 12px; line-height: 20px; color: #333333; }
.status_information_block .tt_start .dropdown { margin: 0px 5px; }
.status_information_block .action_info { padding: 15px; border-bottom: 1px dashed #DFDFDF; display: flex; justify-content: space-between; }
.status_information_block .job_complete_word { padding: 15px; border-bottom: 1px dashed #DFDFDF; display: flex; align-items: center; justify-content: space-between; }
.action_right p { font-size: 12px; color: #333333; margin-bottom: 0px; padding: 0px 5px; }
.action_right p span { font-family: 'SF-Pro-Text-Bold'; text-decoration: underline; }
.action_right p a { color: #333 !important; }
.action_left .tt_start { padding: 5px 0px !important; }
.icon-block .btn { position: relative; overflow: unset;}
.icon-block .count { position: absolute; border: 1px solid #F3F3F3; background: #1C1C1D; color: #fff; font-size: 10px; border-radius: 50%; min-width: 18px; height: 18px; right: -10px; top: -10px; }

.edit_icon_bg { background: #1C1C1D !important; }
.edit_icon_bg:hover { background: transparent !important; color: #1C1C1D !important; border-color: #1C1C1D !important; }
.view_icon_bg { background: #444445 !important; }
.view_icon_bg:hover { background: transparent !important; color: #444445 !important; border-color: #444445 !important; }
.download_icon_bg { background: #A6A6A6 !important; }
.download_icon_bg:hover { background: transparent !important; color: #A6A6A6 !important; border-color: #A6A6A6 !important; }
.send_icon_bg { background: #1C1C1D !important; }
.send_icon_bg:hover { background: transparent !important; color: #1C1C1D !important; border-color: #1C1C1D !important; }
.send_icon_bg:hover img { filter: invert(100); }
.send_icon_bg:hover i.fas { color: #1C1C1D !important; }
.reminder_icon_bg { background: #444445 !important; }
.reminder_icon_bg:hover { background: transparent !important; color: #444445 !important; border-color: #444445 !important; }

.edit_icon_bg:hover img { filter: invert(100%); }
.download_icon_bg img + img { display: none; }
.download_icon_bg:hover img { display: none; }
.download_icon_bg:hover img + img { display: inline-block; }



.technician_common_block { padding: 0px 0px 20px; background: #F3F3F3; margin-bottom: 25px; border-radius: 10px; }
.technician_common_block .title_block {  padding: 12px 15px !important; display: flex; align-items: center; justify-content: space-between; }
.technician_common_block .jia_title { margin-bottom: 0px; }
.technician_common_block .jia_title span { color: #808390; font-size: 12px; font-family: 'SF-Pro-Text-Regular'; }
.technician_common_block .title_block .tb-btn { font-size: 12px; line-height: 12px; color: #fff; background: #333333; border-radius: 25px; box-shadow: none !important; border: 1px solid transparent; }

.tcb_block { max-height: 150px; overflow-y: auto;  }




.tcb_block ul { list-style: none !important; padding: 0px; margin: 0px; width: 100%; }
.tcb_block ul li { display: flex; align-items: center; border-top: 1px dashed #DFDFDF; padding: 12px 10px 12px 15px; width: 100%;}
.tcb_block ul li:last-child {  border-bottom: 1px dashed #DFDFDF;  }


.token_report_block ul li span { color: #333333; font-size: 12px; line-height: 20px; width: 55%; }
.token_report_block .icon_btn_row { width: 45%; }
.token_report_block .icon_btn_row .token_btn{ background: #333333; color: #fff; font-size: 12px; border-radius: 25px; padding:2px 10px; min-width: 44px; text-transform: uppercase;  box-shadow: none !important; border: 1px solid transparent; width: auto; margin: 2px 0px; }
.icon_btn_row .btn.reject_btn{ background: #A6A6A6; }

.accessories_block ul li { align-items: flex-start; justify-content: space-between; }

.tcb_block .acces_img { width: 50px; height: 50px; margin-right: 10px; border: 1px solid #D9D9D9; border-radius: 2px; }
.tcb_block .acces_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 2px; }

.tcb_block .accessories-info-block { display: flex; align-items: flex-start; justify-content: space-between; width: 70%; }
.tcb_block .aib_block { flex: 1; width: 100%; }
.tcb_block .aib_block span { font-size: 12px; color: #333; margin-bottom: 0px; padding-right: 10px; }
.tcb_block .acces_name { display: block; }
.tcb_block .acces_qty { display: block; }
.tcb_block .acces_qty span { color: #808390; }
.tcb_block .acces_amount { margin-bottom: 0px; display: block; }

.files_block .tcb_block { display: flex; /* align-items: center;  */}
.files_block .tcb_block .acces_img { width: 20px; height: 20px; border-radius: 50%; background: #444445; border: 0px; padding: 2px; text-align: center; }
.files_block .tcb_block .acces_img img { width: 14px !important; height: 14px !important; border-radius: 50%; vertical-align: top; }
.files_block .tcb_status { color: #757575; background: #D1D4D1; font-size: 12px; border-radius: 25px; padding: 5px 10px; display: inline-block; text-align: center; margin-left: auto; min-width: 115px; }
table.dataTable thead > tr > th.dt-orderable-none span.dt-column-order { z-index: -1; }

.files_block .file-info-block { display: flex; align-items: center;  }
.files_block  .checkbox  {height: 20px; }

.dropdown-toggle.edit_icon_bg + .dropdown-menu[style] { right: 0 !important; left: auto !important; }


/* invoice new css code */

.page_heading_left_block { display: flex; align-items: center; flex-wrap: wrap; width: 100%; flex: 1; }
.page_heading_left_block p { border-radius: 6px; margin-bottom: 5px; color: #808390; font-size: 12px; background: linear-gradient(90deg, #BEBEBE 0%, rgba(238, 238, 238, 0.7) 82.03%); padding:7px 10px;  margin-right: 10px; }
.page_heading_left_block p span { font-family: 'SF-Pro-Text-Bold'; color: #333333; margin-right: 10px; }

.page_intro_block { display: flex; align-items: center; flex-wrap: wrap; }
.page_intro_block p { border-radius: 6px; margin-bottom: 5px; color: #808390; font-size: 12px; background: linear-gradient(90deg, #BEBEBE 0%, rgba(238, 238, 238, 0.7) 82.03%); padding:7px 10px;  margin-right: 10px; }
.page_intro_block p span { font-family: 'SF-Pro-Text-Bold'; color: #333333; margin-right: 10px; }

tfoot tr { background: #444445 !important;  }
tfoot tr th { font-size: 12px; font-family: 'SF-Pro-Text-Bold'; color: #fff !important; background: transparent !important; }
table.dataTable tfoot tr > .dtfc-fixed-left, table.dataTable tfoot tr > .dtfc-fixed-right {  background: transparent !important;  }

/* add invoice */

.payment_block { padding: 12px 15px 2px; display: flex; align-items: flex-start; flex-wrap: wrap; box-shadow: 1px 0px 26px 14px #EFEFEF; background: #fff; border-radius: 10px;}
.payment_block .form-group { padding: 0px 5px; width: calc(100%/8); margin-bottom: 10px;}

.comm_checkbox { width: 100%; display: block; margin-bottom: 0px; }
.check-boxs { width: 100%; margin-bottom: 18px; }
.custom-checks { background: none;padding-top: 0px; padding-bottom: 0px;  width: 100% !important;}
.checkbox { position: relative; padding-left: 24px; cursor: pointer;font-size: 12px !important; font-weight: normal; line-height: 24px; -webkit-user-select: none; color: #808390 !important;  -moz-user-select: none;-ms-user-select: none;user-select: none; margin-bottom: 0; margin-left: 0px; }
.checkbox a { color: #1C1D21 !important;  text-decoration: underline !important; }
.checkbox a:hover { color:#F71F4D !important; }
.checkbox input { position: absolute; opacity: 0;cursor: pointer;height: 0; width: 0;}
.checkmark { position: absolute; top: 2px; left: 0; height: 18px; width: 18px; background: transparent; border: 1px solid #D7D7D7; border-radius: 0px; }

.checkmark::after { display: none;}
.checkmark::after {content: "";position: absolute; left: 5px; top: 1px; width: 6px; height: 12px; border: solid #333333; border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
input:checked ~ .checkmark::after { display: block;}

.invoice_information_block { width: 100%; padding-top: 35px; }

.invoice_information_block .iib_title { font-size: 16px; line-height: 19px; font-family: 'SF-Pro-Text-Bold'; text-transform: uppercase; margin-bottom: 10px; }
.invoice_information_block .iib_common_box {  box-shadow: 1px 0px 26px 14px #EFEFEF; background: #fff; border-radius: 10px; margin-bottom: 25px; }

.contant_person_box .ui_top_row { display: flex; margin-bottom: 5px;}
.contant_person_box .user_img { width: 50px; height: 50px; background: #333333; border-radius: 50%; margin-right: 15px;  }
.contant_person_box .user_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 50%; }
.contant_person_box .u_name_tel { width: 100%; flex: 1; }

.contant_person_box .user_info { padding: 20px 12px; }
.contant_person_box .user_info p { color: #808390; font-size: 16px; margin-bottom: 5px; }
.contant_person_box .user_info p:last-child { margin-bottom: 0px; }
.contant_person_box .user_info p span { color: #333333; font-family: 'SF-Pro-Text-Bold'; font-size: 14px; }

.job_repeat_block { border-bottom: 1px dashed #DFDFDF; margin-bottom: 10px; padding: 15px 12px;  }
.job_repeat_block:last-child { border: none; margin-bottom: 0px; }
.invoice_information_block .job_information { height: 882px; overflow-y: scroll; }

.job_information_box .iib_common_box { padding: 4px; }
.job_information .job_id { color: #333; font-size: 14px; font-family: 'SF-Pro-Text-Bold'; margin-bottom: 10px; display: flex; }
.job_information .job_id span.span_title { color: #808390; width: 100px; display: inline-block; }

.job_information .ji_text { color: #333; font-size: 14px; margin-bottom: 10px; display: flex; }
.job_information .ji_text span.span_title { color: #808390; width: 135px; display: inline-block; }
.job_information .ji_text .span_des { width: 100%; flex: 1; }
.status_i { font-size: 12px; color: #fff; padding: 3px 5px; border-radius: 15px; }
.s_complete { background: #00B050;}

.accessories_block { background: #F3F3F3; border-radius: 10px; padding-bottom: 10px; margin-bottom: 15px; }
.accessories_block .iib_title { padding: 12px 10px; margin-bottom: 0px; text-transform: unset; }
.accessories_block ul { list-style: none !important; padding: 0px; margin: 0px; max-height: 150px;  overflow-y: auto; }

.accessories_block ul li {border-top: 1px dashed #DFDFDF; padding: 12px 15px;  }
.accessories_block ul li:last-child {border-bottom: 1px dashed #DFDFDF; }

.accessories_block ul li .accessories-info-block { display: flex; }
.accessories-info-block .acces_img { width: 50px; height: 50px; border: 1px solid #D9D9D9; border-radius: 2px; }
.accessories-info-block .acces_img img { width: 100%; height: 100%; object-position: center; object-position: center; border-radius: 2px; }
.accessories-info-block .aib_block { padding-left: 10px; }
.accessories-info-block .aib_block .acces_name { font-size: 12px; color: #333; display: block; }
.accessories-info-block .aib_block .acces_qty { font-size: 12px; color: #333; display: block; }
.accessories-info-block .aib_block .acces_qty span { color: #808390; }
.accessories-info-block .aib_block .acces_amount { font-size: 12px; color: #333; display: block; }

.file_block { background: #F3F3F3; border-radius: 10px; padding-bottom: 10px; margin-bottom: 15px; }
.file_block { background: #F3F3F3; border-radius: 10px; padding-bottom: 10px; }
.file_block .iib_title { padding: 12px 10px; margin-bottom: 0px; text-transform: unset; }
.file_block ul { list-style: none !important; padding: 0px; margin: 0px; max-height: 150px; overflow-y: auto; }
.file_block ul li {border-top: 1px dashed #DFDFDF; padding: 6px 15px; display: flex; }
.file_block ul li:last-child {border-bottom: 1px dashed #DFDFDF; }

.file_left { width: 70%; display: flex; align-items: center; }
.file_left .fd_img { width: 18px; height: 18px; margin-right: 8px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #444445; }
.file_left .fd_img img { width: 14px; height: 14px; object-fit: contain; object-position: center;  }
.file_left span { font-size: 12px; color: #333333;  }

.invoice_d { margin-left: auto; background: #D1D4D1; color: #757575; font-size: 12px; border-radius: 12px; padding: 4px 8px; }

/*  */

.add_more_invoices { padding: 15px 20px; border-bottom: 1px dashed #DFDFDF; position: relative; padding-right: 30px; }
.total_vat_count_fields { display: flex;  }
.total_vat_count_fields .tvcf_box { padding: 0px 5px; }
.total_vat_count_fields .tvcf_box:nth-child(1) { width: 8%; }
.total_vat_count_fields .tvcf_box:nth-child(2) { width: 10%; }
.total_vat_count_fields .tvcf_box:nth-child(3) { width: 30%; }
.total_vat_count_fields .tvcf_box:nth-child(4) { width: 10%; }
.total_vat_count_fields .tvcf_box:nth-child(5) { width: 10%; }
.total_vat_count_fields .tvcf_box:nth-child(6) { width: 32%; }

.form-control:disabled, .form-control[readonly] { background-color: #EEEEEE;}

.button_blocks { padding: 15px 20px 0px; }
.button_blocks .add_more_btn { background: #444445; border: 1px solid #444445; padding: 5px 10px; text-transform: uppercase; color: #fff;text-align: center; font-style: normal; font-size: 12px; border-radius: 255px; box-shadow: none !important; }
.button_blocks .add_more_btn:hover { background: transparent; color: #444445; }

.tatal_amount_block { padding: 15px 20px; text-align: center; }
.tatal_amount_block p { color: #333333; margin-bottom: 10px; font-size: 12px;  font-family: 'SF-Pro-Text-Bold'; }
.tatal_amount_block p:last-child { margin-bottom: 0px !important; }
.tatal_amount_block p span { width: 200px; display: inline-block; }

.general_notices_box {  padding: 15px 20px; }
.attachments_box .upload_inside { padding: 5px; }

.add_more_invoices .remove_btn { position: absolute; box-shadow: none !important; width: 20px; font-size: 12px; line-height: 12px; border: 1px solid transparent !important; padding: 3px; border-radius: 4px 0px 0px 4px;  top: 44px; right: 0; background: #787878 !important; color: #fff !important; }

.add_more_invoices .move_btn { position: absolute; box-shadow: none !important; width: 20px; border: 1px solid transparent !important; padding: 0px; border-radius: 4px 0px 0px 4px;  top: 20px; right: 0; background: #333333 !important; }
.add_more_invoices .move_btn img { width: 14px; height: 14px; object-fit: contain; object-position: center; vertical-align: text-top; }

.pro_img { border: 1px solid #D9D9D9; width: 40px; height: 40px; border-radius: 2px;  }
.pro_img img { width: 100%; height: 100%; object-fit: cover; object-position: center;  }


/* previewinvoice_page */

.preview_block .pb-text { font-size: 16px; line-height: 19px; color: #333333; font-family: 'SF-Pro-Text-Bold'; margin-bottom: 20px; }
.preview_block .logo { width: 254px; height: 66px; margin-bottom: 30px; }
.preview_block .logo img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.preview_block .address, .preview_block .invoice-number { margin-bottom: 20px; }
.preview_block .invoice-number .name { font-size: 24px; color: #333333; font-family: 'SF-Pro-Text-Bold'; margin: 0px; }
.preview_block .invoice-number .date { font-size: 18px; line-height: 21px;  }
.preview_block .address .name { font-size: 24px; color: #333333; font-family: 'SF-Pro-Text-Bold'; margin: 0px; }
.preview_block .address address { font-size: 16px; color: #333333;  }
.preview_block .deadline_text { font-size: 16px; color: #333333; margin-bottom: 5px; }
.preview_block table tr { vertical-align: top;}
.preview_block table tr:last-child { border: none !important; }
.preview_block .table-responsive { width: 100%; margin-top: 20px; }
.preview_block .read_text { color: #333333; font-size: 12px; line-height: 18px; margin-bottom: 0px; margin-top: 10px;  }
.preview_block .notice_block { margin-top: 20px; height: 100px; }
.preview_block .notice_block .notice_tt {font-size: 16px; line-height: 28px;  color: #333333; font-family: 'SF-Pro-Text-Bold'; margin-bottom: 0px; }
.preview_block .notice_block .notice_text { font-size: 12px; line-height: 18px; color: #333333;  }
.preview_block .pdffooter { border-top: 1px solid #333333; padding-top: 10px; }
.preview_block .pdffooter h4 { font-size: 32px; color: #000; font-family: 'SF-Pro-Text-Bold'; }
.preview_block .pdffooter h4 span { font-size: 12px; display: block; color: #333333; }
.preview_block .footer-left p { font-size: 12px; display: block; color: #333333; font-family: 'SF-Pro-Text-Bold'; line-height: 24px; }
.preview_block .footer-right p { font-size: 16px; line-height: 19px; text-align: right; color: #333333; margin-bottom: 0px; }

.internal_notes_block { display: block; padding-top: 40px; }
.internal_notes_block .inb_title { color: #333333; font-family: 'SF-Pro-Text-Bold'; font-size: 24px; line-height: 29px; text-align: center; margin-bottom: 10px; text-transform: uppercase; }
.typenote_block label { color: #808390; font-size: 16px; margin-bottom: 0px; }
.typenote_block label + div { width: 100%; display: block; border: 1px solid #D7D7D7; border-radius: 10px; padding: 5px; }
.typenote_block label + div textarea { border: none !important; font-size: 12px; color: #333; width: 100%; resize: unset; background: none !important; }

/*  */

.id_first_block { padding: 20px 20px; border-bottom: 1px dashed #DFDFDF; }
.invoice_id { background: #EEEEEE; text-align: center; color: #333333; font-size: 14px; border-radius: 25px; padding: 18px; margin-bottom: 15px; }
.invoice_id span { font-family: 'SF-Pro-Text-Bold'; }
.sa_text { color: #808390; font-size: 14px; margin-bottom: 8px; }
.sa_text span { color: #0D7E12;}
.change_status_input { margin-top: 8px; margin-bottom: 15px; }
.change_status_input label { color: #808390; font-size: 14px; margin-bottom: 2px;  }
.change_status_input .form-control { border: 1px solid #D7D7D7; color: #808390; font-size: 12px; border-radius: 6px; padding: 7px; }
.button_groups { display: flex; flex-wrap: wrap; justify-content: space-between; }
.button_groups .btn { background: #333333; font-size: 14px; color: #FFFFFF; box-shadow: none !important; border: 1px solid transparent; border-radius: 25px; text-transform: uppercase; min-width: 175px; margin-bottom: 10px; margin: 0px 5px 10px; }
.button_groups .btn:hover { background: transparent; border-color:#333333; color: #333333; }
.button_groups .btn.donwload_invoice_btn { background: #444445;}
.button_groups .btn.donwload_invoice_btn:hover { background: transparent; border-color:#444445; color: #444445; }
.button_groups .btn.create_invoice_btn { background: #757576;}
.button_groups .btn.create_invoice_btn:hover { background: transparent; border-color:#757576; color: #757576; }
.button_groups .btn.record_invoice_btn {  background: #444445; }
.button_groups .btn.record_invoice_btn:hover {  background: transparent; border-color:#444445; color: #444445;  }

.id_second_block { padding: 20px 20px; }

.receipts_block { margin-bottom: 10px; }
.collect_title { font-size: 16px; font-family: 'SF-Pro-Text-Bold'; margin-bottom: 4px; color: #333333; }
.collected_block { max-height: 250px; overflow-y: auto; }
.collected_block:last-child { margin-bottom: 0px; }
.collected_box { border: 1px solid #D7D7D7; border-radius: 6px; padding: 10px; margin-bottom: 10px;}
.collected_box .cb_title { font-size: 14px; font-family: 'SF-Pro-Text-Bold'; margin-bottom: 2px; color: #333333;}
.collected_box .cb_text { font-size: 14px; margin-bottom: 2px; color: #333333; }
.collected_box .cb_text span { font-family: 'SF-Pro-Text-Bold'; }
.collected_box .cb_text a { font-family: 'SF-Pro-Text-Bold'; text-decoration: underline !important; color: #333333; }

.linked_document_block { margin-bottom: 10px; }
.event_history_block .history_box {  border: 1px solid #D7D7D7; border-radius: 6px; }

.hb_title_row { display: flex; align-items: center; border-bottom: 1px solid #D7D7D7; }
.hb_title_row p { margin-bottom: 0px; font-size: #333333; font-size: 12px; font-family: 'SF-Pro-Text-Bold';  padding: 2px 5px; }
.hb_title_row p:nth-child(1) { width: 33%; }
.hb_title_row p:nth-child(2) { width: 46%; }
.hb_title_row p:nth-child(3) { width: 20%; }

.hb_body_row .hb_row { display: flex; align-items: center; border-bottom: 1px solid #D7D7D7; }
.hb_body_row .hb_row:last-child { border-bottom: 0px; }
.hb_body_row .hb_row p { font-size: 12px; color: #808390; margin-bottom: 0px; padding: 2px 5px; }
.hb_body_row .hb_row p a { font-family: 'SF-Pro-Text-Bold'; color: #333; text-decoration: underline !important; }
.hb_body_row .hb_row p:nth-child(1) { width: 33%; }
.hb_body_row .hb_row p:nth-child(2) { width: 42%; }
.hb_body_row .hb_row p:nth-child(3) { width: 25%; }

.hb_body_row .hb_row p span.create_st { background: #D0CECE; font-size: 12px; color: #333333; padding: 2px 5px; border-radius: 25px; min-width: 60px; display: inline-block; text-align: center; }
.hb_body_row .hb_row p span.paid_st { background: #C2FCC4; font-size: 12px; color: #333333; padding: 2px 5px; border-radius: 25px; min-width: 60px; display: inline-block; text-align: center; }

.maximum_text { font-size: 15px; line-height: 18px; color: #333333; margin-bottom: 10px; }

/* status color code */

.t-status { min-width: 85px; font-size: 12px; text-align: center; border-radius: 25px; padding: 5px 8px; display: inline-block; color: #fff; }
.status-light-blue { background: #9DC3E6; }
.status-dark-gray { background: #444445; }
.status-yellow { background: #FFFF00; color: #333333;  }
.status-red { background: #FF0000; }
.status-light-green { background: #C2FCC4; color: #333333; }
.status-green { background: #00b050;}
.status-gray { background: #D0CECE; color: #333333;  }
.status-orange { background: #FFA501;}
.status-light-orange {background: #FDDEAF; color: #333333;}
.status-blue {background: #0094FF;}
.status-very-light-cyan { background: #68E4FF; }
.status-cylindrical-coordinate { background: #FFDE68; }

.status-banana-mania { background: #FFEEB1; }
.status-cosmos { background: #FFD6D4; }
.status-granny-apple { background: #BFFFC2; }

/* Make Same Class for text */
.status-light-blue-text { color: #9DC3E6 !important; }
.status-dark-gray-text { color: #444445 !important; }
.status-yellow-text { color: #FDDEAF !important; }
.status-red-text { color: #FF0000 !important; }
.status-light-green-text { color: #C2FCC4 !important;}
.status-green-text { color: #00b050 !important;}
.status-gray-text { color: #D0CECE !important;}
.status-orange-text { color: #ff5c00 !important;}
.status-cylindrical-coordinate-text { color: #333333 !important; }
.status-banana-mania-text { color: #FFC802 !important; }
.status-very-light-cyan-text{color: #68E4FF !important;}

.status-cosmos-text { color: #FF5D59 !important; }
.status-granny-apple-text { color: #00C508 !important; }


/* template_block */

.template_block { background: #F3F3F3; border-radius: 10px; padding: 15px 20px; margin-bottom: 24px; }
.template_block:last-child { margin-bottom: 0px !important; }
.view_block {   background: #F3F3F3; border-radius: 10px; padding: 15px 20px; margin-bottom: 24px;}
.cke_contents  { padding: 10px !important; }
.tbm_top_block { display: flex; align-items: center; width: 100%; flex-wrap: wrap; }
.tbm_content { display: flex; align-items: center; margin: 0px auto; /* padding-right: 141px; */}
.tbm_content p { padding: 0px 20px; font-size: 14px; color: #333;  }

.role_name { max-width: 600px; width: 100%; margin: 0px auto 20px; }
.role_name .form-group { align-items: center; }
.role_name .form-group label { max-width: 100px; width: 100%; }

.note_permission_radio_block { display: flex; align-items: center; justify-content: center; width: 100%;  }
.note_permission_radio_block .form-label { font-size: 14px; color: #333333;  font-family: 'SF-Pro-Text-Bold';  margin-bottom: 0px; margin-right: 20px; }
.note_permission_radio_block .radio-block { width: auto;  }

.note_permission_table_block { width: 100%; display: block; padding: 20px 0px; }

.nptb_heading, .nptb_body .nptb_row{ display: flex; /* align-items: center; */ width: 100%; }
.nptb-th, .nptb-td { padding: 10px; }
.nptb-th:nth-child(1), .nptb-td:nth-child(1) { width: 60%; }
.nptb-th:nth-child(2), .nptb-td:nth-child(2) { width: 20%; display: flex; align-items: center; justify-content: center; }
.nptb-th:nth-child(3), .nptb-td:nth-child(3) { width: 20%; display: flex; align-items: center; justify-content: center; }
.nptb-th p { font-family: 'SF-Pro-Text-Bold'; font-size: 14px; text-align: center; color: #333; margin: 0px; }

.nptb-td { border: 1px solid #EEEEEE;  }

.nptb-td  .radio-block { padding-top: 0px; flex-wrap: nowrap; justify-content: space-evenly; width: auto; }
.nptb-td label { margin-bottom: 0px; }

.nptb_page_col { display: flex; align-items: center; flex-wrap: wrap; width: 100%; }
.nptb_page_col .page_name { width: 38%; font-size: 12px; margin-bottom: 0px; color: #333; padding-left: 20px; }
.nptb_page_col.nptb-td .radio-block { width: 62%; }

/*  */

.common_top_right { display: flex; align-items: center; /* width: 100%; */ }
.common_top_right .ctr_blocks { display: flex; align-items: center; flex-wrap: wrap; }
.common_top_right .ctr_blocks button { background: none; border: none !important; box-shadow: none !important; padding: 0px; color: #808390; font-size: 12px; margin-left: 12px;   display: flex; align-items: center; justify-content: center; }
.common_top_right .ctr_blocks button img { width: 14px; height: 14px; object-fit: contain; object-position: center; margin-right: 5px;   vertical-align: text-bottom; }
.common_top_right .icon-btn { width: 30px; height: 30px; padding: 5px; font-size: 16px; border-radius: 6px; background: #eee !important; color: #999; margin-left: 0px !important; display: block; }

.common_top_right .input-group { border-bottom: 1px solid #D7D7D7; width: 175px; margin-left: 12px; }
.common_top_right .input-group span { padding: 0px; padding-right: 10px; background: none !important; box-shadow: none !important;  }
.common_top_right .input-group span img { width: 14px; height: 14px; object-fit: contain; object-position: center;  }
.common_top_right .input-group input { border: none; background: none; font-size: 12px; color: #808390; box-shadow: none; padding: 5px 0px; }

.common_top_right .send-btn { font-size: 12px; min-width: 104px; padding: 6px 10px; }

.modal_text { color: #333333; font-size: 14px; margin-bottom: 15px; }
.common_top_right .ctr_blocks button.default_btn { border: 1px solid #EEEEEE !important; background: #EEEEEE !important;  padding: 5px 10px; border-radius: 6px; }
.common_top_right .ctr_blocks button.default_btn img { width: 18px; height: 18px;}
.common_top_right .ctr_blocks button.default_btn.dropdown-toggle.show { border-color: #2B2B2C !important; }

.common_top_right .ctr_blocks .dropdown-menu.show { border: 1px solid #2B2B2C; background: #373738; border-radius: 0px 10px 10px 10px; }

.dropdown_radio_menu.dropdown-menu { min-width: 230px; margin-left: 12px !important; padding: 0px; padding-top: 5px; }
.dropdown_radio_btn { max-height: 170px; overflow-y: auto; padding-right: 3px; }

.minus-circle { width: 18px; height: 18px; background: #5A5A5A; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.minus-circle img { width: 12px; height: 12px; }

.dropdown_radio_btn [type="radio"]:checked + label,
.dropdown_radio_btn [type="radio"]:not(:checked) + label { color: #fff !important;  }
.drb_button { padding: 6px; border-bottom: 1px solid #2B2B2C; display: flex; align-items: center; justify-content: space-between; }
.drb_button label { margin-bottom: 0px; }
.drb_radio { max-width: 180px; width: 100%; }

.dropdown_radio_btn [type="radio"]:checked + label::before, .dropdown_radio_btn [type="radio"]:not(:checked) + label::before { background: #202020; border: 1px solid #676768 !important; }
.dropdown_radio_btn [type="radio"]:checked + label::after, .dropdown_radio_btn [type="radio"]:not(:checked) + label::after { background: #fff !important; }

.common_top_right .ctr_blocks button.save_view { font-size: 14px; line-height: 30px; color: #fff; padding: 6px; padding: 4px 10px;  display: block; background: none !important; border: none !important; box-shadow: none !important; margin-left: 0px; }
.common_top_right .ctr_blocks button.save_view img { width: 18px; height: 18px; object-position: center; object-fit: contain; margin-right: 5px; }
.common_top_right .ctr_blocks button.save_view:hover { color: #fff !important; }

.edit_columns_block { display: flex; width: 100%; }
.ecb_left_col { width: 50%; padding: 0px 10px; }
.ecb_rigth_col { width: 50%; padding: 0px 10px; }

.ecblc_top {  display: flex; align-items: center; padding-bottom: 10px;  }
.ecblc_top .ecb_title { font-size: 16px; color: #333333;  font-family: 'SF-Pro-Text-Bold';  margin-bottom: 0px !important; margin-right: 20px; }
.ecblc_top .ecb_search { margin-left: auto; width: 130px; }
.ecblc_top .ecb_search input { font-size: 14px; color: #333; box-shadow: none; background: none; border: none; border-bottom: 1px solid #D7D7D7; width: 100%; }
.ecblc_top .ecb_return { margin-bottom: 0px; font-size: 14px; color: #808390;  }
.ecblc_top .ecb_return img { width: 14px; height: 14px; object-fit: contain; object-position: center; }
.ecblc_top .delete_all_btn { box-shadow: none; border: none; margin-left: auto; background: none; font-size: 14px; color: #333333; display: flex; align-items: center;  }
.ecblc_top .delete_all_btn img { width: 20px; height: 20px; object-fit: contain; object-position: center;  }

.ecblc_body { width: 100%; min-height: 280px; max-height: 280px; overflow-y: auto; padding-right: 5px; }
.ecblc_body .ecblc_box { margin-bottom: 8px; border: 1px solid #D7D7D7; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 7px 10px; }
.ecblc_body .ecblc_box:last-child { margin-bottom: 0px !important;}
.ecblc_body .ecblc_box p { cursor:move; margin-bottom: 0px; font-size: 14px; color: #808390;  }
.ecblc_body .ecblc_box p img { width: 18px; height: 18px; object-position: center; object-fit: contain; }
.ecblc_body .remove { width: 24px; height: 24px; box-shadow: none; border: none; background: none;  }
.ecblc_body .remove img { width: 100%; height: 100%; object-position: center; object-fit: contain; }

.dark_gray_action_btn{ background: #444445 !important;  }
.dark_gray_action_btn:hover{ background: transparent !important; border-color: #444445 !important; color: #444445 !important; }

.client-add-modal.saveView_modal .modal-dialog {  max-width: 822px;}

.or_text { display: block; padding: 10px 0px; }
.or_text h2 { width: 100%; text-align: center; border-bottom: 1px dashed #D1D1D1; line-height: 0.1em; margin: 10px 0 20px; color: #808390; font-size: 14px; }
.or_text h2 span { background:#fff; padding:0 10px; }

.popover_modal .modal-dialog { max-width: 402px !important; }
.popover_modal .modal-content { border-radius: 24px; }
.popover_modal .modal-body { padding: 30px 2rem;}
.popover_modal .popover_img { width: 73px; height: 56px; margin: 0px auto 15px; }
.popover_modal .popover_img img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.popover_modal .popover_title { font-size: 20px; line-height: 24px; text-align: center; font-family: 'SF-Pro-Text-Bold'; color: #333333; margin-bottom: 5px; }
.popover_modal .popover_text { color: #808390; font-size: 16px; text-align: center; margin-bottom: 20px; }
.popover_modal .popover_btns { text-align: center; }
.popover_modal .popover_btns button {min-width: 120px !important; margin: 0px 5px; }
.popover_modal .popover_btns button:last-child { background: #606060; border-color: #606060; }
.popover_modal .popover_btns button:last-child:hover { background: transparent; color: #606060; }
th.dtfc-fixed-end  { right: 8px !important; }

/* news letter */

.newsletter-data { margin-bottom: 40px; }

.search_refresh_block {width: 304px; display: flex; align-items: center; margin-bottom: 20px; margin-left: 2%;}
.select-all .checkbox { margin-left: auto; }
.select-all button { background: none; border: none !important; box-shadow: none !important; padding: 0px; color: #808390;font-size: 12px; margin-left: 12px;}
.select-all button img { width: 14px; height: 14px; object-fit: contain; object-position: center; margin-right: 5px;}
.select-all .input-group input { border: none; background: none; font-size: 12px; color: #808390; box-shadow: none; padding: 5px 0px;}
.select-all .input-group span { padding: 0px; padding-right: 0px; padding-right: 10px; background: none !important; box-shadow: none !important;}
.select-all .input-group span img { width: 14px; height: 14px; object-fit: contain; object-position: center;}
.select-all .input-group { border-bottom: 1px solid #D7D7D7;  width: 175px; margin-left: 12px; }
.select-all .checkbox { margin-right: 0px !important; margin-bottom: 20px; font-size: 16px !important; padding-left: 28px !important;  }

.added_block { background: #F3F3F3; padding: 10px; border-radius: 10px; }
.added_block .ab_title { font-size: 16px; color: #808390; font-family: 'SF-Pro-Text-Bold'; margin-bottom: 0px; padding: 5px 10px; text-transform: uppercase; }
.added_block ul { list-style: none; margin: 0; padding: 0; max-height: 170px; overflow-y: auto; padding-right: 5px; }
.added_block ul li { display: flex; align-items: center; justify-content: space-between; padding: 10px; border-bottom: 1px dashed #DFDFDF; }
.added_block .ab_user { display: flex; align-items: center; }
.added_block .ab_user img { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; object-position: center; margin-right: 8px; }
.added_block .ab_user span { font-size: 14px; color: #333;  }
.added_block .delete_bn { width: 24px; height: 24px; border-radius: 50%; color: #fff; font-size: 10px; border: 1px solid #FBFBFD; background: #333; padding: 3px; }

.client-checkbox { position: relative; }
.client-checkbox .plus_icon { position: absolute; box-shadow: none; background: #333; border-radius: 50%; border: 1px solid #FBFBFD; top: 50%; right: -10px; width: 20px; height: 20px; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; }

.send_block { text-align: right; }
.send_block .btn-group { border-radius: 25px; background: #333333;  min-width:  130px; padding: 0px; margin-bottom: 20px; }
.send_block button { box-shadow: none !important; border: none !important; color: #fff !important; padding : 5px; text-transform: uppercase;  }
.send_block .sendBtn { box-shadow: none; border-right: 1px solid #4E4E4E !important; padding: 10px 20px;  font-family: 'SF-Pro-Text-Bold'; font-size: 14px; }
.send_block .dropdown-toggle::after { display: inline-block; content: ""; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; }
.send_block .dropdown-toggle { padding: 10px 15px; }
.send_block .dropdown-menu { padding: 0px; background: none !important; border: none !important; left: auto !important; right: 0 !important; min-width: 160px;  }
.send_block .dropdown-menu button { text-transform: uppercase; border-radius: 25px; background: #333333; border: none; padding: 10px 10px; color: #fff; font-family: 'SF-Pro-Text-Bold'; font-size: 12px;}
.send_block .dropdown-menu img { width: 18px; height: 18px; object-fit: contain; object-position: center; }


/*  */
.multiselect_block {  max-height: 230px; overflow-y: scroll;  padding-right: 0px; max-width: 230px !important; }
.multiselect_block div { border-bottom: 1px solid #2B2B2C; padding: 10px;  }
.multiselect_block div:last-child { border-bottom: 0px; }
.multiselect_block .checkbox { font-size: 14px !important; color: #fff !important; }
.multiselect_block .checkbox .checkmark::after { border-color: #fff !important; }
.multiselect_block div.table_search-bar { padding: 0px  !important; }

.table_search-bar .form-control { padding: 10px 0px; height: 40px; font-size: 14px; background: none; border-radius: 0px; color: #fff; border: none; border-bottom: 1px solid #fff; }
.dt-column-order::before, .dt-column-order::after { display: none !important; }

.dt-orderable-desc .dt-column-order { background: url(../images/tableArrow.svg) no-repeat; background-size: 14px; background-position: center; }
.dt-orderable-desc.dt-ordering-desc .dt-column-order { transform: rotate(180deg); }
.dt-orderable-desc .dt-ordering-asc .dt-column-order { transform: rotate(-180deg); }

.filter-dropdown { background: #373738; border: 1px solid #2B2B2C; padding: 10px; min-width: 230px !important; max-width: 230px !important; border-radius: 0px !important; }
.filter-dropdown .form-control { border: none !important; border-bottom: 1px solid #fff !important; font-size: 14px; background: transparent; padding: 10px 0px; border-radius: 0; color: #fff; }
.filter-dropdown label {color: #fff; }
.filter-dropdown .flatpickr-input { background: transparent; border: none; border-radius: 0px !important; padding: 10px 0px; color: #fff; }


.flatpickr-calendar { border-radius: 0 !important; border: none !important; }
.flatpickr-months { background: #fff /* #373738 */ !important; border-radius: 0 !important; }
.flatpickr-weekdays { background: #373738 !important; }
.flatpickr-day.today { border-color: #373738 !important; background: rgba(55, 55, 56, .1) !important; color: #333 !important; }
.flatpickr-day:hover { background: rgba(55, 55, 56, .2) !important; }
.flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover {  background: rgba(55, 55, 56, .2) !important; }

/* .flatpickr-current-month .numInputWrapper span.arrowUp::after { border-bottom-color: #fff !important; }
.flatpickr-current-month .numInputWrapper span.arrowDown::after { border-top-color: #fff !important; } */

.flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-current-month input.cur-year { color: #333 !important;}
.flatpickr-months .flatpickr-month, .flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month { fill: #333 !important;  color: #333 !important;}

/*  */

.filter-icon .dropdown-toggle { color: #C1C1C1;   font-size: 12px; }
.filter-icon .dropdown-toggle:hover { color: #333; }
.filter-icon.active .dropdown-toggle{ color: #333; }
.dt-column-title { cursor: pointer; }
table.dataTable {margin-bottom: 0px !important; }
div.dt-scroll div.dtfc-top-blocker{ background-color: #f5f5f5 !important;}
div.dt-scroll div.dtfc-bottom-blocker{ background-color: #444445 !important;}

.tech_user_list { display: flex; flex-direction: column; }
.tech_user_list .uname { max-width: 100px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tech_user_list .add-new-client { background: rgba(51, 51, 51, 1); padding: 2px 7px; font-size: 12px; font-weight: normal; margin-left: auto; margin-top: 5px; margin-bottom: 5px; }
.tech_user_list .mbody { width: 100%; }
.tech_user_list .mbody .btn-soft-primary { margin-top: 0px; }
.tech_user_list .mbody .mbody_top { display: flex; align-items: center; margin-top: 0px !important;}

.assigned_technician_heading { display: flex; align-items: center; justify-content: space-between; }
.assigned_technician_heading .unassign-btn { background: rgba(51, 51, 51, 1); padding: 2px 7px; font-size: 12px; font-weight: normal; margin-left: 5px; margin-right: 5px; text-transform: none; }
.assigned_technician_heading p { margin-bottom: 0; }

.status_info .close_mission { background: rgba(51, 51, 51, 1); padding: 2px 7px; font-size: 12px; font-weight: normal; /* margin-left: 5px;  */text-transform: none; }
.common-form .status_info .close_mission.send-btn { min-width: 90px; }

.quote_download_row .btn-danger { box-shadow: none !important; background: #444445 !important; border-color: #444445 !important;  }
.quote_download_row .btn-danger:hover { color: #444445 !important; background: transparent !important; }

/*  */

.add_internal_notes_editer { width: 100%; margin-bottom: 20px; }
.add_internal_notes_editer .addine_block { width: 100%; height: 150px; border: 1px solid #D7D7D7; border-radius: 10px; padding: 5px; background: #FFFFFF;}
.add_internal_notes_editer .addine_block label { background: #808390; font-size: 16px; margin-bottom: 5px; }
.add_internal_notes_editer .addine_block .form-control { border: none; min-height: auto !important; margin-bottom: 5px;  resize: unset !important;  }
.report_download .send-btn { min-width: 80px !important; padding: 5px;}
.edit_modals.client-add-modal .modal-dialog { max-width: 820px; }



/* job detail inline css */

.error{color:red;}
.reminder-btn { background: #000 !important; border-color: #000 !important;  }
.reminder-btn:hover { background: transparent !important; color: #000 !important; }
.assign-job-details .btn.btn-soft-primary i.fas {color: #FFF;}
.assign-job-details .btn.btn-soft-primary:hover i.fas {color:  #232735;}
.crown-img { width: 20px !important; height: 20px !important; margin: 0px 5px !important; background: none !important; padding: 0px !important; border-radius: 0 !important; }
.crown-img img {width: 100%; height: 100% !important; object-fit: contain; object-position: center;  }
.hour-span { font-size: 11px; color: #333; }
.hour-span span:first-child { margin-right: 5px; }
.status-tag { font-style: normal; font-weight: 400; font-size: 12px; display: inline-block; padding: 3px 15px; border-radius: 30px;}
.sub_data_content .btn-danger { border-radius: 4px; background: #232735; width: 22px; color: #fff; height: 22px; padding: 1px; display: inline-flex; align-items: center; justify-content: center; font-size: 10px;}


.filepond--item { width: calc(33.33% - 0.5em);}
.inote-uploader .filepond--item { width: calc(15% - 0.5em);}
.filepond--root .filepond--list-scroller{ margin-top: 0 !important;}
@media (min-width: 30em) {
    .filepond--item { width: calc(33.33% - 0.5em); }
    .inote-uploader .filepond--item { width: calc(15% - 0.5em);}
}
@media (min-width: 50em) {
    .filepond--item {width: calc(33.33% - 0.5em); }
    .inote-uploader .filepond--item { width: calc(15% - 0.5em);}
}
.filepond--credits { display: none;}
/* .add-new-client-info .filepond--root { height: 20em;} */
/* .inote-uploader .filepond--root{ margin-top: 10px; } */
.job-detail-left .internal-infor-fst{ border-bottom: 0px !important;}
.select-files.inote-uploader { margin-top: 10px; }


/*  */

.download-file { font-size: 14px; color: #333; }
.download-file a { color: #333 !important; font-size: 14px !important; }
.download-file img { width: 20px !important; height: 20px !important; background: #444445 !important; border-radius: 50%; padding: 2px !important;}


.job-contact-information { background: #F3F3F3; border-radius: 10px; margin-bottom: 30px; }
.job-contact-information .contact-information .conatct-media .media-body .left-side p { min-width: auto; width: 33.33%; padding-right:10px; display: block; }
.job_information_block { border-top: 1px dashed #DFDFDF; padding: 15px; }
.job_information_block .n-title { font-style: normal; font-weight: normal; margin-bottom: 10px; font-size: 16px; text-transform: uppercase; color: #808390; font-family: 'SF-Pro-Text-Bold'; }
.job_information_block .jib_content { width: 100%; display: flex; flex-wrap: wrap; }
.job_information_block .jib_content p{  margin-bottom: 8px; font-style: normal; font-size: 14px;  display: flex;  color: #808390 !important; width: 40%; }
.job_information_block .jib_content p span { font-size: 12px; color: #333333; flex: 1; margin-left: 10px; margin-top: 3px; font-family: 'SF-Pro-Text-Bold'; }

.jib_notedesc_content { display: flex; width: 100%; }
.jib_notedesc_content p {  margin-bottom: 8px; font-style: normal; font-size: 14px; color: #808390 !important; width: 50%; padding-right: 20px; }
.jib_notedesc_content p span { font-size: 12px; color: #333333; width: 100%; margin-top: 8px; font-family: 'SF-Pro-Text-Bold'; display: block; }



/*  */

.add-new-client-info .filepond--root { height: auto; }
.select-files { padding: 5px; border-radius: 10px; border: 1px solid rgb(225, 225, 225); }
/* .add-new-client-info .filepond--root { margin-bottom: 0px !important; } */
/* .filepond--root .filepond--list-scroller { margin-bottom: 0px !important; } */

.filepond--root { margin-bottom: 0 !important;}
.assign-text { text-align: center;  color: rgba(13, 126, 18, 1) !important; font-size: 14px; margin-bottom: 20px; cursor: pointer; }
.assign-text img { width: 14px; height: 14px; object-fit: contain; object-position: center; }
#assign-technician-modal .modal-titels { margin-bottom: 20px; }

.download_file_modals.modal.show .modal-dialog { max-width:  436px;  }
.review_rating_modal .contact-information .conatct-media .media-body .left-side p { min-width: auto !important; width: 33.33%   ; }

.review_rating_modal .rate_title { font-size: 18px; line-height: 8px; font-family: 'SF-Pro-Text-Bold'; margin-bottom: 15px; color: #333; }
.review_rating_modal .description { max-height: 250px; overflow-y: auto; }
.review_rating_modal .description, .review_rating_modal .description p { font-size: 14px; line-height: 28px; color: #333; margin-bottom: 10px;}

/* .sendfile_modal.edit_modals.client-add-modal .modal-dialog { max-width: 756px !important; } */
.select_file_block { background: #F3F3F3; border-radius: 10px; margin-bottom: 20px; }
.sendfile_modal .sf_title { font-size: 16px; color: #333; margin-bottom: 10px; font-family: 'SF-Pro-Text-Bold'; }
.select_file_block .select_fils { padding: 20px; border-bottom: 1px dashed #DFDFDF; }
.select_file_block .upload_file { padding: 20px;}

.select_file_block .tcb_block ul { display: flex; align-items: center; flex-wrap: wrap; width: 100%;  }
.select_file_block .tcb_block ul li { border-top: none;  padding: 5px 8px; width: 50%; }
.select_file_block .tcb_block ul li:last-child { border: none !important; }

.email_template_block { background: #F3F3F3; border-radius: 10px; padding: 20px; margin-bottom: 20px; }
.common-form .form-group label a { font-family: 'SF-Pro-Text-Bold'; text-decoration: underline !important; color: #808390; }

/* view_technician page */

.view_technician_content_block { width: 100%; display: flex; }

.view_tech_users { max-width: 12%; width: 100%; }
.view_tech_users .user_img { max-width: 204px;
    height: auto; width: 100%; border-radius: 10px; margin-bottom: 10px; }
.view_tech_users .user_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 10px; }

.page_heading_left_block.view_list_block .view_list_item { margin-bottom: 10px; display: flex; align-items: center; justify-content: space-between; }
.page_heading_left_block.view_list_block .view_list_item p { width: fit-content; margin-bottom: 0px; margin-right: 0px; }
.page_heading_left_block.view_list_block .view_list_item p img { width: 14px; height: 14px; }
.page_heading_left_block.view_list_block p span { margin-right: 5px; }

.view_tech_info {  width: 100%; flex: 1; padding: 0px 20px 0px 50px; }
.view_tech_info .info_block { width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 20px; }
.view_tech_info .info_block .info { font-size: 16px; color: #808390; margin-bottom: 20px; display: flex; width: 50%; padding: 0px 10px 0px 0px;  }
.view_tech_info .info_block .info span + span { color: #333333; font-size: 14px; padding-left: 10px; width: 100%; flex: 1; line-height: 1.5; }
.view_tech_info .info_block a { color: #333333; font-size: 12px; display: flex; margin-right: 10px; margin-bottom: 10px; }
.view_tech_info .info_block a .down_img { background: #444445; width: 18px; height: 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.view_tech_info .info_block a .down_img img { width: 14px; height: 14px; background: transparent !important; padding: 0px !important;  margin: 0 !important; }


.view_tech_history_block { max-width: 19%; width: 100%; }


/*  */

#generateInvoiceModal .modal-dialog {  max-width: 1176px;}

.decline_btn { background: #5E5E5F !important; border-color:  #5E5E5F !important;  }
.decline_btn:hover { background: transparent !important; border-color:  #5E5E5F; color:  #5E5E5F; }

/* .gm-style .gm-style-iw */

.gm-style .gm-style-iw { max-width: 307px; padding: 15px; border-radius: 10px !important; background: #fff; box-shadow: none !important; font-size: 12px !important; color: #333; }
.gm-style .gm-style-iw span { color: #808390 !important; display: inline-block; width: 120px; }

/*  */

.swal2-styled.swal2-confirm { border-radius: 25px !important; }
.swal2-styled.swal2-cancel {  border-radius: 25px !important;}
.send-btn.addmore-btn { background: #606060 !important; border-color: #606060; }
.send-btn.addmore-btn:hover { color: #606060;  background: transparent !important; }
.send-btn.addmore-btn{ min-width: 4.84vw !important;}

/* download_file_block */

.download_file_block { display: flex; align-items: center; flex-wrap: wrap; width: 100%; padding-top: 10px; }
.download_file_block .download-file { background: #eee; border-radius: 6px; padding: 5px 10px; margin-right: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; }
.download_file_block .download-file span.df-delete { width: 20px !important; height: 20px !important; background: #333 !important; border-radius: 50%; padding: 2px !important; color: #fff; display: inline-block; text-align: center; cursor: pointer; font-size: 12px; }
.download_file_block .download-file a { width: 105px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 5px; }


.input-group-text img.showeye { width: 20px; height: 20px; object-fit: contain; object-position: center; }
.input-group input[type="password"] + .input-group-text, .input-group input[type="text"] + .input-group-text { padding: 0px 5px; cursor: pointer; }

.assign-job-details .btn.btn-soft-primary:hover i.far { color: #333333; }

/*  */


.job_date_time_block { width: 100%; display: block; margin-bottom: 20px; }

.topcompany_block {  margin-bottom: 20px; }
.topcompany_block .table_title { font-size: 16px; color: #333; font-family: 'SF-Pro-Text-Bold'; margin-bottom: 10px; text-transform: uppercase; }
.topcompany_block table.table-bordered { border-color: #D7D7D7 !important; }
.topcompany_block table th { font-size: 12px; color: #333; font-family: 'SF-Pro-Text-Bold'; padding: 7px 10px; font-weight: normal; }
.topcompany_block table td { border: none; font-size: 12px; color: #333; padding: 6px 10px; }
.topcompany_block table td a { color: #333; text-decoration: underline !important; }
.table > :not(:last-child) > :last-child > * { border-bottom-color: #D7D7D7 !important;}
.topcompany_block .table-body { max-height: 270px; overflow-y: auto; border-bottom:1px solid #D7D7D7 !important; }

/*  */

.select_technician_dropdown { border: 1px solid #D7D7D7; background: #FFFFFF; border-radius: 0px 0px 10px 10px; padding: 10px; }
.search_bar { margin-bottom: 10px; }
.search_bar .form-control { color: #333333; resize: none; height: auto; font-style: normal; border: 1px solid #D7D7D7; border-radius: 0px; padding: 7px 10px; font-weight: 400; font-size: 12px;; }
.tech-dropdown { max-height: 250px; overflow-y: auto; width: 100%; }
.tech-dropdown ul { list-style: none; padding: 0px; margin: 0px; padding-right: 10px; }
.tech-dropdown ul h4 { font-size: 14px; color: #333; font-family: 'SF-Pro-Text-Bold'; margin-bottom: 12px; }
.tech-dropdown ul li { margin-bottom: 10px; }
.tech-dropdown ul li a { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.tech-dropdown ul li a span.location, .tech-dropdown ul li a .checkbox { font-size: 14px !important; color: #808390; display: inline-block; }
.tech-dropdown ul li a span.location { min-width: 90px; text-align: right; }
.tech-dropdown ul li a span.location img { width: 14px; height: 14px; object-fit: contain; object-position: center; vertical-align: text-top; }

.table-body tr:nth-child(even) {background: #fff;}


/* report page */

.report_field_title { color: #808390; font-size: 16px; font-family: 'SF-Pro-Text-Bold'; text-transform: uppercase; margin-bottom: 10px; }
.form-group.file-pond .select-files {padding: 0; border-radius: 0px; border: none; }
.add-new-client-info .filepond--panel-root { background: transparent !important; border: 1px dashed #D7D7D7;  }

#add_new_client_Modal .form-radio-check .form-check { width: auto; margin-right: 20px;}

.technician_assignment_modal .modal-dialog { max-width: 852px; }
.technician_assignment_modal.client-add-modal .modal-titels { text-transform: unset !important; }
.technician_assignment_modal .radio-block { justify-content: center; margin-bottom: 20px; }
.technician_assignment_modal [type="radio"]:checked + label,
.technician_assignment_modal [type="radio"]:not(:checked) + label { font-size: 18px; color: #333; font-family: 'SF-Pro-Text-Bold'; }

/*  */

.top_companys_modal .modal-dialog {  max-width: 890px; }
.top_companys_modal .mtitle { font-size: 16px; color: #333; font-family: 'SF-Pro-Text-Bold'; margin-bottom: 10px; }
.top_companys_modal.client-add-modal .modal-dialog .modal-body { padding: 15px; }
.top_companys_modal .modal-content { background: #F3F3F3;}
.top_companys_modal .topcompany_block table th { background: #fff !important; }
.top_companys_modal .topcompany_block .table-body { max-height: 312px;}

/* track_technician_page */

.track_technician_page { position: relative; }
.Technician_type_block {width: 215px; border-radius: 6px; padding: 10px; position: absolute; left: 10px; top: 10px; z-index: 1; background: #fff; border: 1px solid #E4E4E4; }
.Technician_type_block .refresh-btn { margin-bottom: 16px; background: none; border: none !important;  box-shadow: none !important; padding: 0px; color: #333; font-size: 12px; display: flex; align-items: center; justify-content: center; }
.Technician_type_block .refresh-btn img { width: 16px; height: 16px; object-fit: contain; object-position: center; margin-right: 5px; }
.Technician_type_block .edit-tech-btn { background: none; border: none !important;  box-shadow: none !important; padding: 0px; color: #808390; font-size: 12px; display: flex; align-items: center; justify-content: center; }
.Technician_type_block .edit-tech-btn img { width: 14px;height: 14px; object-fit: contain; object-position: center; margin-right: 5px; }
.Technician_type_block p { font-size: 12px; color: #333; font-family: 'SF-Pro-Text-Bold'; margin-bottom: 16px; justify-content: space-between; }


/*  */

.choices__list--multiple .choices__item { background: #333333 !important; border-color: #333333 !important; }

/*  */

.tab_buttons {  display: flex; }
.tab_buttons ul { border: 1px solid #D7D7D7; background: #FFFFFF; padding: 0px; margin: 0px; display: flex;  align-items: center; justify-content: center; border-radius: 25px; }
.tab_buttons li { list-style: none;  }
.tab_buttons li a, .tab_buttons li button { font-size: 12px; color: #808390; box-shadow: none; background: none !important; border: none; font-family: 'SF-Pro-Text-Bold'; font-weight: normal; display: block;
padding: 10px 15px;}
.tab_buttons li.active a, .tab_buttons li.active button, .tab_buttons li:hover a, .tab_buttons li:hover button { background: #333333 !important; color: #fff; }
.tab_buttons li:first-child a, .tab_buttons li:first-child button  { border-radius: 25px 0px 0px 25px; }
.tab_buttons li:last-child a, .tab_buttons li:last-child button  { border-radius: 0px 25px 25px 0px; }

/*  */

.print_pdf-btn { background: #757576 !important; border-color: #757576 !important; }
.print_pdf-btn:hover { background: transparent !important; color:  #757576 !important;  }

.inline-form-row { display: flex; align-items: center; padding: 0px 10px; margin-right: auto; }
.inline-form-row label { display: inline-block; font-size: 12px; color: #808390; margin-bottom: 0px; padding: 0px 5px; white-space: nowrap; }
.inline-form-row .form-control { border: 1px solid #D7D7D7 ; font-size: 12px; color: #808390; border-radius: 4px; box-shadow: none !important; padding: 6px; width: 130px; }
.inline-form-row .form-control.form-select { padding-right: 20px; background-position: right 3px center !important; }

.max_def_amount { font-size: 16px; color: #808390; margin-bottom: 10px; }
.common-form .form-group label span { font-size: 12px; color: #808390; margin-left: auto;  display: inline-block; text-align: right; cursor: pointer; }
.common-form .form-group label span img { width: 14px; height: 14px; }
.eraser_block.form-group label { display: flex; justify-content: space-between; }
.confirmsignModal .common-form .form-group label a { font-style: normal !important; font-family: 'SF-Pro-Text-Regular'; }

.red_circle { width: 8px; height: 8px; border-radius:50%; display: inline-block; background: #FF0000; }


.timeslot_row { display: flex; align-items: flex-start; width: 100%; position: relative; }
.delete_button { margin-top: 23px; }
.delete_button .delete-icons { margin-right: 0px; margin-left: 10px; }

.date_time_assign p { margin-bottom: 5px; font-size: 16px; color: #808390;}
.date_time_assign p span { font-size: 14px; color: #333; font-family: 'SF-Pro-Text-Bold';}


/* finance_setting_page */

.finance_setting_page { width: 100%; padding: 20px 0px; }
.finance_setting_page .form-block {box-shadow: 1px 0px 26px 14px #EFEFEF; background: #FFFFFF; border-radius: 10px; padding: 40px 30px 20px; width: 100%; margin-bottom: 40px; }
/* .finance_setting_page .form-block .form-group { display: flex; align-items: center; padding: 0px 10px; }
.finance_setting_page .form-block .form-group label { width: 40%; } */

.finance_setting_page .form-block .fs_form_element { display: flex; align-items: center; padding: 0px 10px; }
.finance_setting_page .form-block .fs_form_element label { width: 40%; color: #808390; margin-bottom: 0px; font-style: normal; font-size: 14px; }
.finance_setting_page .form-block .fs_form_element .form-group { width: 100%; flex: 1; display: flex; flex-direction: column; }
.finance_setting_page .form-block .fs_form_element .form-group .help-block { order: 1; }

.finance_setting_page .form-block .fbtitle {font-size: 16px; color: #333; font-weight: normal; margin-bottom: 20px; text-transform: uppercase; font-family: 'SF-Pro-Text-Bold';  }

.added_file_block { margin-bottom: 10px; }
.file_title {font-size: 14px; color: #333; font-weight: normal; margin-bottom: 15px; font-family: 'SF-Pro-Text-Bold';   }

.added_file_block ul { list-style: none; padding: 0px; margin: 0px; display: flex; flex-wrap: wrap;  }
.added_file_block ul li { width: 35%; display: flex; align-items: center; justify-content: space-between; padding-right: 20px; margin-bottom: 10px; }
.added_file_block ul li .file_name { font-size: 12px; color: #333; display: inline-block; }
.added_file_block ul li .file_icon-blocks .btn { border-radius: 4px; background: #444445; border: 1px solid #444445; width: 22px; color: #fff; height: 22px; padding: 1px; display: inline-flex; align-items: center; justify-content: center;  font-size: 10px; }
.added_file_block ul li .file_icon-blocks .btn img { width: 16px; height: 16px; object-fit: contain; object-position: center; }
.added_file_block ul li .file_icon-blocks .btn img + img { display: none; }
.added_file_block ul li .file_icon-blocks .btn:hover img { display: none; }
.added_file_block ul li .file_icon-blocks .btn:hover img + img { display: block; }
.added_file_block ul li .file_icon-blocks .btn.delete_icon-btn { background: #787878; border-color: #787878; }
.added_file_block ul li .file_icon-blocks .btn:hover { background: transparent; }
.added_file_block ul li:nth-child(even) { margin: 0px auto; }

.finance_setting_page .select2-container--default .select2-selection--single { height: 34px !important; }
.finance_setting_page .common-form .send-btn.upload-btn { min-width: 80px !important; }


/*  */

.modify_list_modal.client-add-modal .modal-dialog { max-width: 573px !important; }
.modify_list_modal.client-add-modal .modal-dialog .modal-body { padding: 30px 0px; }

.modify_list_block { padding: 0px 30px 20px; border-bottom: 1px dashed #DFDFDF;}
.modify_list_block .list-group-item { background: transparent; border: 1px solid #D7D7D7; }
.modify_list_block .list-group-item .move-icon { margin-left: auto; margin-right: 5px; }
.modify_list_block .list-group-item .delete_icon-btn { background: #787878; border-color: #787878; width: 20px; height: 20px; border-radius: 2px; display: flex; align-items: center; justify-content: center; padding: 0px; }
.modify_list_block .list-group-item .delete_icon-btn:hover {  background: transparent; }
.modify_list_block .list-group-item .delete_icon-btn img { width: 16px; height: 16px; object-fit: contain; object-position: center; }
.modify_list_block .list-group-item .delete_icon-btn img + img { display: none; }
.modify_list_block .list-group-item .delete_icon-btn:hover img { display: none; }
.modify_list_block .list-group-item .delete_icon-btn:hover img + img { display: block; }

.modify_list_modal .btn-blocks {  padding-top: 30px; }
.modify_title { font-size: 16px; font-weight: normal; font-family: 'SF-Pro-Text-Bold';  line-height: 30px; color: #333333;}

/*  */

.finance_dashboard_page {  }

.fdp_top_row form { display: flex; align-items: flex-start; }
.fdptr_left_row { display: flex; align-items: center; width: 50%; flex-wrap: wrap; }
.fdptr_left_row .form-group { display: flex; align-items: center; width: 33.33%; padding-right: 15px; margin-bottom: 10px; }
.fdptr_left_row .form-group:last-child { padding-right: 0px; }
.fdptr_left_row .form-group label{width: fit-content; white-space: nowrap; padding-right: 5px; }
.fdptr_right_row .form-group { margin-bottom: 10px; width: 112px;}


.fdptr_right_row { display: flex; align-items: center; width: 50%; justify-content: flex-end; }
.fdptr_right_row .radio-buttons { margin: 0px; width: auto; margin-bottom: 8px; }

.fdptr_right_row button { background: none; border: none !important; box-shadow: none !important; padding: 0px; color: #808390;font-size: 12px; margin-left: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; }
.fdptr_right_row button img { width: 14px; height: 14px; object-fit: contain; object-position: center; margin-right: 5px; }
.campare_checkbox { margin-bottom: 10px; padding: 0px 10px; }

.fdp_card_block { width: 100%; display: flex; align-items: center; flex-wrap: wrap; padding: 30px 0px; }
.fdp_card_block .card_outer_box { width: 20%; padding-right: 20px; }
.fdp_card_block .card_inner_box { width: 100%; display: flex; align-items: center; }
.fdp_card_block .card-icon { box-shadow: -12px 0px 10px 0px #00000040; width: 62px; height: 62px; background: #fff; border-radius: 50%; margin-right: -31px; position: relative; display: flex; align-items: center; justify-content: center; }
.fdp_card_block .card-icon img { width: 38px; height: 38px; object-fit: contain; object-position: center; }
.fdp_card_block .card--body {  box-shadow: 0px 0px 10px 0px #00000040; flex: 1; width: 100%; padding: 10px 20px 10px 35px; border-radius: 10px; min-height: 128px; }
.fdp_card_block .card--body .cb_title { color: #333; font-size: 16px; margin-bottom: 12px; margin-top: 15px; }
.fdp_card_block .card--body .vat_total { font-size: 24px; font-weight: normal; line-height: 30px; text-align: right; color: #333;  font-family: 'SF-Pro-Text-Bold'; margin-bottom: 4px; }
.fdp_card_block .card--body .vat_total span { font-size: 12px; line-height: 30px; color: #808390;  font-family: 'SF-Pro-Text-Regular'; }
.fdp_card_block .card--body .mis { font-size: 16px; color: #333; text-align: right;  font-family: 'SF-Pro-Text-Bold'; margin-bottom: 0px; }
.fdp_card_block .card--body .mis span { color: #808390; font-size: 12px;  font-family: 'SF-Pro-Text-Regular'; }
.fdp_card_block .card--body span.dot { width: 3px; height: 3px; border-radius: 50%; background: #808390; margin: 0px 5px; display: inline-block; vertical-align: middle; }

.chart_block { }
.chart_box { min-height: 385px; box-shadow: 1px 0px 26px 14px #EFEFEF; background: #fff; border-radius: 10px; margin-bottom: 35px; }
.chart_box .chart_title { font-size: 24px; font-weight: normal; line-height: 30px; font-family: 'SF-Pro-Text-Bold'; margin-bottom: 0px; padding: 20px; color: #333; }
.job_category_chart { padding: 15px 10px; }
.job_category_chart .chart_title { padding: 10px; }
.job_category_chart .tab_buttons { justify-content: center; }
.job_category_chart .tab_buttons .job_technicians_ul { background: #EBEBEB !important;  }
.tab_buttons li button { color: #333; font-family: 'SF-Pro-Text-Regular'; }
.tab_buttons li.active button { color: #fff; }

.form-select { background-position: right .15rem center; }

.page-btns { margin-bottom: 5px; }

/* expenses pages design */

.expenses-modal.client-add-modal .modal-dialog .modal-body { padding: 30px 0px; }
.expernse_form_top_block { padding: 0px 30px; }
.expernse_amout_block { padding: 15px 30px; border-top: 1px dashed #DFDFDF; /* border-bottom: 1px dashed #DFDFDF; */ }
.expernse_amout_block .amout_title { font-size: 16px; font-weight: normal; margin-bottom: 10px; text-transform: uppercase; color: #333; font-family: 'SF-Pro-Text-Bold'; }

.expenses_color_block { padding: 15px 30px; border-bottom: 1px dashed #DFDFDF;  border-top: 1px dashed #DFDFDF; margin-bottom: 30px; }
.expenses_color_block .form-group .form-control { padding: 0px !important; height: 34px !important; }
input[type="color"] { border-radius: 6px; border: 1px solid #D7D7D7 !important; }
.more_color_option { box-shadow: none !important; border: none !important; padding: 0 !important; font-size: 12px; color: #333; text-transform: uppercase; }
.expernse_form_top_block .checkbox { color: #333 !important; }

.modal .color_title { font-size: 16px; font-weight: normal; margin-bottom: 10px; text-transform: uppercase; color: #333; font-family: 'SF-Pro-Text-Bold'; }

.banktransferModal .content_list { list-style: decimal; margin-bottom: 25px; padding-left: 20px; }
.banktransferModal .content_list li { margin-bottom: 0px; font-size: 15px; color: #333; }
.banktransferModal .list_text { margin-bottom: 25px; font-size: 15px; color: #333; }
.banktransferModal .list_text a { color: #333; font-family: 'SF-Pro-Text-Bold';  }


.model_heading { position: relative; }
.download_pdf_button { position: absolute; right: 30px; top: -1px; }

.table-modal.client-add-modal .modal-dialog .modal-body { padding-left: 0px; padding-right: 0px; }
.table-modal .mt_description {font-family: 'SF-Pro-Text-Bold'; font-size: 16px; font-weight: normal; color: #333; text-align: center;  }
.treasuryBook_modal.client-add-modal .modal-titels { margin-bottom: 10px;}

.expense_type_table { margin-bottom: 30px; }
.expense_type_table .expense_title { font-family: 'SF-Pro-Text-Bold';  font-size: 16px; font-weight: normal; color: #333; margin-bottom: 8px; padding-left: 18px; text-transform: uppercase; }
.table-modal thead { border-radius: 9px 9px 0px 0px; background: #F5F5F5; }
.table-modal thead th { font-size: 12px; color: #333; font-family: 'SF-Pro-Text-Bold'; font-weight: normal; border: 1px solid #EEEEEE; }
.table-modal tbody td { font-size: 12px; color: #333; background: #FBFBFD;}
.table-modal .table > :not(:last-child) > :last-child > * {  border-bottom-color: #EEEEEE !important; }
.table-modal .table > :not(caption) > * > * { padding: 8px !important; }

.total_type_table { max-width: 390px; width: 100%; padding-left: 30px; }

.table-modal thead th:first-child, .table-modal tbody td:first-child, .table-modal tfoot td:first-child { width: 100px; }
.table-modal tfoot tr { background: transparent !important; border-bottom: 1px dashed #DFDFDF;  }
.table-modal tfoot { border-top: 1px solid #333; }
.table-modal tfoot tr td { font-size: 12px; color: #333; font-family: 'SF-Pro-Text-Bold'; font-weight: normal; border-bottom: 0px !important; }
.treasuryBook_modal.table-modal tbody tr:last-child td { border-bottom: 0px !important; }


/*  */

.cr_notes { margin-left: auto; max-width: 95%; width: 100%; padding: 12px; border: 1px solid #FFB0AE; border-radius: 10px; }
.events .id_block:hover span.info-tooltip { display: block;}
.assing_tags .id_block:hover span.info-tooltip { display: block;}
span.info-tooltip { position: absolute; background: #000; border-radius: 10px; font-size: 11px !important; line-height: 16px;  color: #fff; padding: 8px; top: 5%; right: 100%; display: none; width: 200px; z-index: 11; max-height: 150px; overflow-y: auto;}
.events .id_block { position: relative;}
.assing_tags .id_block { position: relative;}
span.info-tooltip p { margin-bottom: 0px; }
.popover-body { padding: 9px 10px;}


/*  */

.reject-tooltip .tooltip-inner { background: #FF5D59; color: #fff; font-size: 10px; }
.reject-tooltip .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before, .bs-tooltip-end .tooltip-arrow:before {  border-right-color: #FF5D59 !important;}


.custom_report_block { padding: 15px; border: 1px solid #D7D7D7 ; margin-bottom: 20px; border-radius: 10px; }
.custom_report_block .form-group { margin-bottom: 0px; }


.editer_block_content { }
.editer_block_content h2 { font-size: 16px; color: #333333; font-family: 'SF-Pro-Text-Bold'; font-weight: normal; margin-bottom: 5px; text-transform: uppercase; }
.editer_block_content .editer_block { box-shadow: 1px 0px 26px 14px #EFEFEF; background: #FFFFFF; width: 100%; border-radius: 10px;}
.editer_block_content .editer_block .form-control { border: none !important; border-radius: 10px; color: #333333; resize: none; height: auto; font-style: normal; border-radius: 6px; padding: 7px 10px; font-weight: 400; font-size: 12px;}

/*  */

.added_on_date { font-size: 16px;  color: #808390; margin-bottom: 10px; }
.added_on_date span { color: #333333; font-family: 'SF-Pro-Text-Bold'; font-weight: normal; }

/*  */

.action_calendar_color { background: #787878 !important; border-color: #787878 !important; }
.action_calendar_color:hover { color: #787878 !important; background: transparent !important; }


.assign-job-details .internal-notes-section { max-height: 640px; overflow-y: auto; }
.sub_admin_dropdown { max-width: 400px; width: 100%; margin: 0px auto; }


/*  */


.hb_body_row{ max-height: 300px; overflow-y: auto;}

#requestDayOffModal .form-radio-check .form-check { width: fit-content; margin-left: 30px;  }
#requestDayOffModal .radio-button-row { justify-content: flex-end; }

.cancel_text { font-size: 16px; line-height: 30px; color: #333333; }

.proexpenses_page .common_top_right { width: 100%; }

/*  */

.view_tech_info .info_block .info:last-child { width: 100% !important; }
.view_tech_info .info_block .info .document_show { width: 100%; display: flex; align-items: center; flex-wrap: wrap; }
.view_tech_info .info_block .document_show a { margin-bottom: 0px;  margin-top: 5px; }


.dashboard_dropdown .tech-dropdown ul h4 { margin-bottom: 5px;}
.dashboard_dropdown ul h4 .checkbox {  font-size: 14px !important; }
.dashboard_dropdown ul h4 { color: #808390 !important;}


.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg { vertical-align: top;}
select option .flatpickr-current-month option, .flatpickr-current-month .flatpickr-monthDropdown-months { font-family: 'SF-Pro-Text-Regular' !important; }


.page_heading_left_block p img { width: 12px; height: 12px; object-fit: contain; object-position: center; background: transparent; margin-right: 0px; }

/*  */

.dashboard-page .select_technician_dropdown {padding: 10px; left: 0; z-index: 11; position: absolute; width: 100%; }
.dashboard-page .form-group { position: relative; }
.tab_buttons li a, .tab_buttons li button { font-size: 12px; padding: 8px 8px;}
.dashboard-page .select-date-block { padding-bottom: 0px !important; }
.dashboard-page .select-date-block .back-arrow i, .dashboard-page .select-date-block .next-arrow i { vertical-align: top; }
.dashboard-page .map_view .thb_right_block { right: 6px; top: 5px; position: absolute; z-index: 1; }

/*  */

.job-detail-left .close_btn { margin-left: auto; display: block; position: absolute; right: 14px; min-width: 36px !important; border-radius: 50%; }
.view_tech_info .close_btn { margin-left: auto; display: block; position: absolute; right: 14px; min-width: 36px !important;  border-radius: 50%; }
#newsletter_document-error { position: absolute; color: red; font-size: 12px;  }
.tech_summary_block .close_btn { margin-left: auto; display: block; position: absolute; right: 14px; min-width: 36px !important; border-radius: 50%; }


/* PRELOADER CSS */
.page-loader {  width: 100%; height: 100%; position: fixed !important; background: #272727; z-index: 111111; display: flex; align-items: center; justify-content: center; overflow: hidden; top: 0; bottom: 0; left: 0; right: 0; }
.page-loader .logo_img { width: 460px; height: 200px; margin: 0px auto; -webkit-animation: sk-scaleout 2s infinite ease-in-out; animation: sk-scaleout 2s infinite ease-in-out; }
.page-loader .logo_img img { object-fit: contain; object-position: center; width: 100%; height: 100%; }

/* SPINNER ANIMATION */
.spinner {
position: relative;
top: 32%;
width: 80px;
height: 80px;
margin: 0 auto;
background-color: #fff;
border-radius: 100%;

}
@-webkit-keyframes sk-scaleout {
0% {
    -webkit-transform: scale(0);
}
100% {
    -webkit-transform: scale(1);
    opacity: 0;
}
}
@keyframes sk-scaleout {
0% {
    -webkit-transform: scale(0);
    transform: scale(0);
}
100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
}
}




/* nptb_heading */
/* .note_permission_table_block { position: relative;}
.nptb_heading.sticky-active { position: fixed; background-color: #333; top: 50px; left: 0; transition: all 0.3s; z-index: 1; }
.nptb_heading.sticky-active .nptb-th p { color: #fff;} */

/* thankyou page design */

.thankyou_page_black { width: 100%; padding: 30px 10px; }
.thankyou_block { box-shadow: 1px 0px 26px 14px #EFEFEF; background: #fff; max-width: 1020px; border-radius: 10px; width: 100%; margin: 0px auto; padding: 40px; }
.thankyou_block .thankyou_img { max-width: 420px; height: 220px; width: 100%; margin: 0px auto 25px;  }
.thankyou_block .thankyou_img img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.thankyou_block .thankyou_title {  font-size: 42px; font-weight: 700; line-height: 60px; letter-spacing: -1.5px; text-align: center; font-family: 'SF-Pro-Text-Bold'; color: #333333; margin-bottom: 25px; padding: 0px 135px; }
.thankyou_block .thankyou_text {  font-family: 'SF-Pro-Text-Regular' !important; font-size: 18px; line-height: 25.6px; text-align: center;  color: #333; margin-bottom: 25px; }
.thankyou_block .tlogo { max-width: 90px; width: 100%; margin: 0px auto; height: 45px; }
.thankyou_block .tlogo img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

.selectize-control { padding: 7px 0px !important; }
.selectize-initialized.required{ border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; }
.selectize-input { padding: 0 10px !important; background: none !important; border: none !important;  box-shadow: none !important; }
.selectize-control.single .selectize-input::after { display: none !important; }
.single.selectize-dropdown.form-control { top: 35px !important; padding: 0px !important; }
.selectize-dropdown, .selectize-input, .selectize-input input { color: #333 !important; font-size: 12px  !important; }
.selectize-input.dropdown-active::before { background: none !important;}
.selectize-dropdown .selected { background-color: #333 !important; color: #fff;}
.selectize-dropdown .active:not(.selected) { background: #F3F3F3 !important; color: #333 !important;}

#datatable_wrapper .bottom {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 12px 0px;padding-bottom:0px;}


.dtfc-fixed-end ul li { margin-bottom: 5px; }
.dtfc-fixed-end ul li::marker { content: ''; }


.internal_title { font-style: normal; margin-bottom: 16px; font-size: 24px; text-transform: uppercase; color: #333333; font-family: 'SF-Pro-Text-Bold';}


/*  */

.selectize-dropdown .optgroup-header { color: #333 !important; font-size: 12px !important; }
.selectize-dropdown [data-value="general"] { font-weight: bold !important; }





/* Responsive Media
================================================ */

@media(max-width:1600px) {
    .fdp_top_row form { display: block; }
    .fdptr_left_row { width: 100%; }
    .fdptr_right_row { width: 100%; }
    .fdp_card_block .card_outer_box { width: 25%; padding-right: 20px; margin-bottom: 22px;}
    .fdp_card_block { padding: 15px 0px 10px;}
    .addquote-page .form-group + .send-btn {min-width: 150px;}

    
   

 }

@media(max-width:1500px) {



    .contact-information .conatct-media .media-body p{ width: 50%;}
    .contact-information .conatct-media p span { margin-left: 3px;}
    .contact-information { margin-bottom: 20px;}
    .contact-information .conatct-media .media-icon {width: 42px; height: 42px;}
    .main-content .container-fluid { padding: 0px !important; }
    .report-edit-page .common-form .form-group label { font-size: 14px;}

    .fdp_card_block .card--body .vat_total { font-size: 20px;}
    .fdp_card_block .card--body .cb_title { font-size: 14px;}
    .total_vat_count_fields .tvcf_box:nth-child(3) { width: 26%;}
    .total_vat_count_fields .tvcf_box:nth-child(6) { width: 26%;}
    .total_vat_count_fields .tvcf_box:nth-child(2) {width: 13%;}
    .total_vat_count_fields .tvcf_box:nth-child(4) { width: 13%;}
    .total_vat_count_fields .tvcf_box:nth-child(5) { width: 13%;}
    .total_vat_count_fields .tvcf_box:nth-child(1) { width: 9%;}

    /*  */

    .invoice_id { padding: 10px;}
    .previewinvoice_page .button_groups .btn { width: 100% !important;}
    .button_groups .btn {font-size: 12px;}
    .preview_block .pb-text { font-size: 14px; margin-bottom: 10px;}
    .preview_block .logo { width: 215px; height: 56px; margin-bottom: 20px; line-height: 56px !important;}
    .preview_block .invoice-number .name { font-size: 20px;}
    .preview_block .invoice-number .date {  font-size: 14px;}
    .preview_block .address .name { font-size: 20px; }
    .preview_block .address address { font-size: 14px; }
    .preview_block .deadline_text {font-size: 14px;}
    .preview_block .read_text { padding-right: 10px; }
    .preview_block .pdffooter h4 { font-size: 26px;}
    .preview_block .footer-right p { font-size: 14px;}
    .internal_notes_block .inb_title {font-size: 20px;}
    .collected_box .cb_text {  font-size: 12px;}
    .collect_title { font-size: 14px;}

    .event_history_block .history_box {overflow-x: auto;}
    .event_history_block .history_box .hb_title_row { width: 350px;}
    .event_history_block .history_box .hb_body_row { width: 350px; }

    .contant_person_box .user_info p { font-size: 14px;}
    .contant_person_box .user_info p span { font-size: 12px;}



    .thb_left_block {  display: block;}
    .thb_right_block { width: 100%; justify-content: flex-end; max-width: 180px; }
    .assign-job-calendar .thb_right_block { max-width: unset; }
    .thb_right_block { width: 100%; justify-content: flex-end; max-width: 180px; }
    .payment_block .form-group {  width: 200px;}
    .view_tech_users { max-width: 15%;}

}
@media(max-width:1366px) {
    
    .assign-job-calendar .custom-calendar-block .table-responsive table{ width: 1000px;}

}


@media (min-width: 1750px){

    .fc-header-toolbar { position: absolute; top: 30px;  }
    /*  */
    .job-public-page { padding: 50px; }
    .fc-header-toolbar { position: relative; top: 0px; margin-bottom: 16px !important;}

    .KPI_block {margin-left: 12px;}
    .KPI_block .dropdown-toggle {  width: 35px; height: 35px; }
    .KPI_block .dropdown-menu { min-width: max-content; }

    /*  */

    /* dashboard page */

    .dashboard_kpi-block { margin-bottom: 30px; }
    .table-outer-body { height: 350px; }
    .table-heading-block {  padding: 12px 10px; }
    .table-heading-block .th-title { font-size: 16px; padding-right: 10px; }
    .table-outer-body .common-form .form-group { margin-bottom: 15px; }
    .table-outer-body .fc .fc-view-harness { height: 270px !important;}

    .table-outer-body .fc .fc-toolbar { position: absolute;}
    .table-outer-body .fc-header-toolbar { top:5px; margin-bottom: 0px !important;}

    /* thankyou page design */

    .thankyou_page_black { padding: 70px 0px; }
    .thankyou_block { max-width: 1225px; border-radius: 10px; padding: 40px; }
    .thankyou_block .thankyou_img { max-width: 518px; height: 274px; margin: 0px auto 25px;  }
    .thankyou_block .thankyou_title { font-size: 56px; line-height: 74.8px; margin-bottom: 25px; padding: 0px 135px; }
    .thankyou_block .thankyou_text { font-size: 24px; line-height: 25.6px; margin-bottom: 25px; }
    .thankyou_block .tlogo { max-width: 114px; height: 57px; }

    /* Custom scrollbar for Firefox */
    @-moz-document url-prefix() {
        .dt-scroll-body {
            scrollbar-width: thin; /* Thin scrollbar width */
            scrollbar-color: #ccc transparent; /* Color of scrollbar handle and track */
        }
    }
}





@media(max-width:1199px){


    .dashboard_listing_block #resizable { flex-wrap: wrap; }
    .dashboard_listing_block .resize-div  { width: 100% !important; }

    .page-content { padding: 65px 15px 20px;}
    .dashboard_listing_block { display: block; }
    .left_side_listing { width: 100%;}
    .right_side_listing {width: 100%; }

    .right-side-nav { padding-left: 0px;}
    .pencil_calendar_icon span, .info_icon span { padding: 0px 10px;}

    .generate-invoice-page .common-table .accessory_table { width: 1200px !important; }

    .common-form .form-group label{font-size: 12px;}
    .forget-text{font-size: 14px;}
    .login-auth .sub-texts{font-size: 14px;}
    .client-add-modal .modal-dialog{max-width: 95% !important;}
    .job_assign_id{font-size: 16px;}
    .job_added { font-size: 14px;}
    .common-form .form-group {margin-bottom: 20px;}
    .sub_tile_image{height: auto;}
    .card-body .sub_data_content{font-size: 14px;}

    .send-btn { padding: 5px 10px;}
    .doc_pfd_btn { min-width: 85px !important;}
    .job-detail-left .close_btn { min-width: 30px !important;}

    .full-calendar.preview-full-calendar .fc-col-header-cell-cushion { font-size: 14px;  }
    .full-calendar .fc-timegrid-slot-label-cushion { font-size: 14px;}

    .KPI_block {  margin-left: 10px;}

    .circle-one { width: 180px; height: 180px; border: 40px solid #333; top: 20px; left: -90px;}
    .bcb-inside-block .heading { font-size: 36px; line-height: 52px;}
    .rectangle { width: 200px; height: 50px; bottom: 10px;}
    .circle-two { width: 180px; height: 180px; bottom: 20px; right: -135px;}
    .bcb-inside-block {  max-width: 420px;  margin-right: 30px;}
    .story-img { max-width: 540px; height: 540px; margin: 0px auto 46px;}
    .story-content .s-box .stitle { font-size: 24px; line-height: 32px;}
    .story-content { padding-left: 0;}
    .our_story_section {padding: 35px 0px;}
    .request-from {padding: 25px 35px;}
    .uploaded-img { padding-top: 20px;}
    .rpd-img { /* max-width: 310px; */  height: 290px;}
    .pbrdp-content .title { margin-bottom: 5px;}
    .pbrdp-content .category { margin-bottom: 10px; }
    .pbrdp-content .sd-text { margin-bottom: 10px; }
    .request-detail .contact-information { margin-top: 15px; padding: 20px;}
    .feedback-block { padding: 25px 25px;}
    .feedback-block .id { font-size: 20px; margin-bottom: 15px;}
    .fb-top .form-group label { font-size: 14px; line-height: 26px;}
    .job-public-page .report-detail-page.card .card-body { padding: 20px; }
    .job-public-page .assign-job-details .sb_content_info {  padding-top: 10px;}
    .partner-third-section .heading { font-size: 28px; margin-bottom: 60px;}
    .partner-third-section {  padding: 20px 0px 50px;}
    .pts-content-block-top { margin-bottom: 60px;}
    .pts-content-block-bottom .ptsb-text {font-size: 14px;  margin-bottom: 40px;}
    .pts-img {  max-width: 500px; height: 330px;}
    .request-third-section .nav-pills .nav-link { font-size: 24px;}
    .request-third-section .nav-pills .nav-link img { width: 120px;}
    .request-third-section .rt_title { font-size: 26px;}
    .request-third-section .rt_desc {font-size: 14px;}
    .request-third-section .rt-ul li {font-size: 14px;}
    .request-third-section { padding: 20px 0px 50px; }
    .contact-block .cheading { font-size: 28px;}
    .contact-content {padding: 40px 0px;}
    .common-banner-section .circle-one { top: -40px; left: -85px;}
    .rectangle { left: -125px; bottom: 0px; }
    .privacy-terms-section { padding: 30px 0px;}
    .faq-content-section { padding: 30px 0px;}
    .faq-content-section .faq-title {font-size: 20px;}
    .custom-calendar-block .table-responsive table { width: 1200px !important; }
    .dashboard-page .custom-calendar-block .table-responsive table { width: 100% !important; }
    .custom-calendar-block .table-responsive table td table { width: 100% !important; }
    .custom-calendar-block table th { font-size: 12px;}
    .notification-page .unread-text p { width: 80%;}
    .notification-page .nitifi-ul li { padding: 12px;}

    .progress-content .p-text {font-size: 16px;}
    .public_page_content .logo { margin: 0px auto; padding: 15px 0px;  height: 90px; }

    .backbtn { width: 35px; height: 35px;}
    .backbtn img { width: 20px; height: 20px;}

    .generate-invoice-page .payment_block { flex-wrap: wrap; padding: 10px 15px 0px; }
    .payment_block .form-group { padding: 0px 5px; width: calc(100%/4); margin-bottom: 10px; }
    /* .total_vat_count_fields .tvcf_box:nth-child(3) {width: 24%;}
    .total_vat_count_fields .tvcf_box:nth-child(2) { width: 12%;}
    .total_vat_count_fields .tvcf_box:nth-child(4) { width: 12%;}
    .total_vat_count_fields .tvcf_box:nth-child(5) { width: 12%;} */

    .preview_block .logo { width: 220px; height: 50px; margin-bottom: 20px;}
    .preview_block .logo img { vertical-align: top;}
    .preview_block .invoice-number .name { font-size: 20px;}
    .preview_block .invoice-number .date { font-size: 14px;}
    .preview_block .address .name  { font-size: 20px;}
    .preview_block .deadline_text { font-size: 14px;}
    .preview_block .pdffooter h4 { font-size: 24px;}
    .internal_notes_block .inb_title { font-size: 20px;}
    .preview_block .footer-right p { font-size: 14px;}

    .request-detail .contact-information .conatct-media .media-body .left-side { width: 100%; }
    .request-detail .contact-information .conatct-media .media-body .right-side { width: 100%; }
    .request-detail {  padding-top: 0px;}

    .view_tech_info { padding: 0px 20px 0px 20px;}
    .view_tech_info .info_block .info { font-size: 14px; margin-bottom: 10px;}
    .view_tech_info .info_block .info span + span { font-size: 12px;}
    .view_tech_info .info_block .info:last-child { width: 100%;}
    .view_tech_history_block {  max-width: 25%;}

    .table-outer-body {  width: 100% !important;}

    .internal-notes .date { font-size: 12px; }


    .title-sm{font-size: 18px;margin-right: 10px; /* margin-bottom: 10px; */ }

    .job-detail-left .job-infor-fst { padding: 15px 20px;}
    .job_information_block .jib_content p { width: 50%; }
    .job-contact-information { margin-bottom: 20px;}
    .report-edit-page.card .card-body, .report-detail-page.card .card-body {padding: 15px;}

    .report-edit-page .job_infor_assign {  margin-top: 0px;  margin-bottom: 10px;}
    .common-table .action_table thead tr th:nth-child(1), .common-table .action_table tbody tr td:nth-child(1) { padding-left: 10px; }
    .common-table .accessory_table thead tr th:nth-child(1), .common-table .accessory_table tbody tr td:nth-child(1) { padding-left: 10px; }

    .action_imgs ul li {  width: 150px; height: 150px;}

    .select-date-block .date { font-size: 16px;}
    .tab_buttons li a, .tab_buttons li button { padding: 8px 12px; }

    .finance_setting_page .form-block {padding: 30px 15px 10px;}
    .finance_setting_page .upload-btn { min-width: 80px; }

    .fdp_card_block .card_outer_box { width: 33.33%;}
    .chart_box .chart_title {  font-size: 20px;}
    .chart_box { min-height: 330px; margin-bottom: 20px;}
    .chart_box .chart_title { padding: 12px 15px;}


    .preview_block .table-responsive table { width: 1200px !important;}
    .previewinvoice_page  .total-content-box {max-width: 360px !important; }

    .nptb_page_col .page_name {padding-left: 5px; width: 100%; margin-bottom: 10px; }
    .nptb_page_col { display: block;}
    .nptb_page_col.nptb-td .radio-block { width: 100%; justify-content: flex-start; }



    .thankyou_block .thankyou_title {  font-size: 36px;  line-height: 50px; margin-bottom: 20px;}
    .thankyou_block .thankyou_text { font-size: 16px;}
    .thankyou_block { max-width: 730px; padding: 30px; }
    .thankyou_block .thankyou_title { padding: 0px 85px;}

    .common_top_right { width: 100%;}

    .view_tech_users {max-width: 200px;}
    .view_tech_info .info_block .info > span:first-child { width: 50%; }
    .view_tech_info .info_block .info:last-child > span:first-child { width: auto !important; }

    /* side nav bar */

    .vertical-menu { width: 280px !important; display: none; }
    .vertical-menu #sidebar-menu > ul > li > a span {  display: inline !important; padding-left: 15px !important;}
    body.sidebar-enable .vertical-menu {  display: block;}
    body[data-sidebar-size="sm"] .vertical-menu { width: 280px !important; }
    body:not([data-sidebar-size="sm"]) #vertical-menu-btn { margin-left: 0; margin-right: 0px;}
    .KPI_block { margin-left: 0px;}
    body[data-sidebar-size="sm"] .navbar-brand-box { width: auto !important;}
    .main-content { margin-left: 0 !important;}
    #sidebar-menu .has-arrow::after { display: inline-block;}

}

.row.mt-2 { margin-top: 0px !important; }
div.dt-processing>div:last-child>div {
    background: #333 !important;
}

@media(max-width:991px){

    .container-fluid { padding: 0px !important; }

    body:not([data-sidebar-size="sm"]) #vertical-menu-btn {margin-right: 0px;}
    .right-side-nav { padding-left: 0px; }

    .contact-information .conatct-media .media-body .left-side, .contact-information .conatct-media .media-body .right-side{width: 100%;}
    .contact-information .conatct-media p {margin-bottom: 2px;}

    .common-table .action_table thead tr th:nth-child(1), .common-table .action_table tbody tr td:nth-child(1){width: 100px !important; }
    .common-table .action_table thead tr th:nth-child(2), .common-table .action_table tbody tr td:nth-child(2){width:100%;min-width: 200px !important;}
    .common-table .action_table thead tr th:nth-child(3), .common-table .action_table tbody tr td:nth-child(3){width:100%;min-width: 350px !important;}
    .common-table .action_table thead tr th:nth-child(4), .common-table .action_table tbody tr td:nth-child(4){width:100%;min-width: 100px !important;}

    .common-table .accessory_table thead tr th:nth-child(1), .common-table .accessory_table tbody tr td:nth-child(1) { width: 100px !important;}
    .common-table .accessory_table thead tr th:nth-child(2), .common-table .accessory_table tbody tr td:nth-child(2){width:100%;min-width: 250px !important;}
    .common-table .accessory_table thead tr th:nth-child(3), .common-table .accessory_table tbody tr td:nth-child(3){width:100%;min-width: 200px !important;}
    .common-table .accessory_table thead tr th:nth-child(4), .common-table .accessory_table tbody tr td:nth-child(4){width:100%;min-width: 200px !important;}
    .common-table .accessory_table thead tr th:nth-child(5), .common-table .accessory_table tbody tr td:nth-child(5){width:100%;min-width: 100px !important;}

    .user-img { margin-left:0px; width: 120px; height: 120px;}
    .vertical-menu { box-shadow: 1px 0px 5px 0px #EFEFEF; }
    .navbar-brand-box { padding: 0px 14px;}
    .navbar-brand-box .logo .logo-lg { display:none !important; }

    .KPI_block .dropdown-menu {margin-left: -10vw !important;  min-width: 96vw; padding: 15px 10px 5px; top: 120% !important; }
    .d-language label { font-size: 12px; margin-right: 4px;}
    .d-language .language-selection {  margin-right: 0px;}
    .language-selection .lang_label { width: 100%; text-align: center; }
    .KPI_block { margin-left: 5px;}
    .KPI_block .dropdown-menu li { margin: 0px 5px 6px;}

    #vertical-menu-btn { padding: 0px !important; }
    body[data-sidebar-size="sm"] .footer {  left: 0;}

    .container, .container-md, .container-sm { max-width: 100%;}
    .request_banner-section .rb-bg { display: none; }
    .request_banner-section .banner-content-block { width: 100%;}
    .bcb-inside-block {margin: 0px auto; }
    .request_banner-section { height: auto; padding: 60px 0px;}
    .story-img { max-width: 410px; height: 410px;}
    .story-inside {  width: 130px; height: 170px; bottom: -30px; right: -30px;}
    .request_header .logo {  margin: unset;}
    .request_header .logo { max-width: 220px;}
    .request-from { padding: 20px 15px;}
    .uploaded-img ul li { width: 80px;  height: 80px;}

    .rpd-img { max-width: 100%;}

    .partner-third-section .heading { font-size: 24px; margin-bottom: 50px; line-height: 36px;}
    .pts-content-block-top { margin-bottom: 40px;}
    .pts-content-block-bottom .ptsb-text { margin-bottom: 30px;}
    .pts-img { max-width: 460px; height: 300px;  margin-top: 35px;}

    .request-third-section .nav-pills .nav-link {font-size: 20px;}
    .rts-video-img { margin-bottom: 25px;}
    .request-third-section .rt_title { font-size: 20px;}

    .common-banner-section { min-height: 300px !important; padding: 30px 0px; }
    .contact-block .cheading { font-size: 24px;}

    .table-outer-body table.dataTable {width: 900px !important;}

    .client-add-modal .modal-dialog .modal-body { padding: 25px 20px;}
    .client-add-modal .modal-titels {  margin-bottom: 20px; font-size: 24px;}
    .input_block .form-group {padding: 0px 5px;}
    .contact-information .conatct-media .media-icon { margin-right: 10px;}
    .contact-information .conatct-media p { font-size: 14px;}
    .jicontent_block p { font-size: 14px; width: 50%;}

    .public-box .job_id { font-size: 20px;  margin-bottom: 15px;}
    .job_progress-bar { margin-bottom: 20px;}
    .public-box .contact-info { margin-bottom: 20px;}
    .public-box .contact-information {  margin-bottom: 20px; }
    .public-box .contact-information .conatct-media .media-body .left-side { width: 100%;}
    .public-box .contact-information .conatct-media .media-body .right-side { width: 100%;}
    .technician-info-block .technician-info-inner-block p {width: 50%; font-size: 14px;}

    /*  */

    .contant_person_box .user_info p { font-size: 14px;}
    .job_repeat_block  {padding: 12px 12px;}
    .contant_person_box .user_info {padding: 15px 12px;}
    /* .add_more_invoices { padding: 15px 10px;} */
    .button_blocks { padding: 12px 12px 0px;}
    .tatal_amount_block { padding: 12px 12px;}
    .general_notices_box { padding: 15px 12px;}
    .page-content { padding: 60px 15px 20px;}
    .invoice_information_block { padding-top: 25px;}
    .generate-invoice-page .payment_block {padding: 10px 12px 0px;}
    body:not([data-sidebar-size="sm"]) #vertical-menu-btn {padding-left: 10px !important;}
    .pencil_calendar_icon span img, .info_icon span img { margin-right: 0px; width: 18px;  height: 18px; }
    .header-add-job-button .send-btn img { margin-right: 0px; }
    .header-add-job-button a { min-width: auto !important; }
    .header-add-job-button { height: 50px; }
    .header-add-job-button .add-btn { padding: 5px;}

    .preview_block .table-responsive table { width: 1200px !important; }

    .id_first_block { padding: 15px 12px;}
    .id_second_block { padding: 15px 12px;}
    .pbrdp-content {   padding-top: 20px;}

    .view_technician_content_block { flex-wrap: wrap;}
    .view_tech_history_block {   max-width: 100%; padding-top: 15px;}

    .ecblc_top { flex-wrap: wrap;}
    .ecblc_top .ecb_return { width: 100%;  order: 3;}

    .common-table table.table { width: 1200px !important; }
    .topcompany_block .table_horizontal_scroll { width: 860px; }

    .filter_status_calendar {  flex-wrap: wrap; }

    .fdp_card_block .card_outer_box { width: 50%;}

    .invoice_information_block .contant_person_box .iib_common_box { display: flex; }
    .contant_person_box .ui_top_row { width: 50%; }
    .contant_person_box .ui_right_block { width: 50%; }


    .expense_type_table .table-responsive .table { width: 1200px; }
    

    .invoice_information_block .job_information { height: 180px;}
    .job_repeat_block { display: flex; flex-wrap: wrap; }
    .job_info_boxes { display: flex; flex-wrap: wrap; margin-bottom: 10px; }
    .job_information .job_id { width: 100%; }
    .job_information .ji_text { width: 50%; }
    .job_information .ji_stutus  { width: 50%; }
    .job_information .ji_stutus .ji_text { width: 100%; }
    .previewinvoice_page .accessories_block,
    .generate-invoice-page .accessories_block,
    .manage_credit_page .accessories_block{  width: 49%; margin-right: 1%;}
    .previewinvoice_page .file_block,
    .generate-invoice-page .file_block,
    .manage_credit_page .file_block{  width: 49%; margin-left: 1%;}

    .previewinvoice_page .button_groups .btn {  min-width: 170px !important; width: auto !important; margin-right: 10px; }
    .invoice_id { padding: 10px; width: 218px;}
    .button_groups { justify-content: flex-start;  }
    .sa_text_block  { display: flex; align-items: center; }
    .sa_text_block .sa_text {width: 33.33%; padding-right: 10px; }

    .event_history_block .history_box .hb_body_row { width: 100%;}
    .event_history_block .history_box .hb_title_row { width: 100%; }

    .job_information .ji_text { font-size: 12px;}
    .job_information .ji_text span.span_title { width: 112px;}

    .added_block {  margin-top: 20px;}
    .send_block .btn-group {  margin-top: 20px;}

    .cancel_text {  font-size: 14px; line-height: 22px;}

    .nptb-th:nth-child(1), .nptb-td:nth-child(1) { width: 58%;}
    .nptb-th:nth-child(2), .nptb-td:nth-child(2) { width: 21%;}
    .nptb-th:nth-child(3), .nptb-td:nth-child(3) { width: 21%;}
    .nptb-td .radio-block div { margin-right: 10px; }





}

table div { word-break: unset !important;  }

@media(max-width:767px){


    .page_heading_left_block p:last-child { margin-right: 0px; }
    div.dt-buttons {  float: none !important;}

    .table-outer-body { height: auto; width: 100% !important; max-height: 350px; }
    .dashboard-page .custom-calendar-block .table-responsive table { width: 1000px !important; }

    div.dataTables_wrapper div.dataTables_filter { text-align: left;}
    div.dataTables_wrapper div.dataTables_length select, div.dataTables_wrapper div.dataTables_filter select { margin: 0px 5px; padding: 6px; width: 70px;}
    div.dataTables_wrapper div.dataTables_filter input { padding: 6px;}
    div.dataTables_wrapper div.dataTables_length { text-align:left; }
    .send-btn { font-size: 14px;}
    .user-secs span { width: 100px;}

    .manage-jobs .select2-container--default .select2-selection--single {padding: 6px !important;}

    .KPI_block .dropdown-menu { min-width: 90vw;}

    .navbar-header .form-group {width: auto;}
    #globalSearchData ul h4, #globalSearchData1 ul h4 { font-size: 12px; color: #fff;  }
    #globalSearchData li a, #globalSearchData1 li a { padding: 5px 6px 5px 20px !important; font-size: 12px !important; }

    .bcb-inside-block {  max-width: 472px; padding: 0px 15px;}
    .bcb-inside-block .heading { font-size: 28px; line-height: 42px; margin-bottom: 15px;}
    .request_banner-section {padding: 35px 0px; overflow: hidden; }
    .request_banner-section .banner-content-block { overflow: unset; }
    .circle-one { top: -30px; width: 150px;  height: 150px; border: 25px solid #333; }
    .rectangle { bottom: -35px;}
    .circle-two { bottom: -20px; width: 150px; height: 150px; right: -100px; }
    .bcb-inside-block .desc { margin-bottom: 25px;}
    .request_header .logo span {font-size: 16px; line-height: 22px;}
    .request_header .logo img {width: 50px; height: 25px;}
    .request_inside-header .login_link { min-width: 180px;}
    .story-img { max-width: 340px; height: 340px;}
    .our_story_section { padding: 25px 0px;}
    .story-content .s-box .stitle { font-size: 20px; line-height: 28px;}

    .request-detail .contact-information { margin-top: 5px; padding: 15px; margin-bottom: 20px;}
    .reset-icon { width: 25px;  height: 25px;}

    .partner-third-section .heading { font-size: 20px; margin-bottom: 40px; line-height: 29px;}
    .pts-content-block-top {  margin-bottom: 20px;}

    .vaibox { width: 145px;}

    .right-side-nav { padding-left: 0;}

    .public-box { padding: 15px;}
    .progress-content .p-text {font-size: 14px;}

    .technician-info-block p span { font-size: 12px; line-height: 20px;}

    .technician-info-block p:last-child span { font-size: 14px;}

    .total_vat_count_fields .tvcf_box:nth-child(6) { width: 26%;}
    .total_vat_count_fields .tvcf_box:nth-child(2) { width: 14%;}
    .total_vat_count_fields .tvcf_box:nth-child(4) { width: 14%;}
    .total_vat_count_fields .tvcf_box:nth-child(5) { width: 14%;}
    .select2-container--default .select2-selection--single .select2-selection__arrow b { width: 10px !important; height: 10px !important; background-size: contain !important; }
    .generate-invoice-page .select2-container--default .select2-selection--single .select2-selection__arrow b { width: 10px !important; height: 10px !important; background-size: contain !important; }

    .preview_block .invoice-number .name { font-size: 16px;}
    .preview_block .address .name { font-size: 16px;}
    .invoice_id { padding: 10px; }
    .preview_block .pdffooter h4 { font-size: 18px;}
    .internal_notes_block .inb_title { font-size: 16px;}
    .typenote_block label { font-size: 14px;}
    .preview_block .pb-text { font-size: 14px; margin-bottom: 15px;}
    .preview_block .notice_block {  margin-top: 15px; height: 80px;}
    .internal_notes_block { padding-top: 20px;}

    .jib_notedesc_content { display: block; }
    .jib_notedesc_content p { width: 100%; }
    .job_information_block .jib_content p { width: 100%;}

    .report-edit-page .form-radio-check .form-check {width: 33%;}

    .timeslot_row { align-items: flex-start;}
    .delete_button { margin-bottom: 0px; margin-top: 22px;}

    .added_file_block ul li { width: 50%;}

    .finance_setting_page { padding: 5px 0px; }

    .finance_setting_page .form-block .fs_form_element {padding: 0px 0px; display: block; }
    .finance_setting_page .upload-btn { margin-left: 0px !important; margin-top: 10px;}

    #requestDayOffModal .radio-button-row {  justify-content: flex-start;}
    #requestDayOffModal .form-radio-check .form-check {margin-right: 30px; margin-left: 0px;}

    .common_top_right .ctr_blocks button { margin-top: 10px; }

    .note_permission_table_parent_block  { width: 100%; overflow: hidden;    overflow-x: scroll; }
    .note_permission_table_parent_block .note_permission_table_block { width: 800px; }

    .labelans a span { font-size: 12px;}

    .thankyou_block .thankyou_img { max-width: 310px; height: 160px;}
    .thankyou_block .thankyou_title { font-size: 30px; line-height: 42px;}
    .fdptr_right_row {  flex-wrap: wrap;}



}

@media(max-width:700px){
    .language-selection .lang_label{top: -9px; font-size: 10px;}
    .send-btn{font-size: 14px;}
    .job_assign_id {font-size: 18px;}

    #datatable_wrapper .col-sm-12 { width:50% !important; }

    .table-outer-body { height: auto; max-height: unset; }
    .table-outer-body.map_view { height: 300px; }
    .dashboard-page .custom-calendar-block .table-responsive { overflow-y: auto;  height: 360px;}

    .notification-page .unread-text { display: block;}
    .notification-page .unread-text p { width: 100%;}
    .notification-page .unread-text span { text-align: left; }

    .common_top_right .ctr_blocks { flex-wrap: wrap;}
    .common_top_right .ctr_blocks button { margin-bottom: 5px; margin-left: 5px !important; }
    .common_top_right .input-group { margin-bottom: 5px; }


}

@media(max-width:568px){
    .login-auth .auth-logo{max-width: 105px;}
    .login-auth .auth-content .auth-content-info{padding: 50px 20px;}
    .login-auth .auth-title{font-size: 26px;}
    .send-btn{min-width: 125px;}
    .contact-information .conatct-media p{font-size: 14px;}
    .client-add-modal .modal-dialog .modal-body {padding: 25px 20px;}
    .contact-information .conatct-media p span {font-size: 12px;}
    .select2-container--default .select2-selection--multiple .select2-selection__choice{font-size: 12px !important;}
    .report-edit-page .edit_spacing {padding: 0px 15px;}
    .common-table .action_table thead tr th:nth-child(1), .common-table .action_table tbody tr td:nth-child(1),
    .common-table .accessory_table thead tr th:nth-child(1), .common-table .accessory_table tbody tr td:nth-child(1){padding-left:15px;}
    .nav-data-tabs { padding: 5px 8px 0px;}
    .nav-data-tabs.nav-pills .nav-link { padding-left:8px; padding-right:8px; }
    .d-language .language-selection { margin-right: 0px;}
    .navbar-header { padding-right:0px; }
    .contact-information .conatct-media .media-icon { width: 40px; height: 40px; margin-right: 10px;}

    .KPI_block .dropdown-menu { margin-left: 0vw !important;}
    .KPI_block .dropdown-menu.show { left: 0px !important; right: 0px !important; }
    .KPI_block .dropdown-menu {  top: 100% !important;}

    .KPI_block {  margin-left: 0px;}


    header{border-bottom: 1px solid #DEEBFE !important;}
    .navbar-header {  padding-right: 0px;  flex-wrap: wrap; height: auto; padding-bottom: 10px;  }
    #vertical-menu-btn { padding-left: 0px !important; padding-right: 5px !important; }
    .navbar-header .form-group { width: 100%; padding: 10px 10px 0px; border-top:1px solid #37373C;}

    .KPI_block .dropdown-menu {  top: 47% !important;}

    .circle-one { top: -30px; width: 100px; height: 100px;}
    .circle-two {  bottom: -27px;  width: 100px;  height: 100px; right: -70px;}

    .story-img { max-width: 270px; height: 270px;}
    .story-inside { width: 100px; height: 140px;}
    .request_form_section { padding: 0px 0px 40px;}
    .bcb-inside-block .heading {font-size: 24px; line-height: 36px; margin-bottom: 12px;}

    .img-block { display: block;}

    .preview-full-calendar .col-1 { width: 8.33333333%; padding-left: 0px; }
    .reset-icon { width: 20px; height: 20px;}

    .pts-content-block-top .ptsc-box { margin-bottom: 35px;}
    .pts-content-block-top .ptsc-box .pts-logo {margin: 0px auto 28px;}
    .common-banner-section .circle-one {  top: -40px; left: -50px;}
    .contact-block .cheading { font-size: 20px;}

    .page-content { padding: 115px 15px 10px;}
    .payment_block .form-group { width: calc(100%/2);}

    #job_form .add-new-client { margin-top: 0px !important; margin-bottom: 10px; }
    .request_header .language-selection { width: 85px; }

    .table-heading-block { flex-wrap: wrap;}
    .dashboard-page .select-date-block { order: 3; }

    .jicontent_block p {  width: 100%;}
    .all_information_modal_block .n-title { width: 100% }
    .assign-block { display: block;}
    .assign-block .n-title { margin-right: 0px;  margin-bottom: 10px;}
    .input_block {  display: block;}
    .input_block .form-group { width: 100%;}
    .modal .form-block { padding: 20px 8px;}
    .big-radio-btn [type="radio"]:checked + label, .big-radio-btn [type="radio"]:not(:checked) + label { font-size: 16px;}

    .technician-info-block .technician-info-inner-block p { width: 100%;}
    .right-side-nav {  width: auto;}
    body.sidebar-enable .vertical-menu {z-index: 1111111;}



    .radio-block div {margin-bottom: 10px;}

    .report-modal .radio-button-row {margin-bottom: 25px;}

    .thb_left_block {  display: block;}
    .table-outer-body .tab_buttons { margin-bottom: 10px;}
    .view_tech_info .close_btn { min-width: 30px !important;}
    .view_technician_content_block  .view_tech_users { max-width: 100% !important; }

    .thankyou_block .thankyou_title { padding: 0px;  font-size: 28px; line-height: 40px;}
    .thankyou_block {padding: 20px;}
    .thankyou_block .thankyou_text { font-size: 14px;}





}


@media (max-width: 500px){

#repeat-modal .send-btn { min-width: 100px;}

.report-edit-page .form-radio-check .form-check {  width: 50%;}

.radio-button-row.form-radio-check .form-check { width: 50%; margin: 0px 0px 10px;}
.repeats-on-block { display: block;}
.repeats-every-block { flex-wrap: wrap; }
.repeats-every-block .form-label {width: 100%; text-align: center; margin-bottom: 10px; }
.repeats-on-block .form-label, .ends-block .form-label{width: 100%; text-align: center; margin-bottom: 10px; }
.ends-radio-button-row {flex-wrap: wrap;}
.ends-block { display: block;}
.on_radio_block { margin-bottom: 10px;}

 #datatable_wrapper .col-sm-12 { width:100% !important; }
 div.dataTables_wrapper div.dataTables_filter { text-align:left; }
 body:not([data-sidebar-size="sm"]) #vertical-menu-btn { margin-right: 0px; padding-left: 10px !important; }
 .d-language label { font-size: 12px;}
 .language-selection { width: 70px;}
 .language-selection img { width: 18px;  vertical-align: text-bottom;}
 .language-selection .select2-container--default .select2-selection--single .select2-selection__arrow b { width: 10px !important;  height: 10px !important;}
 .navbar-header .mx-2 .send-btn { font-size: 12px; min-width: 80px !important; }
 .language-selection .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 4px !important;}
 #page-header-user-dropdown { padding: 10px;}

 .right-side-nav { width: auto; }


/*  .common-form .form-group.d-flex { display: block !important; } */
 .common-form .form-group.d-flex .form-label { width: 100%  !important; }
 .common-form .form-group {margin-bottom: 15px;}
 .total_vat_count_fields .tvcf_box { width: 100% !important; padding: 0; }
 .total_vat_count_fields { display: block;}
 .generate-invoice-page .payment_block {padding: 10px 7px 0px;}
 .job_information .ji_text { margin-bottom: 5px;}
 .accessories_block ul li { padding: 10px 12px;}
 .tatal_amount_block p span { width: 35%;}

 .contact-information .conatct-media .media-body p { width: 100%;}
 .job_added { font-size: 14px;}

 .tbm_content { padding-right: 0;}

 .view_technician_content_block { display: block;}
 .view_tech_users { max-width: 30%; margin-bottom: 20px;}
 .view_tech_info { padding: 0;}
 .view_tech_info .info_block .info { width: 100%; }

 .edit_columns_block { display: block;}
 .ecb_left_col, .ecb_rigth_col { width: 100%;}

 #add_new_client_Modal .form-radio-check .form-check { margin-bottom: 10px;}

 .delete_button { margin-bottom: 15px; }
 .finance_setting_page .form-block .fs_form_element {padding: 0px 0px; display: block; }
 .finance_setting_page .upload-btn { margin-left: 0px !important; margin-top: 10px;}
 .added_file_block ul li { margin-bottom: 10px !important; width: 100%; padding-right: 0px; }
 .finance_setting_page .form-block { margin-bottom: 25px; }

 #globalSearchData1 { width: 95%; left: 50%; transform: translateX(-50%);}


 .ends-radio-button-row .after_radio_block { position: relative; width: 100%;}
 .ends-radio-button-row .after_radio_block #occurrence-error { position: absolute; top: 35px; font-size: 12px; left: 24px; }

 .pencil_calendar_icon span, .info_icon span {padding: 0px 6px;}
 .notification a.dropdown-toggle { padding: 10px 6px;}

 .thb_right_block {  max-width: fit-content; width: auto; }
 .technician_common_block .title_block .tb-btn { min-width: 82px; }
 .status_information_block .action_info { display: block;}

 /* manage-invoices page */
 .invoice_information_block .contant_person_box .iib_common_box { display: block; }
 .contant_person_box .ui_top_row { width: 100%;}
 .contant_person_box .ui_right_block { width: 100%; }
 .job_information .ji_text { width: 100%;}
 .add_more_invoices .form-group.d-flex { display: block !important; }
/*  .title-sm { width: 100%; padding-right: 30px; } */
.title-sm { width: fit-content;  padding-right: 0px;}
 .common_top_right .send-btn { margin-top: 5px;}
 .inline-form-row { display: block; width: 100%;  padding: 0; }
 .inline-form-row .form-control { width: 100%; }
.fdptr_left_row .form-group { width: 100%; padding-right: 0; display: block; }
.fdp_card_block .card_outer_box { width: 100%;} 
/* .backbtn { position: absolute; right: 0; top: 0; } */
/* .card-body.common-form .d-flex .backbtn { position: relative;  } */
.select-all .checkbox { padding-left: 0px !important;}
.select-all .input-group { width: 140px;}
.search_refresh_block { width: 210px;}
.send_block .btn-group {  margin-top: 0px;  margin-bottom: 15px;}
.select-all button img { margin-right: 0px;}
.select-all button { margin-left: 5px;}
.select-all .input-group { margin-left: 0;}
.form-radio-check .form-check {  width: 50%;}
.note_permission_radio_block .radio-block { width: 70%;}



}

@media (max-width: 380px){
.request_header .logo span { display: none; }

.header-item { height: auto;}

}


/* static pages design  */


/*  */

header.request_header.fixed-header { position: fixed; top: 0; left: 0; width: 100%; animation: slide-down 0.7s; z-index: 111;  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); background: rgba(255, 255, 255, 0.79); }
@keyframes slide-down {
    0% { opacity: 0; transform: translateY(-100%);}
    100% { opacity: 0.9; transform: translateY(0);}
}


.request_header { width: 100%; height: 70px; background: #FFFFFF; box-shadow: 0px 4px 4px 0px #D0D0D0CC; padding: 10px 0px; display: flex;  align-items: center; position: relative; z-index: 1; }
.request_header .logo { width: 100%; display: flex;  max-width: 260px; margin: 0px auto; align-items: center;  }
.request_header .logo img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.request_header .logo span { font-family: 'SF-Pro-Text-Bold';  font-size: 20px; line-height: 30px; color: #484848; display: inline-block; }

.request_inside-header { position: relative; display: flex; align-items: center; padding:0px 30px; }
.request_inside-header .login_link { min-width: 130px; }
.request_inside-header .business_login { margin-left: 10px; background: #444445; }
.request_inside-header .send-btn.partner-btn { background-color: #333333; border-color: #333333;  }
.request_inside-header .send-btn.partner-btn:hover { background: transparent; color: #333333;  }
.request_inside-header .business_login:hover { color: #444445; border-color: #444445; }

.request_banner-section { background: #F0F0F0; padding: 15px 0px;  }
.request_banner-section .circle-one {  display: none ;  }
.request_banner-section .circle-two {  display: none ; }
.request_banner-section .rectangle  {  display: none ;  }
.request_banner-section { width: 100%; display: flex; min-height: 610px; background: #F0F0F0; background: #FBFBFD; }
.request_banner-section .banner-content-block { width: 50%; display: flex ; align-items: center; overflow: hidden; position: relative; padding: 20px 0px; }
.request_banner-section .rb-bg { width: 46%; background: url(../images/req_banner.jpg) no-repeat; background-position: center !important; background-size: cover !important; border-radius: 70px; }

.bcb-inside-block { max-width: 522px; width: 100%; margin-left: auto; margin-right: 50px; position: relative; }
.circle-one { position: absolute; width: 220px;  height: 220px; background: #F0F0F0; border: 55px solid #FFFFFF; border-radius: 50%; top: 40px; left: -80px; }
.circle-two { position: absolute; width: 220px; height: 220px; background: #DFDFDF; border-radius: 50%; bottom: 71px; right: -170px;  }
.rectangle { position: absolute; width: 250px; height: 75px; background: #DFDFDF; transform: rotate(-25.62deg); bottom: 30px; left: -113px;  }

.common-banner-section.common-banner-section { padding: 0px !important; background: #F0F0F0;  }
.common-banner-section.request_banner-section .circle-one {  display: block ;  }
.common-banner-section.request_banner-section .circle-two {  display: block ; }
.common-banner-section.request_banner-section .rectangle  {  display: block ;  }
.common-banner-section.request_banner-section .rb-bg { width: 50%; border-radius: 0px !important; }

.bcb-inside-block .heading {  font-size: 42px; line-height: 60px; color: #333333;  margin-bottom: 20px; position: relative;  display: -webkit-box;
    -webkit-line-clamp: 3; /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden; font-family: 'SF-Pro-Text-Bold'; letter-spacing: -1.5px;
    text-overflow: ellipsis; }
.bcb-inside-block .heading img { width: 30px; height: 30px; object-fit: contain; object-position: center; margin-left: -20px; margin-top: -40px; }
.bcb-inside-block .desc { font-size: 14px; line-height: 22px; color: #333333; margin-bottom: 30px; }
.bcb-inside-block .bcb-t { font-size: 14px; line-height: 22px; color: #333333; margin-bottom: 15px; border-radius: 4px; border: 1px solid #BFBFBF; padding: 10px; display: inline-block; }
.bcb-inside-block .bcb-t img { width: 15px; height: 15px; object-fit: contain; object-position: center; }

.our_story_section { width: 100%; display: block; padding: 36px 0px 70px; background: #fff; }
.story-img { max-width: 540px; height: 540px; width: 100%; position: relative; border-radius: 21px; }
.story-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 21px; }
.story-inside { width: 180px; height: 240px; position: absolute; bottom: -30px; right: -80px; border-radius: 21px; }
.story-inside img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 21px; }

.story-content { width: 100%; display: block; padding-left: 75px;  }
.story-content .s-box { width: 100%; margin-bottom: 20px; }
.story-content .s-box:last-child { margin-bottom: 0px; }
.story-content .s-box .stitle { font-size: 28px; line-height: 40px; color: #333333; margin-bottom: 10px;  font-family: 'SF-Pro-Text-Bold'; }
.story-content .s-box .sdesc { font-size: 14px; line-height: 22px; text-align: justify; color: #333333; margin-bottom: 10px; }

.request_form_section { display: block; padding: 0px 0px 50px; background: #fff; }
.request-from { width: 100%; display: block; background: #FFFFFF; padding: 30px 50px; box-shadow: 1px 0px 26px 14px #EFEFEF; border-radius: 10px; }
.request-from .rf_heading { font-size: 24px; line-height: 36px; text-transform: uppercase; color: #333333;  margin-bottom: 20px; font-family: 'SF-Pro-Text-Bold';  }

.uploaded-img { width: 100%; padding-top: 30px; }
.uploaded-img ul { list-style: none; margin: 0px auto; padding: 0px; display: flex; align-items: center; flex-wrap: wrap; }
.uploaded-img ul li { width: 95px; height: 95px; border: 1px solid #D7D7D7; border-radius: 10px; margin-right: 10px; margin-bottom: 10px; background: #fff url(../images/material-symbols_image-outline.png) no-repeat; background-position: center; background-size: 55px; }
.uploaded-img ul li img { width: 100%; display: block; height: 100%; object-fit: cover; object-position: center; border-radius: 10px; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: normal;}

footer .footer-inside-block { background: #484848; width: 100%; padding: 30px 0px; }
footer .copy-right-text { font-size: 12px;   font-weight: normal; line-height: 18px; text-align: center; color: #FFFFFF; margin-bottom: 0px; background: #404040; height: 36px; padding: 0px 10px; display: flex; align-items: center; justify-content: center; font-family: 'SF-Pro-Text-Bold';  }
footer .logo { width: 100%; display: flex; max-width: 260px; align-items: center; margin-bottom: 10px; }
footer .logo img { width: 100%; height: 100%; object-fit: contain; object-position: center; filter: invert(100); }
footer .logo span {  font-size: 24px; line-height: 36px; color: #fff; display: inline-block; font-family: 'SF-Pro-Text-Bold';  }

.footer-link { list-style: none; padding: 0; margin: 0px; }
.footer-link li { width: 100%; margin-bottom: 8px; }
.footer-link li:last-child { margin-bottom: 0px; }
.footer-link li a { color: #959595; font-size: 12px;   line-height: 16px; font-family: 'SF-Pro-Text-Bold';  }
.footer-link li a:hover, .footer-link li a.active { color: #ffffff; }

.social_icons { list-style: none; padding: 0px; margin-bottom: 46px; display: flex; align-items: center; }
.social_icons li { margin-right: 15px; }
.social_icons li a { width: 30px; height: 30px; display: block; }
.social_icons li a img { width: 100%; height: 100%; object-fit: contain; object-position: center;  }


.subscribe-block { max-width: 357px; width: 100%; margin-left: auto; }
.subscribe-block .sub-title { color: #FFF; font-size: 16px; font-family: 'SF-Pro-Text-Bold'; margin-bottom: 10px;}
.subscribe-block .sub-text { color: #FFF; font-size: 14px; margin-bottom: 15px; }
.subscribe-block .input-group { border-radius: 6px; border: 1px solid #666666; background: #FFF; }
.subscribe-block .form-control { color: #333333; font-size: 14px; line-height: 30px; padding: 10px; border: none; background: none !important;  border-radius: 6px 0px 0px 6px; }
.subscribe-block .form-control::placeholder { color: #333333 !important; }
.input-group-text { color: #FFF; text-align: center; font-size: 14px; line-height: 30px; border-radius: 0px 6px 6px 0px; background: #333333; border: none;}

.flatpickr-months .flatpickr-next-month:hover svg, .flatpickr-months .flatpickr-prev-month:hover svg {
  fill: hsla(0,0%,0%,1) !important;}

/*  */

#sidebar-menu .has-arrow::after { margin-left: auto; }
body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu > ul > li:hover > a { width: 290px !important;}

.upload_img { width: 100%; cursor: pointer; height: 210px; background: #FFFFFF; border: 1px dashed #D7D7D7; flex-wrap: wrap; border-radius: 10px; display: flex; align-items: center; justify-content: center; position: relative; }
.upload_img input { opacity: 0; width: 100%; height: 100%; position: absolute; cursor: pointer; }
.upload_img img { width: 44px; height: 44px; object-fit: contain; object-position: center; margin: 0px auto; }
.upload_img img + img { width: 20px; height: 20px; }
.upload_img span { font-size: 14px; line-height: 30px; text-align: center; color: #808390; display: block; margin-top: 5px; }
.upload-img-inside { display: flex; flex-direction: column; }

.upload_img .newsletter_doc_file { width: 100%; padding: 0px 10px; }
.upload_img .newsletter_doc_file span.filename { background: #eee; border-radius: 10px; padding: 4px 15px; display: inline-flex; font-size: 12px; color: #333;  z-index: 111; position: relative; }
.upload_img .newsletter_doc_file span.cross-icon { width: 20px; height: 20px; margin-left: 5px; }
.upload_img .newsletter_doc_file span.cross-icon img { width: 100%;  height: 100%; object-fit: contain; object-position: center; vertical-align: top; }

.cke_chrome { border: 1px solid #D7D7D7 !important; box-shadow: none !important; border-radius: 10px !important; }
.cke_bottom { background: none !important; padding: 0px !important; }
.cke_inner { border-radius: 10px !important; }
.cke_top { border-radius: 10px 10px 0px 0px !important; }

.report-edit-page.card, .report-detail-page.card {background-color: #fff !important; box-shadow: 1px 0px 26px 14px #DBE9FE; border-radius: 10px; border: 0; }

.map-content { height: 750px; border-radius: 10px; width: 100%; }

.request-detail { display: block; width: 100%; padding-top: 10px; }
.pbrdp-content .title { font-size: 16px;  line-height: 24px; text-transform: uppercase; color: #333333; }
.pbrdp-content .category { font-size: 14px; color: #333333; font-family: 'SF-Pro-Text-Bold'; }
.pbrdp-content .sd-text {  font-size: 12px; color: #333333;  }
.pbrdp-content .desc { font-size: 12px; line-height: 26px; color: #848484; }


.rpd-img {  height: 393px; width: 100%; margin-bottom: 0px; border-radius: 20px; }
.rpd-img img{ width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 20px; }

.request-detail .contact-information  {background: #F3F3F3; /* box-shadow: 1px 0px 26px 14px #DBE9FE; */ border-radius: 10px; margin-top: 10px; padding: 25px; }
.request-detail .contact-information .n-title { margin-bottom: 15px;}

.request-detail .owl-nav { position: absolute; top: 50%; transform: translateY(-50%); height: auto; width: 100%; display: flex; align-items: center; justify-content: space-between; }
.request-detail .owl-carousel .owl-nav button.owl-prev, .request-detail .owl-carousel .owl-nav button.owl-next { font-size: 32px; color: #fff; width: 69px;  background: #333333;height: 69px; border-radius: 50%; background: rgba(0,0,0,0.77); padding: 12px !important; line-height: 32px; }
.request-detail .owl-carousel .owl-nav button.owl-prev { margin-left: -35px !important; text-align: right; }
.request-detail .owl-carousel .owl-nav button.owl-next { margin-right: -35px !important; text-align: left; }
.request-detail .popup-link-gal { margin-bottom: 0px !important; }


/*  */

.feedback-block { box-shadow: 1px 0px 26px 14px rgba(239, 239, 239, 1); background: #FFFFFF; max-width: 1527px; border-radius: 10px; padding: 30px; margin: 0px auto 45px; width: 100%; }

.feedback-block .id { font-size: 20px; line-height: 36px; text-transform: uppercase; color: #333333; margin-bottom: 20px; font-family: 'SF-Pro-Text-Bold';  }
.feedback-block .id span { color:#333333; }

.fb-top { border-bottom: 1px dashed #D1D1D1; padding-bottom: 10px; }
.fb-top .form-group { margin-bottom: 20px; }
.fb-top .form-group label { font-size: 16px; margin-bottom: 0px;  line-height: 30px; color: #808390; }
.fb-top .form-group .form-control { font-size: 14px;  line-height: 30px; color: #333333; padding: 0px !important; border: 0px !important; }
.fb-top .form-group .form-control::placeholder {  color: #333333;  }

.fb-top .form-group p { font-size: 14px;  line-height: 30px; color: #333333; }

.fb-bottom  { padding-top: 30px; }
.fb-bottom .title { font-size: 18px; line-height: 30px; color: #333333; margin-bottom: 12px;  font-weight: normal; font-family: 'SF-Pro-Text-Bold'; }
.fb-bottom .form-control { background: #FFFFFF; border: 1px solid #D7D7D7; border-radius: 10px; resize: unset; font-weight: 400; font-size: 14px; line-height: 30px; color: #333333; padding: 16px 22px; }
.fb-bottom .form-control::placeholder { color: #333333; }

.rating-block { width: 100%; display: flex; align-items: center;  margin-bottom: 20px; }
.rating-block .r-title { font-size: 14px; line-height: 30px; color: #333333;   max-width: 50%; width: 100%; }
.rating-block ul { list-style: none !important; margin: 0px auto; padding: 0px !important;  display: flex; align-items: center; }
.rating-block ul li { width: 18px; height: 18px; margin: 0px 1px; }
.rating-block ul li img { width: 100%; height: 100%; object-fit: contain; object-position: center; }


.contact-information .n-title span { color: #333; }
.review-text { font-size: 14px; line-height: 28px; color: #333333; }

.job-public-page { padding: 20px; }
.job-public-page .contact-information .ass-title {   font-weight: normal; }
.job-public-page .contact-information p {padding: 0px 15px; margin-bottom: 5px; font-size: 12px; line-height: 20px; color: #333333; }
.job-public-page .sign_box_content { background: #333333; }
.map-img {height: 300px; border-radius: 0px 0px 10px 10px; }
.map-img img, .map-img map { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 0px 0px 10px 10px; }


.job-public-page .report-detail-page {  max-width:1500px; width: 100%; margin: 0px auto;  padding-top: 0px !important; }
.job-public-page  .job-detail-left .job-infor-fst { border-bottom: 1px dashed #AFCCFD; margin-bottom: 30px; }
.job-detail-bottom.job-detail-left .job-infor-fst:last-child { margin-bottom: 10px; border-bottom: 0px; padding-bottom: 0px; }

.img-block { display: flex; }

.reset-icon { width: 26px; height: 26px; box-shadow: none !important; border: none !important; background: none !important; }
.reset-icon img { width: 100%; height: 100%; object-fit: contain; object-position: center;}
.preview-full-calendar .col-1 { width: 50px; }

.manage-jobs .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: unset !important;}
.manage-jobs .select2-container .select2-selection--single .select2-selection__rendered {font-size: 12px !important;}
.manage-jobs .select2-container--default .select2-selection--single {  border: 1px solid #D7D7D7 !important; border-radius: 6px !important;}
.manage-jobs .select2-container {display: block; width: 150px !important; margin-right: 10px !important; }
.manage-jobs #job_date { background: #fff !important; border: 1px solid #D7D7D7 !important; }

#sidebar-menu ul li a { display: flex; }
body[data-sidebar-size="sm"] .vertical-menu #sidebar-menu > ul > li > a span { white-space: normal; }

.invoices_email_block { max-width: 550px; width: 100%; margin: 0px auto; }

.add_invouce_email_block { max-width: 550px; width: 100%; margin: 0px auto; display: flex;  align-items: flex-end; margin-bottom: 30px; }
.add_invouce_email_block .select2-container--default .select2-selection--multiple .select2-selection__choice { background: #333333 !important; border-color: #333333 !important; color: #fff !important;  }
.add_invouce_email_block .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #fff !important; }
.add_invouce_email_block .form-label a { color: #333; font-style: italic; }
.add_invouce_email_block .change-btn { display: none; }
/* .invoices_email_block .select2-container--default .select2-selection--multiple{ border: none !important; } */
.invoices_email_block .select2-container .select2-search--inline { display: none !important; }
.invoices_email_block.add_invouce_email_block .form-label a {  display: none !important;}
.invoices_email_block .dropdown-wrapper { display: none; }
/* .invoices_email_block .change-btn { display: block; margin-left: 10px; margin-bottom: 10px; min-width: 100px; } */
.invoices_email_block .row { width: 100%; }
.invoices_email_block .select2-container--default .select2-selection--multiple { background: none !important; }
.invoices_email_body .select2-container--open .select2-dropdown--below{ display: none !important; }

.eye-btn { background: #444445 !important; }
.eye-btn:hover { background: transparent !important; }
.send-plane-btn { background: #333 !important; padding: 2px; }
.send-plane-btn:hover { background: transparent !important; }
.send-plane-btn:hover img {  filter: invert(100%); }

.client-row { display: flex; flex-wrap: wrap; width: 100%; max-height: 232px;  overflow-y: auto;  padding-top: 12px; }
.client-title {color: #333333; font-size: 20px; font-family: 'SF-Pro-Text-Bold';  line-height: 30px; max-width: 280px;  width: 100%; }
.client-checkbox { border-radius: 4px; background: #fff; box-shadow: 0px 4px 10px 0px #D9D9D9; padding: 15px; display: flex; margin-bottom: 10px; max-width: 23%;  width: 100%;  margin-right: 2%; /* max-width: 286px; width: 100%; */}
.client-checkbox  .checkbox { margin-right: 8px; }
.client-check-info { width: 100%; flex: 1; }
.cci-block { width: 100%; display: flex; align-items: center; margin-bottom: 5px; }
.cci-block span { margin-right: 8px; }
.cci-block span a i.far { color: rgba(196, 196, 196, 1); }
.cci-block span a i.fas { color: #FFBA33;  }
.cci-block img { width: 30px; height: 30px; border-radius: 50%;  margin-right: 8px; object-fit: cover; object-position: center; }
.cci-block p { color: #333333; font-size: 14px; line-height: 30px; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.client-check-info a.email-id { color: #333333; font-size: 14px;  }

.report-img-block { width: 100%; display: flex; flex-wrap: wrap; }
.report-img-block .sub_tile_image { width: 50%; padding-right: 24px; position: relative; }
.report-img-block .sub_tile_image span.count { display: flex; width: 45px; height: 45px; color: #FFF; text-align: center; font-size: 16px; font-weight: 500;line-height: 30px; border-radius: 25px; background: #333333; position: absolute; right: 2px; top: -20px; align-items: center;  justify-content: center; }

.select-all { display: flex; align-items: center;  }
.select-all .checkbox { display: flex; align-items: center; font-size: 16px; margin-right: 1%; }
.select-all .checkbox input { margin-top: 0px; }
.select-all .checkbox span {  font-size: 16px;  line-height: 20px; margin-left: 5px; }

.schedule-modal.client-add-modal .modal-dialog { max-width: 910px !important; }
.schedule_calendar .flatpickr-calendar { box-shadow:none !important; }
.schedule_calendar .flatpickr-months { background: none !important; }
.schedule_calendar .flatpickr-weekdays { background: none !important; border: none !important; }
.schedule_calendar .flatpickr-months .flatpickr-month,
.schedule_calendar .flatpickr-months .flatpickr-next-month,
.schedule_calendar .flatpickr-months .flatpickr-prev-month { fill: #333333 !important; color: #333333 !important; line-height: 12px; }
.schedule_calendar span.flatpickr-weekday { color: #333 !important;}
.schedule_calendar .flatpickr-current-month { left: 0%; text-align: left; width: 68%; }
.schedule_calendar .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month { left: auto !important; right: 20px;}
.schedule_calendar .flatpickr-current-month .flatpickr-monthDropdown-months { padding: 0 0 0 10px; }
.schedule_calendar .flatpickr-day.today { border-color: #444445 !important; background: #444445 !important;  color: #fff !important; }

/*  */

.request-third-section { width: 100%; display: block; padding: 50px 0px; background: #fff ; }
.request-third-section .nav.nav-pills { background: no-repeat; border: none; padding: 0; }
.request-third-section .nav-pills .nav-link{ padding: 0px; background: none !important; color: #444445;  font-size: 33px;  text-align: left; display: flex; align-items: center; margin-bottom: 15px; font-family: 'SF-Pro-Text-Bold'; text-transform: uppercase; }
.request-third-section .nav-pills .nav-link img { display: none !important; width: 168px; object-fit: contain; object-position: center; padding-left: 10px; }
.request-third-section .nav-pills .nav-link.active { color: #333333; }
.request-third-section .nav-pills .nav-link.active img { display: block !important;  }
.request-third-section .rt_title { color: #333333; font-size: 33px;  margin-bottom: 10px; font-family: 'SF-Pro-Text-Bold';  }
.request-third-section .rt_desc { color: #333333; font-size: 16px;  line-height: 150.188%; margin-bottom: 22px; }
.request-third-section .rt-ul { list-style: none !important; margin: 0px !important; padding: 0px; }
.request-third-section .rt-ul li { display: flex; color: #000; font-size: 16px; margin-bottom: 15px; }
.request-third-section .rt-ul li img { width: 32px; height: 15px; margin-right: 10px; margin-top: 5px; }

.rts-video-img { width: 330px; height: 200px; border-radius: 10px; margin-top: 20px;  }
.rts-video-img img, .rts-video-img video, .rts-video-img iframe { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 10px; }

.form-bottom { margin: 30px auto 10px; max-width: 700px; width: 100%; color: #333333;  text-align: center; font-size: 14px; font-style: normal; font-weight: 400; line-height: 30px; }
.form-bottom a { color: #444445; text-decoration: underline !important; }

.vaibox { width: 120px; }
.vaibox .amount { color: #333333; text-align: right; font-size: 14px;  line-height: 30px; font-family: 'SF-Pro-Text-Bold'; }
.vaibox .vat-text {color: #989898; text-align: right; font-size: 12px;  }

.partner-third-section { width: 100%; display: block; padding: 50px 0px; background: #fff; }
.partner-third-section .heading { color: #333333; text-align: center; font-size: 34px;  margin-bottom: 100px; font-family: 'SF-Pro-Text-Bold'; }

.pts-content-block-top .nav.nav-pills { background: none; border: 0; padding: 0px;}
.pts-content-block-top { margin-bottom: 100px; }
.pts-content-block-top ul { justify-content: center; }
.pts-content-block-top li { max-width: 250px; width: 100%; margin: 0px 10px; }
.pts-content-block-top .ptsc-box { cursor: pointer; max-width: 250px; width: 100%; margin: 0px auto; height: 250px; border-radius: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.pts-content-block-top .ptsc-box.active, .pts-content-block-top .ptsc-box:hover { background: #333333; }
.pts-content-block-top .ptsc-box .pts-logo { width: 48px; height: 48px; margin: 0px auto 40px; }
.pts-content-block-top .ptsc-box .pts-logo img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.pts-content-block-top .ptsc-box .pts-logo img + img { display: none; }

.pts-content-block-top .ptsc-box.active .pts-logo img, .pts-content-block-top .ptsc-box:hover .pts-logo img { display: none; }
.pts-content-block-top .ptsc-box.active .pts-logo img + img, .pts-content-block-top .ptsc-box:hover .pts-logo img + img { display: block; }

.pts-content-block-top .ptsc-box .pts-title {  color: #333333; text-align: center; font-size: 16px;  margin-bottom: 0px; }
.pts-content-block-top .ptsc-box.active .pts-title, .pts-content-block-top .ptsc-box:hover .pts-title { color: #fff; }
.pts-content-block-bottom  .ptsb-text { color: #333333; text-align: justify; font-size: 16px; line-height: 1.7; margin-bottom: 80px; }

.pts-img { max-width: 540px; width: 100%; height: 370px; border-radius: 10px; margin: 0px auto; }
.pts-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 10px; }

/* contact us page */

.common-banner-section { min-height: 380px !important; }
.request_banner-section .rb-bg { background: url(../images/contactbg.jpg) no-repeat; background-size: cover !important; background-position: center !important; }

.common-banner-section .bcb-inside-block .heading { margin-bottom: 10px; }
.common-banner-section .bcb-inside-block .desc { margin-bottom: 0px !important; }
.common-banner-section .circle-one { top: -76px;}
.rectangle { bottom: 0px; left: -190px;}

.contact-content { width: 100%; display: block; padding: 50px 0px; background-color: #fff; display: block; }
.contact-block { max-width: 930px;  margin: 0px auto; width: 100%; }
.contact-block .cheading { color: #333333; text-align: center; font-size: 33px;  margin-bottom: 20px;  font-weight: normal; font-family: 'SF-Pro-Text-Bold'; }
.contact-block .c-desc {color: #333333; text-align: center; font-size: 14px; font-style: normal; font-weight: 400;}
.contact-block .c-desc a { color: #333333; font-family: 'SF-Pro-Text-Bold'; }
.contact-block .c-desc a:hover { text-decoration: underline !important; }
.contact-block .c-desc:last-child { margin-bottom: 0px; }

/*  */

.privacy-terms-section {  width: 100%; display: block; padding: 50px 0px; background-color: #fff; }
.privacy-terms-section .pt-block { width: 100%; display: block; margin-bottom: 35px; }
.privacy-terms-section .pt-block:last-child { margin-bottom: 0px; }
.privacy-terms-section .pt-title,
.privacy-terms-section p strong, .privacy-terms-section h1, .privacy-terms-section h2, .privacy-terms-section h3, .privacy-terms-section h4,
.privacy-terms-section h5, .privacy-terms-section h6
{  color: #333333; font-size: 16px;  font-weight: normal; font-family: 'SF-Pro-Text-Bold'; }
.privacy-terms-section .pt-description, .privacy-terms-section p { color: #333333; text-align: justify; font-size: 14px; margin-bottom: 20px;  }
.privacy-terms-section .pt-description:last-child, .privacy-terms-section p:last-child { margin-bottom: 0px; }
.privacy-terms-section p a { color: #333; }
.privacy-terms-section p a:hover { text-decoration: underline !important; }

.privacy-terms-section ul {  padding-left: 15px; list-style: none !important; }
.privacy-terms-section ul li {  font-size: 14px; margin-bottom: 10px; color: #333333; text-align: justify;  }
.privacy-terms-section ul li a { color: #333; }
.privacy-terms-section ul li a:hover { text-decoration: underline !important; }

/*  */

.faq-content-section {  width: 100%; display: block; padding: 50px 0px; background-color: #fff; }
.faq-content-section .faq-block {   margin-bottom: 30px; }
.faq-content-section .faq-block:last-child { margin-bottom: 0px !important; }
.faq-content-section .faq-title { color: #333333; font-size: 24px; font-weight: normal; margin-bottom: 20px;  }
.faq-content-section .accordion-button { border: none !important; background: none !important; color: #333333; font-size: 16px; font-family: 'SF-Pro-Text-Bold';  padding: 0px; border-bottom: 0px !important; box-shadow: none; }
.accordion-item { padding: 15px 20px; border: none; border-radius: 10px !important; }
.accordion-body { padding: 10px 0px;}
.accordion-body p { color: #333333; text-align: justify; font-size: 14px; }
.accordion-body p:last-child { margin-bottom: 0px !important; }
.active-items { background: #FAFAFA; box-shadow: 1px 0px 9px 6px #ECECED; margin-bottom: 20px; }

.accordion-button::after { background: url(../images/plus.png) no-repeat; background-size: 12px; background-position: center; }
.accordion-button:not(.collapsed)::after { background: url(../images/minus.png) no-repeat; background-size: 10px; background-position: center; }

h2.middel-text { width: 100%; text-align: center;  border-bottom: 1px dashed #D7D7D7;  line-height: 0.1em; margin: 0px 0 30px; }
h2.middel-text span { color: #808390; font-size: 12px; background:#fff; padding:0 10px; }

/*  */

.request_form_section .common-form .form-group{margin-bottom: 20px;}
.request_form_section .common-form .form-group label{color: #808390;margin-bottom: 10px; font-style: normal;  font-size: 16px; }
.request_form_section .common-form .form-group .input-group{ background: #FFFFFF;transition: .3s all; padding: 5px 5px; align-items: center; border: 1px solid #D7D7D7; border-radius: 10px; }
.request_form_section .common-form .form-group .form-control{color: #333333;resize: none; height: auto; font-style: normal;border: 1px solid #D7D7D7;border-radius: 10px;  padding:15px 10px; font-weight: 400;  font-size: 14px; }
.request_form_section .common-form .form-group .form-control::placeholder{color: #333333;}

.request_form_section .common-form .form-group .input-group .form-control{ border: 0; border-radius: 0px 10px 10px 0px !important; background: transparent !important; }

.request_form_section .common-form .form-group .input-group .input-group-text{background: transparent; border-radius: 10px 0px 0px 10px; border: 0;}
.request_form_section .common-form .form-group .input-group:focus-within {border-color: #333333;}
.request_form_section .common-form .form-group .input-group:focus-within svg path{fill:#333333 ;}

.request_form_section .select2-container .select2-selection--single .select2-selection__rendered { font-size: 14px !important;}
.request_form_section .select2-container--default .select2-selection--single { padding: 15px 10px !important; border-radius: 10px !important; }

.send-btn { background: #333333; min-width: 140px; border-color: #333333; text-transform: uppercase; color: #fff; text-align: center; font-style: normal;  font-size: 12px; border-radius: 255px; box-shadow: none !important; font-family: 'SF-Pro-Text-Bold';  }
.send-btn:hover {color: #333333; background: #fff;}

.common-banner-section .circle-one {top: -50px; left: -120px;}

.send-btn.add-client { background: #333333; border-color: #333333 !important; }
.send-btn.add-client:hover { border-color: #333333 !important; color: #333333 !important; background: transparent; }

/* login page */

.newsletter_form .form-radio-check .form-check { width: auto; margin-right: 40px; }


/* request booking button page */

.request-booking-page { display: block; width: 100%; padding: 50px 0px; }
.request-content-block { max-width: 959px; width: 100%; margin: 0px auto; }
.request-content-block .req-title { font-size: 30px;  font-family: 'SF-Pro-Text-Bold';  line-height: 45px; text-align: center; color: rgba(35, 39, 53, 1); margin-bottom: 15px; text-transform: uppercase; }
.request-content-block .req-description {font-size: 16px; line-height: 24px; text-align: center; color: rgba(35, 39, 53, 1); margin-bottom: 40px; }
.request-content-block .req-button-block { max-width: 500px; width: 100%; margin: 0px auto; display: flex; align-items: center; justify-content: center; }
.request-content-block .req-button  { max-width: 190px; width: 100%; margin: 0px auto; }
.request-content-block .req-img { width: 100%; height: 190px; display: flex; align-items: center; justify-content: center; border-radius: 50%; box-shadow: 0px 10px 26px 0px #DEDFE0;  background-color: #fff; margin-bottom: 26px; }
.request-content-block .req-img img { width: 118px; height: 118px; object-position: center; object-fit: contain; }


/*  */

.common_top_right span.selection { min-width: 100px; display: block; }
.not_expert_icon { display: block; width: 22px; height: 22px; background: #FF715E; border-radius: 50%; padding: 1px; margin-left: 5px; display: flex; align-items: center; justify-content: center; }
.not_expert_icon img { width: 14px !important; height: 14px !important; object-fit: contain; object-position: center; background: transparent !important; margin: 0px !important; border-radius: unset !important; }

/*  */


.cookie-policy {
    background: #fff;
    box-shadow: 0px 14px 35px 0px rgba(0, 0, 0, 0.59);
    padding: 20px 0px;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1111;
}

.cookie-policy .media { display: flex;  }
.cookie-policy .media .media-img {
    width: 100px;
    height: 100px;
    margin-right: 40px;
}

.cookie-policy .media .media-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.cookie-policy .media .cookie-flex {
    border-bottom: 1px solid rgb(211, 222, 233);
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.cookie-policy .media .cookie-flex .title {
    font-size: 20px;
    color: #232120;
    margin-bottom: 10px;
    font-family: 'SF-Pro-Text-Bold';
}

.cookie-policy p {
    font-size: 12px;
    color: #232120;
    margin-bottom: 0px;
}

.btn-agree { justify-content: flex-end; }
.btn-agree .agree-btn {
    background: #444445;
    border: 1px solid #444445;;
    border-radius: 25px;
    margin: 0px 5px;
    min-width: 150px;
    height: 41px;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
}

.btn-agree .agree-btn:hover {
    text-decoration: none;
    background: transparent;
    color: #444445;
}

.media-body { width: 100%; flex: 1; }

@media (max-width: 1199px) {
    .btn-agree { margin-top: 20px; }
    .btn-agree .agree-btn {  min-width: 120px; height: 36px; font-size: 14px;}
    .btn-agree { justify-content: flex-start; }
}
@media (max-width: 767px) {
    .cookie-policy .media .media-img {
        max-width: 65px; width: 100%;
        height: 65px;
        margin-right: 20px;
    }

    

}

@media (max-width: 767px) {

    .cookie-policy .media { display: block; }
    .cookie-policy .media .media-img { margin-bottom: 12px; } 

}





/*  */


@media (min-width: 1250px){

.request_header .container { max-width: 1225px; width: 100%; }
.request-third-section .container { max-width: 1225px; width: 100%;  }
.faq-content-section .container {  max-width: 1225px; width: 100%;  }

}

@media (min-width: 1250px) and (max-width: 1300px){
    .request_inside-header { padding:0px 75px;}
}

@media (min-width: 1750px){

/* public request */

.container { max-width: 64.47vw !important;  }

.request_header { height: 5.26vw; padding: 0.52vw; }
.request_header .logo { max-width:12vw; }
.request_header .logo span {  font-size: 1.26vw; line-height: 1.89vw; }
.request_header .container { max-width: 64.47vw;  }

.front_end_page_style  .send-btn img { width: 1.05vw; height: 1.05vw; margin-right: 0.25vw;}

.request_inside-header { padding: 0px; }
.request_inside-header .login_link { min-width: 7.36vw; }
.request_inside-header .send-btn.partner-btn{ min-width: 7.36vw; }
.front_end_page_style  .send-btn { min-width: 4.84vw; font-size: 0.63vw; padding: 0.42vw 0.52vw;}

.front_end_page_style .modal .send-btn { min-width: 7.84vw;}
.front_end_page_style .common-form .send-btn { min-width: 7.84vw;}

.request_banner-section { min-height: 40.52vw; padding: 0.78vw 0px; }
.request_banner-section .banner-content-block { padding: 1vw 0px; }
.bcb-inside-block { max-width: 30.63vw; margin-right: 6.84vw; }
.circle-one { width: 16.10vw; height: 16.10vw; top: 2.10vw; left: -4.20vw; border: 2.89vw solid #ffffff; }
.common-banner-section .circle-one { top: -4vw; left: -9.47vw;}

.circle-two { width: 16.10vw; height: 16.10vw; bottom: 3.73vw; right: -10.52vw; }
.rectangle { width: 17.10vw; height: 5.26vw; bottom: 1.57vw; left: -5.94vw; }

.bcb-inside-block .heading {  font-size: 3.57vw; line-height: 3.94vw; margin-bottom: 1.57vw; }
.bcb-inside-block .heading img { width: 1.57vw; height: 1.57vw; margin-left: -1.20vw; margin-top: -2.36vw; }

.bcb-inside-block .desc { font-size: 0.84vw; line-height: 1.36vw; margin-bottom: 1.84vw; }
.bcb-inside-block .bcb-t { font-size: 0.73vw; line-height: 1.15vw; margin-bottom: 1.15vw; border-radius: 0.22vw; }
.bcb-inside-block .bcb-t img { width: 0.78vw; height: 0.78vw; }

.our_story_section { padding: 2.94vw 0px 4.21vw;}
.our_story_section .container { max-width: 64.47vw; }
.story-img { max-width: 31.31vw; height: 31.42vw; border-radius: 0.10vw; }
.story-img img { border-radius: 1.10vw; }
.story-inside { width: 11vw; height: 14.21vw; bottom: -1.78vw; right: -5.26vw; border-radius: 1.10vw; }
.story-inside img {  border-radius: 1.10vw; }

.story-content { padding-left: 5.26vw; }
.story-content .s-box { margin-bottom: 1.05vw; }
.story-content .s-box .stitle { font-size: 1.73vw; line-height: 2.63vw; margin-bottom: 0.52vw;}
.story-content .s-box .sdesc { font-size: 0.84vw; line-height: 1.26vw; margin-bottom: 0.52vw; }

.request_form_section { padding: 2.63vw 0px 3.68vw; }
.request-third-section .container{ max-width: 64.47vw;  }
.request_form_section .container { max-width: 64.47vw;  }
.request-from { padding: 1.57vw 2.63vw; border-radius: 0.52vw; }
.request-from .rf_heading { font-size: 1.26vw; line-height: 1.89vw; margin-bottom: 1.05vw; }

.uploaded-img { padding-top: 1.57vw; }
.uploaded-img ul li { width: 5.68vw; height: 5.68vw; border-radius: 0.52vw; margin-right: 1.10vw; background-size: 2.89vw; }

/* .client-title { font-size: 1.05vw; line-height: 1.57vw; margin-bottom: 1.05vw; }
.client-checkbox { border-radius: 0.22vw; padding: 0.78vw;margin-right: 2%;  max-width: 18%; margin-bottom: 0.52vw; }
.client-checkbox  .checkbox { margin-right: 0.42vw; }

.cci-block span { margin-right: 0.42vw; }

.cci-block img { width: 1.57vw; height: 1.57vw;  margin-right: 0.42vw; }
.cci-block p { font-size: 0.73vw; line-height: 1.57vw; }
.client-check-info a.email-id { font-size: 0.73vw;  } */

.contact-content { padding: 2.63vw 0px 1.05vw;}

.request-third-section .nav-pills .nav-link{ font-size: 1.73vw; margin-bottom: 0.78vw; }
.request-third-section .nav-pills .nav-link img { width: 8.84vw; padding-left: 0.52vw; }
.rts-video-img { width: 17.36vw; height: 10.52vw; border-radius: 0.52vw; margin-top: 1.05vw;}
.request-third-section .rt_title { font-size: 1.73vw; margin-bottom: 0.52vw; }
.request-third-section .rt_desc { font-size: 0.84vw; margin-bottom: 1.15vw; }
.request-third-section .rt-ul li {font-size: 0.84vw; margin-bottom: 0.78wv; }
.request-third-section .rt-ul li img { width: 1.68vw; height: 0.78vw; margin-right: 0.52vw; margin-top: 0.25vw; }
.request_form_section .common-form .form-group .input-group { padding: 0.25vw 0.25vw; border-radius: 0.52vw;}
.request_form_section .common-form .form-group { margin-bottom: 1.57vw;}
.request_form_section .common-form .form-group label { margin-bottom: 0.52vw; font-size: 0.84vw;}
.request_form_section .common-form .form-group .form-control { border-radius: 0.52vw; padding: 0.78vw 0.52vw; font-size: 0.73vw;}
.request_form_section .select2-container .select2-selection--single .select2-selection__rendered { font-size: 0.73vw !important;}
.request_form_section .select2-container--default .select2-selection--single { padding: 0.78vw 0.52vw !important; border-radius: 0.52vw !important; }
.vaibox { width: 6.31vw;}
.vaibox .amount { font-size: 0.73vw; line-height: 1.57vw; }
.vaibox .vat-text { font-size: 0.63vw;}
.form-bottom { margin: 1.57vw auto 0.52vw; max-width: 36.84vw; font-size: 0.73vw; line-height: 1.57vw;}

footer .footer-inside-block { padding: 1.57vw 0px; }
footer .copy-right-text { line-height: 0.94vw; padding: 0px 0.52vw; font-size: 0.63vw; height: 1.89vw; border-radius: 0.31vw 0px 0px 0.31vw; }
footer .logo {  max-width: 13.68vw; margin-bottom: 0.52vw; }
footer .logo span { font-size: 1.26vw; line-height: 1.89vw; }
.footer-link li { margin-bottom: 0.42vw; }
.footer-link li a { font-size: 0.63vw; line-height: 0.84vw; }
.social_icons { margin-bottom: 2.42vw; }
.social_icons li { margin-right: 0.78vw; }
.social_icons li a { width: 1.57vw; height: 1.57vw; }
.subscribe-block { max-width: 18.78vw; }
.subscribe-block .sub-title { font-size: 0.84vw; margin-bottom: 0.52vw;}
.subscribe-block .sub-text { font-size: 0.73vw; margin-bottom: 1.57vw; }
.subscribe-block .input-group { border-radius: 0.31vw; }
.subscribe-block .form-control { font-size: 0.73vw; line-height: 1.57vw; padding: 0.52vw; }
.input-group-text { font-size: 0.73vw; line-height: 1.57vw; border-radius: 0px 0.31vw 0.31vw 0px; padding: 0.10vw 0.78vw; }

.partner-third-section { padding: 2.63vw 0px;}
.partner-third-section .heading { font-size: 1.78vw; margin-bottom: 5.26vw;}
.pts-content-block-top li { max-width:  13.26vw; width: 100%; margin: 0px 1.05vw; }
.pts-content-block-top .ptsc-box { max-width: 13.26vw; height: 13.26vw; border-radius: 0.52vw; }
.pts-content-block-top { margin-bottom: 3.26vw;}
.pts-content-block-top .ptsc-box .pts-logo { width: 2.52vw; height: 2.52vw; margin: 0px auto 2.10vw;}
.pts-content-block-top .ptsc-box .pts-title { font-size: 0.84vw;}
.pts-content-block-bottom .ptsb-text { font-size: 0.84vw; margin-bottom: 4.20vw;}
.pts-img { max-width: 28.42vw; height: 19.47vw; border-radius: 0.52vw;}

.common-banner-section { min-height: 20vw !important;}
.contact-block { max-width: 48.94vw;}
.contact-block .cheading {font-size: 1.73vw; margin-bottom: 1.05vw;}
.contact-block .c-desc { font-size: 0.84vw;}

.privacy-terms-section { padding: 2.63vw 0px; }
.privacy-terms-section .pt-block { margin-bottom: 1.84vw; }
.privacy-terms-section .pt-title,
.privacy-terms-section p strong, .privacy-terms-section h1, .privacy-terms-section h2, .privacy-terms-section h3, .privacy-terms-section h4,
.privacy-terms-section h5, .privacy-terms-section h6
{ font-size: 0.84vw; }
.privacy-terms-section .pt-description, .privacy-terms-section p {  font-size: 0.73vw; margin-bottom: 1.05vw; }

.privacy-terms-section ul {  padding-left: 0.78vw; }
.privacy-terms-section ul li {  font-size: 0.73vw; margin-bottom: 1.05vw; }

.faq-content-section { padding: 2.63vw 0px; }
.faq-content-section .faq-block { margin-bottom: 1.57vw; }
.faq-content-section .faq-title { font-size: 1.26vw; margin-bottom: 1.05vw; }
.faq-content-section .accordion-button { font-size: 0.84vw; }
.accordion-item { padding: 0.78Vw 1.05vw; border-radius: 0.52vw !important; }
.accordion-body { padding: 0.52vw 0px;}
.accordion-body p { font-size: 0.73vw; }
.active-items {  margin-bottom: 1.05vw; }
.accordion-button::after { background-size: 0.63vw; }
.accordion-button:not(.collapsed)::after { background-size: 0.52vw;}
h2.middel-text { margin: 0px 0 1.57vw; }
h2.middel-text span {  font-size: 0.63vw; padding:0  0.52vw; }


}

@media (min-width: 2200px) {

.job-detail-left .close_btn { right: 0.73vw; min-width: 1.86vw !important;  }
/* .view_tech_info .close_btn { right: 0.73vw; min-width: 1.86vw !important;  } */
.tech_summary_block .close_btn { right: 0.73vw; min-width: 1.86vw !important; }
}


@media (max-width: 1199px) {

    .circle-one { width: 180px; height: 180px; border: 40px solid #333; top: 20px; left: -90px;}
    .bcb-inside-block .heading { font-size: 36px; line-height: 52px;}
    .rectangle { width: 200px; height: 50px; bottom: 10px;}
    .circle-two { width: 180px; height: 180px; bottom: 20px; right: -135px;}
    .bcb-inside-block {  max-width: 420px;  margin-right: 30px;}
    .story-img { max-width: 540px; height: 540px; margin: 0px auto 46px;}

    .story-img { max-width: 330px; height: 410px;}
    .story-inside { width: 140px; height: 170px; bottom: -36px; right: -30px; }
    .story-content .s-box .stitle { font-size: 24px; line-height: 32px;}
    .story-content { padding-left: 0;}
    .our_story_section {padding: 35px 0px;}
    .request-from {padding: 25px 35px;}
    .uploaded-img { padding-top: 20px;}


    .rpd-img { max-width: 310px;  height: 290px;}
    .pbrdp-content .title { margin-bottom: 5px;}
    .pbrdp-content .category { margin-bottom: 10px; }
    .pbrdp-content .sd-text { margin-bottom: 10px; }
    .request-detail .contact-information { margin-top: 15px; padding: 20px;}

    .feedback-block { padding: 25px 25px;}
    .feedback-block .id { font-size: 20px; margin-bottom: 15px;}
    .fb-top .form-group label { font-size: 14px; line-height: 26px;}

    .job-public-page .report-detail-page.card .card-body { padding: 20px; }
    .job-public-page .assign-job-details .sb_content_info {  padding-top: 10px;}


    .partner-third-section .heading { font-size: 28px; margin-bottom: 60px;}
    .partner-third-section {  padding: 20px 0px 50px;}
    .pts-content-block-top { margin-bottom: 60px;}

    .pts-content-block-bottom .ptsb-text {font-size: 14px;  margin-bottom: 40px;}
    .pts-img {  max-width: 500px; height: 330px;}

    .request-third-section .nav-pills .nav-link { font-size: 24px;}
    .request-third-section .nav-pills .nav-link img { width: 120px;}
    .request-third-section .rt_title { font-size: 26px;}

    .request-third-section .rt_desc {font-size: 14px;}
    .request-third-section .rt-ul li {font-size: 14px;}
    .request-third-section { padding: 20px 0px 50px; }

    .contact-block .cheading { font-size: 28px;}
    .contact-content {padding: 40px 0px;}

    .common-banner-section .circle-one { top: -40px; left: -85px;}
    .rectangle { left: -125px; bottom: 0px; }

    .privacy-terms-section { padding: 30px 0px;}

    .faq-content-section { padding: 30px 0px;}
    .faq-content-section .faq-title {font-size: 20px;}

    .request_form_section .common-form .form-group label { font-size: 14px;}
    .request_form_section .common-form .form-group .form-control { padding: 10px 10px;}
    .request_form_section .select2-container--default .select2-selection--single { padding: 10px 10px !important;}
    .request-from .rf_heading { font-size: 20px; line-height: 28px; margin-bottom: 15px;}

    .bcb-inside-block .heading img { width: 24px; height: 24px; margin-left: -12px; margin-top: -30px;}

    .client-checkbox { max-width: 30%; margin-right: 3%; }
    .select-all .checkbox span {font-size: 14px;}
    .cci-block span { margin-right: 0px;}
    .cci-block p {   padding-right: 29px;}

    .request-booking-page { padding: 25px 0px;}
    .request-content-block .req-description { font-size: 14px; margin-bottom: 30px;}
    .request-content-block .req-title { font-size: 26px; line-height: 30px;}
    .request-content-block .req-button { max-width: 165px;}
    .request-content-block .req-img { height: 165px; }
    .request-content-block .req-img img {width: 90px; height: 90px;}

   


}

@media (max-width: 991px) {

    .container, .container-md, .container-sm { max-width: 100%;}

    .request_banner-section .rb-bg { display: none; }
    .request_banner-section .banner-content-block { width: 100%;}
    .bcb-inside-block {margin: 0px auto; }
    .request_banner-section { min-height: auto; padding: 45px 0px;}
    .story-inside {  width: 130px; height: 170px; bottom: -30px; right: -30px;}
    .request_header .logo {  margin: unset;}
    .request_header .logo { max-width: 220px;}
    .request-from { padding: 20px 15px;}
    .uploaded-img ul li { width: 80px;  height: 80px;}

    .request-third-section { padding: 10px 0px 30px;}

    .rpd-img { max-width: 100%;}

    .partner-third-section .heading { font-size: 24px; margin-bottom: 50px; line-height: 36px;}
    .pts-content-block-top { margin-bottom: 40px;}
    .pts-content-block-bottom .ptsb-text { margin-bottom: 30px;}
    .pts-img { max-width: 460px; height: 300px;  margin-top: 35px;}

    .request-third-section .nav-pills .nav-link {font-size: 20px;}
    .rts-video-img { margin-bottom: 25px;}
    .request-third-section .rt_title { font-size: 20px;}

    .common-banner-section { min-height: 250px !important; padding: 0px; text-align: center; }
    .contact-block .cheading { font-size: 24px;}

    footer .logo span { font-size: 20px; line-height: 30px;}
    .subscribe-block .sub-title {font-size: 14px;}
    .subscribe-block .sub-text {font-size: 12px; margin-bottom: 11px;}
    .social_icons li a { width: 24px; height: 24px;}
    footer .footer-inside-block { padding: 20px 0px;}

    .subscribe-block .form-control { padding: 7px;  }

    .htoggle-btn { font-size: 30px; color: #333333; cursor: pointer; margin-left: auto; }
    .request_inside-header { padding: 0px; }

    .sidenav { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; right: 0; background: #FFFFFF; border-left: 1px solid;
        box-shadow: 0px 4px 4px rgba(255, 255, 255, 0.25);overflow-x: hidden; transition: 0.5s; padding-top: 60px; padding-left: 0px; padding-right: 0px; }
    .sidenav div { padding: 0px 20px 10px; }
    .sidenav div .select2-container { width: 100% !important; }
    .sidenav .language-selection { width: 100%  !important; }
    .sidenav div a { width: 100% !important; max-width: 100% !important; }
    .sidenav .closebtn { position: absolute; top: 0; right: 10px; font-size: 28px; margin-left: 10px; padding: 0px; color: #333333; }
    .request_header { height: 60px;}
    .request_header .language-selection { top: 13px; right: 45px; }

    .pts-content-block-bottom { margin-bottom: 40px; }
    .pts-content-block-bottom .pts-logo { width: 40px; height: 40px; margin: 0px auto 20px; }
    .pts-content-block-bottom .pts-logo img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
    .pts-content-block-bottom .pts-title { font-size: 20px; color: #333333; font-weight: 800; margin-bottom: 20px; text-align: center; }
    .subscribe-block {  margin-left: 0;  margin-top: 20px;}

    .report-img-block .sub_tile_image span.count {width: 38px; height: 38px; top: -10px;}

}



@media(max-width:767px) {

    .request_banner-section {padding: 35px 10px; overflow: hidden; }
    .request_banner-section .banner-content-block { overflow: unset; }
    .circle-one { top: -30px; width: 150px;  height: 150px; border: 25px solid #333; }
    .rectangle { bottom: -35px;}
    .circle-two { bottom: -20px; width: 150px; height: 150px; right: -100px; }
    .bcb-inside-block .desc { margin-bottom: 25px;}
    .request_header .logo span {font-size: 16px; line-height: 22px;}
    /* .request_header .logo img {width: 50px; height: 25px;} */
    .request_header .logo { max-width: 170px;}
    .request_inside-header .login_link { min-width: 180px;}
    .story-img { max-width: 280px; height: 340px;}
    .our_story_section { padding: 25px 0px;}
    .story-content .s-box .stitle { font-size: 20px; line-height: 28px;}

    .request-detail .contact-information { margin-top: 5px; padding: 15px;}
    .reset-icon { width: 25px;  height: 25px;}

    .partner-third-section .heading { font-size: 20px; margin-bottom: 40px; line-height: 29px;}
    .pts-content-block-top {  margin-bottom: 20px;}

    .vaibox { width: 145px;}

    .bcb-inside-block .heading { font-size: 32px;}
    .bcb-inside-block { max-width: 450px;}

    .nav-data-tabs { padding: 5px 12px 0px; width: 700px; }

    .profile_nav { overflow-x: scroll; }

    .profile-data .card .card-body {  padding: 21px;}

    .fornt_right_side_nav .language-selection { width: 90px !important; }
    .fornt_right_side_nav .language-selection img { vertical-align: middle;}
    .fornt_right_side_nav .select2-container .select2-selection--single .select2-selection__rendered { display: flex !important; }

    .client-checkbox {  max-width: 47%; }
    .select-all {  flex-wrap: wrap;}
    .client-title {  width: 100%;}
    .search_refresh_block {  margin-left: 0;}



      .pts-content-block-top .ptsc-box .pts-title { font-size: 14px;}
      .pts-content-block-top .ptsc-box {  margin-bottom: 18px;}
      .pts-content-block-top .ptsc-box .pts-logo {  margin: 0px auto 20px; width: 40px; height: 40px;}

      .request-booking-page {padding: 10px 0px;}
      .request-content-block .req-title {  font-size: 24px; margin-bottom: 10px;}
      .request-content-block .req-description { line-height: 21px;}
      .request-content-block .req-button {max-width: 150px;}
      .request-content-block .req-button-block {max-width: 420px;}
      .request-content-block .req-img { height: 150px;}
      .request-content-block .req-img img { width: 75px; height: 75px;}


}


@media(max-width:568px){

    .circle-one { top: -30px; width: 100px; height: 100px;}
    .circle-two {  bottom: -27px;  width: 100px;  height: 100px; right: -70px;}

    .story-img { max-width: 230px; height: 270px;}
    .story-inside { width: 100px; height: 140px;}
    .request_form_section { padding: 0px 0px 40px;}
    .bcb-inside-block .heading {font-size: 24px; line-height: 36px; margin-bottom: 12px;}

    .img-block { display: block;}

    .preview-full-calendar .col-1 { width: 8.33333333%; padding-left: 0px; }
    .reset-icon { width: 20px; height: 20px;}

    .common-banner-section .circle-one {  top: -40px; left: -50px;}
    .contact-block .cheading { font-size: 20px;}

    .social_icons { margin-bottom: 30px; justify-content: flex-start;  margin-top: 20px;}
    .social_icons li {  margin-right: 8px; }
    .subscribe-block { max-width: 100%; margin-left: 0;}
    .subscribe-block .input-group {  margin-bottom: 0px !important;}

    .bcb-inside-block .heading img { width: 20px; height: 20px; margin-left: -10px;  margin-top: -24px;}

    .client-checkbox {  max-width: 96%; margin-right: 0px; }
    .select-all .checkbox {  margin-right: 0%;}
    .search_refresh_block { width: 250px;}
    .select-all .input-group { width: 150px;}
    .send_block .sendBtn { padding: 8px 16px;}

}

@media (max-width: 500px){

    .input-field label { width: 120px;}



}