﻿/*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;
}

#accountInfo {
    list-style-type: none;
    /*font-weight: bold;*/
    text-align: right;
    padding-top: 6px;
}

/*@page :right {
    margin: 1cm;   
}

@media print {
    #testHans {
        margin: 1cm;
    }
}*/

.wideButton {
    min-width: 246px;
}

.gridCustom1 {
    min-width: 75px;
}

.gridCustom2 {
    min-width: 140px;
}

.gridCustom3 {
    min-width: 210px;
}

table.schedule thead > tr > th {
    border: 1px solid lightgray;
}
table.schedule tbody > tr > td {
    border: 1px solid lightgray;
}

table.smallRows tbody > tr > td {
    padding: 2px 2px 2px 2px;
}

table.smallRows.resize tbody > tr > td {
    padding: 5px 5px 5px 5px;
}

/*table.smallRows tbody > tr > td > label {
    margin-bottom: 0;
}*/

.borderStyle {
    border: 1px solid lightgray;
    padding: 12px;
    border-radius: 6px;
}

.table td {
    border-top: 0 !important;
}

table.provider thead > tr > th {
    padding: 2px 2px 2px 2px;
    font-weight: normal;
}

h3 {
    margin-bottom: 0;
}

/*.field-validation-valid {
    display: none;
}*/

.smallNumberEntry {
    width: 70px;
}

.adminMenuLabel {
    background-color: lightsteelblue;
    border-radius: 6px;
    height: 40px
}

.h4padding {
    padding-top: 4px;
}

.red {
    color: red;
}

.red {
    color: red;
}

.validation {
    color: red;
    font-size: 22px;
}


.alertStyle {
    opacity: 20 !important;
}

.labelFormat {
    color: gray;
    margin-bottom: 0;
}

.noTopPadding {
    padding-top: 0;
}

.noTopBottomPadding {
    padding-top: 0;
    padding-bottom: 0;
}

.noBottomMargin {
    margin-bottom: 0;
}

.commentWidth {
    width: 70%;
}

.search1 {
    max-width: 105px;
}
.search2 {
    max-width: 150px;
}

.spanFormat {
    width: 36px;
    text-align: center;
    font-size: 16px;
    padding-top: 7px;
}

.linkSpacer {
    margin-left: 15px;
}

.readOnlyColor {
    background-color: white !important;
}

.validationError {
    background-color: lightpink;
}

.card-link::before {
    content: "\f0da";
    color: #007bff;
    top: 6px;
    left: 0px;
    position: absolute;
    padding-left: 5px;
    font-size: 24px;
    font-family: "FontAwesome";
}

.card-link[aria-expanded="true"]::before {
    content: "\f0d7";
}

.card-link-clear::before {    
    color: #007bff;
    top: 6px;
    left: 0px;
    position: absolute;
    padding-left: 5px;
    font-size: 24px;
    font-family: "FontAwesome";
}

.ui-autocomplete {
    max-height: 400px;
    overflow-y: auto;
}
.ui-datepicker {
    position: relative;
    z-index: 10000 !important;
}

.dropdownSmall {
    max-width: 175px;
}

.custom-control-label {
    position: relative;
}

.custom-control-label::before,
.custom-control-label::after {
    left: -1.5rem;
}

.minButtonWidth {
    min-width: 185px;
}

.table thead th {
    padding-left: 0;
    padding-top: 3px;
    padding-bottom: 3px;
}

.table.resize thead th {
    padding-left: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.multiselect-container {
    max-height: 300px;
    min-width: 200px !important;
    overflow: auto;
}

.bannerStyle {
    background-color: #f1efef;
    text-align: left;
    font-weight: bold;
    font-size: 18px;
}

.customButton {
    background-color: rgb(221,221,221);
    color: black;
}

.largeDropDown {
    max-width: 380px;
}

.smallTextBox {
    max-width: 140px;
}

.centerText {
    text-align: center;
}

.smallRows.centerCol tr th:nth-child(5) {
    text-align: center;
}

.fileColumn {
    text-align: center;
    min-width: 165px;
}

.gridaltrow {
    background-color: #f5f5f5; /* #f1f0f0;   */
}

.dateWidth {
    min-width: 160px;
}

.gridMedWidth {
    min-width: 125px;
}

.gridTextEntry {
    min-width: 100%;
}

.largerFont {
    font-size: 24px;
    font-weight: bold;
}

.largerLinkFont {
    font-size: 20px;
}

.makeWhite {
    color: white;
}

.bottomJustify {
    vertical-align: bottom;
    border: 1px solid lightgray;
}

.setWidth {
    min-width: 100px;
}

.iconClass {
    background-color: #e6e5e5;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.middleAlign {
    vertical-align: middle !important;
}

.smallColumn {
    max-width: 20%;
    vertical-align: middle !important;
}
.mediumColumn {
    width: 25% !important;
    vertical-align: middle !important;
}
.largeColumn {
    max-width: 80%;
}

.largeLinkColumn {
    width: 175px;
}

.linkColumn {
    width: 15% !important;
}

.dontShow {
    display: none;
}

.bottomBorder {
    border-bottom: 1px solid lightgray;
    padding-bottom: 10px;
}

.buttonMargin {
    margin-right: 40px
}

.searchSpace {
    margin-right: 5px;

}
.black {
    color: black !important;
}

.topMargin {
    margin-top: 20px;
}

.gridMinWidth {
    min-width: 250px;
}

.gridAttendanceMinWidth {
    min-width: 200px;
}

.gridDateTimeWidth {
    min-width: 170px;
}

.gridAttendanceHoursMinWidth {
    max-width: 15%;
}

.yearDropDownWidth {
    max-width: 120px;
}

.noMaxWidth {
    max-width: none;
}

.spacer {
    padding-right: 20px;
}

.partialLogin {
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    float: right;
    margin-right: 65px;
}

.noMargin {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.noPadding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.noLeftPadding {
    padding-left: 0 !important;
}

.noRightPadding {
    padding-right: 0 !important;
}

.topMarginAdd {
    margin-top: 7px;
}

.footer {
    background-color: #f7f6f6;
    color: black;
    height: 38px;
    width: 100%;
    position: absolute;
    font-size: 16px;
    padding-top: 7px;
    padding-left: 8px;
    bottom: 0;
}

#header {
    background: #383129 url(../Content/images/header-bg.jpg) center center no-repeat;
    /*margin-bottom: 50px;*/
}

    #header .container_12 {
        position: relative;
        height: 100px;
    }

    #header h1 {
        width: 470px;
        height: 84px;
        background: url(../Content/images/logo.png) no-repeat;
        text-indent: -9999px;
        position: absolute;
        left: 0;
        top: 5px;
    }

        #header h1 a {
            display: block;
            width: 100%;
            height: 100%;
        }

.printOnly {
    display: none;
}


@media print {
    .noprint, .noprint * {
        display: none !important;
    }

    .printOnly {
        display: block !important;
    }
}

/*@media only screen and (min-width: 1100px) {
    #SysMsgTbl {
        width: 800px !important;
    }
}*/
