/* @import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap'); */
@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");
@media print {
    body {
        -webkit-print-color-adjust: exact;
    }
}

.select2-container--default
    .select2-results__option--highlighted[aria-selected] {
    background-color: #f49e3f !important;
}

.custom-cardheight {
    min-height: 275px;
}

.invalid-feedback {
    display: block;
}
.statement-export {
    position: absolute;
    right: 24px;
    width: auto;
}
body {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
}

.tilebox-one h4 {
    font-size: 14px;
    font-family: "Roboto";
    font-weight: 500;
    line-height: 20px;
}
.apexcharts-yaxis text,
.apexcharts-xaxis text {
    fill: #222;
}
.claims-card .card {
    min-height: 113px;
}

.tilebox-one h3 {
    font-size: 26px;
    font-weight: 600;
}
.notify-item:hover {
    background-color: #2c2c2e;
}
.notify-all {
    color: #222;
}
.border-l-blue {
    border-left: 3px solid #007bff;
    background: #007bff1a;
}

.border-l-green {
    border-left: 3px solid #28a745;
    background: #29a8471a;
}

.border-l-red {
    border-left: 3px solid #dc3545;
    background: #dc38481a;
}

.all_date {
    font-size: 14px;
    font-weight: 500;
    color: #444;
}

.border-l-yellow {
    border-left: 3px solid #ffc107;
    background: #ffc1051a;
}

.border-l-light-blue {
    border-left: 3px solid #17a2b8;
    background: #17a4ba1a;
}

.border-l-megenta {
    border-left: 3px solid #9c27b0;
    background: #9b27b01a;
}

.daterangepicker .ranges li.active {
    background-color: #1e85b2;
    color: #fff !important;
}

.daterangepicker .ranges li:hover {
    background-color: #1e85b2;
    color: #fff !important;
}

.conversation-list .chat-avatar i {
    font-size: 40px;
    color: #bbb;
}

.conversation-list .ctext-wrap {
    background: #efefef;
}

.conversation-list .odd .ctext-wrap {
    background-color: #05425c;
    color: #fff;
}

.conversation-list .odd .ctext-wrap:after {
    border-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    right: -10px;
    left: auto;
}

.conversation-list .ctext-wrap:after {
    border-top-color: transparent;
    border-right-color: transparent;
}

.ranges li {
    color: rgb(0, 0, 0) !important;
    font-family: "Roboto", sans-serif;
}

.custom-control-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    /* display: inline-flex; */
    margin-right: 1rem;
}

.custom-control {
    position: relative;
    z-index: 1;
    min-height: 1.35rem;
    padding-left: 1.5rem;
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.175rem;
    opacity: 1;
}

.tilebox-one h4 a {
    color: #111;
}

.add-surveyor hr {
    margin: 18px 0;
    opacity: 0.15;
}

.hide {
    display: none;
}

.reportrange {
    max-width: fit-content;
    text-align: right;
    font-size: 13px;
    border: none;
    padding: 0;
    cursor: pointer;
}

.switch-toggle input {
    opacity: 0;
    height: 25px;
    position: absolute;
    border-radius: 15px;
}

.switch-toggle input + label {
    float: left;
    color: #fff;
    height: 25px;
    font-size: 12px;
    cursor: pointer;
    text-shadow: none !important;
}

.switch-toggle.switch-candy,
.switch-light.switch-candy > span {
    background-color: #ccc !important;
    box-shadow: none !important;
}

.switch-light.switch-candy span span,
.switch-light.switch-candy input:checked ~ span span:first-child,
.switch-toggle.switch-candy label {
    color: #777 !important;
    font-weight: 500 !important;
    text-align: center;
    text-shadow: none !important;
}

.switch-toggle input[value="na"] + label {
    pointer-events: none;
}

.switch-toggle {
    width: 200px;
}

.switch-toggle input[value="pending"]:checked + label {
    background: #ffc107;
    color: #000 !important;
}

.switch-toggle input[value="on"]:checked + label {
    background: green;
    color: #fff !important;
}

.switch-toggle input[value="on"]:hover + label,
.switch-toggle input[value="on"]:active + label,
.switch-toggle input[value="on"]:focus-visible {
    border: none !important;
}

.switch-toggle input[value="off"]:checked + label {
    background: red;
    color: #fff !important;
}

/* Show Quotation CSS */
.quote-form {
    background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    max-width: 900px;
    margin: 30px auto 30px auto;
}
.email_website {
    max-width: 55%;
    justify-content: space-between;
    display: flex;
    margin: 5px 0 0 auto;
}
.quotation-header {
    padding: 10px 20px;
}
.table-data .table-bordered > :not(caption) > * {
    border-width: 0 !important;
}
.table-style .table-bordered > :not(caption) > * {
    border-width: 0;
}
.table-data {
    padding: 10px 20px;
    padding-bottom: 0px;
}
.table-data .table tbody tr td {
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 400;
    color: #111;
    border: 1px solid #111;
}
.table-style .table tbody tr td {
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 400;
    color: #111;
    border: 1px solid #111;
}
.table-style .table tbody tr td input.form-control {
    font-size: 12px;
    color: #000;
    padding: 5px;
    height: 26px;
}
.company-info {
    text-align: right;
}

.company-info h2 {
    margin: 8px 0 5px 0;
    font-size: 15px;
    color: #000;
    font-weight: 600;
}

.company-info h4 {
    font-size: 15px;
}

.company-info p {
    font-size: 11px;
    margin-left: auto;
    margin-bottom: 0;
}

a {
    text-decoration: none !important;
}
.customer-info ul {
    margin: 0;
    padding: 0;
}
.customer-info ul li {
    list-style-type: none;
}
.customer-info ul li {
    list-style-type: none;
    float: left;
    margin-right: 5px;
}
.customer-info ul li a span {
    color: #000;
    font-weight: 400;
    font-size: 11px;
}
.person-info {
    padding: 6px 20px;
    background: #1e85b2;
    border: 1px solid #1e85b2;
}

.vehicle-detail table thead tr th {
    background-color: #2c2c2e;
    color: #fff;
}

.person-info h4 {
    font-size: 12px;
    color: #fff;
    margin: 0;
    padding: 0;
}

.person-info h4 span a {
    color: #fff;
    font-weight: 400;
}

.person-info h5 span a {
    color: #fff;
    font-weight: 400;
}

.person-info h5 {
    font-size: 12px;
    color: #fff;
    margin: 0;
    padding: 0;
}

.person-info h5 span a {
    font-weight: 400;
}

.billed-to {
    padding: 12px 20px 6px 20px;
}

.company-details {
    text-align: right;
}

.seprate {
    padding: 10px 20px;
}

.seprate hr {
    margin: 0;
}

.seprate p {
    margin: 0;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    padding: 4px 0;
}

.customer-info h5 {
    font-size: 15px;
    font-weight: 400;
    margin: 0;
}

.customer-info h1 {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin: 6px 0 6px 0;
    text-transform: capitalize;
}
.customer-info h4 {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin: 6px 0 6px 0;
    text-transform: capitalize;
}
.customer-info {
    margin-bottom: 0px;
}
.customer-info a i {
    margin-right: 3px;
}

.customer-info h5 {
    font-size: 12px;
    font-weight: 400;
    margin: 0;
}
.company-details h5 {
    font-size: 12px;
    font-weight: 400;
    margin: 0;
}
.company-details h2 {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin: 6px 0 6px 0;
    text-transform: capitalize;
}

.company-details h4 a {
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

.company-details p {
    font-size: 11px;
    font-weight: 400;
    color: #000;
    margin: 0 0 5px 0;
}

.company-details p span {
    font-weight: 500;
}

.custom-checkbox-info label {
    font-weight: 400;
}

.vehicle-detail {
    padding: 10px 20px;
    padding-top: 0;
}
.vehicle-detail table tbody tr td:first-child {
    border-radius: 0 0 4px 0;
}

.vehicle-detail table tbody tr td:last-child {
    border-radius: 0 0 0 4px;
}

.vehicle-detail table thead tr th:first-child {
    border-radius: 4px 0 0 0;
}

.vehicle-detail table thead tr th:last-child {
    border-radius: 0 4px 0 0;
}

.quotation-option {
    padding: 0 20px;
}

.customer_tab ul {
    background-color: #fff;
}

.quotation-option ul {
    background-color: #fff;
}

.quotation-option .nav-item {
    margin-right: 0px;
}

.customer_tab .nav-item {
    margin-right: 3px;
    margin-left: 3px;
}

.quotation-option .nav-pills .nav-link {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px !important;
}

.customer_tab .nav-pills .nav-link {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px !important;
}

.customer_tab .nav-pills .nav-link.active {
    color: #fff;
    background-color: #1e85b2;
    border: 1px solid #1e85b2;
}

.quotation-option .nav-pills .nav-link.active {
    color: #fff;
    background-color: #1e85b2;
    border: 1px solid #1e85b2;
}

.quotation-option .nav-quote {
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px !important;
    padding: 0.5rem 1rem;
    width: 100%;
}

.customer_tab .nav-quote {
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px !important;
    padding: 0.5rem 1rem;
    width: 100%;
}

.c-option p {
    font-size: 13px;
    font-weight: 500;
    margin: 0;
}

.c-option h5 {
    font-size: 13px;
    font-weight: 400;
    margin: 0;
}

.fare-break h2 {
    font-size: 18px;
    font-weight: 600;
}

.fare-break h4 {
    font-size: 14px;
    font-weight: 400;
}

.t-and-c {
    padding: 20px;
    text-align: left;
}

.t-and-c h4 {
    font-size: 13px;
}

.t-and-c p {
    font-size: 11px;
    max-width: 90%;
    margin: 0 auto;
}

.quotation-option .nav-pills h5 {
    font-size: 13px;
    font-weight: 400;
    margin: 0;
}

.quotation-option .nav-pills h2 {
    font-size: 18px;
    font-weight: 600;
    margin: 8px 0 0 0;
}

.quotation-option .nav-pills p {
    font-size: 13px;
    font-weight: 400;
    margin: 0;
}

.quotation-option table tbody tr td:first-child {
    border-radius: 0 0 4px 0;
}

.quotation-option table tbody tr td:last-child {
    border-radius: 0 0 0 4px;
}

.quotation-option table thead tr th:first-child {
    border-radius: 4px 0 0 0;
}

.quotation-option table thead tr th:last-child {
    border-radius: 0 4px 0 0;
}

.accept-btn {
    padding: 0px 20px 20px 20px;
}

.activity-accordion .card {
    border: 1px solid #ccc;
    border-radius: 0;
}

.activity-accordion .card-body {
    padding: 10px;
}

.activity-accordion .card-header {
    padding: 0 10px;
    margin-bottom: 0 !important;
}

.activity-accordion .card-header h5 {
    font-size: 14px;
    font-weight: 500;
    font-family: "Roboto";
}

.b-warning {
    background: #ffe893;
    border-color: #ffe893;
}

.custom_policy .nav-tabs .nav-link.active,
.custom_policy .nav-tabs .nav-item.show .nav-link {
    color: #000000;
    border-bottom: 3px solid #1e85b2;
    border-top: none;
    border-left: 0;
    border-right: 0;
    font-weight: 600;
}

.custom_policy .nav-tabs .nav-link {
    border: none;
}

.custom_policy .nav-link {
    -webkit-transition: none;
    transition: none;
}

.custom_policy .nav-tabs > li > a,
.nav-pills > li > a {
    color: #777;
    font-weight: 400;
}

.b-primary {
    background: #a09beb;
    border-color: #a09beb;
}

.b-danger {
    background: #ff8585;
    border-color: #ff8585;
}

.b-success {
    background: #189b0d;
    border-color: #189b0d;
}

/* End Show Quotation CSS */
.loader {
    display: inline-block;
    text-align: center;
    line-height: 86px;
    text-align: center;
    position: relative;
    padding: 0 32px;
    font-size: 32px;
    font-family: Arial, Helvetica, sans-serif;
    color: #403ad7;
}

.loader:before,
.loader:after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: currentColor;
    position: absolute;
    animation: load 0.7s infinite alternate ease-in-out;
    top: 0;
}

.loader:after {
    top: auto;
    bottom: 0;
}

.tooltip {
    position: relative;
    opacity: 1;
}

#comments h4,
#folloow_up h4,
#activities h4 {
    margin-top: -20px;
    font-size: 16px;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 70px;
    background-color: #111;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 2;
    top: -40px;
    left: -40%;
    font-size: 13px;
    font-weight: 500;
    font-family: "Roboto";
}

.tooltiptext:before {
    content: "";
    border-top: 10px solid #111;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    top: 25px;
    left: 35%;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

@keyframes load {
    0% {
        left: 0;
        height: 43px;
        width: 15px;
        transform: translateX(0);
    }

    50% {
        height: 10px;
        width: 40px;
    }

    100% {
        left: 100%;
        height: 43px;
        width: 15px;
        transform: translateX(-100%);
    }
}

@media print {
    .person-info {
        background: #1e85b2 !important;
        print-color-adjust: exact;
    }
}

/* Show Policy CSS */
.sm-customers tr th {
    padding: 5px 0px;
    font-size: 15px;
}

.sm-customers tr td {
    padding: 0;
    font-size: 15px;
}

.action_btn a {
    background: #fff;
    border: 1px solid #1e85b2;
    border-radius: 4px;
    padding: 15.6px;
    color: #111;
    font-weight: 500;
    width: 100%;
}

.action_btn a:hover,
.action_btn a:focus,
.action_btn a:active {
    background: #1e85b2;
    border: 1px solid #1e85b2;
    color: #fff;
}

/* End Show Policy CSS */
.notice-list {
    color: #111;
}

.notice-list .notice-details {
    margin: 0;
    background: #f3f3f3;
    border: 1px solid #ccc;
    padding: 14px;
    border-radius: 4px;
    margin-bottom: 10px;
}

.notice-list .notice-details:hover {
    background: #1e85b2;
    border: 1px solid #1e85b2;
    color: #fff;
}

.notice-list .notice-details small {
    float: right;
    color: #8f8888;
}

.notice-list .notice-details:hover small {
    color: #fff;
}

.select2-dropdown {
    z-index: 9999;
}
.caption-title {
    font-size: 12px;
    font-weight: 700;
    background: transparent;
    color: #111;
    padding: 5px 0;
    border-radius: 4px 4px 0px 0px;
    margin: 0;
}
.table-content h4 {
    margin: 0;
    font-size: 11px;
    line-height: 20px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
}
.table-content p {
    margin: 0;
    font-size: 11px;
    font-weight: 600;
}
.table-group {
    width: 100%;
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
}
.table-group .table-content {
    width: 25% !important;
    margin: 0px 0px -1px 0px;
    border: 1px solid #ccc;
    background: #fff;
    padding: 2px 5px 2px 5px;
    min-width: 25% !important;
    /* box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; */
}
.table-group ul {
    flex-direction: row;
    display: flex;
    padding: 0;
    width: 100%;
    margin: 0;
}
.table-group ul li {
    width: calc(100% / 7);
    margin: 0px 0px 0px 0px;
    border: 1px solid #ccc;
    background: #fff;
    padding: 2px 5px 2px 5px;
    /* box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; */
    font-weight: 600;
    font-size: 11px;
}
.cus-address {
    color: #111;
    font-size: 11px;
}
.terms-content p {
    font-size: 12px;
    margin: 0;
    line-height: 19px;
    color: #3d3d3d;
    text-align: justify;
}
div.table-group > .table-content:nth-child(2),
div.table-group > .table-content:nth-child(3),
div.table-group > .table-content:nth-child(4),
div.table-group > .table-content:nth-child(6),
div.table-group > .table-content:nth-child(7),
div.table-group > .table-content:nth-child(8),
div.table-group > .table-content:nth-child(10),
div.table-group > .table-content:nth-child(11),
div.table-group > .table-content:nth-child(12),
div.table-group > .table-content:nth-child(14),
div.table-group > .table-content:nth-child(15) {
    border-left: none;
}
.q-logo img {
    width: 120px;
}
/* Show Quotation Responsive CSS */

@media (max-width: 767.98px) {
    div.table-group > .table-content:nth-child(3),
    div.table-group > .table-content:nth-child(7),
    div.table-group > .table-content:nth-child(9),
    div.table-group > .table-content:nth-child(12) {
        border-left: 1px solid #ccc;
    }
    .table-group ul {
        flex-wrap: wrap;
    }
    .table-group ul li {
        width: calc(100% / 2);
    }
    .lead-panel {
        display: grid;
    }
    .statement-export {
        position: relative;
        right: 0;
        width: 100%;
        margin-bottom: 15px;
    }
    .page-title-box .page-title-right {
        display: block;
    }

    .page-title-box .page-title {
        font-size: 16px;
    }

    .lead-panel .page-title {
        font-size: 16px;
        order: 1;
    }

    .lead-panel .page-title-right {
        display: block;
        order: 2;
        margin-top: -7px;
        margin-bottom: 15px;
    }

    .lead-panel .breadcrumb {
        display: block;
    }

    .container,
    .container-fluid,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl {
        padding-left: 5px;
        padding-right: 5px;
    }

    .card-header {
        padding: 15px;
    }

    .card-body {
        padding: 15px;
    }

    h4,
    .h4 {
        font-size: 14px;
    }

    .tilebox-one h4 {
        font-size: 13px;
    }

    .tilebox-one h3 {
        font-size: 22px;
    }
    .table-group .table-content {
        width: calc(100% / 2);
    }
    .card {
        margin-bottom: 20px;
    }

    .quotation-header {
        padding: 15px;
        display: grid;
    }

    .q-logo {
        text-align: center;
    }

    .q-logo img {
        width: 110px;
    }

    .company-info {
        text-align: center;
        margin-top: 10px;
    }

    .company-info h2 {
        font-size: 15px;
    }

    .company-info h4 {
        font-size: 12px;
    }

    .company-info p {
        font-size: 12px;
        max-width: 100%;
    }

    .person-info .col-sm-6 {
        width: 50%;
    }

    .person-info {
        padding: 10px 15px;
    }

    .person-info h5 {
        font-size: 12px;
    }

    .person-info h4 {
        font-size: 12px;
    }

    .billed-to {
        padding: 15px;
        display: block;
    }

    .company-details {
        text-align: right;
    }

    .customer-info h5 {
        font-size: 13px;
        font-weight: 500;
    }

    .customer-info h1 {
        font-size: 18px;
        margin-top: 10px;
    }

    .customer-info ul li a i {
        font-size: 14px;
    }

    .customer-info ul li a {
        font-size: 13px;
    }

    .company-details h5 {
        font-size: 13px;
        font-weight: 500;
    }

    .company-details h2 {
        font-size: 16px;
        margin-top: 10px;
    }

    .company-details h4 a {
        font-size: 14px;
        font-weight: 500;
    }

    .company-details p {
        font-size: 13px;
        font-weight: 600;
        margin-top: 10px;
    }

    .customer-info {
        padding-bottom: 15px;
    }

    .seprate {
        padding: 0 15px;
    }

    .seprate p {
        font-size: 13px;
        font-weight: 600;
        padding: 10px 0;
    }

    .vehicle-detail {
        padding: 15px;
    }

    .vehicle-detail .table > :not(caption) > * > * {
        font-size: 13px;
        padding: 9px 12px;
    }

    .quotation-option {
        padding: 0 15px;
    }

    .quotation-option .table > :not(caption) > * > * {
        font-size: 13px;
        padding: 9px 12px;
    }

    .quotation-option .nav-pills h5 {
        font-size: 12px;
    }

    .quotation-option .nav-pills h2 {
        font-size: 18px;
    }

    .quotation-option .nav-pills p {
        font-size: 13px;
    }

    .quotation-option .nav {
        display: block;
    }

    .quotation-option .nav-item {
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .accept-btn {
        padding: 0px 15px 15px 15px;
    }

    .accept-btn label {
        font-size: 13px;
        font-weight: 500;
    }

    .accept-btn label a {
        font-weight: 600;
    }
}

.notification-list .noti-icon-badge {
    background-color: #ef4b4b;
    right: -6px;
    color: white;
    font-size: smaller;
    height: 17px;
    width: 17px;
}

/* End Show Quotation Responsive CSS */