.mb-0{
    margin-bottom:0 !important;
}
.mt-0{
    margin-top:0 !important;
}
.mb-1{
    margin-bottom:5px !important;
}
.mt-1{
    margin-top:5px !important;
}
.mb-2{
    margin-bottom:10px !important;
}
.mt-2{
    margin-top:10px !important;
}
.mb-3{
    margin-bottom:15px !important;
}
.mt-3{
    margin-top:15px !important;
}
.mb-4{
    margin-bottom:30px !important;
}
.mt-4{
    margin-top:30px !important;
}
.mb-5{
    margin-bottom:45px !important;
}
.mt-5{
    margin-top:45px !important;
}

.input-group[class*=col-] {
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 0;
}

.colon-before:before{
    content:":";
    margin-right: 5px;
}

/*SB Admin override*/
:root{
    --ast-global-color-0: #febd30;
    --ast-global-color-1: #f3a806;
    --ast-global-color-2: #000000;
    --ast-global-color-3: #414042;
    --ast-global-color-4: #fefafa;
    --ast-global-color-5: #ffffff;
    --ast-global-color-6: #F2F5F7;
    --ast-global-color-7: #424242;
    --ast-global-color-8: #000000;
}
.bg-gradient-primary{
    background-color: var(--ast-global-color-0);
    background-image: linear-gradient(180deg, var(--ast-global-color-0) 10%, var(--ast-global-color-1) 100%);
}

/*Dropzone*/
.dropzonebox{
    display:block;
    background: #cfcfcf;
    border-radius: 5px;
    border: 2px dashed #0064ac;
    border-image: none;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    padding:40px;
    cursor: pointer;
    text-align: center;
}

/*Tooltip*/
p.description{
    font-size: 0.7rem;
    color: black;
    margin-bottom: 0;
}
.popover {
    top: 20px !important;
}
div.popover-body{
    padding-bottom: 5px;
    padding-top: 5px;
}
h5{
    font-size: 1rem;
    color: white;
}
img.poster {
    opacity: 1.0;
}
img.poster:hover {
     opacity: 0.5;
     transition: all .2s ease-in-out;
}


/*Pickadate*/
.picker__select--month, .picker__select--year{
    padding : 0 !important;
}


/*Student Presence*/
.bg-have-reschedule{
    background : #ffe79f !important;
}