/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

body{
    font-size: 16px;
}

.lable_add_schedule{
    font-size: 15px !important;
}

/* Header  */

#login-logout{
    text-wrap: nowrap;
}

/* Lop hoc Page */

.class-schedule th{
    text-align: left;
}

/* Bai thi  */

.gform_title,
.gform_description,
.gfield_label{
    display: none !important;
}

.gform_page_footer .gform_previous_button {
    display: none;
}

#gform_page_1_1{
    text-align: center;
}

.quiz-layout-wrapper{
    display: grid;
    grid-template-columns: 2fr 1fr;
    max-width: 1000px;
    background-color: #fff;
    padding: 32px;
    border: 2px solid #ddd6ff;
    border-radius: 16px;
}

.quiz-left-column{
    max-width: 600px;
}

.quiz-controls-row{
    display: flex;
    justify-content: space-between;
    padding: 15px 10px;

}

.quiz-controls-row .swiper-button-navigation{
    position: static;
}

.contest__question{
    margin-bottom: 24px;
}

.contest__question--title{
    font-size: 24px;
    color: oklch(27.8% .033 256.848);;
}

.contest__question--title > span{
    color: #795efe;
}

.contest__answers--container{

}

.contest__answers--container .contest__answers--answer-wrapper{

}

.contest__answers--container .contest__answers--answer-wrapper > input{
    display: none;
}

.contest__answers--container .contest__answers--answer-wrapper > label{
    background-color: #fff;
    border: 2px solid  oklch(89.4% .057 293.283);;
    color: oklch(37.3% .034 259.733);
    cursor: pointer;
    transition: background-color .3s ease, color .3s ease;
    padding: 16px;
    border-radius: 8px;
    font-size: 16px;
    margin-bottom: 16px;
}

.contest__answers--answer-wrapper:has(input[type="radio"]:checked) label{
    border-color: #795efe;
    background-color: oklch(94.3% .029 294.588);;
}

.contest__answers--container .contest__answers--answer-wrapper > label:hover{
    border-color: #795efe;
    background-color: oklch(94.3% .029 294.588);
}

.quiz-right-sidebar{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px;
    border: 2px solid #c4b4ff;
    background-color: #ede9fe;
    border-radius: 8px;
}

.quiz-right-sidebar .sidebar-box{
    text-align: center;
}

.quiz-right-sidebar .sidebar-box .sidebar-item{
    margin-bottom: 24px;
}

.quiz-right-sidebar .sidebar-box #quiztime{
    font-size: 36px;
    color: #795efe;
    font-weight: 600;
}

.quiz-right-sidebar .sidebar-box .s-label{
    color: oklch(37.3% .034 259.733);
    font-size: 18px;
    font-weight: 600;
    margin-top: 8px;
}

.quiz-right-sidebar .sidebar-box .sidebar-item .question-count{
    font-size: 24px;
    color: oklch(37.3% .034 259.733);
    font-weight: 600;
}

.quiz-right-sidebar .sidebar-box .sidebar-item .question-count .current-num{
    color: #795efe;
}




/* Icon phan trang  */
.swiper-button-navigation{
    padding: 8px 24px;
    color: #ebe6e7 !important;
    font-size: 16px;
    font-weight: 500;
    background-color: #795efe;
    margin: 0 !important;
    min-width: 100px;
    border-radius: 30px;
}

.swiper-button-navigation.swiper-button-prev{
    background-color: #364153;
}

.swiper-button-navigation.swiper-button-next{
    padding: 8px 32px;
    margin-left: auto !important;
}

.swiper-button-navigation.swiper-button-disabled{
    display: none;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    display: none;
}

.swiper-button-next svg,
.swiper-button-prev svg {
    display: none;
}