html { position: relative; min-height: 100%; }

body { background-color: #fff; color: #525051; font-size: 1.0em; font-weight: 300; font-family: 'Open Sans', sans-serif; margin-bottom: 160px; }
body > .container { padding: 60px 15px 0; }

body {
    /*padding-top: 50px;*/
    padding-bottom: 80px;
}

h1 { font-size: 1.5em; color: black; margin: 30px 0 30px; letter-spacing: .05em; font-weight: 700; }
h2 { font-size: 1.3em; font-weight: 700; margin: 0 0 20px 0; letter-spacing: .05em; }
h3 { font-size: 1.2em; font-weight: 500; margin: 0 0 5px 0;  }
h4 { font-size: 1.1em; font-weight: 400; margin: 0 0 5px 0; }

hr { margin-top: 0px !important; margin-bottom: 0px !important; }

p, ul, ol, td { font-size: .85em; }

.smallprint { 
    font-size: .75em !important; 
    margin: 0px !important;
}
.smallprint-label {
    font-size: .75em !important; 
    font-weight: bold !important; 
    margin: 0px !important;
}
.compact-group {
    margin: 0px !important;
}

.form-control, .form-select {
    height: calc(1.5em + 0.75rem + 2px);
}
/* LOGO -- LOGIN and FOOTER */
#logo { max-width: 520px; width: 100%; padding-left: 10px; } 
	#logo img { width: 100%; }
	
<!-- LOGIN PAGE -->
.login-logo { padding-left: 200px; } 
	.login-logo h1 { font-size: 1.2em; color: black; text-align: center; margin-bottom: -10px; letter-spacing: .05em; font-weight: 700; }
.login { border: 1px solid #a1a1a1; margin-top: 30px; padding: 50px 0; } 

#alert { background-color: #ef1217; margin-top: 25px; padding: 20px 0 10px; color: white; } 
#alert-left, #alert-center { font-size: 3em; }
#alert-right { padding-top: 8px; }
#alert-right b { font-size: 1.3em; }

label { margin: 10px 0 0 0; }
input[type=text], select, input[type=password] {
    width: 100%;
    padding: 0px 5px;
    /*margin: 8px 0;*/
    display: inline-block;
    /*border: 1px solid #a1a1a1;*/
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    box-sizing: border-box;
}
.username, .password { width: 100%; }
.password  { margin-top:30px; }
.username p, .password p  { margin-top:0; text-align: right; font-size: .9em; }
.gethelp { font-size: 1.1em; padding: 15px 0; font-weight: 700; text-align: right; }
.password>p>input[type=checkbox] { position:relative; }

.form-horizontal .control-label {
    padding-top: 0px !important;
}

@media (min-width: 768px) {
  .online-app-label {
    text-align: left !important;
  }
}

.online-app-label {
    font-size: 0.8em !important;
}

.online-app-group {
    margin-bottom: 0px !important;
}

.form-group {
    margin-bottom: 0px !important;
}

footer { margin-top: 35px; padding: 15px 0 0; border-top: 5px solid #3d76a7; display: block; width: 100%; } 
.footer { position: absolute; bottom: 0; width: 100%; /* Set the fixed height of the footer here */ min-height: 160px; background-color: #e7e7e7; }
	footer ul { list-style: none; padding: 20px 0 30px; margin: 0; }
    footer li { display: inline-block; margin-right: 30px; padding-right: 30px; border-right: 1px solid #d2d2d2; }
	footer li:last-child { padding-right: 0; border-right: 0; }
	/*footer a:link, footer a:visited { text-decoration: none; color: #fff; }
	footer a:hover, footer a:active { text-decoration: underline; color: #fff; }*/

/* BOOTSTRAP HACKS */

.navbar-brand { font-weight: 700; font-size: 1.0em; }
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>th { font-size: .85em; }
.table>thead>tr>th { font-weight: bold }

[class*="col-"] {
    margin-bottom: 5px;
}

@media (max-width: 600px) {
  .login-logo h1 { font-size: .9em; }
  #alert-left { font-size: 2em; text-align: center; }
  #alert-right { text-align: center; }
}






.wide-form {
    margin-left: -30px !important;
    margin-right: -30px !important;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*
input,
select,
textarea {
    max-width: 280px;
}
*/
.width-100 {
    max-width: 100%;
}
    
.btn-medium {
    width: 150px;
}

.btn-small {
    width: 75px;
}

.btn-large {
    width: 250px;
}

.btn-medium-xs {
    width: 150px;
}

@media (min-width: 768px) {
    .btn-small-sm {
        width: 75px;
    }
}

/*td {
    white-space: nowrap
}*/

.form-horizontal,
.form-control,
.input-group {
    margin-bottom: 5px;
}

.right-aligned {
    padding-right: 0px;
}

.table-no-bottom-margin {
    margin-bottom: 0px;
}

.btn-table {
    padding: 0px;
}

@media (min-width: 1200px) {
    .pull-right-lg {
        float: right;
    }
}

@media (min-width: 992px) {
    .pull-right-md {
        float: right;
    }
}

@media (min-width: 768px) {
    .pull-right-sm {
        float: right;
    }
}

.visible-tiny {
    display: none !important;
}

@media (max-width: 360px) {
    .visible-tiny {
        display: block !important;
    }
}

@media (max-width: 360px) {
  .hidden-tiny {
    display: none !important;
  }
}

.btn-outlined {
    color: #2c699d !important;
    border-color: #2c699d !important;
}

.btn-outlined:focus,
.btn-outlined.focus {
    color: #2c699d !important;
    border-color: #102639 !important;
}

.btn-outlined:hover {
    color: #2c699d !important;
    border-color: #1e496d !important;
}

.btn-outlined:active,
.btn-outlined.active,
.open > .dropdown-toggle.btn-outlined {
    color: #2c699d !important;
    border-color: #1e496d !important;
}

.btn-outlined:active:hover,
.btn-outlined.active:hover,
.open > .dropdown-toggle.btn-outlined:hover,
.btn-outlined:active:focus,
.btn-outlined.active:focus,
.open > .dropdown-toggle.btn-outlined:focus,
.btn-outlined:active.focus,
.btn-outlined.active.focus,
.open > .dropdown-toggle.btn-outlined.focus {
  color: #2c699d;
  border-color: #102639;
}

.btn-outlined.disabled:hover,
.btn-outlined[disabled]:hover,
fieldset[disabled] .btn-outlined:hover,
.btn-outlined.disabled:focus,
.btn-outlined[disabled]:focus,
fieldset[disabled] .btn-outlined:focus,
.btn-outlined.disabled.focus,
.btn-outlined[disabled].focus,
fieldset[disabled] .btn-outlined.focus {
  border-color: #2c699d !important;
}

.btn-outlined .badge {
  background-color: #2c699d !important;
}

#dropzone {
    /*background: gray;*/
    border: #265b89 dashed 3px;
    border-radius: 5px;
    /*width: 200px;*/
    padding: 7px;
    text-align: center;
    /*color: white;*/
}

.dropzone .dz-message .note {
    font-size: 0.8em;
    font-weight: 200;
    display: block;
    margin-top: 1.1rem;
}

.dropzone {
    padding: 0px 0px !important;
}

.dz-filename {
    padding: 5px 5px !important;
}

.dz-progress {
    padding: 5px 5px !important;
}

.dz-error-message {
    padding: 5px 5px !important;
}

.no-pad {
    padding: 0px !important;
}

.panel-heading-small {
    padding: 3px 20px;
    text-align: center;
}

/*
.dz-max-files-reached {
    pointer-events: none;
    cursor: default;
}*/

.right-padded-file-div {
    padding: 0px 5px 0px 0px;
}

.custom-file-upload {
    border: 1px solid;
    overflow: hidden;
    /*padding: 6px 12px;*/
    display: inline-block;
    cursor: pointer;
    margin: 0px;
    width: 70%;
}

.hidden-file-input {
    display: none !important;
}

.table-body-medium-height {
    max-height: 500px;
    overflow-y: scroll;
}

.table-total-row {
    font-weight: 600;
}

.test-enviro {
    color: yellow !important;
}

.datePicker {
    z-index:1200 !important;
}

.dateTimePicker {
    z-index:1200 !important;
}

.searchLink {
    margin-top: -5px !important;
    margin-bottom: 15px !important;
    margin-left: 0px !important;
    padding-left: 0px !important;
}

.searchSeperator {
    margin-top: 0px !important;
    margin-bottom: 5px !important;
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
 
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
    left : 50px;
    top : 300px;
}

/*All the primary buttons*/
.btn-main {
    background-color: #2c699d !important;
    /*border-color: #265b89 !important;*/
    color: #fff !important;
}

.btn-focus {
    box-shadow: 0 0 0 0.25rem #99D6ED !important;
}

.btn-main:hover {
    background-color: #265b89 !important;
    border-color: #0e3f75 !important;
}

/*form labels*/
.col-form-label.online-app-label {
    font-weight: bold !important;
    margin-bottom: -3px !important;
}

.form-control,
.form-select {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

    .form-control:focus,
    .form-select:focus {
        box-shadow: 0 0 8px rgba(102, 175, 233, 0.6) !important;
        border-color: #66afe9 !important;
    }

.btn-table {
    color: #2c699d !important;
}

.bi-pencil-fill,
.bi-trash3-fill {
    color: #2c699d !important;
}

table tr:last-child td {
    border-bottom: none;
}

.custodian-search-table thead th:nth-child(1),
.custodian-search-table thead th:nth-child(2),
.custodian-search-table thead th:nth-child(3),
.custodian-search-table thead th:nth-child(1) a,
.custodian-search-table thead th:nth-child(2) a,
.custodian-search-table thead th:nth-child(3) a {
    color: #2c699d !important;
}


/*.pagination a,
.pagination span {
    border-radius: 50% !important;   
    align-items: center !important;
    border: none !important;
    color: #0e3f75 !important;
}

.pagination .active a,
.pagination .active span {
    background-color: #0e3f75 !important;*/ /*--buckeye-blue-700*/
/*color: white !important;
}

.pagination a:hover {
    background-color: #CCEAF6 !important;
    color: white !important;
}*/



.pagination a {
    color: #2c699d !important;
}

.pagination .active a,
.pagination .active span {
    background-color: #2c699d !important;
    border-color: #2c699d !important;
    color: white !important;
}

.input:focus,
select:focus,
textarea:focus {
    outline: none;
    border: 1px solid #66afe9;
    box-shadow: none !important;
}

.btn-outline-secondary:hover {
    background-color: #ccc !important;
}

.navbar-nav .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

.dropdown-item:focus,
.dropdown-item:active {
    background-color: #e9ecef !important;
    color: black;
}

.nav-link.dropdown-toggle {
    color: #fff !important;
}

.name-link {
    color: #2c699d;
    text-decoration: none;
}

    .name-link:hover {
        color: #2c699d;
        text-decoration: underline;
    }

.link-button {
    background-color: #2b679b;
    color: white;
}

    .link-button:hover {
        background-color: #30afd5 !important;
        color: white;
    }