/* header */
header.rainbow-header {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    position: sticky;
    top: 0;
    z-index: 999;
    background-color: #1B2F5B !important;
    color: white !important;
}
.mainmenu {
    li, li a, img {
        color: white !important;
    }
    ul.submenu li a  {
        color: #1B2F5B !important;
    }
}
.mainmenu-nav .mainmenu > li > a {
    padding: 0 20px;
}
/* Headher */
@media (max-width: 992px) {
    .mainmenu {
        li, li a, img {
            color: black !important;
        }
    }

}

@media (max-width: 1199px) {
    .mainmenu-nav .mainmenu > li > a {
        font-size: 16px;
        font-weight: 500;
        height: 80px;
        transition: 0.3s;
        padding: 0 8px !important;
    }
}



.rainbow-gap {
    padding-top: 5em;
}
.col-1 {
    width: 0.33333% !important;
}
/* console part */
.progress {
    height: 25px !important;
    background-color: #C2C2C2 !important;
}
.bg-portal-white {
    background-color: #80ACE9 !important;
}
#console {
    color: black;
    padding: 0 !important;
    
    .card {
        height: 100%;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        border: none !important;
    }
    .card-header {
        background-color: #80ACE9;
        .portal-h2 {
            color: white;
            padding: 0 !important;
        }
    }
    .card-body {
        background-color: #f5f5f5;
        border-radius: 0 0 5px 5px !important;
    }
}

#notiBody {
    padding-right: 0px !important;
    margin: 0 !important;
    .noti-list {
        border-bottom: 1px solid #C2C2C2;
    }
    .card {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        height: 100%;
    }
    .card-header {
        background-color: transparent !important;
    }
    .portal-h2 {
        padding-top: 0 !important;
    }

}

/* cong start*//* cong start*//* cong start*/
#console {
    .bg-portal-primary {
        background-color: #80ACE9 !important;
        color: white;
        .heading {
            font-size: 2rem !important;
        }
        justify-content: center;
    }
}
/* cong end*//* cong end*//* cong end*//* cong end*/
/* console part */

@media only screen and (max-width: 575px) {
    .logo a img {
        height: fit-content !important;
    }
    .rainbow-gap {
        padding-top: 0px;
    }
    #notiBody {
        padding-top: 1em;
        padding-left: 0px;
    }
    .popup-mobile-menu {
        .mainmenu {
            li, li a, img {
                color: #2F2F2F !important;
            }
        }
    }
    #tabForm {
        .wrapper {
            background-color: white !important;
            padding: 10px !important;
            border: none !important;
            border-radius: 8px !important;
            max-width: 800px !important;
            margin: 0px auto !important;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05) !important;
        }
    }
    #postForm {
        .row .col-6 {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
    }
    #tabBoard {
        span {
            padding: 0 1em;
        }
    }
}