﻿

.FormTitleProcDark {
    color: #fff;
    font-size: 1.3923em;
    text-shadow: 1px 2px 1px #000;
    background-color: #15507d;
    font-family: Helvetica, Arial, sans-serif;
    margin-left: auto;
    margin-right: auto;
}

.FormTitleProcDarkB {
    color: #fff;
    font-size: 1.1923em;
    text-shadow: 1px 2px 1px #000;
    background-color: #15507d;
    font-family: Helvetica, Arial, sans-serif;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px #454545;
}

.FormTitle {
    color: #fff;
    font-size: 1.5923em;
    text-shadow: 1px 2px 1px #000;
    background-color: #7d1515;
    font-family: Helvetica, Arial, sans-serif;
    margin-left: auto;
    margin-right: auto;
}

.FormSubTitle {
    color: #fff;
    font-size: 1em;
    text-shadow: 1px 2px 1px #000;
    background-color: #b24c1f;
    font-family: Helvetica, Arial, sans-serif;
    margin-left: auto;
    margin-right: auto;
}

.FormSubTitleGray {
    color: #fff;
    font-size: 1em;
    text-shadow: 1px 2px 1px #000;
    background-color: #535353;
    font-family: Helvetica, Arial, sans-serif;
    margin-left: auto;
    margin-right: auto;
}

.FormTitleNoBG {
    color: #fff;
    font-size: 1.5923em;
    text-shadow: 1px 2px 1px #000;
    font-family: Helvetica, Arial, sans-serif;
    margin-left: auto;
    margin-right: auto;
}

.SubTitleMonitor {
    color: #535353;
    font-size: .8em;
    font-family: Helvetica, Arial, sans-serif;
    margin-left: auto;
    margin-right: auto;
}

.TitleMonitor {
    color: #605f4c;
    font-size: 1.5923em;
    text-shadow: 1px 2px 1px #2E618D;
    font-family: Helvetica, Arial, sans-serif;
    margin-left: auto;
    margin-right: auto;
}

.TitleMonitorB {
    color: #000;
    font-size: 1.5923em;
    text-shadow: 1px 2px 1px #fff;
    font-family: Helvetica, Arial, sans-serif;
    margin-left: auto;
    margin-right: auto;
}

.TitleMonitorC {
    color: #fff;
    font-size: 1.5923em;
    text-shadow: 1px 2px 1px #535353;
    font-family: Helvetica, Arial, sans-serif;
    margin-left: auto;
    margin-right: auto;
}

.TitleMonitorD {
    color: #fff;
    font-size: 1.5923em;
    text-shadow: 1px 2px 1px #7d1515;
    font-family: Helvetica, Arial, sans-serif;
    margin-left: auto;
    margin-right: auto;
}

.TitleMonitorDd {
    color: #fff;
    font-size: 1.20em;
    text-shadow: 1px 2px 1px #7d1515;
    font-family: Helvetica, Arial, sans-serif;
    margin-left: auto;
    margin-right: auto;
}

.TitleMonitorE {
    color: #caeaff;
    font-size: 1.20em;
    text-shadow: 1px 2px 1px #7d1515;
    font-family: Helvetica, Arial, sans-serif;
    margin-left: auto;
    margin-right: auto;
}

.DashboardSWSubTitleBlue {
    color: #306593;
    font-weight: 600;
    font-size: 1.3em;
    text-transform: uppercase;
    font-family: Helvetica, Arial, sans-serif;
}

.DashboardSWSubTitleGray {
    color: #8e8e8e;
    font-weight: 600;
    font-size: 1.3em;
    text-transform: uppercase;
    font-family: Helvetica, Arial, sans-serif;
}

.FormTitle_bluebg {
    color: #fff;
    font-size: 1.5923em;
    text-shadow: 1px 2px 1px #000;
    background-color: #2E618D;
    font-family: Helvetica, Arial, sans-serif;
    margin-left: auto;
    margin-right: auto;
}

.FormTitle_dkbluebg {
    color: #fff;
    font-size: 1.5923em;
    text-shadow: 1px 2px 1px #000;
    background-color: #214665;
    font-family: Helvetica, Arial, sans-serif;
    margin-left: auto;
    margin-right: auto;
}

.FormDetailHead_Blue {
    color: #fff;
    background-color: #2E618D;
    font-family: Helvetica, Arial, sans-serif;
    margin-left: auto;
    margin-right: auto;
}

.FormDetailHead_Gray {
    color: #000;
    background-color: #ffffff;
    margin: 5px 5px 5px 5px;
    font-size: 1em;
    font-family: Helvetica, Arial, sans-serif;
}

.FormDetailContent {
    color: #000;
    font-family: Helvetica, Arial, sans-serif;
    vertical-align: top;
    border: 1px solid black;
    font-size: .85em;
}

.OverlayTitle {
    color: #ffffff;
    font-size: 2.5em;
    font-family: Helvetica, Arial, sans-serif;
    margin-left: auto;
    margin-right: auto;
}

.OverlayTitle_Alert {
    color: #990000;
    font-size: 1.5em;
    text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff, 0px 2px 0 #fff, 0px -2px 0 #fff, -2px 0px 0 #fff, 2px 0px 0 #fff, 1px 2px 0 #fff, -1px 2px 0 #fff, 1px -2px 0 #fff, -1px -2px 0 #fff, 2px 1px 0 #fff, -2px 1px 0 #fff, 2px -1px 0 #fff, -2px -1px 0 #fff;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
}

.form-inline_nostack .form-control_nostack {
    width: auto;
}

.form-inline_nostack .form-group_nostack {
    display: inline-block;
}

.no-gutter [class*="-4"] {
    padding-left: 0;
    padding-right: 0;
}

.no-gutter [class*="-8"] {
    padding-left: 0;
    padding-right: 0;
}

.no-gutter [class*="-6"] {
    padding-left: 0;
    padding-right: 0;
}

.no-gutter [class*="-10"] {
    padding-left: 0;
    padding-right: 0;
}

.no-gutter [class*="-12"] {
    padding-left: 0;
    padding-right: 0;
}

.HideBGonXS {
    padding-left: 0;
    padding-right: 0;
}

.col-centered {
    margin: 0px auto;
    text-align: center;
}

.input-group[class*="col-"] {
    float: left;
    padding-right: 15px;
    padding-left: 15px;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    background-color: #428bca;
    color: White;
}

.error-red {
    color: red;
}

.btn-grn {
    border-color: #014603;
    background-color: #579f49;
    color: #fff;
}

    .btn-grn:hover {
        border-color: none;
        background-color: #2a6c1d;
        color: #fff;
    }

    .btn-grn:focus {
        border-color: none;
        background-color: #2a6c1d;
        color: #fff;
    }

.btn-red {
    background-color: #990000;
    color: #fff;
}

    .btn-red:hover {
        border-color: none;
        background-color: #990000;
        color: #fff;
    }

    .btn-red:focus {
        border-color: none;
        background-color: #990000;
        color: #fff;
    }

#ui-datepicker-div {
    font-size: 12px;
}


.PTOTracker_BlueCell {
    background-color: #428bca;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    text-align: center;
}

.PTOTracker_RedCell {
    background-color: #990000;
    color: white;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    text-align: center;
}

.PTOTracker_YellowCell {
    background-color: #ffd800;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    text-align: center;
}

.PTOTracker_BlockCell {
    background-color: #e5e5e5;
    color: white;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    text-align: center;
}

.PTOTracker_GrayCell {
    background-color: #444444;
    color: white;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    text-align: center;
}

.form-control {
    height: 100%;
    min-height: 35px;
}



@media print {
    @page {
        margin: 0.2cm 0.2cm 0.2cm 0.2cm;
    }

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0%;
    }

    .visible-xs {
        display: none !important;
    }

    .hidden-xs {
        display: block !important;
    }

    table.hidden-xs {
        display: table;
    }

    tr.hidden-xs {
        display: table-row !important;
    }

    th.hidden-xs,
    td.hidden-xs {
        display: table-cell !important;
    }

    .hidden-xs.hidden-print {
        display: none !important;
    }

    .hidden-sm {
        display: none !important;
    }

    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}
