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

body { background-color: #fff; color: #525051; font-size: 1.6em; 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, .row { 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;
}

/* 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; }


.table_th {
    font-size: .85em;
    font-weight: bold;
    padding: 4px;
}


[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; }
}




.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 10px;
    padding-right: 10px;
}
.form-control {
    height: 28px;
    padding: 2px 12px;
}
.btn {
    padding: 2px 12px;
}
.wide-form {
    margin-left: -20px !important;
    margin-right: -20px !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: 2px;
}

.panel-body {
    padding: 10px;
}

.panel-heading {
    padding: 5px 15px;
}

.panel-footer {
    padding: 5px 15px;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 4px;
}

.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;
    }

    .container {
        width: 85%;
    }
}

@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%;
}
.custom-file-upload2 {
    border: 1px solid;
    overflow: hidden;
    /*padding: 6px 12px;*/
    display: inline-block;
    cursor: pointer;
    margin: 0px;
}

.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;
}

.readonlyTextarea {
    border-style: none;
    border-color: transparent;
    overflow: auto;
    resize: none;
}

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

.ui-menu .ui-menu-item {
    background: white;
    height: 28px;
    font-size: .75em;
    color: #555555;
}

.online-app-label
.modal-label {
    margin-top: 2px;
    font-weight: 500;
    color: black;
    font-size: 10px;
}

.panel-heading
.modal-panel-heading {
    padding: 1px 5px 1px 5px;
    font-size: 16px;
}

.panel-body
.modal-panel-body {
    font-size: 14px;
}

@media (min-width: 768px) {
    .modal-lg {
        width: auto;
        margin: 30px auto;
    }
}

@media (min-width: 1200px) {
    .modal-lg {
        width: 1120px;
    }
}

.field-validation-error {
    font-size: 0.8em !important;
}


@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}
body.modal-open {
    overflow: visible;
}

@media print {
    .noprint {
        visibility: hidden;
        height: 0;
        padding: 0;
        margin: 0;
    }
}

@media print {
    a[href]:after {
        content: none !important;
    }
}