html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.menu-separator {
    border-bottom: 1px solid #0071bb; /* Adjust color as needed */
}

.menu-separator-light {
    border-bottom: 1px solid #00548b82; /* Adjust color as needed */
}

.k-panelbar-item-text-light {
    color: #01719f;
}

img#loadingImg {
    background-color: #ffffff;
}

/*PMA - 2025-01-30 - Scroll to top button*/
button#myBtn {
    /* font-size: 18px;*/
    border: none;
    outline: none;
    background-color: rgb(0, 113, 187) !important;
    color: white;
    cursor: pointer;
    padding: 5px;
    border-radius: 4px;
}

#myBtn:hover {
    background-color: #555;
}

#scrollTop {
    display: none;
    position: fixed;
    bottom: 15px;
    /*right: 30px;*/
    z-index: 99;
    left: 10px;
}
/*------------------------------------*/

/*PMA - 2025-02-05 - Scroll to end button*/
button#myEndBtn {
    /* font-size: 18px;*/
    border: none;
    outline: none;
    background-color: rgb(0, 113, 187) !important;
    color: white;
    cursor: pointer;
    padding: 5px;
    border-radius: 4px;
}

#myEndBtn:hover {
    background-color: #555;
}

#scrollEnd {
    display: block;
    position: fixed;
    bottom: 15px;
    /*right: 30px;*/
    z-index: 99;
    left: 10px;
}
/*------------------------------------*/

.k-edit-form-container {
    width: auto !important;
}

.loading-msg {
    /*display: none;*/
    display: flex;
    z-index: 99;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    width: 100%;
    height: 100%;
    margin-top: -2vh;
}

.border-bold {
    border: 2px solid #93c8df;
    border-radius: 5px;
}

.btn-language {
    background-color: #def4fd !important;
    color: #003f59 !important;
    border-color: #bacdd5 !important;
}

.operation-color-bg {
    background-color: #fff3a4 !important;
}

/*#region --------PMA CUSTOM CSS----------*/
.w-100 {
    width: 100% !important;
}


.required :after, .profile-changes-needed:after, .new-msg:after {
    content: "*";
    font-weight: bold;
    color: red !important;
}

.new-msg {
    color: red !important;
}


h1, h2, h3, h4 {
    color: rgb(0, 113, 187);
    font-weight: bold;
}

.menu-icons {
    height: 25px;
}

.privacy-notice-section {
    background: #fff;
    border: 2px solid #d0e4f5;
    border-radius: 1.5rem;
    height: fit-content;
}

.bg-color {
    background-color: #def4fd;
}

label, .label {
    /*font-weight: bold;*/
    color: #003f59;
}

.label-bold {
    font-weight: bold;
}
.label-form {
    font-weight: 500;
    display: block;
}

.text-raek {
    color: rgb(0, 113, 187) !important;
}

.btn-language {
    background-color: #def4fd !important;
    color: #003f59 !important;
    border-color: #bacdd5 !important;
}

.btn-green {
    /*color: #fff!important;*/
    background-color: #6edc35!important;
    border-color: #6edc35!important;
    /*width: 100px!important;*/
}

#MsgName, #MsgException, #MsgInnerMessage, #MsgDescr {
    overflow-wrap: break-word;
}

#non-valid-apps-msg {
    font-size: small;
}

.old-details {
    font-style: italic;
    color: gray;
    background-color: #eaeaea;
}

#payment-status {
    background-color: white;
}

.load-timer1, .load-timer2, .load-timer3 {
    color: gray;
    font-style: italic;
}

.updval {
    background-color: #fff3a4;
}

.status-switch {
    width:110px !important;
}

/*WINDOWS*/
.wndErrorMsg .k-window-titlebar {
    background-color: indianred !important;
    color: white;
}

/*#endregion*/

/*#region ------- APPLICATION FORM  ------ */

#btnSubmitAppType .k-icon, #btnLogout .k-icon {
    margin-left: 5px;
    order: 2;
}

.section_name {
    font-weight: bold;
}

.section-details {
    font-size: small !important;
    font-weight: normal !important;
}

.k-wizard-horizontal .k-wizard-steps {
    margin-top: 0px !important;
}

.k-wizard {
    padding-block: 5px !important;
}

.k-stepper .k-step-label .k-step-text, .k-step-list-horizontal .k-step-link {
    max-width: none !important;
    white-space: break-spaces !important;
}

.txt-area {
    height: 100px;
}

.upload-list::before {
    content: "\2610";
}

.upload-list-check::before {
    content: "\2611";
    font-size: smaller;
}

.upload-list-x::before {
    content: "\2612";
}

.k-button-solid-primary[data-wizard-btndone] {
    background-color: rgb(0 113 187 / 78%);
    /*color: white;*/
}

.bullet-point {
    /* padding-left: 10px; */
    display: list-item;
    margin-left: 3em;
    list-style: square;
}

.bullet-point_bullet::before {
    content: "\26AC";
}

.note-class {
    color: #003f59;
    font-style: italic;
}

.required-field::after {
    content: "*";
    color: red;
}

.btn-submit {
    background-color: green !important;
    color: white !important;
}

#summary-required {
    color: red;
}

.status-class {
    color: #003f59;
    font-weight: bold;
}

.k-wizard .k-wizard-buttons-right .k-button:last-of-type {
    margin-right: 10px !important;
}

.txt-display {
    color: dimgray;
    display: block;
}

.re-trs-mesage{
    color: red;
}
/*#endregion END APPLICATION FORM */
/*#region ---- PRINT LICENCE ------*/
/*PMA - 2024-09-13 - Added the below css for printing the licence report*/
/* Style content with shaded background */
/*#print-licence-container {
        border: 1px, solid, black;
        width: 100%;*/
/* Adjust the width as needed */
/*height: 90%;*/
/* Adjust the height as needed*/
/*padding: 30px 20px 30px 20px;*/
/*box-sizing: border-box;
        font-family: Arial, sans-serif;
        background-color: #f0f0f0;
    }*/
.licence-num {
    font-size: 1.3rem;
    font-family: Arial;
    font-weight: bold;
}

.raek-header {
    font-size: 30px;
    font-family: Arial;
    font-weight: bold;
}

.category-type {
    font-size: 2rem;
    color: black;
}

.category-type-smaller {
    font-size: 1.6rem;
    color: black;
}

.licence-law {
    font-size: larger;
    text-align: justify;
}

.customer-info {
    font-size: 2rem;
}

.licence-details {
    font-size: larger;
}

.detail-justify {
    text-align: justify;
}
/* Set A4 size */

#print-licence-body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* change the margins as you want them to be. */
}

#print-licence-container {
    /* ASO - 2025-02-08 - Set a width left and right */
    /*padding: 2cm 2cm 2cm 2cm;*/
    padding: 0cm 5cm 0cm 5cm;
    color: black;
}

#print-licence-terms-body {
    width: 100%;
    height: 100%;
    padding: 2cm 2cm 2cm 2cm;
    padding: 0;
    text-align: justify;
    /*border: 1mm solid black;
    box-sizing: border-box;*/
}

.print-licence-terms-container {
    /*padding: 2cm 2cm 2cm 2cm;*/
    margin-top: 5rem;
}
.print-licence-terms-margin-top {
    margin-top: 5rem;
}
@page {
    size: A4;
    margin: 0.5cm 0.5cm 0.5cm 0.5cm;
}


@media print {
    /* PMA - 2024-10-18 - where you want the page break.*/
    .pagebreak {
        clear: both;
        page-break-after: always;
        padding-top: 5rem;
    }
    #print-licence-body {
        width: 100%;
        height: 100%;
        margin: 0rem;
        padding: 0rem;
        border: 1mm solid black;
        box-sizing: border-box;
       
    }

    .print-licence-container {
        padding: 2cm 2cm 2cm 2cm;
        margin-top: 5rem;
    }

    .print-licence-terms-margin-top {
        margin-top: 5rem;
    }
    #print-licence-terms-body {
        width: 100%;
        height: 100%;
        /*margin: 0rem 5rem 0rem 0rem;*/
        padding: 0rem;
        /*border: 1mm solid black;*/
        /*box-sizing: border-box;*/
    }

    /* ASO - 2025-02-08 */
    #print-licence-container {
        padding: 2cm 1cm 2cm 1cm;
        padding-top: 1rem;
    }
    /* ASO - 2025-02-08 - Do not show print button in print */
    #btnPrintLicence {
        display: none;
    }
    /* ASO - 2025-05-15 - Do not show print button in print */
    #btnPrintApplication {
        display: none;
    }

    /* ASO - 2025-02-27 - Comment out as we use different partial view for generating PDF
    ASO - 2025-02-11 - Add _PreviewLicence partial view all classes to use them in generating licence pdf 
    .container-fluid {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
    }
    .d-flex {
        display: flex !important;
    }
    .row {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(var(--bs-gutter-y) * -1);
        margin-right: calc(var(--bs-gutter-x) * -.5);
        margin-left: calc(var(--bs-gutter-x) * -.5);
    }
    .pt-2 {
        padding-top: .5rem !important;
    }
    .pt-3 {
        padding-top: 1rem !important;
    }
    .pb-2 {
        padding-bottom: .5rem !important;
    }
    .licence-num {
        font-size: 1.5rem;
    }
    .label-bold {
        font-weight: bold;
    }
    .col-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .category-type {
        font-size: 2rem;
    }
    .text-center {
        text-align: center !important;
    }
    .text-uppercase {
        text-transform: uppercase !important;
    }
    .text-start {
        text-align: left !important;
    }
    .licence-law {
        font-size: larger;
        text-align: justify;
    }
    .licence-details {
        font-size: larger;
    }
    .detail-justify {
        text-align: justify;
    }
    .justify-content-end {
        justify-content: flex-end !important;
    }
    */
}

/*ASO - 2025-06-17 - Add colors for saved & submitted docs in additionalFiles */
.light-green-bg {
    background-color: lightgreen !important;
}

/*#endregion*/
/*#region --------NOTIFICATIONS---------*/
/* PMA - 2024-09-09
* 
* SASS for notification styles
*
*/
.k-notification {
    border: 0;
    padding: 10px;
    white-space: normal;
}

.k-animation-container {
    z-index: 999999 !important;
}

/* Info template */
.k-notification-info {
    background: rgba(0, 105, 147, 0.85);
    color: #fff;
}

.info-msg {
    width: 300px;
    height: 100px;
}

    .info-msg img {
        margin: 30px 15px 30px 15px;
        float: left;
    }

    .info-msg p {
        word-break: break-word;
        word-wrap: break-word;
        white-space: unset;
    }

    .info-msg h5 {
        /*font-size: 1em;*/
        margin: 0;
        padding: 32px 10px 0px;
        font-weight: bold;
    }

/* Error template */
.k-notification-error {
    background: rgba(255, 0, 0, 0.85);
    color: #ffffff;
}

.error-msg {
    width: 300px;
    height: 100px;
}

    .error-msg img {
        margin: 30px 15px 30px 15px;
        float: left;
    }

    .error-msg p {
        word-break: break-word;
        word-wrap: break-word;
        white-space: unset;
    }

    .error-msg h5 {
        /*font-size: 1em;*/
        margin: 0;
        padding: 32px 10px 0px;
        font-weight: bold;
    }
/* Success template */
.k-notification-success {
    background: rgba(0, 153, 0, 0.85);
    color: #fff;
}

.success-msg {
    width: 300px;
    height: 50px;
}

    .success-msg img {
        margin: 10px 15px 10px 15px;
        float: left;
    }

    .success-msg p {
        word-break: break-word;
        word-wrap: break-word;
        white-space: unset;
    }

    .success-msg h5 {
        margin: 0;
        padding: 20px 10px 0px;
        font-weight: bold;
        word-break: break-all;
        word-wrap: break-word;
        font-size: small;
    }


/*#endregion ------- END NOTIFICATIONS----------*/

/*#region --------List View---------*/


.details {
    display: inline-block;
    vertical-align: central;
    margin: 2px;
}

.k-card {
    margin: auto;
}
/*#endregion --------List View---------*/

@font-face {
    font-family: "DejaVu Sans";
    src: url("https://kendo.cdn.telerik.com/2023.1.117/styles/fonts/DejaVu/DejaVuSans.ttf") format("truetype");
}

.k-widget {
    font-family: "DejaVu Sans";
}