.content-wrapper {
    background: #edf0f1 !important;
}

.footer {
    background: #ffffff !important;
}

.sidebar .nav .nav-item .nav-link i.menu-icon {
    color: #12acc5f5 !important;
}

.sidebar .nav .nav-item.active > .nav-link .menu-title {
    color: #1bafc7 !important;
}

.collapse .nav .nav-item {
    padding-right: 0px;
    padding-left: 15px;
}

.sidebar .nav.sub-menu .nav-item .nav-link.active {
    color: #1bafc7;
}

.btn-gradient-primary {
    background: linear-gradient(to right, #2db5cb, #1bafc7) !important;
}

.error {
    color: red !important;
    margin-top: 5px !important;
}

.form-control {
    border: 1px solid #BEC6CA;
    font-family: Poppins, Helvetica, "sans-serif";
    font-size: 1rem;
    padding: 0.65rem 1rem;
    border-radius: 4px;
    color: #2a2424;
}

.btn-light {
    color: #353c3c;
    background-color: #ced5dd;
    /* border-color: #4c545c; */
}

.page-title {
    text-align: center;
}

.btn-light:hover {
    color: #102a2c;
    background-color: #6de1e1c2;
    /* border-color: #f9fafb; */
}

.table > thead {
    /*vertical-align: bottom;*/
    background-color: #1bafc7;
}

.table {
    margin-bottom: 15px;
}

.dataTables_length {
    margin-bottom: 15px !important;
}

.preview-thumbnail {
    height: 35px;
    width: 35px;
    float: left;
    margin-right: 10px;
}

.preview-icon {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-color: #d2f1f19e !important;
    text-align: center;
    padding-top: 5px;
    color: #1bafc7;
}

    .preview-icon .mdi:before, .mdi-set {
        font-size: 25px;
    }

.dataTables_wrapper {
    position: relative;
    clear: both;
    /*margin-bottom: 50px;*/
}

.swal2-actions .swal2-cancel {
    margin-right: 10px;
}

.Dropdown {
    border-radius: 4px !important;
    padding: 0.65rem 1rem !important;
    border: 1px solid #BEC6CA !important;
    /* outline: 1px solid #ebedf2; */
    color: #0c0b0b !important;
    /* outline: 1px solid #ebedf2; */
    font-family: Poppins, Helvetica, "sans-serif" !important;
    font-size: 1rem !important;
    box-shadow: none !important;
    width: 100% !important;
}

.swal2-overflow {
    overflow-x: visible;
    overflow-y: visible;
}

select:disabled {
    /*opacity: 0.9;*/
    background-color: #cfcfcfab !important;
}

.btn.btn-icon {
    width: 30px;
    height: 30px;
    padding: 0;
}

.template-demo > .btn {
    margin-right: 0.5rem !important;
}

.form-check .form-check-label input[type="radio"] + .input-helper:before {
    border: solid #1bafc7;
}

.form-check .form-check-label input[type="radio"]:checked + .input-helper:before {
    background: -webkit-gradient(linear, left top, right top, from(#da8cff), to(#9a55ff));
    background: linear-gradient(to right, #78d6e5, #1bafc7);
    border-width: 0;
}

.btn-inverse-gray {
    background-color: #a2b3c15c;
}

#overlay {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0,0,0,0.6);
}

.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
    100% {
        transform: rotate(360deg);
    }
}

.is-hide {
    display: none;
}

.swal-wide {
    width: 28% !important;
}

#tblQuestion thead th:first-child, #tblQuestion tbody td:first-child {
    word-wrap: break-word !important;
    width: 20% !important;
}

#tblQuestion thead th:nth-child(2), #tblQuestion tbody td:nth-child(2) {
    word-wrap: break-word !important;
    width: 20% !important;
}

#tblQuestion thead th:nth-child(3), #tblQuestion tbody td:nth-child(3) {
    word-wrap: break-word !important;
    width: 5% !important;
}

#tblQuestion thead th:nth-child(4), #tblQuestion tbody td:nth-child(4) {
    word-wrap: break-word !important;
    width: 35% !important;
}

#tblQuestion thead th:nth-child(5), #tblQuestion tbody td:nth-child(5) {
    word-wrap: break-word !important;
    width: 5% !important;
}

#tblQuestion thead th:nth-child(6), #tblQuestion tbody td:nth-child(6) {
    word-wrap: break-word !important;
    width: 15% !important;
}

#tblQuestion th, #tblQuestion td {
    white-space: initial;
}

#tblQuestion, #tblCourse, #tblResult, #tblStudent, #tblRegisterStudents {
    width: 100% !important;
}

#tblCourse thead th:last-child, #tblResult thead th:last-child, #tblRegisterStudents thead th:last-child, #tblQuestion thead th:last-child, #tblSchedule thead th:last-child {
    min-width: 125px !important;
}

#tblStudent thead th:last-child {
    min-width: 225px !important;
}
#tblSchedule thead th:nth-child(4) {
    min-width: 125px !important;
}

.table {
    margin-top: 15px !important;
}

#tblmaterial thead th:last-child {
    min-width: 125px !important;
}

#tblTestimonial thead th:last-child {
    min-width: 125px !important;
}
#tblimg thead th:last-child {
    min-width: 225px !important;
}

.table-responsive {
    --bs-gutter-x: 0 !important;
}