@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
    font-family: 'Poppins', 'Arial';
}

/* Navbar CSS Starts */

.navbar_container {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #EDEDED;
    position: relative;
}

.btn_hover:hover {
    background-color: #e9e9e9;
}

.notify_btn {
        border-radius: 50px;
        width: 30px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 3px;
}

.header_info {
    display: flex;
    gap: 20px;
    height: max-content;
}

.header_info button {
    border: 0;
    background: transparent;
    padding: 0;
}

.navbar_container .user_img img {
    border-radius: 50px;
}

.menu_btn {
    display: none;
}

/* Navbar CSS Ends */


/* Sidebar CSS Starts */

#sidebar {
    border-right: 1px solid #EDEDED;
}

.sidebar {
    min-width: 220px;
    /* border-right: 1px solid #EDEDED; */
    display: flex;
    /* min-height: 100vh; */
    padding-top: 1rem;
    transition: .4s;
}

.sidebar .side_nav {
    padding: 0;
    list-style-type: none;
    width: 100%;
}

.sidebar .side_nav .nav-link {
    padding: 0;
}

.sidebar .side_nav .side_nav_item span {
    padding: 0 10px;
}

.sidebar .side_nav .side_nav_item a {
    text-decoration: none;
    color: #6C6C6C;
    font-size: 13px;
    padding-top: 7px;
    padding-bottom: 7px;
    display: block;
    padding-inline: 10px;
    border-radius: 50px;
    margin-bottom: 5px;
    cursor: pointer;
}

.sidebar .side_nav .side_nav_item a:hover,
.sidebar .side_nav .side_nav_item a.active {
    background-color: #FFD4C1;
    color: #E7581A;
}

.sidebar .side_nav_item:hover svg path,
.sidebar .side_nav_item a.active svg path {
    stroke: #E7581A;
}


.sidebar .side_nav_item:hover img,
.sidebar .side_nav_item a.active img {
    filter: invert(38%) sepia(70%) saturate(1382%) hue-rotate(351deg) brightness(94%) contrast(92%);
}


.sidebar .side_nav_item.dashboard_link:hover svg path,
.sidebar .side_nav_item.dashboard_link a.active svg path {
    fill: #E7581A;
    stroke: transparent;
}

.sidebar .side_nav_item.alert_icon:hover svg path, .sidebar .side_nav_item.alert_icon a.active svg path {
    fill: #E7581A;
}

.mobile_logo {
    display: none;
    padding-inline: 10px;
    margin-bottom: 10px;
}

/* Sidebar CSS Ends */


/* Page Panel CSS Starts */

.page_panel {
    width: 100%;
    background: #FAFAFA;
    padding: 20px 20px;
    /* min-height: 100vh; */
}

.panel_heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.panel_heading h3 {
    font-size: 20px;
    font-weight: 500;
    margin: 0;
}

.btn_default {
    background-color: #F06123;
    font-size: 14px;
    border-radius: 10px;
    padding: 9px 20px;
    border: 0;
    color: #fff;
    transition: .3s;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.btn_default:hover {
    background-color: #e55314;
    color: #fff;
}

.panel_search {
    display: flex;
    gap: 10px;
}

.panel_content {
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 10px;
    border: 1px solid #EDEDED;
    background-color: #fff;
    margin-top: 1rem;
}

.input_field {
    border: 1px solid #E7E7E7;
    border-radius: 15px;
    min-height: 39px;
    font-size: 13px;
    padding-inline: 13px;
    outline: none !important;
}

.search_dropdown .dropdown-toggle {
    font-size: 13px;
    color: #373434;
    background-color: transparent;
    border: 1px solid #E7E7E7;
    border-radius: 15px;
    min-height: 39px;
    box-shadow: none !important;
    min-width: 200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.map_container .map_jobs.tab_panel_content.tab-content .map_jobs_inner {
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 10px;
    border: 1px solid #EDEDED;
    background-color: #fff;
    padding-inline: 20px;
}

.map_jobs .search_dropdown .dropdown-toggle {
    min-width: 100%;
}

.map_jobs .panel_table th:last-child, .map_jobs .panel_table td:last-child {
    width: auto;
}

.search_dropdown .dropdown-menu {
    border-radius: 15px;
    border: 1px solid #E7E7E7;
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.search_dropdown .dropdown-menu a {
    font-size: 14px;
    color: #373434;    
    max-width: 100%;
    white-space: break-spaces;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.search_dropdown .dropdown-menu a:hover {
    background-color: #f7f7f7;  
}

.search_dropdown .dropdown-toggle:after {
    display: inline-block;
    margin-left: 3px;
    vertical-align: 3px;
    content: "";
    background-image: url('../assets/images/svg/arrow_down.svg');
    border: 0;
    width: 20px;
    height: 20px;
}

.search_dropdown .dropdown-toggle.show:after {
    transform: rotate(180deg);
    background-position-y: 20px;
}


.client_dropdown li {
    font-size: 13px;
}

.panel_table {
    margin-top: 0;
}

.panel_table thead {
    position: sticky;
    top: 0;
    background-color: #fff;
}

.panel_table th:first-child,
.panel_table td:first-child {
    padding-left: 2.3rem;
    width: 30%;
    padding-right: 2rem;
}

.panel_table th:last-child,
.panel_table td:last-child {
    width: 40%;
}

.panel_table th {
    font-weight: 600;
    font-size: 13px;
    border-bottom: 1px solid #E7E7E7 !important;
}

.panel_table td {
    font-size: 13px;
    padding-top: 0.9em;
    padding-bottom: 0.9em;
    border-bottom: 1px solid #E7E7E7;
}

.panel_table .info_contact a {
    color: #000000;
    text-decoration: none;
    display: block;
}

.panel_table .info_contact a:hover {
    text-decoration: underline;
}

.panel_table .status {
    color: #5DBE18;
}

.panel_table .failed_inspection {
    color: #E71A1A;
}

/* Page Panel CSS Ends */


/* Login Page CSS Starts */

.login_panel {
    height: 100vh;
    display: grid;
    grid-template-columns: 50% 50%;
}

.login_img {
    background-image: url('https://app.tristatefiresprinklers.com/assets/images/banner_login.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-position-x: 100%;
}

.login_form {
    padding: 15px;
    display: flex;
    align-items: center;
    background-color: #FAFAFA;
}

.login_form form {
        max-width: 60%;
        margin: 0 auto;
}

.login_form .forgot_pass {
    padding: 0;
    text-align: right;
    font-size: 14px;
}

.login_form input {
    min-height: 48px;
    box-shadow: none !important;
}

.login_form input:focus {
    border: 1px solid #b9b9b9 !important;
}

.login_form .forgot_pass a {
    color: #2d2d2d;
    text-decoration: none;
}

.login_form .forgot_pass a:hover {
    text-decoration: underline;
}

.login_form .form-label {
    font-size: 14px;
}

.btn_default {
    outline: none !important;
    box-shadow: none !important;
}

.btn_login {
    width: 100%;
    background-image: linear-gradient(#F5AD1A, #F06123);
    font-size: 16px;
    transition: .3s;
    justify-content: center;
    min-height: 42px;
}

.btn_login:hover {
    color: #fff;
    background-image: linear-gradient(#F06123, #F5AD1A);
}

.view_pass {
    position: relative;
}

.view_pass_btn {
    position: absolute;
    top: 10px;
    right: 15px;
    padding: 0;
    border: 0;
    height: auto;
    background: transparent;
    line-height: normal;
}

.view_pass_btn.active:before {
        position: absolute;
        content: "";
        left: 0;
        top: 50%;
        right: 0;
        border-top: 2px solid #868686!important;
        border-color: inherit;  
        -webkit-transform:rotate(-25deg);
        -moz-transform:rotate(-25deg);
        -ms-transform:rotate(-25deg);
        -o-transform:rotate(-25deg);
        transform:rotate(-25deg);
}

/* Login Page CSS Ends */



/* Details Page CSS Starts */


    /* Tabs Starts */

   .custom_tabs {
      border-bottom: 0;
   }

   .custom_tabs .tab-content {
      display: none;
   }

   .custom_tabs .tab-content.active {
       display: block;
   }

   .custom-tabs-nav {
    overflow: auto;
   }

   .custom-tabs-nav {
    list-style-type: none;
    padding: 0;
    display: flex;
    gap: 3px;
    padding-inline: 20px;
    margin-bottom: 0;
    }

    .custom-tabs-nav .tab-link {
        padding: 5px 15px;
        background-color: #fff;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        font-size: 14px;
        cursor: pointer;
    }

    .custom-tabs-nav .tab-link:hover {
        background-color: #FEEAE1;
    }

    .custom_tabs .tab-link.active {
        background-color: #FEEAE1;
        border-bottom: 2px solid #E7581A;
    }

    .custom_tabs.tab-content-wrap {
        padding-inline: 0;
    }

   /* Tabs Ends */

   .success_status {
       color: #5DBE18;
   }

   .detail_tab_container.active {
        display: grid;
        grid-template-columns: 45% 20% 30%;
        width: 100%;
        gap: 20px;
   }

   .detail_tab_container .detail_row {
        display: flex;
        gap: 10px;
        justify-content: space-between;
   }

   .detail_tab_container p, .detail_tab_container strong, .detail_tab_container a {
        font-size: 14px;
   }

   .detail_tab_container strong {
        font-weight: 600;
        margin-bottom: 7px;
        display: block;
   }

   .details_info ul {
        list-style-type: none;
        padding: 0;
        margin-bottom: 0;
   }

   .details_info li {
        background-image: url('../assets/images/svg/checkmark.svg');
        background-size: 20px;
        background-position-x: 0;
        background-position-y: 5px;
        padding-left: 27px;
        background-repeat: no-repeat;
        font-size: 14px;
        line-height: 30px;
   }

   .details_info p {
    margin-bottom: 0;
   }

   .details_info a {
    color: #2d2d2d;
    text-decoration: none;
   }

   .details_info a:hover {
    text-decoration: underline;
   }

   .btn_transparent {
        background: transparent;
        border: 1px solid #F06123;
        color: #F06123;
        transition: .3s;
        font-size: 12px;
        padding-top: 6px;
        padding-bottom: 6px;
        width: max-content;
        text-decoration: none;
        display: flex;
        align-items: center;
   }

   .btn_transparent:hover {
    background-color: #F06123;
    color: #fff;
   }

   .btn_edit {
    position: absolute;
    right: 20px;
   }


/* Details Page CSS Ends */

/* Add Property Page Starts */

.property_form_container {
    width: 100%;
}

.property_form_container .details_tab {
    width: 65%;
    display: block;
}

h2.heading {
    font-weight: 600;
    font-size: 1rem;
}

.detail_col form label, .detail_col form p {
    font-size: 14px;
}

.grid-50 {
    display: grid;
    grid-template-columns: 50% 50%;
}

.grid-50.gap_1 {
    grid-template-columns: calc(50% - 0.2rem) calc(50% - 0.2rem)
}

.grid-50.gap_2 {
    grid-template-columns: calc(50% - 0.5rem) calc(50% - 0.5rem)
}

.grid-mobile {
    grid-template-columns: 100%;
}

.property_form .input_field {
  min-height: 48px;
}


/* Toggle Switch CSS Starts */


.chkbx-toggle {
    display: none;
  }
  .chkbx-toggle + label {
    position: relative;
    cursor: pointer;
    outline: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 40px;
    height: 15px;
    background-color: #e4e4e4;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    -moz-transition: background 0.4s;
    -o-transition: background 0.4s;
    -webkit-transition: background 0.4s;
    transition: background 0.4s;
  }
  .chkbx-toggle + label::before, .chkbx-toggle + label::after {
    content: "";
    display: block;
    position: absolute;
  }
  .chkbx-toggle + label::before {
    right: 1px;
    left: 1px;
    top: 1px;
    bottom: 1px;
    background-color: #e1e1e1;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    -moz-transition: background 0.4s;
    -o-transition: background 0.4s;
    -webkit-transition: background 0.4s;
    transition: background 0.4s;
  }
  .chkbx-toggle + label::after {
    top: -4px;
    left: 0;
    width: 22px;
    height: 22px;
    background-color: #ffffff;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    -moz-transition: -moz-transform 0.4s;
    -o-transition: -o-transform 0.4s;
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
  }


  .chkbx-toggle:checked + label {
    background-color: #a9d5ff;
  }
  .chkbx-toggle:checked + label::before {
    background-color: #a9d5ff;
  }
  .chkbx-toggle:checked + label::after {
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    background-color: #52abff;
  }
  .chkbx-toggle:disabled + label {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    cursor: default;
  }
  

  .toggle_switch {
      display: flex;
      gap: 18px;
  }

  .toggle_switch span {
    font-size: 14px;
    line-height: 14px;
  }

/* Toggle Switch CSS Ends */

.file_info {
    display: flex;
    gap: 3rem;
    margin-bottom: 1rem;
}

.file_info button {
    background-color: transparent;
}

.file_info .delete_btn {
    padding: 0;
    border: 0;
    padding-inline: 10px;
    border-radius: 30px;
}

.file_info .delete_btn:hover {
    background: #f5f5f5;
}

.file_info .file span {
    font-size: 12px;
}

.counts .input_field {
    max-width: 139px;
    margin-left: 58px;
    margin-top: 10px;
    border-radius: 8px;
    min-height: 41px;
}

.inspection_section {
    display: flex;
    width: max-content;
    gap: 4rem; 
}

.tab_panel_content {
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 10px;
    border: 1px solid #EDEDED;
    background-color: #fff;
    margin-top: 1rem;
}

.toggle_heading {
    font-weight: 600;
    line-height: 15px;
    font-size: 14px;
}

.property_contacts .panel_table th:first-child,
.property_contacts .panel_table td:first-child {
    padding-left: 5px;
}

.property_contacts .panel_table th:last-child,
.property_contacts .panel_table td:last-child {
    width: auto;
}

.property_form label {
    font-size: 14px;
    min-width: 40px;
}

.property_form_container .form-label {
    margin-bottom: 3px;
}

.property_dropdown button.dropdown-toggle, .status_dropdown button.dropdown-toggle {
    width: 100%;
    min-height: 48px;
    justify-content: space-between;
    overflow: hidden;
}

.status_dropdown button.dropdown-toggle {
    display: flex !important;
}

.visit_card {
        padding-top: 15px;
        padding-bottom: 15px;
        border-radius: 10px;
        border: 1px solid #EDEDED;
        background-color: #fff;
        margin-top: 1rem;
        margin-bottom: 1rem;
        width: max-content;
        padding-inline: 15px;
}

.visit_card .visit_heading,
.visit_heading {
    font-size: 14px;
    font-weight: 600;
}

.visit_card .visit_info {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
}

.font_default {
    font-size: 14px;
}

/* Add Property Page Ends */


/* Job Details CSS Starts */

.property_details_container {
    padding-top: 15px;
    border-radius: 10px;
    border: 1px solid #EDEDED;
    background-color: #fff;
    padding-top: 2rem;
    padding-bottom: 1.3rem;
}

.job_details_container, .property_details_container.active {
    display: flex !important;
    width: 100%;
    gap: 25px;
}

.job_details_container .detail_row, .property_details_container.active .detail_row {
    display: flex;
    gap: 25px;
    justify-content: space-between;
}

.job_detail_images {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.job_detail_images img {
    width: 74px;
    height: 72px;
    object-fit: cover;
    border-radius: 10px;
}

.job_details_textarea textarea {
    min-width: 250px;
    border-radius: 14px;
    border: 1px solid #D9D9D9;
    color: #3E3E3E;
    padding: 15px 15px;
    font-size: 14px;
}

.overflow_auto {
    overflow: auto;
}

.panel_table.th_pl_0 th:first-child, .panel_table.th_pl_0 td:first-child {
    padding-left: 0;
}

.w_col {
    width: 65%;
    display: block;
}

.recipients_email a {
    border: 1px solid #ADADAD;
    color: #000;
    padding: 3px 6px;
    border-radius: 50px;
    margin-right: 3px;
    text-decoration: none;
    margin-bottom: 4px;
    display: inline-block;
}

.recipients_email a:hover {
    text-decoration: underline;
}

.panel_table tr:last-child td {
    border-bottom: 0;
}

.recipients_email {
    width: 40%;
}

.config_form .job_details_textarea {
    display: block;
    width: 50%;
}

.config_form .job_details_textarea textarea {
    border: 1px solid #E7E7E7;
    margin-bottom: 10px;
    width: 100%;
    resize: none;
}

.config_form .input_field {
    min-height: 48px;
    width: 100%;
    margin-bottom: 15px;
}

.config_form .job_details_textarea textarea,
.config_form .job_details_textarea .input_field {
    outline: 0 !important;
}

.config_form .job_details_textarea textarea:focus,
.config_form .job_details_textarea .input_field:focus,
.job_details_textarea .tagify--focus {
    border: 1px solid #8a8a8a !important;
}

.config_form label {
    padding-bottom: 5px;
    display: block;
}

.config_form * {
    font-size: 14px;
}

.job_details_textarea .tagify {
    min-height: 166px;
    border-radius: 15px;
    margin-bottom: 15px;
    min-width: 100%;
}

.job_details_textarea .tagify tag {
    border: 1px solid #ADADAD;
    color: #000;
    padding: 3px 6px;
    border-radius: 50px;
    margin-right: 3px;
    text-decoration: none;
}

/* .job_details_textarea .tagify tag x {
    display: none;
} */

.job_details_textarea .tagify__tag>div::before {
    display: none;
}

/* Job Details CSS Ends */

/* Map CSS Starts */

.map_panel {
    padding: 0;
}

.map_container {
    padding: 0;
    background: transparent;
    border: 0;
}

.map_container .tab-content {
    padding: 0;
    background: transparent;
    border: 0;
}

.map_col {
    display: grid;
    grid-template-columns: 70% 30%;
}

.map_embed {
    position: relative;
}

.map_panel .property_col {
    background-color: #fff;
    padding: 25px 20px;
    box-shadow: -2px 0px 5px #dbdbdb;
}

.map_panel .property_col .property_heading {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
}

.map_panel .property_col .property_info {
    border: 1px solid #E7E7E7;
    padding: 10px 10px;
    border-radius: 10px;
    margin-bottom: 5px;
    cursor: pointer;
}

.map_panel .property_col .property_info:hover {
    background-color: #f5f5f5;
}

.map_panel .property_info_container {
    overflow-y: auto;
    max-height: 75dvh;
}

.map_panel .search_dropdown .dropdown-toggle {
    background-color: #fff;
}

/* width */
.map_panel .property_info_container::-webkit-scrollbar {
    width: 5px;
    border-radius: 50px;
  }
  
  /* Track */
  .map_panel .property_info_container::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
   
  /* Handle */
  .map_panel .property_info_container::-webkit-scrollbar-thumb {
    background: #c2c2c2; 
    border-radius: 50px;
  }
  
  /* Handle on hover */
  .map_panel .property_info_container::-webkit-scrollbar-thumb:hover {
    background: #555; 
  }

  .map_panel .property_address {
    font-size: 14px;
  }

.property_col .c_name {
    font-size: 12px;
    color: #F06123;
}

.property_col .property_name {
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 1px;
    word-break: break-word;
}


.input_inline {
    display: flex;
    align-items: center;
    gap: 10px;
}

.input_inline .input_field {
    max-height: 30px;
    min-height: auto;
}

.p_inline {
    padding-inline: 20px;
}

.border_b {
    border-bottom: 1px solid #E9E9E9;
}

.upload_info p {
    font-size: 12px;
    color: #6C6C6C;
    margin-bottom: 0;
}


/* Map CSS Ends */


.menu_dropdown_container {
    position: relative;
}

.menu_dropdown_button:after {
    display: none;
}

.menu_dropdown_button {
    outline: none !important;
    box-shadow: none !important;
    border-radius: 50px;
}

.menu_dropdown {
    position: absolute;
    top: 30px;
    right: 0;
    background: #fff;
    border-radius: 10px;
    padding: 10px 5px;
    min-width: 130px;
    text-align: left;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
}

.menu_dropdown ul {
    margin: 0;
    padding: 0;
   list-style-type: none;
}

.menu_dropdown ul li {
    margin-bottom: 5px;
    padding-inline: 10px;
    font-size: 13px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.menu_dropdown ul li:hover {
    background-color: #e9ecef;
    border-radius: 10px;
}

.menu_dropdown ul li:last-child {
    margin-bottom: 0;
}

.menu_dropdown ul a {
    color: #212529;
    text-decoration: none;
    font-size: 13px;
    padding-top: 0;
    padding-bottom: 0;
    padding-inline: 0;
}

.menu_dropdown ul a:hover {
    text-decoration: underline;
}

.menu_dropdown .menu_username {
    text-transform: capitalize;
}



.success_msg {
    color: #056836;
    font-size: 13px;
    background: #d1e7dd;
    display: block;
    width: 100%;
    padding: 10px 15px;
    border-radius: 10px;
    margin-bottom: 15px;
}


.error_msg, .server_error_msg {
    color: #e50404;
    font-size: 13px;
    background: #fff;
    display: block;
    width: 100%;
    padding: 5px 8px;
    border-radius: 10px;
    margin-bottom: 15px;
}

.tbl_edit_btn {
    cursor: pointer;
}

.edit_btn, .delete_btn {
    border: 0;
    background-color: transparent;
    margin-inline: 1px;
    border-radius: 50px;
    padding: 5px;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.submitBtn {
    min-width: 100px;
    min-height: 40px;
    justify-content: center;
}

.btn_loader {
    margin: 0 auto;
    width: 15px;
    height: 15px;
    border: 1px solid #FFF;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
} 

.edit_btn:hover, .delete_btn:hover {
    background: #efefef;
}

button.delete_btn:hover {
    background: #fddbdb;
}

.loading_container {
        width: 100%;
        display: flex;
        justify-content: center;
}

.lds-ellipsis {
    /* change color here */
    color: #1c4c5b
  }
  .lds-ellipsis,
  .lds-ellipsis div {
    box-sizing: border-box;
  }
  .lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
  }

  .lds-ellipsis div {
    position: absolute;
    top: 33.33333px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #4c4b4b;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
  }
  .lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
  }
  @keyframes lds-ellipsis1 {
    0% {
      transform: scale(0);
    }
    100% {
      transform: scale(1);
    }
  }
  @keyframes lds-ellipsis3 {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(0);
    }
  }
  @keyframes lds-ellipsis2 {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(24px, 0);
    }
  }


  .overlay_container {
    overflow: hidden;
    position: relative;
}

.overlay_container:before {
    position: fixed;
    display: block;
    top: -9999em;
    left: -9999em;
    right: -9999em;
    bottom: -9999em;
    opacity: 0.50;
    background: #000;
    content: '';
    z-index: 2;
}

.loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(255, 255, 255);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.spinner {
    border: 8px solid #f3f3f3;
    border-top: 5px solid #464646;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1.5s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}



/* Pagination CSS Starts */

.paginationView {
    text-align: center;
    display: flex;
    gap: 5px;
    justify-content: center;
    padding-top: 10px;
}

.paginationView button {
   border: 1px solid #525252;
   border-radius: 5px;
   padding: 5px;
   transition: 0.3s;
   min-width: 30px;
   font-size: 12px;
   background-color: transparent;
}

.paginationView button.active:hover,
.paginationView button.active,
.paginationView button:hover {
    color: #fff;
    background-color: #F06123;
    border: 1px solid #F06123;
}

.paginationView button:disabled {
    background-color: #f5f5f5 !important;
    color: gray !important;
    border: 1px solid #afafaf;
}

.paginationView button.active {
    cursor: default;
}

/* Pagination CSS Ends */

  /* Modal CSS Starts */

  .popup_hidden {
    display: none;
  }

 .modalPopup {
    background: #fff;
    padding: 2rem 2rem;
    border-radius: 10px;
    position: fixed;
    top: 40%;
    left: 50%;
    width: 50%;
    margin: 0 auto;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 3;
}

.modalPopup {
    /* display: flex; */
    flex-direction: column;
    gap: 10px;
    max-width: 80%;
    margin: 0 auto;
}

.modalPopup .modalIcon {
    text-align: center;
    margin-bottom: 15px;
}

.modalPopup .modalHeading {
    font-size: 1.3rem;
    text-align: center;
    margin-bottom: 1.5rem;
}

.modalPopup .btns {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 70%;
    margin: 0 auto;
}

.modalPopup .btns button,
.modalPopup span.btnConfirm,
.modalPopup .btns a {
    border: 1px solid #000000;
    border-radius: 10px;
    padding: 0.8rem 0.5rem;
    background-color: transparent;
    transition: .3s;
    color: #0b1324;
    text-align: center;
    text-decoration: none;
}

.modalPopup .btns button:hover,
.modalPopup .btns a:hover {
    background-color: #f5f5f5;
}

.modalPopup button.btnConfirm,
.modalPopup span.btnConfirm {
    background-color: #F06123;
    color: #fff;
    border: 0;
    cursor: pointer;
}


.modalPopup .btns button.btnConfirm:hover,
.modalPopup .btns span.btnConfirm:hover {
    background-color: #e55314;
}

ul .dropdown-item {
    font-size: 14px;
    cursor: pointer;
}

/* Modal CSS Ends */

.ht_full {
    height:52vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-y: auto;
}

.clientSelect, .prioritySelect, .selectHidden {
    visibility: hidden;
    display: contents;
}

.table_controls_info {
    display: flex;
    justify-content: space-between;
    margin-inline: 20px;
    align-items: flex-end;
    margin-top: 10px;
}

.table_controls {
    display: flex;
    align-items: center;
    gap: 10px;
}

.table_controls label, .table_controls .entryInfo, .table_controls .entryInfo2 {
    font-size: 13px;
}

.table_controls select {
    border: 1px solid #E7E7E7 !important;
    outline: 0 !important;
    border-radius: 5px;
}

.churn_information_form {
    display: none;
}

.table_link {
    color: #000;
    text-decoration: none;
}

.table_link:hover {
    color: #000;
    text-decoration: underline;
}

.btn_login .spinner {
    border: 1px solid #f3f3f3;
    border-top: 1px solid #464646;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 1.5s linear infinite;
}

.spinner_sm {
    border: 2px solid #f3f3f3;
    border-top: 2px solid #464646;
    border-radius: 50%;
    width: 19px;
    height: 20px;
    animation: spin 1.5s linear infinite;
}

#property_table th:last-child, #property_table td:last-child {
    width: auto;
}

#property_table tr:hover {
    background-color: #f5f5f5;
}

#property_table td {
    padding-bottom: 13px;
}

.edit_link {
    cursor: pointer;
}

#propertyHeading {
    text-transform: capitalize;
}

.property_contacts table th {
    white-space: nowrap;
}

#jobs_table th:last-child, #jobs_table td:last-child {
    width: auto;
}


.dateSelector {
    border: 1px solid #E7E7E7;
    border-radius: 15px;
    min-height: 39px;
    font-size: 13px;
    padding-inline: 13px;
    outline: none !important;
    min-height: 48px;
    max-width: max-content;
    display: flex;
    align-items: center;
}

.dateSelector select {
    border: 0;
    outline: 0;
}

.statusSelect {
    display: contents;
    visibility: hidden;
}

.detail_tab_container {
    max-width: 90%;
}

.tab-content .detail_tab_container, .custom_tabs .detail_tab_container {
    max-width: 100%;
}

.detail_tab_container .detail_row .detail_col {
    flex: 1;
}

#clientWebsite {
    word-break: break-word;
}

.dropdown-menu input {
    font-size: 14px;
    border-radius: 10px;
}

/* Ellipsis Starts */

table tr td {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;   
}

.detail_tab_container p, .detail_tab_container strong, .detail_tab_container a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.custom-tabs-nav .tab-link.custom_disabled {
    color: #7c7c7c;
    background: #ededed;
    pointer-events: none;
    cursor: disabled;
}

/* Ellipsis Ends */


.panel_search .status_dropdown button.dropdown-toggle {
    min-height: 39px;
}

.loader_li {
    position: relative;
}

.loader_li .spinner {
        border: 2px solid #f3f3f3;
        border-top: 2px solid #464646;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        animation: spin 1.5s linear infinite;

}

.loader_li .loader {
    top: 19px;
    right: 18px;
    width: 30px;
    height: 30px;
    left: unset;
    border-radius: 100px;
}

.routesSelect .dropdown-value {
    font-size: 14px;
}

.panel_search button.dropdown-toggle {
    min-height: 39px;
}

#inspector_table th:first-child, #inspector_table td:first-child {
    padding-left: 0;
}


tr.edit_link:hover {
    background-color: #f5f5f5;
}

#email_table th:first-child, #email_table td:first-child {
    width: 20%;
}

#email_table th:nth-child(2), #email_table td:nth-child(2) {
    width: 35%;
}

.tagify__tag>div>:only-child {
    width: 100%;
    font-size: 12px;
}


.cursor-disabled {
    pointer-events: none;
}


#walkthrough_table th:last-child, #walkthrough_table td:last-child {
    width: auto;
}

.unassigned_search {
    width: 100%;
    margin-bottom: 5px;
}

.w_full {
    width: 100%;
}

.inspection_grid {
    display: grid;
    grid-template-columns: 50% 50%;
}

.inspection_grid li {
        display: flex;
        gap: 5px;
        font-size: 13px;
    
}

.inspection_grid li strong {
    white-space: nowrap;
}

.details_info strong {
   font-size: 13px; 
}

/* Menu Icon Images Starts */

.side_nav_item .dashboard-icon {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Cmask%20id%3D%22path-1-inside-1_798_209%22%20fill%3D%22white%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2.98672%201.06672L2.93303%201.06668C2.68935%201.06645%202.47929%201.06625%202.2932%201.11093C1.70817%201.25138%201.25138%201.70817%201.11093%202.2932C1.06625%202.47929%201.06645%202.68935%201.06668%202.93303L1.06672%202.98672V5.54672L1.06668%205.6004C1.06645%205.84408%201.06625%206.05415%201.11093%206.24023C1.25138%206.82526%201.70817%207.28205%202.2932%207.42251C2.47929%207.46718%202.68935%207.46698%202.93303%207.46675L2.98672%207.46672H5.54672L5.6004%207.46675C5.84408%207.46698%206.05415%207.46718%206.24023%207.42251C6.82526%207.28205%207.28205%206.82526%207.42251%206.24023C7.46718%206.05415%207.46698%205.84408%207.46675%205.6004L7.46672%205.54672V2.98672L7.46675%202.93303C7.46698%202.68935%207.46718%202.47929%207.42251%202.2932C7.28205%201.70817%206.82526%201.25138%206.24023%201.11093C6.05415%201.06625%205.84408%201.06645%205.6004%201.06668L5.54672%201.06672H2.98672ZM2.54221%202.14812C2.58812%202.13709%202.65842%202.13338%202.98672%202.13338H5.54672C5.87502%202.13338%205.94532%202.13709%205.99122%202.14812C6.18624%202.19494%206.33849%202.3472%206.38532%202.54221C6.39634%202.58812%206.40005%202.65842%206.40005%202.98672V5.54672C6.40005%205.87502%206.39634%205.94532%206.38532%205.99122C6.33849%206.18624%206.18624%206.33849%205.99122%206.38532C5.94532%206.39634%205.87502%206.40005%205.54672%206.40005H2.98672C2.65842%206.40005%202.58812%206.39634%202.54221%206.38532C2.3472%206.33849%202.19494%206.18624%202.14812%205.99122C2.13709%205.94532%202.13338%205.87502%202.13338%205.54672V2.98672C2.13338%202.65842%202.13709%202.58812%202.14812%202.54221C2.19494%202.3472%202.3472%202.19494%202.54221%202.14812ZM10.4534%201.06672L10.3997%201.06668C10.156%201.06645%209.94596%201.06625%209.75987%201.11093C9.17483%201.25138%208.71804%201.70817%208.57759%202.2932C8.53291%202.47929%208.53311%202.68935%208.53335%202.93303L8.53338%202.98672V5.54672L8.53335%205.6004C8.53311%205.84408%208.53291%206.05415%208.57759%206.24023C8.71804%206.82526%209.17483%207.28205%209.75987%207.42251C9.94596%207.46718%2010.156%207.46698%2010.3997%207.46675L10.4534%207.46672H13.0134L13.067%207.46675C13.3108%207.46698%2013.5208%207.46718%2013.7069%207.42251C14.2919%207.28205%2014.7487%206.82526%2014.8892%206.24023C14.9338%206.05415%2014.9337%205.84408%2014.9334%205.6004V5.54672V2.98672V2.93303C14.9337%202.68935%2014.9338%202.47929%2014.8892%202.2932C14.7487%201.70817%2014.2919%201.25138%2013.7069%201.11093C13.5208%201.06625%2013.3108%201.06645%2013.067%201.06668L13.0134%201.06672H10.4534ZM10.0089%202.14812C10.0548%202.13709%2010.1251%202.13338%2010.4534%202.13338H13.0134C13.3417%202.13338%2013.412%202.13709%2013.4579%202.14812C13.6528%202.19494%2013.8052%202.3472%2013.852%202.54221C13.863%202.58812%2013.8667%202.65842%2013.8667%202.98672V5.54672C13.8667%205.87502%2013.863%205.94532%2013.852%205.99122C13.8052%206.18624%2013.6528%206.33849%2013.4579%206.38532C13.412%206.39634%2013.3417%206.40005%2013.0134%206.40005H10.4534C10.1251%206.40005%2010.0548%206.39634%2010.0089%206.38532C9.81386%206.33849%209.6616%206.18624%209.61479%205.99122C9.60376%205.94532%209.60005%205.87502%209.60005%205.54672V2.98672C9.60005%202.65842%209.60376%202.58812%209.61479%202.54221C9.6616%202.3472%209.81386%202.19494%2010.0089%202.14812ZM2.93303%208.53335L2.98672%208.53338H5.54672L5.6004%208.53335C5.84408%208.53311%206.05415%208.53291%206.24023%208.57759C6.82526%208.71804%207.28205%209.17483%207.42251%209.75987C7.46718%209.94596%207.46698%2010.156%207.46675%2010.3997L7.46672%2010.4534V13.0134L7.46675%2013.067C7.46698%2013.3108%207.46718%2013.5208%207.42251%2013.7069C7.28205%2014.2919%206.82526%2014.7487%206.24023%2014.8892C6.05415%2014.9338%205.84408%2014.9337%205.6004%2014.9334H5.54672H2.98672H2.93303C2.68935%2014.9337%202.47929%2014.9338%202.2932%2014.8892C1.70817%2014.7487%201.25138%2014.2919%201.11093%2013.7069C1.06625%2013.5208%201.06645%2013.3108%201.06668%2013.067L1.06672%2013.0134V10.4534L1.06668%2010.3997C1.06645%2010.156%201.06625%209.94596%201.11093%209.75987C1.25138%209.17483%201.70817%208.71804%202.2932%208.57759C2.47929%208.53291%202.68935%208.53311%202.93303%208.53335ZM2.98672%209.60005C2.65842%209.60005%202.58812%209.60376%202.54221%209.61479C2.3472%209.6616%202.19494%209.81386%202.14812%2010.0089C2.13709%2010.0548%202.13338%2010.1251%202.13338%2010.4534V13.0134C2.13338%2013.3417%202.13709%2013.412%202.14812%2013.4579C2.19494%2013.6528%202.3472%2013.8052%202.54221%2013.852C2.58812%2013.863%202.65842%2013.8667%202.98672%2013.8667H5.54672C5.87502%2013.8667%205.94532%2013.863%205.99122%2013.852C6.18624%2013.8052%206.33849%2013.6528%206.38532%2013.4579C6.39634%2013.412%206.40005%2013.3417%206.40005%2013.0134V10.4534C6.40005%2010.1251%206.39634%2010.0548%206.38532%2010.0089C6.33849%209.81386%206.18624%209.6616%205.99122%209.61479C5.94532%209.60376%205.87502%209.60005%205.54672%209.60005H2.98672ZM10.4534%208.53338L10.3997%208.53335C10.156%208.53311%209.94596%208.53291%209.75987%208.57759C9.17483%208.71804%208.71804%209.17483%208.57759%209.75987C8.53291%209.94596%208.53311%2010.156%208.53335%2010.3997L8.53338%2010.4534V13.0134L8.53335%2013.067C8.53311%2013.3108%208.53291%2013.5208%208.57759%2013.7069C8.71804%2014.2919%209.17483%2014.7487%209.75987%2014.8892C9.94596%2014.9338%2010.156%2014.9337%2010.3997%2014.9334H10.4534H13.0134H13.067C13.3108%2014.9337%2013.5208%2014.9338%2013.7069%2014.8892C14.2919%2014.7487%2014.7487%2014.2919%2014.8892%2013.7069C14.9338%2013.5208%2014.9337%2013.3108%2014.9334%2013.067V13.0134V10.4534V10.3997C14.9337%2010.156%2014.9338%209.94596%2014.8892%209.75987C14.7487%209.17483%2014.2919%208.71804%2013.7069%208.57759C13.5208%208.53291%2013.3108%208.53311%2013.067%208.53335L13.0134%208.53338H10.4534ZM10.0089%209.61479C10.0548%209.60376%2010.1251%209.60005%2010.4534%209.60005H13.0134C13.3417%209.60005%2013.412%209.60376%2013.4579%209.61479C13.6528%209.6616%2013.8052%209.81386%2013.852%2010.0089C13.863%2010.0548%2013.8667%2010.1251%2013.8667%2010.4534V13.0134C13.8667%2013.3417%2013.863%2013.412%2013.852%2013.4579C13.8052%2013.6528%2013.6528%2013.8052%2013.4579%2013.852C13.412%2013.863%2013.3417%2013.8667%2013.0134%2013.8667H10.4534C10.1251%2013.8667%2010.0548%2013.863%2010.0089%2013.852C9.81386%2013.8052%209.6616%2013.6528%209.61479%2013.4579C9.60376%2013.412%209.60005%2013.3417%209.60005%2013.0134V10.4534C9.60005%2010.1251%209.60376%2010.0548%209.61479%2010.0089C9.6616%209.81386%209.81386%209.6616%2010.0089%209.61479Z%22%2F%3E%3C%2Fmask%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2.98672%201.06672L2.93303%201.06668C2.68935%201.06645%202.47929%201.06625%202.2932%201.11093C1.70817%201.25138%201.25138%201.70817%201.11093%202.2932C1.06625%202.47929%201.06645%202.68935%201.06668%202.93303L1.06672%202.98672V5.54672L1.06668%205.6004C1.06645%205.84408%201.06625%206.05415%201.11093%206.24023C1.25138%206.82526%201.70817%207.28205%202.2932%207.42251C2.47929%207.46718%202.68935%207.46698%202.93303%207.46675L2.98672%207.46672H5.54672L5.6004%207.46675C5.84408%207.46698%206.05415%207.46718%206.24023%207.42251C6.82526%207.28205%207.28205%206.82526%207.42251%206.24023C7.46718%206.05415%207.46698%205.84408%207.46675%205.6004L7.46672%205.54672V2.98672L7.46675%202.93303C7.46698%202.68935%207.46718%202.47929%207.42251%202.2932C7.28205%201.70817%206.82526%201.25138%206.24023%201.11093C6.05415%201.06625%205.84408%201.06645%205.6004%201.06668L5.54672%201.06672H2.98672ZM2.54221%202.14812C2.58812%202.13709%202.65842%202.13338%202.98672%202.13338H5.54672C5.87502%202.13338%205.94532%202.13709%205.99122%202.14812C6.18624%202.19494%206.33849%202.3472%206.38532%202.54221C6.39634%202.58812%206.40005%202.65842%206.40005%202.98672V5.54672C6.40005%205.87502%206.39634%205.94532%206.38532%205.99122C6.33849%206.18624%206.18624%206.33849%205.99122%206.38532C5.94532%206.39634%205.87502%206.40005%205.54672%206.40005H2.98672C2.65842%206.40005%202.58812%206.39634%202.54221%206.38532C2.3472%206.33849%202.19494%206.18624%202.14812%205.99122C2.13709%205.94532%202.13338%205.87502%202.13338%205.54672V2.98672C2.13338%202.65842%202.13709%202.58812%202.14812%202.54221C2.19494%202.3472%202.3472%202.19494%202.54221%202.14812ZM10.4534%201.06672L10.3997%201.06668C10.156%201.06645%209.94596%201.06625%209.75987%201.11093C9.17483%201.25138%208.71804%201.70817%208.57759%202.2932C8.53291%202.47929%208.53311%202.68935%208.53335%202.93303L8.53338%202.98672V5.54672L8.53335%205.6004C8.53311%205.84408%208.53291%206.05415%208.57759%206.24023C8.71804%206.82526%209.17483%207.28205%209.75987%207.42251C9.94596%207.46718%2010.156%207.46698%2010.3997%207.46675L10.4534%207.46672H13.0134L13.067%207.46675C13.3108%207.46698%2013.5208%207.46718%2013.7069%207.42251C14.2919%207.28205%2014.7487%206.82526%2014.8892%206.24023C14.9338%206.05415%2014.9337%205.84408%2014.9334%205.6004V5.54672V2.98672V2.93303C14.9337%202.68935%2014.9338%202.47929%2014.8892%202.2932C14.7487%201.70817%2014.2919%201.25138%2013.7069%201.11093C13.5208%201.06625%2013.3108%201.06645%2013.067%201.06668L13.0134%201.06672H10.4534ZM10.0089%202.14812C10.0548%202.13709%2010.1251%202.13338%2010.4534%202.13338H13.0134C13.3417%202.13338%2013.412%202.13709%2013.4579%202.14812C13.6528%202.19494%2013.8052%202.3472%2013.852%202.54221C13.863%202.58812%2013.8667%202.65842%2013.8667%202.98672V5.54672C13.8667%205.87502%2013.863%205.94532%2013.852%205.99122C13.8052%206.18624%2013.6528%206.33849%2013.4579%206.38532C13.412%206.39634%2013.3417%206.40005%2013.0134%206.40005H10.4534C10.1251%206.40005%2010.0548%206.39634%2010.0089%206.38532C9.81386%206.33849%209.6616%206.18624%209.61479%205.99122C9.60376%205.94532%209.60005%205.87502%209.60005%205.54672V2.98672C9.60005%202.65842%209.60376%202.58812%209.61479%202.54221C9.6616%202.3472%209.81386%202.19494%2010.0089%202.14812ZM2.93303%208.53335L2.98672%208.53338H5.54672L5.6004%208.53335C5.84408%208.53311%206.05415%208.53291%206.24023%208.57759C6.82526%208.71804%207.28205%209.17483%207.42251%209.75987C7.46718%209.94596%207.46698%2010.156%207.46675%2010.3997L7.46672%2010.4534V13.0134L7.46675%2013.067C7.46698%2013.3108%207.46718%2013.5208%207.42251%2013.7069C7.28205%2014.2919%206.82526%2014.7487%206.24023%2014.8892C6.05415%2014.9338%205.84408%2014.9337%205.6004%2014.9334H5.54672H2.98672H2.93303C2.68935%2014.9337%202.47929%2014.9338%202.2932%2014.8892C1.70817%2014.7487%201.25138%2014.2919%201.11093%2013.7069C1.06625%2013.5208%201.06645%2013.3108%201.06668%2013.067L1.06672%2013.0134V10.4534L1.06668%2010.3997C1.06645%2010.156%201.06625%209.94596%201.11093%209.75987C1.25138%209.17483%201.70817%208.71804%202.2932%208.57759C2.47929%208.53291%202.68935%208.53311%202.93303%208.53335ZM2.98672%209.60005C2.65842%209.60005%202.58812%209.60376%202.54221%209.61479C2.3472%209.6616%202.19494%209.81386%202.14812%2010.0089C2.13709%2010.0548%202.13338%2010.1251%202.13338%2010.4534V13.0134C2.13338%2013.3417%202.13709%2013.412%202.14812%2013.4579C2.19494%2013.6528%202.3472%2013.8052%202.54221%2013.852C2.58812%2013.863%202.65842%2013.8667%202.98672%2013.8667H5.54672C5.87502%2013.8667%205.94532%2013.863%205.99122%2013.852C6.18624%2013.8052%206.33849%2013.6528%206.38532%2013.4579C6.39634%2013.412%206.40005%2013.3417%206.40005%2013.0134V10.4534C6.40005%2010.1251%206.39634%2010.0548%206.38532%2010.0089C6.33849%209.81386%206.18624%209.6616%205.99122%209.61479C5.94532%209.60376%205.87502%209.60005%205.54672%209.60005H2.98672ZM10.4534%208.53338L10.3997%208.53335C10.156%208.53311%209.94596%208.53291%209.75987%208.57759C9.17483%208.71804%208.71804%209.17483%208.57759%209.75987C8.53291%209.94596%208.53311%2010.156%208.53335%2010.3997L8.53338%2010.4534V13.0134L8.53335%2013.067C8.53311%2013.3108%208.53291%2013.5208%208.57759%2013.7069C8.71804%2014.2919%209.17483%2014.7487%209.75987%2014.8892C9.94596%2014.9338%2010.156%2014.9337%2010.3997%2014.9334H10.4534H13.0134H13.067C13.3108%2014.9337%2013.5208%2014.9338%2013.7069%2014.8892C14.2919%2014.7487%2014.7487%2014.2919%2014.8892%2013.7069C14.9338%2013.5208%2014.9337%2013.3108%2014.9334%2013.067V13.0134V10.4534V10.3997C14.9337%2010.156%2014.9338%209.94596%2014.8892%209.75987C14.7487%209.17483%2014.2919%208.71804%2013.7069%208.57759C13.5208%208.53291%2013.3108%208.53311%2013.067%208.53335L13.0134%208.53338H10.4534ZM10.0089%209.61479C10.0548%209.60376%2010.1251%209.60005%2010.4534%209.60005H13.0134C13.3417%209.60005%2013.412%209.60376%2013.4579%209.61479C13.6528%209.6616%2013.8052%209.81386%2013.852%2010.0089C13.863%2010.0548%2013.8667%2010.1251%2013.8667%2010.4534V13.0134C13.8667%2013.3417%2013.863%2013.412%2013.852%2013.4579C13.8052%2013.6528%2013.6528%2013.8052%2013.4579%2013.852C13.412%2013.863%2013.3417%2013.8667%2013.0134%2013.8667H10.4534C10.1251%2013.8667%2010.0548%2013.863%2010.0089%2013.852C9.81386%2013.8052%209.6616%2013.6528%209.61479%2013.4579C9.60376%2013.412%209.60005%2013.3417%209.60005%2013.0134V10.4534C9.60005%2010.1251%209.60376%2010.0548%209.61479%2010.0089C9.6616%209.81386%209.81386%209.6616%2010.0089%209.61479Z%22%20stroke%3D%22%236C6C6C%22%20stroke-width%3D%223%22%20mask%3D%22url(%23path-1-inside-1_798_209)%22%2F%3E%3C%2Fsvg%3E');
}

.side_nav_item .clients-icon, .side_nav_item .location-icon {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M10.6667%2014V12.6667C10.6667%2011.9594%2010.3858%2011.2811%209.88566%2010.781C9.38556%2010.281%208.70728%2010%208.00004%2010H4.00004C3.2928%2010%202.61452%2010.281%202.11442%2010.781C1.61433%2011.2811%201.33337%2011.9594%201.33337%2012.6667V14M14.6667%2014V12.6667C14.6663%2012.0758%2014.4696%2011.5018%2014.1076%2011.0349C13.7456%2010.5679%2013.2388%2010.2344%2012.6667%2010.0867M10.6667%202.08667C11.2403%202.23353%2011.7487%202.56713%2012.1118%203.03487C12.4749%203.50261%2012.6719%204.07789%2012.6719%204.67C12.6719%205.26211%2012.4749%205.83739%2012.1118%206.30513C11.7487%206.77287%2011.2403%207.10647%2010.6667%207.25333M8.66671%204.66667C8.66671%206.13943%207.4728%207.33333%206.00004%207.33333C4.52728%207.33333%203.33337%206.13943%203.33337%204.66667C3.33337%203.19391%204.52728%202%206.00004%202C7.4728%202%208.66671%203.19391%208.66671%204.66667Z%22%20stroke%3D%22%232D2D2D%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
}

.side_nav_item .property-icon {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M5.99996%2014.6667V12H9.99996V14.6667M5.33329%204.00001H5.33996M10.6666%204.00001H10.6733M7.99996%204.00001H8.00663M7.99996%206.66668H8.00663M7.99996%209.33334H8.00663M10.6666%206.66668H10.6733M10.6666%209.33334H10.6733M5.33329%206.66668H5.33996M5.33329%209.33334H5.33996M3.99996%201.33334H12C12.7363%201.33334%2013.3333%201.9303%2013.3333%202.66668V13.3333C13.3333%2014.0697%2012.7363%2014.6667%2012%2014.6667H3.99996C3.26358%2014.6667%202.66663%2014.0697%202.66663%2013.3333V2.66668C2.66663%201.9303%203.26358%201.33334%203.99996%201.33334Z%22%20stroke%3D%22%232D2D2D%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
}

.side_nav_item .maps-icon {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M6%2012.6667C6%2013.7712%205.10457%2014.6667%204%2014.6667C2.89543%2014.6667%202%2013.7712%202%2012.6667C2%2011.5621%202.89543%2010.6667%204%2010.6667C5.10457%2010.6667%206%2011.5621%206%2012.6667ZM6%2012.6667H11.6667C12.2855%2012.6667%2012.879%2012.4208%2013.3166%2011.9833C13.7542%2011.5457%2014%2010.9522%2014%2010.3333C14%209.7145%2013.7542%209.12101%2013.3166%208.68343C12.879%208.24584%2012.2855%208.00001%2011.6667%208.00001H4.33333C3.71449%208.00001%203.121%207.75418%202.68342%207.31659C2.24583%206.87901%202%206.28552%202%205.66668C2%205.04784%202.24583%204.45435%202.68342%204.01676C3.121%203.57918%203.71449%203.33334%204.33333%203.33334H10M10%203.33334C10%204.43791%2010.8954%205.33334%2012%205.33334C13.1046%205.33334%2014%204.43791%2014%203.33334C14%202.22877%2013.1046%201.33334%2012%201.33334C10.8954%201.33334%2010%202.22877%2010%203.33334Z%22%20stroke%3D%22%232D2D2D%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
}

.side_nav_item .inspector-icon {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M4.66667%2014V12.6667C4.66667%2012.313%204.80714%2011.9739%205.05719%2011.7239C5.30724%2011.4738%205.64638%2011.3333%206%2011.3333H10C10.3536%2011.3333%2010.6928%2011.4738%2010.9428%2011.7239C11.1929%2011.9739%2011.3333%2012.313%2011.3333%2012.6667V14M3.33333%202H12.6667C13.403%202%2014%202.59695%2014%203.33333V12.6667C14%2013.403%2013.403%2014%2012.6667%2014H3.33333C2.59695%2014%202%2013.403%202%2012.6667V3.33333C2%202.59695%202.59695%202%203.33333%202ZM10%206.66667C10%207.77124%209.10457%208.66667%208%208.66667C6.89543%208.66667%206%207.77124%206%206.66667C6%205.5621%206.89543%204.66667%208%204.66667C9.10457%204.66667%2010%205.5621%2010%206.66667Z%22%20stroke%3D%22%232D2D2D%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
}

.side_nav_item .jobs-icon, .side_nav_item .walkthrough-icon {
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.99967%207.99992H8.00634M10.6663%203.99992V2.66659C10.6663%202.31296%2010.5259%201.97382%2010.2758%201.72378C10.0258%201.47373%209.68663%201.33325%209.33301%201.33325H6.66634C6.31272%201.33325%205.97358%201.47373%205.72353%201.72378C5.47348%201.97382%205.33301%202.31296%205.33301%202.66659V3.99992M14.6663%208.66659C12.6882%209.97257%2010.37%2010.6688%207.99967%2010.6688C5.62931%2010.6688%203.31115%209.97257%201.33301%208.66659M2.66634%203.99992H13.333C14.0694%203.99992%2014.6663%204.59687%2014.6663%205.33325V11.9999C14.6663%2012.7363%2014.0694%2013.3333%2013.333%2013.3333H2.66634C1.92996%2013.3333%201.33301%2012.7363%201.33301%2011.9999V5.33325C1.33301%204.59687%201.92996%203.99992%202.66634%203.99992Z%22%20stroke%3D%22%236C6C6C%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
}

.side_nav_item .email-icon {
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_1526_552)%22%3E%3Cpath%20d%3D%22M14.6663%206.66658C14.6663%206.24658%2014.4663%205.85325%2014.133%205.59992L8.79967%201.59992C8.56888%201.42682%208.28817%201.33325%207.99967%201.33325C7.71118%201.33325%207.43047%201.42682%207.19967%201.59992L1.86634%205.59992C1.70075%205.72411%201.56634%205.88516%201.47377%206.0703C1.3812%206.25544%201.33301%206.45959%201.33301%206.66658M14.6663%206.66658V13.3333C14.6663%2013.6869%2014.5259%2014.026%2014.2758%2014.2761C14.0258%2014.5261%2013.6866%2014.6666%2013.333%2014.6666H2.66634C2.31272%2014.6666%201.97358%2014.5261%201.72353%2014.2761C1.47348%2014.026%201.33301%2013.6869%201.33301%2013.3333V6.66658M14.6663%206.66658L8.68634%2010.4666C8.48052%2010.5955%208.24255%2010.6639%207.99967%2010.6639C7.7568%2010.6639%207.51883%2010.5955%207.31301%2010.4666L1.33301%206.66658%22%20stroke%3D%22%232D2D2D%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_1526_552%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
}

.side_nav_item .alerts-icon {
    background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2015%2015%22%20width%3D%2216%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%232D2D2D%22%20stroke-width%3D%220.01%22%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.60124%201.25086C8.60124%201.75459%208.26278%202.17927%207.80087%202.30989C10.1459%202.4647%2012%204.41582%2012%206.79999V10.25C12%2011.0563%2012.0329%2011.7074%2012.7236%2012.0528C12.931%2012.1565%2013.0399%2012.3892%2012.9866%2012.6149C12.9333%2012.8406%2012.7319%2013%2012.5%2013H8.16144C8.36904%2013.1832%208.49997%2013.4513%208.49997%2013.75C8.49997%2014.3023%208.05226%2014.75%207.49997%2014.75C6.94769%2014.75%206.49997%2014.3023%206.49997%2013.75C6.49997%2013.4513%206.63091%2013.1832%206.83851%2013H2.49999C2.2681%2013%202.06664%2012.8406%202.01336%2012.6149C1.96009%2012.3892%202.06897%2012.1565%202.27638%2012.0528C2.96708%2011.7074%202.99999%2011.0563%202.99999%2010.25V6.79999C2.99999%204.41537%204.85481%202.46396%207.20042%202.3098C6.73867%202.17908%206.40036%201.75448%206.40036%201.25086C6.40036%200.643104%206.89304%200.150421%207.5008%200.150421C8.10855%200.150421%208.60124%200.643104%208.60124%201.25086ZM7.49999%203.29999C5.56699%203.29999%203.99999%204.86699%203.99999%206.79999V10.25L4.00002%2010.3009C4.0005%2010.7463%204.00121%2011.4084%203.69929%2012H11.3007C10.9988%2011.4084%2010.9995%2010.7463%2011%2010.3009L11%2010.25V6.79999C11%204.86699%209.43299%203.29999%207.49999%203.29999Z%22%20fill%3D%22%232D2D2D%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

.side_nav_item .settings-icon {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBMaWNlbnNlOiBBcGFjaGUuIE1hZGUgYnkgSWNvbnNjb3V0OiBodHRwczovL2dpdGh1Yi5jb20vSWNvbnNjb3V0L3VuaWNvbnMgLS0+CjxzdmcgZmlsbD0iIzAwMDAwMCIgd2lkdGg9IjgwMHB4IiBoZWlnaHQ9IjgwMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZGF0YS1uYW1lPSJMYXllciAxIj48cGF0aCBkPSJNMTkuOSwxMi42NmExLDEsMCwwLDEsMC0xLjMyTDIxLjE4LDkuOWExLDEsMCwwLDAsLjEyLTEuMTdsLTItMy40NmExLDEsMCwwLDAtMS4wNy0uNDhsLTEuODguMzhhMSwxLDAsMCwxLTEuMTUtLjY2bC0uNjEtMS44M0ExLDEsMCwwLDAsMTMuNjQsMmgtNGExLDEsMCwwLDAtMSwuNjhMOC4wOCw0LjUxYTEsMSwwLDAsMS0xLjE1LjY2TDUsNC43OUExLDEsMCwwLDAsNCw1LjI3TDIsOC43M0ExLDEsMCwwLDAsMi4xLDkuOWwxLjI3LDEuNDRhMSwxLDAsMCwxLDAsMS4zMkwyLjEsMTQuMUExLDEsMCwwLDAsMiwxNS4yN2wyLDMuNDZhMSwxLDAsMCwwLDEuMDcuNDhsMS44OC0uMzhhMSwxLDAsMCwxLDEuMTUuNjZsLjYxLDEuODNhMSwxLDAsMCwwLDEsLjY4aDRhMSwxLDAsMCwwLC45NS0uNjhsLjYxLTEuODNhMSwxLDAsMCwxLDEuMTUtLjY2bDEuODguMzhhMSwxLDAsMCwwLDEuMDctLjQ4bDItMy40NmExLDEsMCwwLDAtLjEyLTEuMTdaTTE4LjQxLDE0bC44LjktMS4yOCwyLjIyLTEuMTgtLjI0YTMsMywwLDAsMC0zLjQ1LDJMMTIuOTIsMjBIMTAuMzZMMTAsMTguODZhMywzLDAsMCwwLTMuNDUtMmwtMS4xOC4yNEw0LjA3LDE0Ljg5bC44LS45YTMsMywwLDAsMCwwLTRsLS44LS45TDUuMzUsNi44OWwxLjE4LjI0YTMsMywwLDAsMCwzLjQ1LTJMMTAuMzYsNGgyLjU2bC4zOCwxLjE0YTMsMywwLDAsMCwzLjQ1LDJsMS4xOC0uMjQsMS4yOCwyLjIyLS44LjlBMywzLDAsMCwwLDE4LjQxLDE0Wk0xMS42NCw4YTQsNCwwLDEsMCw0LDRBNCw0LDAsMCwwLDExLjY0LDhabTAsNmEyLDIsMCwxLDEsMi0yQTIsMiwwLDAsMSwxMS42NCwxNFoiLz48L3N2Zz4=');
}


.side_nav_item .test-icon_ {
    background-image: url('');
}

.side_nav_item span.icon {
    background-position: center;
    background-size: 16px;
    background-repeat: no-repeat;
}

.side_nav_item a.active span.icon, .side_nav_item:hover span.icon {
    filter: invert(38%) sepia(70%) saturate(1382%) hue-rotate(351deg) brightness(94%) contrast(92%);
}

/* Menu Icon Images Ends */


.side_nav .sub-menu {
  list-style-type: none;
  padding-left: 20px;
}

.side_nav .has-children {
    position: relative;
}

.side_nav .has-children > a::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 6px;
    background-image: url('data:image/svg+xml;utf8,<svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: absolute;
    right: 10px;
    top: 10px;
    transform: rotate(360deg);
  }

.side_nav .arrow_rotate::after {
    transform: rotate(180deg) !important;
}

ul.side_nav .sub-menu {
    display: none;
}

/* Loading CSS Starts */

.sideNavSkeleton {
    width: 100%;
    list-style-type: none;
}

.skeleton_item {
    display: flex;
    gap: 10px;
}

.skeleton_item span {
    height: 21px;
    margin-bottom: 15px;
    width: 100%;
    background: linear-gradient(90deg, #e0e0e0 25%, #f8f8f8 50%, #e0e0e0 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.2s infinite;
    border-radius: 6px;
}

.skeleton_item .skeleton_icon {
    width: 30px;
    height: 30px;
    border-radius: 50px;
    min-width: 30px;
}

.skeleton_item .skeleton_loader {
    width: 100%;
}
  
  @keyframes skeleton-loading {
    0% {
      background-position: 200% 0;
    }
    100% {
      background-position: -200% 0;
    }
  }
  

/* Loading CSS Ends */


.selected_checkbox_div {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.selected_checkbox {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flow-root;
    max-width: 100px;
    border: 1px solid #dfdfdf;
    padding: 2px 10px;
    border-radius: 30px;
    position: relative;
    font-size: 11px;
}

.selected_checkbox .remove-btn {
    position: absolute;
    right: 5px;
    border: 0;
    border-radius: 50px;
    top: 1px;
}

.selected_checkbox .remove-btn:hover {
  background-color: #d3d3d3;
}

.custom_selectbox {
    border: 1px solid #E7E7E7;
    border-radius: 15px;
    min-height: 48px;
    padding-bottom: 5px;
    font-size: 13px;
    padding-inline: 13px;
    outline: none !important;
    vertical-align: middle;
}

.custom_selectbox select {
    max-height: 45px;
}

.select2-container--default.select2-container--focus span.select2-selection--multiple {
    border: 0;
    outline: 0;
}

.select2-container .select2-search--inline input.select2-search__field {
    font-size: 13px;
}

.select2-container--default span.select2-selection--multiple {
    background-color: transparent;
    cursor: pointer;
    margin-top: 7px;
    border: 0;
}



.select2-container--default span.select2-selection--multiple .select2-selection__rendered {
    padding: 0;
}

.select2-results__option {
    font-size: 13px;
}

.custom_selectbox .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none;
    font-size: 13px;
    max-width: 110px;
    text-overflow: ellipsis;
    overflow: hidden;
    background: transparent;
    border-radius: 10px;
}


.custom_selectbox.c_width .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    max-width: 500px;
}

.property_jobs_container {
   flex-direction: column;
}

.date_dropdown {
    max-height: 39px;
}

.date_dropdown .dateSelector {
    min-height: 39px;
}

.update_pass_btn {
        background-color: transparent;
        font-size: 11px;
        border-radius: 10px;
        padding: 3px 10px;
        border: 0;
        color: #F06123;
        transition: .3s;
        text-decoration: none;
        display: flex;
        align-items: center;
        border: 1px solid #F06123;
}

#updatePassModal button.view_pass_btn {
        padding: 0;
        border: 0;
        top: 6px;

}

#updatePassModal .btns .view_pass_btn:hover {
    background-color: transparent;
}

.update_pass_btn:hover {
    color: #fff;
    background-color: #F06123;   
}

.file_info .close-btn {
    margin-left: 10px;
    border-radius: 52px;
    width: 30px;
    height: 30px;
    border: 1px solid #e5e5e5;
}

/* File Preview CSS Starts */


.file {
    display: flex;
    gap: 10px;
    align-items: center;
}

.file img.file_img {
    width: 55px;
    height: 55px;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    object-fit: cover;
}

#propertyImage {
    border-radius: 5px;
}

#routeSelect {
    border: 0;
}

.propertyImageContainer {
        position: absolute;
        right: 20px;
        top: 10px;
        text-align: center;
}

.editImageContainer {
    right: 100px;
}

.propertyImageContainer .chooseFile {
    margin: 0 auto;
}

/* File Preview CSS Ends */

.loader_map {
    position: relative;
}

.loader_map #loader {
    position: absolute;
    top: 35px;
    right: 5px;
    width: 30px;
    height: 30px;
    left: unset;
    border-radius: 100px;
}

.loader_map .spinner {
    border: 3px solid #f3f3f3;
    border-top: 2px solid #464646;
    border-radius: 50%;
    width: 20px;
    height: 20px;
}

.single_route .select2-container {
    margin-top: 8px;
}

.single_route .select2-container--default .select2-selection--single {
  border: 0;
}

.chooseFile {
    padding-inline: 15px;
    border-radius: 8px;
}

#fileDBPreview {
        display: grid;
        grid-template-columns: 30% 30% 30%;
    
}

.label_bold label {
    font-weight: 600;
}

#imageModal {
    padding: 10px;
    top: 50%;
}

.viewImage {
    cursor: pointer;
}

.imageView {
    min-height: 100%;
    max-height: 85vh;
}

.viewVideo {
    max-height: 190px;
}

#churnInfo strong {
    display: inline;
}


.flex-col {
   flex-direction: column;
}

/* .detail_tab_container p {
    cursor: pointer;
} */

.propertyDetailsFull {
    width: 100%;
}

#openMap p {
    color: #0d6efd;
    text-decoration: underline;
}

.route_rounded .route_wrap span {
    background: #ffd4c1;
    border-radius: 50px;
    padding: 3px 8px;
    font-size: 11px;
}

.route_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

#inspector_table th:last-child, #inspector_table td:last-child {
    width: 55%;
}

#jobDetailDate {
    font-weight: 400;
}

.select2-search__field {
    outline: 0 !important;
}


.select2-container--default .select2-search--dropdown input.select2-search__field {
    border: 1px solid #ced4da;
    font-size: 14px;
    border-radius: 10px;
    padding: .375rem .75rem;
}

.status_dropdown.search_dropdown button {
    min-height: 39px;
}

.w_full {
    width: 100%;
}

.addClientBtn {
    background: transparent;
    border: 0;
    border-radius: 10px;
}

.addClientBtn:hover {
    background-color: #efefef;
}

#clientSelectId {
    border: 0;
    background-color: transparent;
} 

#propertyCount {
    font-size: 13px;
}


#errorModal svg, #errorModal2 svg {
    width: 55px;
    border-radius: 50px;
    border: 2px solid #f06123;
    padding: 8px;
}

#uploadBtnMulti {
    width: 90px;
    text-align: center;
}

#jobs_table th:first-child, #jobs_table td:first-child {
    width: 18%;
}

#jobs_table td.route_rounded {
   width: 26%;
}

#jobs_table .null_label {
    background-color: transparent;
}

.inspection_label_dropdown {
    display: none;
}

.inspection_dropdown_container {
    display: flex;
    gap: 5px;
    flex-direction: column-reverse;
}

#dateNull {
    border: 0;
    background-color: transparent;
    padding: 0;
}

.pass_class.form-control {
    border-radius: 10px;
}

.custom_filters .custom_selectbox {
    max-width: 250px;
    display: flex;
    min-height: 39px;
}

.custom_filter .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: block;
}

.custom_filters .select2-container .select2-selection--multiple {
    min-height: auto;
}

.custom_filters .select2-container--default .select2-selection--multiple .select2-selection__clear {
  max-height: 10px;
  margin-top: 0;
  margin-right: 0;

}

.custom_filters .select2-container .select2-search--inline .select2-search__field {
    margin-top: 1px;
}

.custom_filters .select2-container--default span.select2-selection--multiple {
    display: flex;
    align-items: center;
}

.custom_filters .custom_selectbox .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    font-size: 11px;
    margin-top: 0;
    margin-bottom: 1px;
    display: block;
    min-width: max-content;
}

.job_details_textarea {
    margin-bottom: 15px;
}

.job_details_textarea label {
    display: block;
    font-size: 15px;

}

.job_details_textarea label strong {
    font-weight: 600;
 }

.download_btn {
    background-color: transparent;
    border: 0;
}

.download_container {
    position: relative;
}

.download_btn {
    position: absolute;
    right: 3px;
    top: 0;
    background: #fff;
    padding: 1px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5 !important;
    box-shadow: 0 !important;
}

.download_btn:hover {
    background: #f5f5f5;
}

.date_visit_dropdown {
    min-height: 39px;
    max-height: 39px;
}

.date_visit_dropdown input {
    border: 0;
    outline: 0;
}

.custom_selectbox.inspection .select2-search__field {
    width: unset!important;
}

.show_block {
    display: block !important;
}

#fileDBPreview p {
    font-size: 14px;
}

.jobModal {
    max-height: 85%;
    top: 50%;
    overflow-y: auto;
}

.jobModal textarea {
    font-size: 14px;
}

.jobModal h4 {
    font-size: 16px;
    margin-top: 25px;
    font-weight: 600;
}

.jobModal h4:first-child {
    margin-top: 0;
}

.jobModal label {
    font-size: 14px;
    font-weight: 500;
}

.inspection_label_dropdown {
    background-color: #fff;
    border-radius: 15px;
}

.property_form_container p {
    font-size: 14px;
}

.client_active_details .toggle_switch {
    pointer-events: none;
}

#openMap {
    cursor: pointer;
}

#dynamicInspectionForm .btn_default {
    min-width: 90px;
}

.sortData {
    background-color: transparent;
    border: 0;
}

.sortDataCol {
    user-select: none;
}

button.sortData.none path.rt, button.sortData.none path.lt {
    opacity: 0.5 !important;    
 }

button.sortData path.rt {
   opacity: 1;    
}

button.sortData path.lt {
    opacity: 0.5 !important;    
 }

 button.sortData.lt path.rt {
    opacity: 0.5 !important;    
 }
 
 button.sortData.lt path.lt {
     opacity: 1 !important;    
}

.sortDataCol {
    cursor: pointer;
}

.sortDataCol:hover {
    background-color: #f5f5f5;
}

.border-rounded {
    border-radius: 15px;
}

.d_none {
    display: none;
}

/* DCS Starts */

.dashboard_dropdowns .search_dropdown .dropdown-toggle {
    max-width: 150px;
    min-width: 150px;
}

.job_info_pre_heading {
    color: gray;
    font-size: 13px;
    margin-bottom: 3px;
}

.job_info_col_heading {
   font-size: 22px;
   margin-bottom: 0;
}
 
.dashboard_col_1 {
    display: grid;
    grid-template-columns: 69% 30%;
    gap: 10px;
}

.mx_ht_cnt {
    max-height: max-content;
}

.chart_container {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 10px;
}

.col_chart {
    height: 100%;
}

.category_chart_canvas {
    min-height: 100%;
}

.team_container {
    padding-bottom: 8px;
}

#jobStatusChart {
    width: 100%;
    max-width: 100%;
    max-height: 290px;
}

#jobCategoryChart {
    width: 100%;
    max-width: 100%;
    max-height: 700px;
}

#jobLeaderboardChart {
    width: 100%;
    max-width: 100%;
    min-height: 300px;
}

#routeChart {
    width: 100%;
    max-width: 100%;
    min-height: 150px;
    /* max-height: 400px; */
}

/* .col_chart {
    max-height: 350px;
    overflow: scroll;
} */


/* DCS Ends */


.properties_dropdown_nav .search-results {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #ccc;
    background: white;
    z-index: 1000;
    border-radius: 10px;
    display: none; /* hidden by default */
}

.srch_inner svg {
    position: absolute;
    right: 5px;
    top: 5px;
    background-color: transparent;
}

.properties_dropdown_nav .dropdown-item {
    font-size: 13px;
}

.property_search_input_nav {
    font-size: 13px;
    min-width: 280px;
    border-radius: 10px;
    box-shadow: none !important;
}

.mobile_srch svg {
   position: relative;
}

.property_search_input_nav:active,
.property_search_input_nav:visited,
.property_search_input_nav:focus {
    border: 1px solid gray;
}

.menu_dropdown_button #username {
    background: #ededed;
    width: 24px;
    height: 24px;
    display: block;
    border-radius: 100px;
    color: #ee4623;
    border: 1px solid #d7d7d7;
}

.team_container {
    padding-bottom: 52px;
}

/* General scrollbar styling */
.properties_dropdown_nav .search-results::-webkit-scrollbar {
    width: 5px;     /* For vertical scroll */
    height: 5px;    /* For horizontal scroll */
    border-radius: 50px;
}

/* Track */
.properties_dropdown_nav .search-results::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.properties_dropdown_nav .search-results::-webkit-scrollbar-thumb {
    background: #c2c2c2;
    border-radius: 50px;
}

/* Handle on hover */
.properties_dropdown_nav .search-results::-webkit-scrollbar-thumb:hover {
    background: #555;
}

#progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    width: 0%;
    background-color: #F06123;
    z-index: 9999;
    transition: width 0.3s ease;
  }



  #mapPopup {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 300px;
    height: 300px;
    display: none; /* Hide initially */
  }
  
  #mapPopup.active {
    display: block;
  }


  .properties_dropdown_nav {
        position: relative;
  }

 
.mobile_srch {
    display: none;
}
  
.team_panel {
    justify-content: space-between;
}

.chart_full {
    grid-template-columns: 100% !important;
}

.team_container .visit_heading {
    margin-bottom: 20px;
    margin-top: 3px;
}

.btn_excel {
    background-color: transparent;
    font-size: 14px;
    border-radius: 10px;
    padding: 9px 10px;
    border: 1px solid #F06123;
    color: #F06123;
    transition: .3s;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.btn_excel:hover {
    background-color: #F06123;
    color: #fff;
    border: 1px solid #F06123;
}

.client_properties.panel_table th:first-child,
.client_properties.panel_table td:first-child {
    padding-left: 5px;
    padding-right: 5px;
}

/* .client_container.active {
    display: block;
} */

#inspector_dropdown_multi, #route_dropdown_select {
    display: none;
}

.inspector_dropdown_multi .select2-container--default span.select2-selection--multiple,
.route_dropdown_select .select2-container--default span.select2-selection--multiple {
    font-size: 13px;
    color: #373434;
    background-color: #fff;
    border: 1px solid #E7E7E7;
    border-radius: 15px;
    height: 39px;
    box-shadow: none !important;
    min-width: 200px;
    max-width: 200px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0;
}

.route_dropdown_select .select2-container--default span.select2-selection--multiple {
    min-width: 300px;
    max-width: 300px;
    height: 43px;
}

.inspector_dropdown_multi input.select2-search__field,
.route_dropdown_select input.select2-search__field {
    font-size: 13px;
    width: 100% !important;
    border: 0;
    padding-top: 0;
    padding-left: 5px;
    background: transparent;
}

ul#select2-inspector_dropdown_multi-results,
ul#select2-route_dropdown_select-results  {
        list-style-type: none;
        padding-left: 0;
        background: #fff;
        padding: 10px;
        border: 1px solid #E7E7E7;
        border-radius: 13px;
        margin-top: 0;
        max-height: 200px;
        overflow: auto;
}

.inspector_dropdown_multi .select2-selection__rendered,
.route_dropdown_select .select2-selection__rendered {
    list-style-type: none;
    padding-left: 0;
    padding: 0;
    display: flex;
    align-items: center;
    padding-top: 12px;
    gap: 5px;
    margin-bottom: 0;
    margin-left: 8px;
}

.inspector_dropdown_multi, .route_dropdown_select {
    position: relative;
}

#select2-inspector_dropdown_multi-results li, #select2-route_dropdown_select-results li {
    cursor: pointer;
    padding: 1px;
}

#select2-inspector_dropdown_multi-results li > div , #select2-route_dropdown_select-results li > div {
    display: flex;
    align-items: center;
}


#select2-inspector_dropdown_multi-results li:hover,
#select2-route_dropdown_select-results li:hover {
    background-color: #f5f5f5;
}


.inspector_dropdown_multi .select2-selection__choice,
.route_dropdown_select .select2-selection__choice {
    background: #f5f5f5;
    border-radius: 5px;
    padding: 4px;
    font-size: 12px;   
    white-space: nowrap;      
  overflow: hidden;            
  text-overflow: ellipsis;     
  min-width: 70px;
}

.inspector_dropdown_multi .select2-selection__choice__remove,
.route_dropdown_select .select2-selection__choice__remove {
    padding-right: 5px;
    float: right;
}

.inspector_dropdown_multi .select2-selection__clear,
.route_dropdown_select .select2-selection__clear {
    position: absolute;
    right: 10px;
    top: 10px;
    padding-inline: 3px;
    border: 1px solid #f5f5f5;
    background-color: #fff;
}

.inspector_dropdown.inspector_dropdown_map,
.route_dropdown_select.inspector_dropdown_map  {
    display: none;
}

.jobs_info_col > a {
  color: #0d6efd;
  text-decoration: none;
}

.jobs_info_col > a h3 {
    text-decoration: underline;
}

#totalUsers, #punchedIn {
    color: #0d6efd;
    text-decoration: underline;
    cursor: pointer;
}

.map_full_template {
    grid-template-columns: 100%;
}

.pending_job_btn {
    font-size: 13px;
    padding-inline: 10px;
}

.hidden_select select {
    visibility: hidden;
}

.hidden_select .custom_selectbox {
    max-height: 48px;
    overflow: hidden;
}

.chart_container_three {
    grid-template-columns: 33% 33% 33%;
}

/* .job_daily_chart {
    margin-top: -19rem;
} */

/* span.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #f5f5f5;
} */


.download_excel {
    min-width: 150px;
}

.download_excel .spinner { 
    border: 2px solid #f3f3f3;
    border-top: 2px solid #464646;
    width: 25px;
    height: 25px;
}


.property_details_container.active .detail_row {
    gap: 0;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.property_details_container .detail_row .detail_col {
    flex: 1 0 0%;
    max-width: 33.33%;
}


.synched_time {
    font-size: 13px;
}

.custom_link {
    color: #0d6efd;
    text-decoration: underline;
    cursor: pointer;
}


.modalPopup th, .modalPopup td {
    padding-inline: 3px !important;
}

.select_inspector_dropdown .custom_selectbox {
    max-height: 39px;
    min-height: 39px;
    max-width: 300px;
    min-width: 300px;
    overflow: hidden;
}

/* .select_inspector_dropdown .select2-container .select2-search--inline .select2-search__field {
    margin-top: 0;
}

.select_inspector_dropdown .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    margin-top: 10px;
} */

.select_inspector_dropdown .select2-container .select2-search--inline .select2-search__field {
    margin-top: 0;
}

.select_inspector_dropdown .select2-container--default span.select2-selection--multiple {
    display: flex;
    align-items: center;
}


.filterBySelector {
    max-width: 155px;
}

.filterBySelector input {
    width: 100%;
}


#inspectors_table_custom {
    display: none;
}

table#inspectors_table_custom th:first-child,
table#inspectors_table_custom td:first-child {
    padding-right: 10px;
    padding-left: 10px;
}

table#inspectors_table_dashboard th:last-child, table#inspectors_table_dashboard td:last-child {
    width: 20%;
}

li.select2-results__option {
    padding: 0 6px;
    min-height: 30px;
    display: flex;
    align-items: center;
}


span.select2-container--default .select2-selection--multiple .select2-selection__clear {
    position: absolute;
    right: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    max-height: 30px;
}


.btn_html .spinner {
    border-top: 2px solid #F06123;
}

#imageModal .download_btn {
    right: 8px;
    top: 5px;
    width: 30px;
    height: 30px;
}

.contactDesignationTextContainer {
    display: none;
}

#userHeading {
    text-transform: capitalize;
}

#contactModal .panel_table th:first-child, .panel_table td:first-child {
    width: 30px;
} 

#contactModal.modalPopup {
    padding: 2rem 1rem;
}

#contactModal {
    width: 70%;
}

#addContactToProperty {
    margin-left: auto;
}
 
.property_detail_row  {
        display: flex;
        justify-content: space-between;
        margin-top: 1em;
    
}


#walkthrough_table th:first-child, #walkthrough_table td:first-child {
    width: 15%;
}

#client_contacts th:first-child,
#client_contacts td:first-child {
    width: 15%;
}

.remove_btn_contact button {
    background: transparent;
    border: 1px solid red;
    color: red;
    border-radius: 5px;   
}

.remove_btn_contact button:hover {
    color: #fff;
    background-color: red;
}

.add_btn_contact button {
    background: transparent;
    border: 1px solid rgb(48, 48, 48);
    color: rgb(48, 48, 48);
    border-radius: 5px;   
}

.add_btn_contact button:hover {
    background-color: rgb(219, 219, 219);
}

/* Media Query Starts */


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

    .sidebar {
        position: absolute;
        background: #fff;
        left: -100%;
        min-width: 60%;
        z-index: 3;
        min-height: 100vh;
        top: 0;
    }

    .sidebar.active {
        left: 0;
    }

    .menu_btn {
        display: flex;
    }

    .mobile_logo {
        display: block;
    }

    .job_daily_chart {
        margin-top: unset;
    }
    

}

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

    .srch_inner {
        display: none;
    }

    .mobile_srch {
        display: inline;
    }

    .property_search_input_nav {
        border-radius: 0;
      }

    .header_info {
        gap: 10px;
    }

    .properties_dropdown_nav {
        position: absolute !important;
        bottom: -34px;
        left: 0;
        width: 99%;
    }

    .login_form form {
        max-width: 85%;
    }

    .detail_tab_container#tab1.active {
        grid-template-columns: 50% 50%;
    }

    .job_details_container {
        display: grid;
        gap: 25px;
        grid-template-columns: 70% 30%;
    }
    
}


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

    #jobCategoryChart {
      min-height: 500px;
    }

    #routeChart {
        min-height: 700px;
      }

      .team_container .visit_heading {
        margin-bottom: 5px;
      }

    .dashboard_col_1 {
        grid-template-columns: 100%;
        gap: 3px;
    }

    .team_container {
        margin-top: 0 !important;
    }

    .team_panel {
        justify-content: flex-start;
    }
    
    .team_panel .job_col_inner {
        display: inline-flex;
        gap: 35px;
    }

    .stats_panel.panel_search, .team_panel.panel_search {
        display: grid;
        grid-template-columns: 50% 50%;
    }

    .col_chart {
        margin-bottom: 15px;
    }

    .w_col {
        width: 100%;
    }
 
    .sidebar {
        min-width: 80%;
        top: 0;
    }

    .map_jobs .search_inline {
        gap: 5px;
        margin: 0 !important;
    }

    .map_tab_1 .panel_search {
        margin-top: 10px;
    }

    .map_panel .property_col {
        margin-top: 1rem;
    }

    .map_panel .property_col {
        padding-inline: 25px;
    }

    .map_container .panel_search .search_dropdown {
        padding-inline: 0 !important;
    }


    .map_col {
        grid-template-columns: 100%;
    }

    .config_form .job_details_textarea {
        width: 100%;
    }

    .panel_heading {
        padding-bottom: 5px;
    }
    

    .panel_table_container {
        overflow: auto;
    }


    .login_panel {
        grid-template-columns: 100%;
    }

    .login_img {
        padding-top: 5rem;
        padding-bottom: 5rem;
        order: 2;
    }

    .login_form {        
        padding-top: 6rem;
        display: block;
    }

    .login_img {
        display: none;
    }

    .detail_tab_container#tab1.active {
        display: grid;
        grid-template-columns: 50% 50%;
    }

    .property_form_container .details_tab {
        width: 100%;
    }

    .counts .input_field {
        max-width: 50%;
        margin-left: 0;
    }

    .inspection_section {
        display: grid;
        grid-template-columns: 50% 50%;
        gap: 10px;
        width: auto;
    }
    
    .table_controls_info {
        margin-top: 15px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    #jobStatusChart {
        max-height: 350px;
        min-height: 250px !important;
        margin: 0 auto;
    }

    .chart_container {
        grid-template-columns: 100%;
    }

}


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

    .panel_search {
        padding-top: 5px !important;
        display: block;
    }

    .excel_row {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .btn_excel {
        padding: 7px 5px;
    }
 
    .panel_search .search_inline {
        display: grid !important;
        grid-template-columns: 100%;
    }

    #jobStatusChart {
        height: auto !important;
    }

    /* .team_panel.panel_search {
        grid-template-columns: 100%;
    } */

    .property_col .property_name {
        font-size: 15px;
    }

    .grid-50.gap_2 {
        grid-template-columns: 100%;
    }

    .grid_mb_full, .toggle_container {
        grid-template-columns: 100% !important;
    }

    .logo_container img {
        max-width: 200px;
    }

    .login_img {
        padding-top: 2rem;
        padding-bottom: 2rem;
        display: none;
    }

    .panel_heading h3 {
        font-size: 17px;
    }

    .btn_default {
        font-size: 12px;
    }
    

    .search_dropdown .dropdown-toggle {
         display: flex;
         justify-content: space-between;
         align-items: center;
         width: 100%;
    }

    .search_dropdown .dropdown-menu {
        width: 100%;
    }


    .panel_table th, .panel_table td {
        font-size: 12px;
    }

    .panel_content {
        width: 100%;
    }
    
    .inline_text {
        white-space: nowrap;
    }
    
    .custom_tabs {
        display: flex;
        white-space: nowrap;
    }

    .detail_tab_container#tab1.active {
        grid-template-columns: 100%;
    }

    .detail_tab_container .detail_row {
        padding-inline: 0 !important;
        display: grid;
        grid-template-columns: 50% 50%;
    }    

    .detail_tab_container .detail_row.inspection_section {
        grid-template-columns: 100%;
    }
    
    .btn_edit {
        position: relative;
    }

    .custom_tabs .tab-link {
        font-size: 13px;
    }

    .toggle_container {
        margin-bottom: 0 !important;
    }

    .job_details_container {
        display: grid;
        gap: 10px;
        grid-template-columns: 100%;
    }

    .job_details_container .detail_row {
        gap: 10px;
    }

    .job_details_container .detail_col p {
        margin-bottom: 0;
    }

    .inspection_section {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .counts .input_field {
        max-width: 100%;
    }
    
    .toggle_switch {
        display: block;
    }

    .property_form label {
        margin-bottom: 10px;
        display: block;
    }

    .property_form .input_field {
        min-height: 39px;
    }

    .panel_search .input_field {
        margin-bottom: 10px;
        width: 100%;
    }

    .panel_search .btn_default {
        margin-top: 10px;
    }
    
    .table_controls {
        flex-direction: column;
    }

}

/* Media Query Ends */