@charset "UTF-8";

label.required:after {
    content: " *";
    color: red;
}

.glyphicon {
    padding-right: 0 !important;
    vertical-align: initial !important;
    font-size: 14px !important;
}

.dataTables_length label {
    margin-bottom: 0;
}

.dataTables_wrapper {
    position: relative;
}

.dataTables_wrapper .dataTables_processing {
    border-radius: 0.42rem;
    top: 0 !important;
    left: 0 !important;
    bottom: 0;
    right: 0;
    z-index: 10;
    width: 100% !important;
    font-size: 2rem;
    line-height: 25vh;
    font-weight: 400;
    letter-spacing: 0.06em;
    margin-left: 0 !important;
    margin-top: 0 !important;
}

.dataTables_wrapper .dataTables_processing:before {
    content: "";
    height: 1.5rem;
    width: 1.5rem;
    margin-right: 1rem;
    display: inline-block;
    transform-origin: 50% 50%;
    border: 2px solid #3F4254;
    border-bottom-color: transparent;
    animation: loadAnimate 0.8s infinite linear;
    border-radius: 3rem;
}

.dataTables_wrapper .dataTables_processing[style="display: block;"] {
    -webkit-animation: appearance 0.3s ease-in-out forwards;
    animation: appearance 0.3s ease-in-out forwards;
}

@-webkit-keyframes loadAnimate { from { transform: rotate(0deg); }
    to { transform: rotate(360deg); } }

@keyframes loadAnimate { from { transform: rotate(0deg); }
    to { transform: rotate(360deg); } }

@keyframes appearance { from { color: rgba(255, 255, 255, 0);
    background-color: transparent; }
    to { color: #3F4254;
        background-color: rgba(255, 255, 255, 0.6); } }

@-webkit-keyframes appearance { from { color: rgba(255, 255, 255, 0);
    background-color: transparent; }
    to { color: #3F4254;
        background-color: rgba(255, 255, 255, 0.6); } }