body {
    font-family: var(--ct-body-font-family) !important;
    font-size: var(--ct-body-font-size) !important;
    font-weight: var(--ct-body-font-weight) !important;
    line-height: var(--ct-body-line-height) !important;
    color: var(--ct-body-color) !important;
    text-align: var(--ct-body-text-align) !important;
    background-color: var(--ct-body-bg) !important;
    -webkit-text-size-adjust: 100% !important;
    -webkit-tap-highlight-color: transparent !important;
}

.bg-gradient-to-r.from-blue-400.to-indigo-400.flex.hover\:bg-gray-200.rounded-md.transform.rotate-45.h-6.w-6.items-center.justify-center {
    width: 39px;
    height: 35px;
    border-radius: 0px;
    --tw-rotate: -90deg;
}

span.transform.-rotate-45 {
    --tw-rotate: 90deg;
}

section.flex.justify-between.bg-white.rounded-lg.border.border-gray-200.px-10.py-3.text-gray-700.font-montserrat {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    border: none !important;
    float: right !important;
}

.from-blue-400 {
    color: #fff;
    --tw-gradient-from: #362981 !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(96, 165, 250, 0));
}

.to-indigo-400 {
    --tw-gradient-to: #362981 !important;
}

.pr-2.text-gray-400.font-medium {
    display: none;
}

html[data-sidenav-color=dark] .side-nav .menuitem-active>a {
    color: #ffffff !important;
}

.w-14.rounded-md.border.border-indigo-400.px-1.py-1 {
    display: none;
}

.flex.items-center.pl-4.font-medium.cursor-pointer {
    display: none;
}

.logo-sm {
    height: 70px;
}

table em {
    color: #362981;
}

.logo-lg {
    width: 150px;
    height: 70px;
}

.logo img {
    display: inline !important;
}

.side-nav .side-nav-title {
    padding: 12px 30px;
    letter-spacing: .05em;
    pointer-events: none;
    cursor: default;
    font-size: .6875rem;
    text-transform: uppercase;
    color: var(--ct-menu-item);
    font-weight: 700;
}

.side-nav .side-nav-link em {
    display: inline-block;
    line-height: 1.0625rem;
    margin: 0 5px 0 0;
    font-size: 1.1rem;
    vertical-align: middle;
    width: 45px;
}
.left_client_sidebar .flex-cls {
    display: flex !important;
}
.form-control.is-invalid {
    background-image: none !important;
}
html[data-sidenav-color=light] .side-nav .side-nav-link:active,
html[data-sidenav-color=light] .side-nav .side-nav-link:focus,
html[data-sidenav-color=light] .side-nav .side-nav-link:hover {
    color: #b2b0b0;
}

html[data-sidenav-color=light] .leftside-menu .logo {
    background: #362981 !important;
}

html[data-sidenav-color=light] .leftside-menu {
    background: #362981;
}

html[data-sidenav-color=light] .side-nav .side-nav-link {
    color: #fff;
}

em.mdi.mdi-asterisk, i.mdi.mdi-asterisk{
    color: #f95000;
    font-size: 8px;
    vertical-align: text-top;
    margin-left: 3px;
} .card {
    box-shadow: 0px 0px 15px 0px rgba(154, 161, 171, 0.15) !important;
}
.card-service
{
    height:510px;
}
.card-service .multiselect{
min-height:40px;
}
.multiselect.form-control.service_drop {
    margin-bottom: 10px;
}
.btn-primary,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active {
    color: #fff;
    background-color: #362981 !important;
    border-color: #362981 !important;
}

.page-link {
    color: #212529 !important;
}

.page-item.active .page-link {
    color: #fff !important;
    background-color: #362981 !important;
    border-color: #362981 !important;
}

.modal-colored-header {
    background-color: #362981 !important;
}

.search_bar {
    border-radius: 50px !important;
}


.topnav {
    background: linear-gradient(to bottom, #362981, #362981);
}

html[data-sidenav-size=condensed]:not(.authentication-bg) .side-nav .side-nav-item .side-nav-link {
    padding: 13px 26px !important;
}

html[data-sidenav-color=light][data-sidenav-size=condensed] .side-nav .side-nav-item:hover .side-nav-link {
    background: #362981 !important;

}

.multiselect-option.is-selected {
    background: #362981 !important;
}

html[data-sidenav-color=light] .side-nav .side-nav-forth-level li a:focus,
html[data-sidenav-color=light] .side-nav .side-nav-forth-level li a:hover,
html[data-sidenav-color=light] .side-nav .side-nav-second-level li a:focus,
html[data-sidenav-color=light] .side-nav .side-nav-second-level li a:hover,
html[data-sidenav-color=light] .side-nav .side-nav-third-level li a:focus,
html[data-sidenav-color=light] .side-nav .side-nav-third-level li a:hover {
    color: #ccc !important;
}

.side-nav em, .side-nav i {
    width: unset !important;
}

html[data-sidenav-color=dark] .leftside-menu .logo {
    background: none !important;
}

html[data-sidenav-color=dark] .leftside-menu {
    background: #362981 !important;
}

.no-icon {
    margin-left: 17px;
}

.custom-sel {
    width: 38%;
    float: left;
    margin-left: 10px;
}

.custom-label {
    float: left;
}

input.multiselect-search {
    font-size: .9rem;
}

span.multiselect-single-label-text {
    font-size: .9rem;
}

ul#multiselect-options li {
    font-size: .9rem;
}

a {
    cursor: pointer;
}

.leftside-menu.menuitem-active {
    position: absolute !important;
}

.content-page {
    margin-left: 70px !important;
}

.multiselect-tag {
    background: #cfcfcf70 !important;
    color: #848383 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 13px !important;
}

.paginate_cls .transform {
    transform: none !important;
}
em.sorting, i.sorting {
    cursor: pointer;
}
.force-overflow {
    float: left;
    background: #eaeaea;
    padding: 1px 1px 1px 1px;
    margin-right: 4px;
    border-radius: 3px;
    margin-top:4px;
}
.force-overflow span {
    color: #362981;
    font-weight: 500;
    font-size: 13px;
}
.style-scroll::-webkit-scrollbar-track
{
    background-color: #fafbfe;
}

.style-scroll::-webkit-scrollbar
{
    width: 4px;
    background-color: transparent;
}

.style-scroll::-webkit-scrollbar-thumb
{
    background-color: #bdb4b4;
    outline: 1px solid #bdb4b4;
    border-radius: 20px;
}
.common_btn
{
    background-color: #362981;
    color: #fff;
}
.common_btn:hover
{
    background-color: #8391a2;
    color: #fff;
}
.side-nav-third-level .router-link-active {
    color: #fff !important;
}
.form-check-input[type=checkbox] {
    cursor: pointer;
}
ul{
    list-style: none;
}
.card_left, .card_right {
    min-height:600px;
}
.delicon{
    margin-left:4px;
}
.left_client_sidebar
{
    padding-left:10px;
}
.right_section .form-control {
    padding: 5px 6px !important;
    min-height: 40px;
}
.card-body .text-uppercase {
    font-weight: 700;
}
.empty_val{
    height:30px;
}
.card-body{
    padding:15px !important;
}
#Algemeen_btn{
    margin-bottom: 3%;
}
#clientdetails span.multiselect-clear {
    height: 11px;
    width: 11px;
    padding: 1px;
}

#clientdetails span.multiselect-clear-icon {
    height: 11px;
    width: 11px;
}

#clientdetails span.multiselect-caret {
    margin-right: 1px;
    height: 14px;
    width: 13px;
}

#clientdetails span.multiselect-tag {
    font-size: 9px !important;
}

#clientdetails span.multiselect-tag-remove {
    height: 14px;
    width: 14px;
}
a.router-link-active.router-link-exact-active.side-nav-link {
    color: #fff;
}
.page-title
{
    font-weight: 700 !important;
}

.right_section .form-control.is-invalid {
    padding-right: 32px  !important;
}
.right_section .multiselect.form-control.is-invalid {
    padding-right: 5px !important;
}
.tilebox-one .mdi.mdi-asterisk
{
    color: #f95000;
    font-size: 8px;
    vertical-align: text-top;
    margin-left: 3px;
    right: 0px !important;
    opacity: 1 !important;
    padding-top: 0px !important;
    position: unset !important;
}
.showdiv
{
    display:block;
}
.hidediv
{
    display:none;
}
button.collapsed
{
    display:block;
}
button.detaildiv
{
    display:none;
}
.side-nav-third-level li a {
    padding: 8px 30px 8px 20px;
}

.client-detail-col-left .side-nav-forth-level li .side-nav-link, .client-detail-col-left .side-nav-forth-level li a, .client-detail-col-left .side-nav-second-level li .side-nav-link, .client-detail-col-left .side-nav-second-level li a, .client-detail-col-left .side-nav-third-level li .side-nav-link, .client-detail-col-left .side-nav-third-level li a {
    padding: 8px 30px 8px 10px  !important;
    font-size: 13px  !important;
}
.client-detail-col-left .side-nav .side-nav-link {
    display: block;
    padding: 5px  !important;
    font-size: 14px !important;
}
.client-detail-col-left .side-nav .menu-arrow {
    position: absolute;
    right: -11px  !important;

}
.notelistright {
    margin-right: 5%;
    text-align: justify;
}
.client-detail-col-left a.active , .client-detail-col-left a:hover{
    color: var(--ct-dark-menu-item-hover) !important;
}
.location-card
{
    min-height:325px;
}
.client-card
{
    min-height:410px;
}
.force-overflow p {
    margin-bottom:0px !important;
}

:root {
    --popper-theme-background-color: #362981;
    --popper-theme-background-color-hover: #362981;
    --popper-theme-text-color: #ffffff;
    --popper-theme-border-width: 0px;
    --popper-theme-border-style: solid;
    --popper-theme-border-radius: 6px;
    --popper-theme-padding: 32px;
    --popper-theme-box-shadow: 0 6px 30px -6px rgba(0, 0, 0, 0.25);
    --popper-theme-width: 30%;
    --popper-theme-position: absolute;

  }
  .popper{
    min-width: 30% !important;
  }
  .field_val .popper{
    width: 50vw !important;
  }
.action-label td:hover{
    color: var(--ct-link-hover-color) !important;
}
.card.object-card {
    min-height: 470px;
}
.fixed_postion
{
    position: fixed;
    width: 15%;
    height: calc(100% - 27%);
}
.fix_head
{
    position: fixed;
}
ul.side-nav-forth-level {
    padding-left: 7%;
    cursor: pointer;
}
ul.side-nav-third-level {
    padding-left: 4%;
}
.footer{
    background: #fafbfe;
    border-top: 1px solid rgba(138,150,156,.2);
    bottom: 0;
    padding: 19px 0 19px 90px;
    right: 0;
    color: var(--ct-gray-600);
    left: 260px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: fixed;
}
ul.side-nav-second-level {
    padding-left: 0%;
}
.col-lg-2.client-detail-col-left {
    padding-right: 0px !important;
}
.article_c
{
    position:relative !important;
    left:38px !important;
    cursor: default;
}
.article_c::before {
    position: absolute !important;
    left: -15px !important;
}
.article_grp::before {
    position: absolute !important;
    left: 62px !important;
}
.left_client_sidebar span.badge {
    height: 22px !important;
}
.side-nav .badge {
    margin-top: 0px !important;
    margin-left: 7px;
}
em.uil-shield-slash {
    font-size: 17px !important;
}
.side-nav .side-nav-link span {
    vertical-align: middle;
    word-break: break-all;
}
.uil-shield-slash:before, .uil-shield-check:before {
    font-size: 16px !important;
}
.multiselect.form-control.is-invalid {
    padding: 2px !important;
}
.article_grp {
    display: flex;
    margin-left: 43px;
    margin-top: 0px;
    margin-bottom: 0px;
    cursor: default;
}
.disabledTab{
    pointer-events: none;
}
.custom_valid {
    width: 100%;
    margin-top: .25rem;
    font-size: .75rem;
    color: #ff5b5b;
}

.uil-shield-check, .uil-shield-slash {
    margin:0px !important;
}
.side-nav-link
{
    display: flex;
}
.sublocation-card{
    min-height: 260px;
}
.dp__main.dp__theme_light.is-invalid {
    border: 1px solid #ff5b5b;
}
.service-btns
{
    width:100%;
}
.service_top_btns .service-btns {
    width: 48%;
    margin-right: 2%;
    margin-top: 5%;
}
.contact-drop .multiselect-options li:first-child {
    background: #6c757d;
    color: #fff;
}
.multiselect.form-control.stat-drop {
    margin-top: 20px;
}
.client-detail-col-left a.side-nav-link {
    word-break: break-all;
}

.multiselect.form-control.service_drop.is-invalid {
    margin-bottom: 0px;
}
.pageloader
{
    width:25px;
    height:25px;
    margin-top: 1%;
}
.loader_cvr .field_val
{
    opacity:0;
}
.modal-dialog {
    max-width: 900px;
}
.modal-content textarea {
    min-height: 200px;
}
.client_label {
    transition: opacity 2s;
}
.labeltxt
{
    display:block;
}
.nohreflink
{
    color: #536de6;
}
.filterpopup {
    font-size: 20px;
    padding: 20px;
}

.card-btnblock
{
    height:200px;
}
.card-textblock
{
    height:260px;
}
.text_tdcenter{
    text-align: center;
}
.small-card h4{
    font-size:1.125rem;
    font-weight: 700;
    margin: 0px !important;
}
.small-card .chead {
    height: 30px;
}

button.wo_btns.btn.btn-primary.ms-1 {
    padding: 7px 10px;
/*     width: 18.4%; */
    border-radius: 5px;
}
.mts-btn
{
    padding: 12px 24px;
/*     width: 19.4%; */
    border-radius: 5px;
}
input[type="checkbox"]
{
    cursor: pointer;
    border-color: #dee2e6;
}
.modal-title {
    font-weight: bold !important;
}
.preventive-sort {
    width: 15%;
}
.mdi-google-maps {
    color: #362981;
}
.header-details-table{
    width:100%;
    border-collapse:collapse;
    border:0;
    border-spacing:0;
}
.multiselect.form-control.costemail_ct li:first-child {
    background: #6c757d;
    color: #fff;
}
@media (max-width: 768px) {
    .card.card-h-100.fixed_postion {
        width: 18% !important;
    }
    .col-lg-2.client-detail-col-left {
        width: 25% !important;
        float:left;
    }
    .col-lg-10.right_section.client-detail-col-right {
        width: 75% !important;
    }
  }
  #contact-modal-location span.multiselect-tag, #contact-modal-client span.multiselect-tag
  {
    word-break: break-all;
    flex-wrap: wrap;
    /* min-width: 0 !important; */
    white-space: normal;
    padding-right: 25px;
    position: relative;
    padding-top: 4px;
    padding-bottom: 4px
  }

  #contact-modal-location .multiselect-tag-remove, #contact-modal-client .multiselect-tag-remove
  {
    position: absolute;
    top: 2px;
    right: 2px;
  }
  .button-close-fullsidebar {
    display: none;
}


  
@media (max-width: 768px) {
    .sidebar-enable .button-close-fullsidebar {
        display: block;
        position: absolute;
        right: 10px;
        top: 15px;
    }
  /*   .logo-dark span.logo-sm {
        display: none !important;
    } */
}
@media (max-width: 767.98px) {
.logo-topbar span.logo-sm {
    height:auto !important;
    margin-top: 25px !important;
}
.navbar-custom .logo-topbar{
    line-height:0px;
}
}