@font-face {
    font-family: 'RobotoMedium';
    src: url('/Fonts/RobotoMono-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Canada';
    src: url('/Fonts/RadioCanadaBig-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: "Canada", Arial, sans-serif !important;
}

    body * {
        font-family: "Canada", Arial, sans-serif !important;
    }

* {
    font-family: inherit !important;
}

div.dt-search {
    display: none !important;
}

.wraparound {
   float: left !important;
}

.regResults {
    width: 100% !important;

}
.service-date-min-iso {
    display: none !important;
}
.regMessage {
   display: inline !important;
   font-weight: bold !important;
}
.header-with-icon {
    display: flex;
    align-items: end;
    padding: 0 !important;
}

    .header-with-icon h6 {
        margin-right: 5px;
    }

.up {

    margin-bottom: 6px;


}

.tablecontainer {
    max-width: 1800px !important; 
}
.custom-btn {
    float: right;
}
.custom-width {
    width: 100% !important;
    margin: 0 auto !important;
    justify-content: center !important;
}

.custom-width2 {
    width: 80% !important;
    margin: 0 auto !important;
}

.card-body .flex-container {
    display: flex;
    justify-content: space-between;
}

    .card-body .flex-container ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .card-body .flex-container ul li {
            white-space: nowrap;
        }

            .card-body .flex-container ul li:not(:last-child) {
                margin-bottom: 1.8rem;
            }

.borderAll {
    border: 1px solid black;
}

.card-body ul li {

    font-size: 16px !important;
}


@media (min-width: 2560px) {
    .shift-right {
        margin-left: 85px; 
    }
}

@media (max-width: 767px) {
    .center-mobile {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
}
.buttons-wrapper {
    display: inline-block; 
    position: relative; 
    padding-bottom: 10px; 
}

    .buttons-wrapper::after {
        content: '';
        display: block;
        width: 55%; 
        height: 1px; 
        background-color: #000; 
        position: absolute;
        bottom: 0; 
        left: 50%; 
        transform: translateX(-50%); 
    }
.payment-schedule-container {
    position: relative;
    padding-top: 0.5rem; 
}

.dobinput {
    margin-top: 1em !important;
}

.full-width-label {
    display: block;
    padding-right: 4px !important;
}
@media print {
    body, html {
        height: 100%;
        margin: 0;
        padding: 0;
    }
    .tooltip-inner {
        padding: 15px; 
    }
    #IdCard-container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh; 
        text-align: center; 
    }

    #cardPrint {
        width: 400px;
        display: inline-block;
        text-align: left; 
        box-sizing: border-box; 
    }

    table {
        width: 100%;
        border-collapse: collapse; 
    }



    tr, td, th {
        border: 1px solid #ccc !important;
    }

    .titleTr {
        display: none !important;
    }

    /* Specific rule for title1 */
    #title1 {
        border: none !important;
        text-align: center !important;
    }
    #cardPrint tr td#title1 {
        border: none !important;
        text-align: center !important;
    }
}

@page {
    size: auto;
    margin: 0;
}

#clearDates1 {
    margin-top: 0.5em;
}

#clearDates6 {
    margin-top: 0.5em;
}
#clearDates10 {
    margin-top: 0.5em;
}

#clearDates11 {
    margin-top: 0.5em;
}
#clearDates21 {
    margin-top: 0.5em;
}

#clearDates22 {
    margin-top: 0.5em;
}
.tooltip-inner {
    font-size: 1.25rem; 
    max-width: none;
    padding: 5px;
}

/* Optional: Style the tooltip arrow */
.tooltip-arrow {
    width: 1.25rem;
    height: 0.625rem;
}

.no-border {
    border: none !important;
}

.custom-tooltip .tooltip-inner {
    font-size: 1em !important;
    max-width: 400px !important;
    padding: 1rem !important;
    white-space: normal !important;
}

.custom-tooltip .tooltip {
    opacity: 0 !important; 
    transition: opacity 0.3s ease-in-out !important; 
}

    .custom-tooltip .tooltip.show {
        opacity: 1 !important; 
    }

.idtextcenter {
    text-align: center !important;
}


.fixed-card {
    width: 100%;
    max-width: 29rem;
    height: 32rem;
    overflow: hidden;
}



.card-body .d-flex {
    display: flex;
    flex-wrap: wrap;
}

.address-text {
    white-space: pre-wrap;
    word-wrap: break-word;
}

.no-padding {
    padding: 0 !important;
}
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters > .col,
  .no-gutters > [class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }
.card-body .w-50 {
    width: 50%;
}

.conatiner .policySearchContainer {
    display: flex !important;
    justify-content: center !important;
    height: 100% !important;
    width: 100% !important;
    margin-top: 10rem !important;
}

.card-body .bold {
    font-weight: bold;
}


.owner-info {
    display: flex !important;
    flex-direction: column !important;
}


.search-form-card {
    margin: 1em auto 0 auto;
    background: #fff;
    padding: 2em;
}

.search-form-table {
    overflow-x: auto;
}

    .search-form-table .table th,
    .search-form-table .table td {
        vertical-align: middle;
    }

    .search-form-table .table th {
        text-align: center;
    }

.search-form-header {
    background: #fff;
    color: #232020;
    border-radius: 5px;
    text-align: center;
}

@media (max-width: 767.98px) {
    .search-form-table .table th,
    .search-form-table .table td {
        display: block;
        text-align: left;
    }

    .search-form-table .table th {
        text-align: center;
    }

    .search-form-table .table td {
        border-top: none;
    }
}


.logResults {
    margin-top: 10em;
}

.info-item {
    margin-bottom: 1rem !important;
}

.bold {
    font-weight: bold !important;
}

@media (max-width: 575px) {
    .custom-card-padding {
        padding-top: 2px 2px !important;
    }

        .custom-card-padding .card-body {
            padding-top: 2px 2px !important;
        }

            .custom-card-padding .card-body div {
                padding: 2px 2px !important;
            }
}

.dropdown-menu {
    z-index: 1050 !important;
    position: relative !important;
    background-color: white !important;
    border: 1px solid #ddd !important;
}

@media (max-width: 575px) {
    .info-item {
        margin-bottom: 0.2rem !important;
    }
}

@media (min-width: 576px) {
    .info-item {
        display: flex !important;
        justify-content: space-between !important;
        margin-bottom: 1rem !important;
    }
}

@media (min-width: 768px) {
    .card {
        margin-bottom: 2rem !important;
    }
}

@media (max-width: 576px) {
    .card-body .w-50 {
        width: 100%;
    }

    .card-body div {
        padding: 0.1rem 0;
    }
}

/*@media (max-width: 576px) {
    .fixedcardlarge  {
        padding: 1em;
    }

}*/

.card-body div {
    padding: 0.25rem 0;
}

.card-body .w-50:not(:last-child) {
    margin-bottom: 0.5rem;
}

.fixed-card .card-body {
    height: calc(100% - 3.5rem);
    overflow: auto;
}

.card-body {

    padding: 0 1rem !important;
}

.small-card {
    width: 100%;
    max-width: 20rem;
    height: 7.8125rem;
    overflow: hidden;
}

@media (max-width: 768px) {
    .small-card {
        width: 100%;
        max-width: 500rem !important;
        height: 7.8125rem;
        overflow: hidden;
    }
}

.fixedcardlarge {
    height: 30rem;
    overflow: hidden;
}

@media (max-width: 47.99875rem) {
    .fixedcardlarge {
        min-width: 100%;
    }
}

@media (min-width: 48rem) {
    .fixedcardlarge {
        min-width: 20.75rem;
        height: 25rem;
    }
}

@media (min-width: 62rem) {
    .fixedcardlarge {
        min-width: 28rem;
        height: 25rem;
    }
}

@media (min-width: 75rem) {
    .fixedcardlarge {
        min-width: 30rem;
        height: 25rem;
    }
}
@media (min-width: 75rem) {
    .fixedcardlarge2 {
        min-width: 30rem;
        height: 20rem;
    }
}
.custom-underline {
    text-decoration: underline;
    color: blue;
}



.notfoundbox {
    height: 5rem;
    overflow: hidden;
    background-color: rgba(0, 178, 169, 0.33);
    border: #0265a7;
    color: black;
}



@media (max-width: 12.99875rem) {
    .notfoundbox {
        min-width: 50%;
    }
}

@media (min-width: 12rem) {
    .notfoundbox {
        min-width: 12rem;
        height: 5rem;
    }
}

@media (min-width: 12rem) {
    .notfoundbox {
        min-width: 12rem;
        height: 5rem;
    }
}

@media (min-width: 12rem) {
    .notfoundbox {
        min-width: 12rem;
        height: 5rem;
    }
}

.container-section {
    visibility: hidden;
}

/*.card-col, .fixedcardlarge {
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}*/
.transparent-yellow-box {
    background-color: rgba(224, 226, 44, 0.1);
    border: 2px solid rgba(255, 204, 0, 0.1);
    width: 600px;
    height: 250px;
    margin: 0 auto;
    margin-top: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-col, .small-card-col {
    padding: 0px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (max-width: 768px) {
    .card-col, .small-card-col {
        padding: 5px !important;
    }
}

@media (max-width: 768px) {
    .container {
        padding: 0px !important;
    }
}



.card-col {
    flex: 1 1 100%;
    max-width: 100%;
}

.largecard-col {
    flex: 1 1 0;
    max-width: 50%;
}

#navListId {
    color: white !important;
    margin: 3rem .2em -.2em 0em !important;
    width: 23px !important;
}

#adminNavListId {
    color: white !important;
    margin: 3rem .2em -.2em 0em !important;
    width: 23px !important;
}

.new-container {
    width: 100%;
}

.card-col {
    flex: 1 1 1;
}

.no-bullets {
    list-style: none;
    padding: 0;
    margin: 0;
}

.small-card-col {
    flex: 1 1 100%;
    max-width: 100%;
}

@media (min-width: 500px) {



}

@media (min-width: 768px) {
    .small-card-col {
        flex: 1 1 42%;
        max-width: 33%;
    }
    .card-col {
        flex: 1 1 1 !important;
        max-width: 50%;
    }


}

@media (max-width: 768px) {
    .fixed-card {
        width: 100%;
        max-width: 800rem !important;
        height: 32rem;
        overflow: hidden;
    }
}

@media (min-width: 992px) {
    .card-col {
        flex: 1 1 50%;
        max-width: 40%;
    }
}

@media (min-width: 1200px) {
    .card-col {
        flex: 1 1 25%;
        max-width: 33%;
    }
}


.nav-buttons-container {
    overflow-x: scroll;
    white-space: nowrap;
    width: 100%;
}

.nav-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    min-width: 100%;
}

.highlight-current {
    background-color: yellow;
}


@media (max-width: 860px) {
    .nav-buttons-container {
        display: flex !important;
        flex-wrap: wrap !important;
    }
    .nav-buttons {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        flex: 0 0 50% !important; 
    }

    .nav-button {
        display: block !important;
        flex: 0 0 50% !important; 
        box-sizing: border-box !important;
        padding: 10px !important;
        text-align: center !important;
    }
}

#loadingSpinner {
    background-color: rgba(0, 0, 0, 0.5); /* Optional: dark semi-transparent background */
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

#loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8); 
    z-index: 10000;
    display: flex; 
    justify-content: center; 
    align-items: center; 
}
#loading-spinner {
    animation: spin 1s linear infinite;
}

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

    100% {
        transform: rotate(360deg);
    }
}
#loading {
    display: flex; 
}

    #loading-overlay img {
        width: 100px;
        height: 100px;
    }

.custom-btn {
    background-color: #0265a7 !important;
    color: white !important;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.3);
}

.small-card {
    margin-bottom: 0 !important;
}

@media (min-width: 768px) {
    .small-card {
        margin-bottom: 1.5rem !important; 
        padding: 5px 0 !
    }
}

.fixed-card {
    margin-bottom: 0 !important; 
}

@media (min-width: 768px) {
    .fixed-card {
        margin-bottom: 1.5rem !important; 
        padding: 5px 0 !
    }
}
.fixed-cardsupp {
    width: 100%;
    max-width: 29rem;
    height: 40rem;
    overflow: hidden;
}
.nav-button {
    flex: 1;
    padding: 15px;
    margin: 0 5px;
    cursor: pointer;
    color: black;
    font-size: 1.1rem !important;
    transition: color 0.3s;
    white-space: nowrap;
}

    .nav-button:hover,
    .nav-button.active {
        color: #FF8F1C;
        text-decoration: underline;
    }
/* Hide scrollbar */

.nav-buttons-container {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#hiddenNav ul {
    margin-top: 2.15em;
    margin-right: 0.8em;
    font-size: 16.133px !important;
}

#hiddenNav li {
    font-size: 16.133px !important;
}

th.custom-header {
    background-color: rgba(0, 178, 169, 0.33) !important;
    color: black;
}

.nav-button1 {
    background-color: rgba(255, 143, 28, 0.33) !important;

}


@media (min-width: 769px) and (max-width: 1025px) {
    .col-md-6 {
        flex: 0 0 auto;
        width: 100% !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .col-md-6 {
        flex: 0 0 auto;
        width: 100% !important;
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .col-md-6 {
        flex: 0 0 auto;
        width: 100% !important;
    }
}

@media (min-width: 768px) and (max-width: 834px) {
    .col-md-6 {
        flex: 0 0 auto;
        width: 100% !important;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {

    .col-md-6 {
        flex: 0 0 auto;
        width: 100% !important;
    }
}

.custom-padding {
    padding: 1rem 1rem !important;
}
.form-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

label, input {
    width: 100%;
}

@media (min-width: 600px) {
    .form-group {
        flex-direction: row;
        align-items: center;
    }

    label {
        width: auto;
        margin-right: 10px;
    }

    input {
        width: auto;
        flex: 1;
    }

    #clearDates11 {
        align-self: center;
        margin-top: 2px !important;
    }
    div.dt-container div.dt-search input {
        margin-left: 0.5em;
        display: block !important;
        width: auto;
    }

}
label {
    display: block !important;
}


@media (max-width: 767px) {
    label {
        display: contents !important;
    }
}
.unique-flex-container {
    justify-content: space-between;
}

.unique-flex-column {
    display: flex;
    flex-direction: column;
}

.unique-flex-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.3rem; 
}

.unique-flex-item2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.2rem !important;
}

.unique-title {
    min-height: 40px; 
}

.unique-content {
    min-height: 40px; 
    text-align: right; 
    font-weight: normal !important; 
}

.unique-wraparound {
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

/* Responsive: Stack legend below chart on mobile */


.updating-message-box {
    border: 1px solid black;
    background-color: rgba(120, 205, 247, 0.8);
    padding: 10px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: bold;
    color: white !important;
}



.chart-container {
    position: relative;
    width: 100%;
    max-width: 800px; /* Adjust based on your preference */
    height: auto;
    margin: 0 auto;
}

canvas {
    width: 100% !important;
    height: auto !important;
}