.sc-table {
    width: 100%!important;
    border-spacing:  10px 7px!important;
    font-family: sans-serif;
}
.sc-table td {
    border: 1px solid #0000009c!important;
    border-radius: 5px;
    padding: 0.62rem;
}
.text-center {
    text-align: center;
}
.bg-green {
    background-color: #71d1a8;
}
.bg-pink {
    background-color: #f3c6c3;
}
.w-70 {
    width: 70%;
}
.w-15 {
    width: 15%;
}
.text-uppercase {
    text-transform: uppercase;
}

.hidden{
    display: none !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 0px solid #aaa;
    border-radius: 4px;
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    display: block;
    width: 100% !important;
    height: 37px;
    padding: 0.19rem 0.75rem !important;
    background-color: var(--cui-input-bg, #fff);
    border: 1px solid var(--cui-input-border-color, #b1b7c1);
    -moz-appearance: none;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-weight: 500;
    color: #636466;
    font-size: 14px;
}

.select2-box-hidden {
    background-color: #fff0 !important;
    border: 0px solid var(--cui-input-border-color, #b1b7c1) !important;
}

.dataTables_paginate{
    float: right;
}

.dataTables_filter{
    text-align: right;
}

.dataTables_filter label{
    text-align: left;
}

.row-crge{
    display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        /* margin-right: -15px; */
        /* margin-left: -15px; */
}

.border-cajas{
    border-radius: 5px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 66%);
}

.card-subir{
    height: 222px;
}

.card-examen{
    max-height: 222px;
    min-height: 222px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 0px;
    outline: 0;
    background: #f0f8ff00;
}

.select2-container--default .select2-selection--multiple {
    background-color:#ffffff00;
    border: 0px solid #aaa;
    border-radius: 4px;
    cursor: text;
}

@media (max-width: 1024px){
    .navbar-custom {
        padding-left: 10px;
        background-color: #666666;
    }
}