.select2-container .select2-selection--single {
    height: auto;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #d9dee3;
    border-radius: 4px;
    padding: 0.4375rem 0.61rem;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    color: #697a8d;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    line-height: 20px;
}
.select2-dropdown,
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #d9dee3;
}
.spinner-box {
    display: table;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    display: none;
}
.spinner-box-children {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.tipe-pertanyaan {
    display: none;
}
.dropzone .dz-clickable {
    width: 100%;
    /* height: 100%; */
    padding: inherit;
}
.float-right {
    float: right;
}

@media (min-width: 992px) {
    .navbar-toggler-main-menu {
        display: none;
    }
}
@media (max-width: 991px) {
    #layout-navbar {
        position: relative;
    }
    .navbar-toggler-main-menu {
        background-color: transparent;
        border: none;
        display: block;
    }
    #navbar-collapsemain-menu {
        /* display: block; */
        border: 1px solid #ddd;
        background-color: #fff;
        padding: 10px 15px;
        position: absolute;
        top: 62px;
        left: 0;
        border-radius: 4px;
        width: 50%;
    }
    #navbar-collapsemain-menu .nav-item.dropdown {
        position: relative !important;
    }
    #navbar-collapsemain-menu .dropdown-menu {
        left: 6rem !important;
        top: 1rem !important;
        width: auto !important;
    }
    .header-rangking,
    .header-achievement {
        font-size: 0.9rem;
    }
    .navbar.bg-info .navbar-nav > .nav-link,
    .navbar.bg-info .navbar-nav > .nav-item > .nav-link,
    .navbar.bg-info .navbar-nav > .nav > .nav-item > .nav-link {
        color: #000 !important;
    }
    .nav-link.active {
        color: #000 !important;
        font-weight: bold;
    }
}
#beranda-level .list-group-item {
    border-bottom: 3px solid #ddd;
}
.row-child-custom {
    /* display: none; */
}
.bg-success {
    background-color: #4ab013 !important;
}
.text-success {
    color: #4ab013 !important;
}
.btn-success {
    background-color: #4ab013 !important;
    border-color: #4ab013 !important;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    border-color: #50bef5;
    background-color: #50bef5;
}
a {
    color: #50bef5;
}
#navbar-collapsemain-menu {
    justify-content: flex-end;
}