html {
  font-size: 14px;
}


.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;
}

/*#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;
}

/* PMA - 2025-09-02 -  Allow wrapping inside panelbar items */
.k-panelbar .k-link .k-panelbar-item-text {
    white-space: normal; /* allow multiple lines */
    word-break: break-word; /* break long words if needed */
    overflow-wrap: anywhere; /* modern browsers */
    display: inline-block; /* so it behaves properly next to icons */
    max-width: 100%; /* prevent overflow */
}


/* 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;
    }
}
    /*#endregion*/
    /*#region ----KENDO ---------*/
    .k-grid .k-command-cell {
        text-align: center !important;
    }

    .k-grid .k-column-title {
        text-wrap: wrap;
    }

.k-invalid-msg{
    color: red;
}

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

/**  READONLY LOOKS LIKE DISABLED **/

/* Make readonly look like disabled */
input[readonly],
textarea[readonly],
select[readonly] {
    background-color: #f5f5f5 !important;
    color: #6c757d !important;
    border-color: #dcdcdc !important;
    cursor: not-allowed;
    opacity: 0.8;
}

/* Kendo NumericTextBox readonly inner input */
.k-numerictextbox input[readonly] {
    background-color: #f5f5f5 !important;
    color: #6c757d !important;
    border-color: #dcdcdc !important;
    cursor: not-allowed;
    opacity: 0.8;
}

/* Prevent focus/hover */
input[readonly]:focus,
textarea[readonly]:focus,
.k-input[readonly]:focus {
    outline: none;
    box-shadow: none;
    border-color: #dcdcdc !important;
}
input.readonly-mode {
    background-color: #f5f5f5 !important;
    color: #6c757d !important;
    border-color: #dcdcdc !important;
    cursor: not-allowed;
    opacity: 0.8;
}

.k-numerictextbox.readonly-mode .k-input-spinner {
    opacity: 0.5;
    pointer-events: none;
}


/* 🔹 Kendo TextBox (or other Kendo input wrapper) readonly look */
/*
.k-textbox[readonly],
.k-input[readonly],
.k-input-inner[readonly] {
    background-color: #f5f5f5 !important;
    color: #6c757d !important;
    border-color: #dcdcdc !important;
    cursor: not-allowed;
    opacity: 0.8;
}*/

/* 🔹 Kendo NumericTextBox readonly inner input */
/*.k-numerictextbox input[readonly]
k-numerictextbox.readonly-mode input {
    background-color: #f5f5f5 !important;
    color: #6c757d !important;
    border-color: #dcdcdc !important;
    cursor: not-allowed;
    opacity: 0.8;
}*/

/* 🔹 Disable hover/focus visual changes */
/*input[readonly]:focus,
textarea[readonly]:focus,
.k-input[readonly]:focus,
.k-textbox[readonly]:focus {
    outline: none;
    box-shadow: none;
    border-color: #dcdcdc !important;
}*/

/* 🔹 Kendo Spinner buttons (NumericTextBox) when visually disabled */
/*.k-numerictextbox.readonly-mode .k-input-spinner {
    opacity: 0.5;
    pointer-events: none;
}*/


/*-LIST VIEW--*/
.representative-view {
    float: left;
    width: 50%;
    /* height: 70px; */
    box-sizing: border-box;
    /* border-top: 0; */
    /* position: relative; */
    padding: 10px;
}

.rep-row {
    display: flex;
    align-items: center; /* vertically align name and button */
    justify-content: space-between; /* name on left, button on right */
    background-color: #def4fda6;
    padding: 5px;
    border: 5px solid white;
}

.rep-name {
    margin: 0;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  
}

.representative-view:nth-child(even) {
    border-left-width: 0;
}


.k-pager {
    border-top: 0;
}

span.k-invalid-msg {
    /*position: absolute;*/
    margin-left: 6px;
}


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

    .representative-view {
        width: 100%;
    }

        .representative-view:nth-child(even) {
            border-left-width: 1px;
        }
}


    /*#endregion ----------------*/

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

.loading-msg {
    font-weight: bold;
    color: #ffa500;
}

.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;
    }

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

    .btn-language {
        background-color: #def4fd !important;
        color: #003f59 !important;
        border-color: #bacdd5 !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;
}

.increase-power-msg{
    color: darkorange;
}

.lblAXPP-detail{
    font-size: small;
}

/*#region --------NOTIFICATIONS---------*/
/* 2018-10-31
* 
* 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: 10px 15px 10px 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: 20px 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: 5px 15px 1px 15px;
            float: left;
        }

        .error-msg p {
            word-break: break-word;
            word-wrap: break-word;
            white-space: unset;
            margin-top: 10px;
        }

        .error-msg h5 {
            /*font-size: 1em;*/
            margin: 0;
            padding: 10px 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 ------- APPLICATION FORM  ------ */
#btnLogout{
    padding: 5px;
}

#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;
    }
    /*#endregion END APPLICATION FORM */
    .error-icon:before {
        content: "\26A0"; /* Adds a glyph using the Unicode character number */
    }

    #category_fee .label {
        margin-top: 10px;
    }


/*#endregion --------PMA CUSTOM CSS----------*/


/*#region -----Payments --------*/
    .bg-img-creditcard {
        background-image: url(../images/credit-cards-fo.png);
        background-repeat: no-repeat;
        background-position-x: right;
        background-size: 160px 160px;
        background-position-y: bottom;
    }

    .bg-gradient {
        background: linear-gradient(rgba(110, 198, 235, 0.35),rgba(254, 255, 255, 0.5));
    }

    .lbl-price {
        font-size: larger;
        font-weight: bold;
        color: rgb(0, 113, 187);
    }

    .border-bold {
        border: 2px solid #93c8df;
        background-color: white;
    }

    .border-danger {
        border: 2px solid #dc3545;
    }

    .psbtn-print {
        width: 200px;
        margin-top: 5px;
    }

    .label-font {
        font-weight: bold;
        width: 100%;
    }
/*#endregion------------------*/



    /*
-- 320px — 480px: Mobile devices
-- 481px — 768px: iPads, Tablets
-- 769px — 1024px: Small screens, laptops
-- 1025px — 1200px: Desktops, large screens
-- 1201px and more —  Extra large screens, TV

*/
.burger-button-side {
    display: none;
    font-size: 20px;
    background: none;
    border: 2px solid #bacdd5;
    cursor: pointer;
    padding: 5px;
    margin-bottom: 5px;
    width: 100%;
    color: #003f59;
}


    /*#region --- RESOLUTIONS -----*/

    @media (max-width:760px) {
        .k-wizard {
            padding-inline: 0px !important;
        }

        .k-wizard-buttons {
            display: block !important;
        }

        .k-wizard-buttons-right {
            display: flex !important;
        }

        .burger-button-side {
            display: block;
        }

        .panelbar-wrapper {
            display: none;
        }

            .panelbar-wrapper.active {
                display: block;
                position: absolute;
                background-color: white;
                z-index: 1000;
                width: 95%;
                box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
            }
    }

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

    }

    @media (max-width:500px) {

        .k-wizard-buttons-right {
            display: grid !important;
        }

        .k-wizard .k-wizard-buttons .k-button {
            margin-top: 5px;
        }
    }


    /*#endregion------------------*/

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

.gray-bg {
    background-color: gray !important;
}

/*ASO - 2025-06-20 - 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;
}
/*------------------------------------*/

/*ASO - 2025-06-20 - 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;
}
/*------------------------------------*/