﻿
a {
    color: #23527c;
}

label {
    display: inline !important;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    /*font-size: 14px;*/
    margin-top: 1em;
    margin-bottom: 1em;
    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;
}*/

.field-validation-error {
    display: block;
    margin-left: 4px;
    color: #b94a48;
}

.form-control {
    height: auto !important;
}

/* ------------------------------------------------------------ */
/* 508 Styles                                                   */

/*Set all menu items to white (on black).*/
a.nav-link {
    color: white !important;
}

.nav-tabs .nav-link {
    color: black !important;
    font-size: 18px;
}

/* Make the active tab more noticeable*/
.nav-link.active {
    font-weight: bold;
}


li.nav-item {
    margin-right: 1em;
}

.tab-pane {
    margin-top: 1em;
}

.black-on-white {
    color: black !important;
    background-color: white !important;
}

/*End of 508 Styles                                             */
/* ------------------------------------------------------------ */

/* ------------------------------------------------------------ */
/* Submenu styles                                               */

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu a:after {
        transform: rotate(-90deg);
        position: absolute;
        right: 6px;
        top: .8em;
    }

    .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 100%;
        margin-left: .1rem;
        margin-right: .1rem;
    }

/*End of Submenu styles                                         */
/* ------------------------------------------------------------ */

/* ------------------------------------------------------------ */
/*Kendo overrides*/

/*Kendo Grid*/
.k-grid {
    border-top-width: 1.1px;
}

    .k-grid th,
    .k-grid td {
        border-left-style: none !important;
        border-color: #dddddd !important;
    }

        .k-grid th.k-header {
            border-bottom-width: 2px !important;
            font-weight: bold !important;
        }

    .k-grid tr .k-alt {
        background-color: #f9f9f9 !important;
    }

.k-grid {
    border-color: #dddddd !important;
}

    .k-grid .k-pager-wrap {
        background-color: #ffffff !important;
    }

    .k-grid .k-grid-toolbar {
        background-color: #ffffff !important;
        text-align: right;
    }

.k-header > .k-grid-filter, .k-header > .k-header-column-menu {
    float: left;
    margin-right: .25em;
    margin-left: -.5em;
}

.k-grid .k-grid-header .k-header .k-link {
    height: auto;
}

.k-grid .k-grid-header .k-header {
    white-space: normal;
}

/*Kendo Multselect*/
.k-multiselect .k-button {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.k-multiselect-wrap {
    padding: 0.3em;
}

/*Make disabled radio button labels look normal */
.k-radio:disabled + .k-radio-label {
    color: #000000;
}

/* Hide the Grid header and pager during export */
.k-pdf-export .k-grid-toolbar,
.k-pdf-export .k-pager-wrap,
.k-pdf-export .w-pdf-suppress {
    display: none;
}

/* This is required for 508 - change the grid pager so that the background for the arrow icons darker.  (Note that this doesn't affect display because a graphic is overlayed on top.*/
.k-pager-nav {
    color: #275c8a !important;
}

/* This is required for 508 - make the label next to the "page sizes" dropdown ("items per page") darker. */
.k-pager-sizes {
    color: black;
}

/* This is required for 508 - make the grid pager label (where it says 1-20 of 100 items) darker. */
.k-pager-info {
    color: #595959 !important;
}

/* This is required for 508 - make the grid pager current page number background color darker. */
.k-pager-numbers .k-state-selected {
    background-color: #337ab7 !important;
}

/* This is required for 508 - make the grid pager non-current page number text color darker. */
.k-pager-numbers .k-link {
    color: #337ab7 !important;
}

/* This is required for 508 - make the dropdown list arrow darker. */
.k-dropdown .k-icon {
    color: #444444 !important;
}

/* This is workaround for the crazy settings required for the Kendo grid to work correctly for PDF exports.*/
.k-grid-header {
    padding-right: 0 !important;
}

/* This is workaround for the crazy settings required for the Kendo grid to work correctly for PDF exports.*/
.k-grid-content {
    overflow-y: auto !important;
}

/*Remove the border from the NoRecords text on a grid. */
.k-grid-norecords-template {
    border-style: none;
}

.k-autocomplete {
    height: auto;
}

.trv-error-message {
    font-size: 8pt !important;
}

.k-checkbox + .k-checkbox-label:before {
    margin-top: .25em;
}

.k-dirty {
     border-style: none;
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .k-checkbox + .k-checkbox-label:before {
        margin-top: inherit !important;
    }
}
/*------------------------------------------------------------------*/


/* ------------------------------------------------------------ */
/*General Styles*/
.w-awaiting-content {
    color: #a62924;
    border: 1px solid #a62924;
    padding: .2em 1em .2em 1em;
}

/*OAH Colors
Blue: #193660 (25,54,96)
Yellow: #fdb022 (253,176,34)
Purple: #9f2b82 (159,43,130)
*/

/*OPA Colors
Dark Blue: #151d48
Medium Dark Blue: #004e84
Dark Green: #00623e
*/

/*Navbar */
.navbar {
    background-color: #00623e !important;
}

/* Buttons & selected pager button */
.btn-primary,
.k-pager-numbers .k-state-selected {
    color: #fff !important;
    background-color: #004e84 !important;
    border-color: #004e84 !important;
}

/* Pager arrows */
.k-pager-wrap > .k-link > .k-icon {
    color: #004e84 !important;
}

/* Tabs */
.tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 0 0 5px 5px;
    padding: 10px;
    margin-bottom: 1em;
}

/*Radio buttons*/
.w-radio-div {
    display: inline;
    margin-right: 1em;
}

    .w-radio-div label {
        margin-left: .4em;
        font-weight: normal;
    }

.w-page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.w-tipsheet-link {
    margin-left: auto;
}

.w-page-title {
    display: inline-block;
}

.w-form-section {
    margin-top: 1em;
    margin-bottom: 2em;
    padding-bottom: 1em;
    border-bottom: 1px solid #dddddd;
}

    .w-form-section.noborder {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .w-form-section.final {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }

    .w-form-section .w-form-section-title {
        margin-top: 0;
        margin-bottom: 0;
    }


.w-form-section-title {
    font-size: 24px;
    margin-top: 1.5em;
    margin-bottom: .8em;
    background-color: white;
}

.w-form-section-subtitle {
    font-size: 20px;
    margin-top: 1.5em;
    margin-bottom: .8em;
    background-color: white;
}

.w-form-control {
    /*display: block;*/
    width: 100%;
    font-size: 1rem;
}

.w-text-label {
    /*font-weight: bold;*/
    margin-bottom: 5px;
}

.w-text-label-inline {
    /*font-weight: bold;*/
    display: inline-block;
    margin-right: .5em;
}

.w-hidden-label {
    display: none !important;
}

.w-midline {
    margin-top: 0.5em;
}

.modal-title {
    font-weight: bold;
}

.w-announcement-header {
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.1;
}

.w-resource-header {
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.1;
}

/*.w-text-label-inline {
    font-weight: bold;
    display: inline;
    margin-right: .5em;
}*/

.w-hidden-grid-header .k-link {
    visibility: hidden;
}

.w-grid-smalltext {
    font-size: 80%;
}

.w-numeric-field {
    width: 10em;
}

.w-numeric-column {
    text-align: right !important;
}

/* Use this style to force the word "Required: to appear */
.w-force-required::after {
    content: " *";
}

/* File Upload Control Styles */
.w-upload-file-icon {
    display: inline-block;
    float: left;
    font-size: 4em;
    color: #337ab7;
    margin-top: .2em;
}

.k-upload .w-upload-file-heading {
    font-family: Arial;
    font-size: 1.1em;
    display: inline-block;
    float: left;
    width: 60%;
    margin: 0 0 0 20px;
    height: 25px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.k-upload .w-upload-file-name-heading {
    font-weight: bold;
    margin-top: 20px;
}

.k-upload .w-upload-file-size-heading {
    font-weight: normal;
    font-style: italic;
}

li.k-file .w-upload-file-wrapper .k-upload-action {
    position: absolute;
    top: 0;
    right: 0;
}

li.k-file div.w-upload-file-wrapper {
    position: relative;
    height: 75px;
}
/*End of file upload control styles*/

.w-dashboard-card-title {
    text-align: center;
    font-size: 2em;
}

.w-dashboard-card-title-sm {
    text-align: center;
    font-size: 1em;
    width: 100%;
}

.w-dashboard-card-value {
    text-align: center;
    font-size: 2em;
}

.w-dashboard-row-spacer {
    margin-top: 1em;
}

legend {
    font-size: 16px;
    /*font-weight: bold;*/
}

button.multiselect {
    border-color: rgb(204, 204, 204) !important;
}

button.multiselect {
    text-align: left;
}

.w-form-note {
    font-style: italic;
}

.w-omb-html {
    float: right;
}
/*Bootstrap multiselect styles*/
a.multiselect-all {
    text-decoration: none;
}

.multiselect-container li.active,
.multiselect-container .multiselect-all {
    background-color: #23527c;
    color: white;
}

.multi-select-btn {
    text-align: left;
}

.multiselect-container > li.multiselect-group label {
    padding-left: 40px;
}

.multiselect-container > li.multiselect-group.active {
    background-color: white;
}

.multiselect-group input[type=checkbox] {
    display:none;
}
/*End of General Styles*/
/* ------------------------------------------------------------ */

.autosize { }
.always-enabled { }
.check-dirty { }
.use-reqfld-label { }
.bsmultiselect { }