/*
author: mdherwan@gmail.com
*/

/* landing page section */

.auth-full-bg1 {
    /*background-color: rgba(85, 110, 230, 0.25);*/
    background: url("/../../assets/images/mpm/landing-1.jpg");
    /*background: url("/../../assets/images/mpm/landing-2.jpg");*/
    background-repeat: no-repeat;
    background-size: cover;
    /*background-color: pink;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 1200px) {
    .auth-full-bg1 {
        height: 100vh;
    }
}

.auth-full-bg1::before {
    content: "";
    position: absolute;
    /*width: 300px;*/
    /*height: 300px;*/
    /*border-radius: 50%;*/
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Adjust the opacity and color as needed */
    z-index: 1;
}

/*.profil-full-bg1 .bg-overlay1 {*/
/*    background: url("/../../assets/images/bg-profil-overlay.png");*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*    background-position: center;*/
/*    !*background: red;*!*/
/*}*/

/* end landing page section */

/* dashboard page section */

/* login page */
.text-primary2 {
    font-size: 14px;
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.topnavred {
    background-color: red;
}


/* update date picker dropdown height */
/*    .datepicker-dropdown {*/
/*        position: absolute !important;*/
/*        top: 0 !important;*/
/*        max-height: 240px;*/
/*        overflow-y: auto; !* Enable vertical scrolling if the content exceeds the max height *!*/
/*    }*/

.center-placeholder::placeholder {
    text-align: center;
}

.label-left {
    margin-left: 220px;
    /* padding-right: 200px;*/
}


.custom-footer {
    margin-top: 70px;
}

/* mpm custom style */
.mpm-link {
    color: #000000;
}

.bg-mpm {
    background-color: #ffeba7;
}

.dropdown-yellow {
    background-color: #ffeba7;
}

.dropdown-divider-yellow {
    border-top: 1px solid #fbce2e;
}

/* MUET Laporan Font Size Override - Change from 7px to 10px */
/* Override all inline font-size: 7px styles in laporan templates */
table[style*="font-size: 7px"],
table[style*="font-size:7px"],
td[style*="font-size: 7px"],
td[style*="font-size:7px"],
body table[style*="font-size: 7px"],
body td[style*="font-size:7px"],
body td[style*="font-size: 7px"] {
    font-size: 10px !important;
}

/* Override CSS classes used in laporan */
.font-size-7 {
    font-size: 10px !important;
}

.print-fs {
    font-size: 10px !important;
}

/* Override any element with style containing font-size: 7px */
[style*="font-size: 7px"],
[style*="font-size:7px"] {
    font-size: 10px !important;
}

/* Override print media styles for laporan */
@media print {
    .print-fs {
        font-size: 10px !important;
    }
    
    .font-size-7 {
        font-size: 10px !important;
    }
    
    /* Override all inline font-size: 7px styles in print */
    table[style*="font-size: 7px"],
    table[style*="font-size:7px"],
    td[style*="font-size: 7px"],
    td[style*="font-size:7px"],
    body table[style*="font-size: 7px"],
    body td[style*="font-size:7px"],
    body td[style*="font-size: 7px"],
    [style*="font-size: 7px"],
    [style*="font-size:7px"] {
        font-size: 10px !important;
    }
}

/* Force nested STPM submenus (.bg-mpm) to open on the right of the parent item */
.topnav-menu .dropdown-menu .dropdown {
    position: relative;
}

.topnav-menu .dropdown-menu .dropdown > .dropdown-menu.bg-mpm {
    position: absolute !important;
    top: 0 !important;
    left: 100% !important;
    right: auto !important;
    margin-top: 0;
}