/* @import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

#app-container { padding-top: 50px; padding-bottom: 50px;}
#app-container .text-center.mb-6 { display: none;}

/* Lịch vạn sự */
#app-container.page-lunar { 
    font-family: 'Roboto Condensed', sans-serif !important;
    font-weight: 500 !important;
}

.page-lunar .rownInfoDetail .col-l { font-weight: 600; width: 30%;}
.page-lunar .font-normal { font-weight: 500;}


#lichAm {
    padding: 20px;
    position: relative;
    &::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 10px;
        background-image: url('https://huyenhoc.phongthuylamphong.com/minhphuoc/lichvansu/bg_2.jpg');
        opacity: 0.7;
        background-size: 100% auto;
        background-attachment: fixed;
        background-position: center bottom 35%;
        background-repeat: no-repeat;
        background-color: #FFFBE7;
        z-index: 1;
    }
    .custom-style { position: relative; z-index: 60;}
    .grid.grid-cols-12, .flex.flex-col, .mt-4 { position: relative; z-index: 10;}
    .box-style.bg-white { background-color: rgba(255, 255, 255, 0.25);}

    .sticky.bg-white { background-color: rgba(255, 255, 255, 0) !important;}

    .bg-slate-900.absolute { background-color: #fff; color: #000;}
    .bg-slate-900.absolute .text-gray-100 { color: #000;}
    
    .relative.bg-red-500.uppercase { display: none;}
    .md\:h-\[30vh\] { min-height: 300px !important; height: auto !important; }
}

#rowSelectSubmit .relative:nth-child(2), #rowSelectSubmit .relative:nth-child(3) { display: none;}

.flex.gap-2 .p-2.rounded.transition-colors.bg-yellow-500 { opacity: 0;}