/* UIC COLORS
    red: #D50032
    blue: #001E62
    white: #F2F7EB
    gray: #333333
    lightblue: #41B6E6
    healthTeal: #0085AD
    gold: #FFBF3F
*/

.table-bordered {
    background-color:white;
    font-size:90%;
}
.table-bordered tr:first-child {
    background-color:#EEEEEE;
}

body {
        padding-top: 0px;
        padding-bottom: 0px;
        background-color: white;
    }
.wrapper {
    min-height:100%;
    position:relative;
}
.body-content {
    padding-left: 15px;
    padding-right: 15px;  
}

.alert {
    color:black;
    border-radius:0px;
}

.btn-secondary:hover {
    color:white;
}

.formListUl li {
    margin-left: 15px;
}

.dl-horizontal dt {
    white-space: normal;
}

.BasicInfoTable td {
    padding:2px;
}

.bi-caret-down-fill, .bi-caret-up-fill {
    float:right;
}

.formSetStyle {
    margin-bottom: 10px;
    padding: 5px;
    margin-left:20px;
}
.bottomMargin15 {
    margin-bottom:15px;
}

.formSetHeaderStyle {
    font-weight: bold;
    margin-top: 10px;
    border: 1px solid grey;
    background-color: #DDDDDD;
    padding: 5px;
    cursor:pointer;
}

.categoryBar {
    width: 100%;
    background-color: lightgray;
    text-align: center;
    font-size: 120%;
    padding:7px;
    margin-bottom: 10px;
    margin-top:10px;
}

.lateEdits {
    font-weight:bold;
    color:orange;
}

.tableCategoryBar {
    width: 100%;
    background-color: lightgray;
    font-size: 120%;
    padding: 7px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.alertStronger {
    font-weight:bold;
    font-size:110%;
}

.btn {
    border-radius:0px !important;
}

.btn-primary {
    background-color: #001E62 !important;
}

.container {
    max-width:1000px;
}

.form-control-small {
    max-width:500px !important;
}
.form-control-extra-small {
    max-width: 250px !important;
}
.form-control-tiny {
    max-width:100px !important;
}

.cblList label {
    margin-left: 5px;
}

.headerName {
    color:black !important;
    font-weight:bold;
    font-size:13px;
    margin-left:55px;
}

.navbarSpecial {
    background-color: white;
    border-bottom: 10px solid #0085AD;
    padding: 10px 15px 15px 15px;
}
footer {
    width: 100%;
    background-color: #0085AD;
    color: white;
    padding: 10px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.btn {
    border-radius:0px;
}
.form-control {
    border-radius:0px !important;
}
select.form-control:not([multiple="multiple"]) {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
}
select.noArrow {
    background-image: none !important;  
}

.card {    
    border-radius:0px !important;
    margin-bottom:20px;
}
.card-header {
    background-color: #0085AD;
    color: white;
    padding: 10px 20px 10px 20px;
    line-height:30px !important;
}
.card-headerMain {
    font-weight:bold;
    font-size:120%;
}

.card-body {
    background-color: #F2F7EB;
    padding: 15px 20px 15px 20px;
}

.control-label {
    font-weight:normal !important;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    max-width: 500px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}