﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* 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;
}


.btn-short {
    padding: 1px 1px;
    font-size: 12px;
    border-radius: 4px;
}

input[data-val-required] {
    background: rgb(253, 255, 223);
}

select[data-val-required] {
    background: rgb(253, 255, 223);
}

.required:after {
    color: #e32;
    font-weight: bold;
    content: ' *';
    display: inline;
}

.image-resizable {
    width: 100%;
}


.modal {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.feedback-message {
    text-align: center;
    vertical-align: middle;
    z-index: 9999;
    position: absolute;
    margin-left: 43%;
    border: 2px solid black;
    padding: 0 2px 0 2px;
    border-radius: 8px;
    color: white;
    background-color: black;
    -webkit-box-shadow: 2px 2px 4px 1px #787878;
    box-shadow: 2px 2px 4px 1px #787878;
}

.feedback-message-text {
    display: inline-block;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}


.value-changed {
    border: 1px solid #960000;
    border-radius: 4px;
}

.no-border-no-padding {
    border-top: none 0px;
    padding: 0 0 0 0;
}

.page-alerts {
    margin-bottom: 20px;
}

    .page-alerts .page-alert {
        border-radius: 0;
        margin-bottom: 0;
    }

.table-column-text-center {
    text-align: center;
}

.table-column-text-left {
    text-align: left;
}

.table-column-text-right {
    text-align: right;
}

.table-column-max-width-80 {
    max-width: 80px;
}

.table-column-max-width-300 {
    max-width: 300px;
}

.table-column-min-width-100 {
    min-width: 100px;
}

.table-column-min-width-150 {
    min-width: 150px;
}

.table-column-min-width-200 {
    min-width: 200px;
}

.table-column-min-width-300 {
    min-width: 300px;
}

.table-column-min-width-400 {
    min-width: 400px;
}

.table-column-min-width-500 {
    min-width: 500px;
}

.min-width-100 {
    min-width: 100px;
}

.min-width-150 {
    min-width: 150px;
}

.min-width-200 {
    min-width: 200px;
}

.min-width-300 {
    min-width: 300px;
}

.min-width-400 {
    min-width: 400px;
}

.min-width-500 {
    min-width: 500px;
}

.address-drop-down {
    min-width: 400px;
}

.description-drop-down {
    min-width: 400px;
}

.location-drop-down {
    min-width: 300px;
}

.results-container {
    opacity: 0;
}

.table-container-heading {
    /*background-color: #178ACC;*/
    color: #337AB7;
    font-size: large;
    font-weight: normal;
    font-style: italic;
}

.input-max-width {
    max-width: 99%;
}

.bootstrap-dialog .modal-header.bootstrap-dialog-draggable {
    cursor: move;
}

.status-dialog .modal-dialog {
    max-width: 300px;
}

.help-dialog .modal-dialog {
    max-width: 600px;
}

.no-bottom-margin {
    margin-bottom: 0px;
}

.validation-message {
    margin-top: 10px;
    margin-left: 20px;
}

.display-block {
    display: block;
}

.jumbotron-custom {
    padding: 0 10px 0 10px;
}

table.dataTable th {
    background-color: #337AB7;
    color: #fff;
}

.red-outline {
    border: 1px solid red;
}

.red-text {
    color: red;
}

.green-text {
    color: green;
}

.blue-text {
    color: blue;
}

.review-padded {
    padding-left: 32px;
}

.editor-multiline-field textarea {
    width: 250px;
    height: 200px;
}

.max-width-500 {
    max-width: 500px;
}

.max-width-400 {
    max-width: 400px;
}

.max-width-300 {
    max-width: 300px;
}

.max-width-200 {
    max-width: 200px;
}

.max-width-100 {
    max-width: 100px;
}

.max-width-150 {
    max-width: 150px;
}

.max-width-175 {
    max-width: 175px;
}

.multiline {
    white-space: pre-line;
}

.review-result-panel {
    display: none;
}

.logo-image {
    width: 130px;
    /*height: 100%;*/
    float: left;
    margin-left: 0px;
}


.vert-buttons {
    display: block;
    float: left;
    width: 40px;
    margin-top: 14px;
}



#data-table {
    width: 95%;
    margin: 0;
}

.table-container {
    width: 100%;
}

.table-header {
    font-size: 11px;
}


#page-content-wrapper {
    width: 100%;
    position: absolute;
    /*padding: 4px 4px 4px 4px;*/
    top: 64px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
    padding: 4px 4px 4px 4px;
}

table.dataTable tbody tr.selected {
    background-color: #C7DCEF;
}

.text-box {
    /*width: 150px;
    height: 24px;*/
    display: block;
}

.row {
    margin-left: 20px;
}









.checkbox label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    /*float: left;*/
    margin-right: .5em;
}

    .checkbox .cr .cr-icon {
        position: absolute;
        font-size: .8em;
        line-height: 0;
        top: 50%;
        left: 15%;
    }

.checkbox label input[type="checkbox"] {
    display: none;
}

    .checkbox label input[type="checkbox"] + .cr > .cr-icon {
        opacity: 0;
    }

    .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon {
        opacity: 1;
    }

    .checkbox label input[type="checkbox"]:disabled + .cr {
        opacity: .5;
    }


.login-check {
    color: #337AB7;
    transform: scale(0.8);
    /*padding-left: 10px;*/
}

.check-label {
    font-size: 12px;
    color: #337AB7;
    white-space: nowrap;
}

.wide-box {
    width: 330px;
    max-width: 315px;
}

.checkbox input[type=checkbox]:checked + input[type="hidden"] + label:after,
.checkbox input[type=checkbox]:checked + label:after {
    font-family: 'Glyphicons Halflings';
    content: "\e013";
}

.checkbox-alt-login input[type="checkbox"]:checked + input[type="hidden"] + label::before,
.checkbox-alt-login input[type="checkbox"]:checked + label::before,
.checkbox-alt-login input[type="radio"]:checked + label::before {
    background-color: white;
    border-color: #337AB7;
}

.padding-0 {
    padding-left: 0;
}

.padding-10 {
    padding: 10px 10px 10px 10px;
}

.background-clear {
    background: transparent !important;
}



.fill-box {
    width: 99%;
    max-width: 99%;
}

.form-group-wide {
    width: 99%;
    padding: 10px;
}

hr {
    width: 100%;
}

.dhec-footer {
    width: 100%;
    background-color: white;
    color: rgb(109, 107, 107);
    font-style: italic;
    text-align: center;
    font-size: 12px;
}


.trouble-explain {
    padding-top: 25px;
    padding-right: 24px;
    margin-bottom: 25px;
}


.question-entry {
    height: auto;
    width: 99%;
    max-width: 99%;
}


.feedback-icon {
    padding-top: 8px;
    padding-left: 0;
    margin-left: 0;
    font-size: large;
}

.password-check {
    display: none;
}

.fa-spin-custom, .glyphicon-spin {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.password-validation-message {
    padding-left: 10px;
}

.checkbox.form-control {
    width: auto;
    background: none transparent !important;
}

.btn-bottom {
    /*position: absolute;*/
    /*bottom: 10px;*/
    position: absolute;
    bottom: 0;
    right: 0;
}

.button-container {
    /*position: absolute;*/
    width: 100%;
    /*height: 100%;*/
}

.trouble-header {
    font-size: large;
    font-weight: bold;
    color: #337AB7;
    padding-left: 10px;
    background-color: #ebebeb;
    margin: 0;
    padding: 0;
}

.trouble-body {
    margin: 0;
    padding: 10px;
}

.trouble-page-header {
    font-size: large;
    font-weight: bold;
    color: #337AB7;
}

.trouble-tile {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    /*min-height: 220px;*/
    margin-bottom: 20px;
}

.trouble-content {
    padding: 10px;
}

.tile {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    /*min-height: 220px;*/
    margin-bottom: 20px;
}

.tile-header {
    font-size: large;
    font-weight: bold;
    color: #337AB7;
    padding-left: 10px;
    background-color: #ebebeb;
    margin: 0;
    padding: 0;
}

.tile-body {
    margin: 0;
    padding: 10px;
}

.user-listing {
    padding-top: 20px;
}

.dhec-navbar {
    background-color: white;
    border-bottom: none;
}

.nav.navbar-nav li a {
    color: #37749D;
    font-weight: bold;
    font-size: medium;
}

    .nav.navbar-nav li a:hover {
        color: #00b5db;
    }

.nav-links-vert-center {
    padding-top: 20px;
}

.page-title-heading {
    border-bottom: 7px solid #07AED1;
    color: #70a239;
    font-size: x-large;
    font-weight: bold;
    /*display: inline-block;*/
}

.header-body-divider {
    border-top: 1px solid silver;
    border-bottom: 10px solid transparent;
}

.body-content {
    margin-top: 10px;
}

.verify {
    margin-top: 25px;
}

.search-explain {
    padding-top: 10px;
    font-size: medium;
}



.btn-select-check-left {
    text-align: left;
}

    .btn-select-check-left:focus {
        background-color: #5BC0DE;
        color: white;
    }

    .btn-select-check-left span {
        color: white;
        padding-right: 10px;
    }

.renew-form-group {
    display: none;
}

.renew-page-header {
    /*font-size: large;*/
    /*font-weight: normal;*/
    color: #337AB7;
    margin-top: 10px;
}

.renew-help {
    font-style: italic;
    font-weight: bold;
    /*padding-left: 10px;*/
}

.verify-form-group {
    display: none;
}

.verify-page-header {
    /*font-size: large;*/
    /*font-weight: normal;*/
    color: #337AB7;
    margin-top: 10px;
}

.verify-help {
    font-style: italic;
    font-weight: bold;
    /*padding-left: 10px;*/
}

.welcome-text {
    font-style: italic;
}

.gre-badge {
    font-size: smaller;
    color: #a9a9a9;
}

.watermark {
    color: #a9a9a9;
}

    .watermark:hover {
        color: #a9a9a9;
    }

    .watermark:visited {
        color: #a9a9a9;
    }

.grecaptcha-badge {
    display: none !important;
}

.state-select {
}

