@import url("bootstrap-extended.css");
@import url("colors.css");
@import url("components.css");






/** Loader */
.loaderWrapper{
    background: rgba(255, 255, 255, 0.99);
    left: 0;
    top: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    position: fixed;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg) scale(1); }
  50% {
    transform: rotate(180deg) scale(0.6); }
  100% {
    transform: rotate(360deg) scale(1); } }

.ball-clip-rotate-multiple {
  position: relative; 
}
.ball-clip-rotate-multiple > div {
    animation-fill-mode: both;
    position: absolute;
    left: -40px;
    top: -40px;
    border: 2px solid #1e9ff1;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-radius: 100%;
    height: 70px;
    width: 70px;
    animation: rotate 1s 0s ease-in-out infinite; 
}
.ball-clip-rotate-multiple > div:last-child {
    display: inline-block;
    top: -20px;
    left: -20px;
    width: 30px;
    height: 30px;
    animation-duration: 0.8s;
    border-color: #1e9ff1 transparent #1e9ff1 transparent;
    animation-direction: reverse; 
}

/**
 * Custom radio
 * @type {[type]}
 */
.custom-radio .custom-control-label{
    cursor: pointer
}
.custom-radio .custom-control-label::before {
    position: absolute;
    top: -0rem;
    left: -.3rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    pointer-events: none;
    content: "";
    user-select: none;
    background-color: #626E82;
}
.custom-radio .custom-control-label::after{
    top: -.5rem;
    left: -.8rem;
    display: block;
    width: 2.5rem;
    height: 2.5rem;
}



/**
 * DASHBOARD TABLES
 */
.staffDashboard .dataTables_wrapper > .row:first-child > .col-md-6:first-child {
    display: none;
}
.staffDashboard .dataTables_filter {
    text-align: left!important;
}
.staffDashboard .dataTables_wrapper{
    padding-left: 0;
    padding-right: 0;
}