body {
    /* http://msdn.microsoft.com/en-us/library/ie/hh771902(v=vs.85).aspx */
    -ms-overflow-style: scrollbar !important;
    height: 100%;
    padding-top: 66px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*
 * Set content boundaries to fill screen between header / footer
 * media changes that affect navbar or footer height need to be
 * duplicated here as well
*/
.content-scroll-area {
    position: absolute;
    top: 74px;  /* (8 + 54 + 6) + 4 */
    /*bottom: 36px;*/ /* (55 - 20) + 1 */
    left: 6px;
    right: 6px;
    overflow: auto;
}
@media(max-width: 767px) {
    /* navbar styles */
    .content-scroll-area {
        top: 56px; /* (8 + 38 + 6) + 4 */
    }
}
@media(max-width: 768px) {
    /* navbar font size */
    .content-scroll-area {
        /* top is same as default */
        left: 4px;
        right: 4px;
    }
}
@media (min-width: 992px) and (max-width: 1024px) {
    /* navbar font size */
    .content-scroll-area {
        /* same as default */
    }
}

/* 508 */
.form-control:focus,
.form-select:focus {
    border-color: black;
    box-shadow: 0 0.16rem 0.36rem 0 rgba(0, 0, 0, 0.13), 0 0.03rem 0.09rem 0 rgba(0, 0, 0, 0.11);
}

.btn-default:hover,
.btn-default:active,
.btn-default:focus {
    /*background-color: none !important;*/
    box-shadow: 0 0.16rem 0.36rem 0 rgba(0, 0, 0, 0.13), 0 0.03rem 0.09rem 0 rgba(0, 0, 0, 0.11);
    outline: 1px solid black;
    /*outline-offset: 3px;*/
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    /*background-color: #001c54 !important;*/
    box-shadow: 0 0.16rem 0.36rem 0 rgba(0, 0, 0, 0.13), 0 0.03rem 0.09rem 0 rgba(0, 0, 0, 0.11);
    outline: 1px solid black;
    outline-offset: 3px;
}

.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
    background-color: #6c757d;
    box-shadow: 0 0.16rem 0.36rem 0 rgba(0, 0, 0, 0.13), 0 0.03rem 0.09rem 0 rgba(0, 0, 0, 0.11);
    outline: 1px solid black;
    outline-offset: 3px;
}

.btn-success:hover,
.btn-success:active,
.btn-success:focus {
    background-color: #198754;
    box-shadow: 0 0.16rem 0.36rem 0 rgba(0, 0, 0, 0.13), 0 0.03rem 0.09rem 0 rgba(0, 0, 0, 0.11);
    outline: 1px solid black;
    outline-offset: 3px;
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus {
    background-color: #dc3545;
    box-shadow: 0 0.16rem 0.36rem 0 rgba(0, 0, 0, 0.13), 0 0.03rem 0.09rem 0 rgba(0, 0, 0, 0.11);
    outline: 1px solid black;
    outline-offset: 3px;
}




input[type="checkbox"]:focus, input[type="radio"]:focus {
    outline: 2px solid black;
    outline-offset: 2px;
}

.ui-datepicker {
    z-index: 1051 !important;
}
/**************************************************************************************************/

/* Set padding to keep content from hitting the edges */
.odd {
    background-color: white;
}

.alt {
    background-color: gainsboro !important;
}

.body-content {
    padding-left: 30px;
    padding-right: 15px;
}

@media (min-width: 790px) {
    .body-content {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.shortcut-link {
    background-color: white;
    border: 1px solid #253967;
    border-radius: 4px;
    color: #253967;
    display: inline-block;
    padding: 1px;
    text-decoration: none;
    width: 240px;
}

    .shortcut-link:focus, .shortcut-link:hover {
        background-color: #1173AD;
        color: white;
        text-decoration: none;
    }


.footer .system-name {
    background-color: #e80d24 !important;
    color: #ffffff !important;
    font-weight: bold !important;
    padding: 1px 4px 1px 4px;
    margin-left: 4px;
    margin-right: 4px;
}

#UserTable .dataTables_length label {
    margin-top: 4px;
}

table.dataTable thead th {
    background-image: none !important;
    position: relative;
}

    table > thead > tr.sortable > th.sort:after,
    table.dataTable thead th.sorting:after,
    table.dataTable thead th.sorting_asc:after,
    table.dataTable thead th.sorting_desc:after {
        /*position: absolute;
	top: 12px;
	right: 8px;
	display: block;*/
        font-family: FontAwesome;
        padding-left: 3px;
    }

    table > thead > tr.sortable > th.sort:after,
    table.dataTable thead th.sorting:after {
        color: #8F8F8F;
        content: "\f0dc";
        font-size: 0.8em;
        padding-top: 0.12em;
    }

    table > thead > tr.sortable > th.sort.asc:after,
    table.dataTable thead th.sorting_asc:after {
        content: "\f0de";
    }

    table > thead > tr.sortable > th.sort.desc:after,
    table.dataTable thead th.sorting_desc:after {
        content: "\f0dd";
    }

table > thead > tr.sortable > th.sort:after {
    color: white;
}




#UserTable #btnNewUser {
    margin-top: 2px;
}

#ClientList .col-md-3 {
    float: right;
    padding-right: 0;
}

.input-group-btn .btn {
    padding-left: 3px;
    padding-right: 3px;
}

/*.form-control {
    border: 1px solid #535B69;
    padding-left: 3px;
    padding-right: 3px;
}*/

.input-group-btn:last-child > .btn {
    /*border: 1px solid #535B69;*/
    outline-offset: 0px;
}
.input-group-addon:first-child {
    /*border: 1px solid #535B69;*/
    border-right: 0;
    outline-offset: 0px;
}
.input-group-addon:last-child {
    /*border: 1px solid #535B69;*/
    border-left: 0;
    outline-offset: 0px;
}

#UserTable .dtButtons {
    padding-right: 0;
}

/*  
    added contextual styles (.h1,.h2 etc)
    moved color assignment to new text-subdued class
*/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .navbar-corporate-brand {
    -moz-font-variant: small-caps;
    -ms-font-variant: small-caps;
    -o-font-variant: small-caps;
    -webkit-font-variant: small-caps;
    font-variant: small-caps;
}

/*.form-control:focus {
    border-color: #1173AD;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}*/

.text-subdued {
    color: #666666;
    font-weight: normal;
    text-transform: none;
}

.spinner {
    -moz-transition: opacity 0.25s, width 0.25s;
    -ms-opacity: 0;
    -o-transition: opacity 0.25s, width 0.25s;
    -webkit-transition: opacity 0.25s, width 0.25s;
    display: inline-block;
    opacity: 0;
    transition: opacity 0.25s, width 0.25s;
    width: 0;
}

.has-spinner.active {
    cursor: progress;
}

    .has-spinner.active .spinner {
        opacity: 1;
        width: auto; /* This doesn't work, just fix for unkown width elements */
    }

.has-spinner.btn-mini.active .spinner {
    width: 10px;
}

.has-spinner.btn-small.active .spinner {
    width: 13px;
}

.has-spinner.btn.active .spinner {
    width: 16px;
}

.has-spinner.btn-large.active .spinner {
    width: 19px;
}

.table-striped > tbody > tr.highlight-row > td, .table-striped > tbody > tr.highlight-row > th {
    background-color: #b6ff00;
    border-top: solid 1px #95d000;
}

.table-striped > tbody > tr.highlight-row:nth-child(odd) > td, .table-striped > tbody > tr.highlight-row:nth-child(odd) > th {
    background-color: #b2f50b;
    border-top: solid 1px #95d000;
}

.status-bar {
    background-color: #ccc;
    bottom: 0;
    padding: 2px;
    position: fixed;
    width: 100%;
}

footer.status-bar span.pull-left {
    height: 15px;
}

footer.status-bar span.pull-right {
    height: 15px;
}

/* Corporate Navigation Theme */

.navbar-fixed-top {
    position: absolute !important;
}

.navbar-corporate {
    background: white;
    border-bottom: 6px solid #253967;
    /*padding-bottom: 2px;*/
    padding-top: 8px;
}

    .navbar-corporate li {
        font-size: 16px;
        font-weight: bold;
    }


    .navbar-corporate .sub-menu > li > a {
        color: #333333;
    }

        .navbar-corporate .sub-menu > li > a:hover,
        .navbar-corporate .sub-menu > li > a:focus {
            color: white;
        }

    .navbar-corporate .sub-menu > li > a, .navbar-corporate .sub-menu > li > a:hover {
        -moz-transition: background .125s ease-in-out;
        -ms-transition: background .125s ease-in-out;
        -o-transition: background .125s ease-in-out;
        -webkit-transition: background .125s ease-in-out;
        display: block;
        font-size: 15px !important;
        font-weight: normal;
        padding: 4px 0;
        font: 1em 'Raleway', sans-serif;
        transition: background .125s ease-in-out;
        padding-left: 19px;
        padding-right: 19px;
    }

        .navbar-corporate .sub-menu > li > a:focus {
            -moz-transition: background .125s ease-in-out;
            -ms-transition: background .125s ease-in-out;
            -o-transition: background .125s ease-in-out;
            -webkit-transition: background .125s ease-in-out;
            background-color: #1173AD; /*508 task #11 - earlier version had no background color specified*/
            display: block;
            font-size: 15px !important;
            font-weight: normal;
            padding: 4px 0;
            font: 1em 'Raleway', sans-serif;
            transition: background .125s ease-in-out;
            padding-left: 19px;
            padding-right: 19px;
        }

        .navbar-corporate .sub-menu > li > a:hover {
            background-color: #1173AD; /*508 task #11 - was 585651*/
        }

    .navbar-corporate .sub-menu {
        background-color: #E2E3E3;
        margin-top: 1px !important;
        padding-top: 19px;
        padding-bottom: 19px;
        left: -10px;
    }

        .navbar-corporate .sub-menu.pull-right {
            left: auto;
        }

.arrow-up {
    display: none;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #585651;
    margin-top: 8px;
    margin-bottom: -18px;
    margin-left: 30px;
}

.open .arrow-up {
    display: block;
}


@media (max-width: 767px) {
    .navbar-corporate .sub-menu > li > a,
    .navbar-corporate .sub-menu > li > a:focus,
    .navbar-corporate .sub-menu > li > a:hover {
        -moz-transition: background .125s ease-in-out;
        -ms-transition: background .125s ease-in-out;
        -o-transition: background .125s ease-in-out;
        -webkit-transition: background .125s ease-in-out;
        color: #fff;
        display: block;
        font-size: 15px !important;
        font-weight: normal;
        padding: 4px 0 !important;
        font: 1em 'Raleway', sans-serif !important;
        transition: background .125s ease-in-out;
        padding-left: 19px !important;
        padding-right: 19px !important;
    }


    .navbar-nav .open .dropdown-menu {
        background-color: #E2E3E3;
    }
}



.navbar-corporate .navbar-nav > li > a {
    color: #253967;
    font: 1em 'Raleway', sans-serif;
}

.navbar-corporate .navbar-toggle:hover,
.navbar-corporate .navbar-toggle:focus {
    background-color: #9a9893;
}

.navbar-corporate .navbar-nav > li {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background-color: white;
    color: #253967;
}

    .navbar-corporate .navbar-nav > li:hover {
        border: 1px solid #eee;
        color: #001c54;
    }

    /*508 Make all main tabs highlight the same*/
    .navbar-corporate .navbar-nav > li > a:focus {
        outline: 2px #1173AD solid;
    }
    .navbar-corporate .navbar-nav > li.active > a:focus {
        outline: 2px #000000 solid;
    }

    .navbar-corporate .navbar-nav > li.active,
    .navbar-corporate .navbar-nav > li.active:hover,
    .navbar-corporate .navbar-nav > li.active > a,
    .navbar-corporate .navbar-nav > li.active > a:hover {
        background-color: #253967 !important;
        border: 1px solid #253967;
        color: white;
    }

.navbar-corporate .sub-menu li.active,
.navbar-corporate .sub-menu li.active:hover,
.navbar-corporate .sub-menu li.active > a,
.navbar-corporate .sub-menu li.active > a:hover {
    background-color: #1173AD !important;
    color: white;
}



.logo-placeholder-left {
    float: left;
    height: 50px;
    max-width: 100%;
}

.navbar-corporate .navbar-corporate-brand {
    color: #001c54;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
    font-weight: 700;
}

    .navbar-corporate .navbar-corporate-brand td {
        padding-left: 10px;
    }


.navbar-corporate .navbar-nav > .disabled > a,
.navbar-corporate .navbar-nav > .disabled > a:hover,
.navbar-corporate .navbar-nav > .disabled > a:focus {
    background-color: transparent;
    color: #444;
}

.navbar-toggle {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

    .navbar-toggle .toggle-text {
        color: #3f3935;
        font: 1em 'Raleway', sans-serif;
        text-align: center;
        text-transform: uppercase;
        display: inline-block;
        padding-right: 5px;
        margin-top: -5px;
    }

.navbar-corporate .navbar-toggle {
    border-color: white;
}



    .navbar-corporate .navbar-toggle .icon-bar {
        background-color: #001c54;
    }


li.client > div.logo-placeholder-left.navbar-brand {
    font-size: 10pt !important;
    max-width: 155px;
    overflow: hidden;
    white-space: nowrap;
}

/*  -------------------   END NAV BAR CORPORATE ------------------------------------------------ */

.input-group-addon {
    padding-left: 5px;
    padding-right: 5px;
}

.portlet-body .well {
    margin-bottom: 0;
}


.input-group-addon.pointer:hover, .input-group-btn .btn:hover {
    background-color: darkgray;
}

legend {
    border-bottom: 1px solid darkgray;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
}


/* darken default stripe */

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th,
.table.determinations > tbody:nth-child(odd) tr > td {
    background-color: #e9e9e9;
}

/* make 'selected' rows match blue */

/* make detail tables have blue header */

.table-striped > tbody > tr.selected td,
.table-striped > tbody > tr.selected th,
.table-striped > thead > tr.selected th,
.table.determinations > thead > tr.selected th {
    background-color: #001c54;
    color: white;
    opacity: .9;
}

.table.determinations > tbody,
.table.determinations > tbody > tr:not(:first-child) > td {
    border-top: none;
}

.table.determinations ul {
    list-style: none;
    list-style-image: none;
    list-style-type: none;
    padding-left: 1em;
}

.table.determinations button {
    padding: 0;
}

.pointer {
    cursor: pointer;
    /*cursor: hand;*/
}

.form-group {
    margin-bottom: .25em;
}

    .form-group input[type="radio"],
    .form-group input[type="checkbox"] {
        margin-top: 9px;
    }

/*
make checkboxes in multiselect align with
text.  (alignment thrown off by previous entry)
*/

.multiselect-container input[type="checkbox"],
.multiselect-container input[type="radio"] {
    margin-top: 0 !important;
}

.multiselect-container {
    padding-left: 4px;
    width: 99%;
}

button.multiselect {
    overflow-x: hidden;
}

    button.multiselect.dropdown-toggle.btn.btn-default.form-control.disabled {
        background-color: #EEE !important;
        color: black !important;
        opacity: 1 !important;
    }

/*
    add new xlg for exam details dialog
*/

@media (min-width: 1280px) {
    .modal-xlg {
        width: 1200px;
    }
}

@media (max-width: 1024px) {
    .modal-dialog {
        margin-bottom: 5px;
        margin-top: 5px;
    }
}

.navbar-corporate .control-label {
    color: #333333;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: bold;
    display: inline-block;
    text-align: right;
    width: 140px;
}

/*
    Changed z-index from 5000 to 1000 to keep 
    autocomplete under a bootstrap modal 
    (z-index = 1040)
*/

.ui-autocomplete {
    max-height: 280px;
    overflow: auto;
/*    overflow-x: scroll;
    overflow-y: scroll;*/
    z-index: 1039;
    /* Removed because it was preventing resize from working 
	max-width: 280px;
    */
}


.radio-inline,
.span-bold {
    font-weight: bold;
}

/* fix the 9px error above */
fieldset > .radio-inline > input[type="radio"] {
    margin-top: 0px;
}

/*#2710 Make radio buttons disabled not have a grayed out block around them*/
input[type="radio"][disabled],
/* allow fieldset.disabled to style radio buttons */
.disabled .radio-inline,
.disabled .radio-inline > span
{
    cursor: not-allowed !important;
    opacity: 1;
}

.form-control[readonly],
.combobtn[readonly],
.multiselect.disabled,
input[type="checkbox"][disabled],
.radio-inline span.disable,
input[type="checkbox"][disabled].checkbox-inline,
.input-group-btn.disabled,
.input-group-btn .btn.disabled,
option:disabled
    {
    background-color: #F0F0F5 !important;
    cursor: not-allowed !important;
    opacity: 1;
}

.notallowed {
    cursor: not-allowed;
}

html > body .body-content {
    padding: 10px;
    padding-top: 25px;
}

.row {
    margin: 0;
}

.modal-header {
    padding: 2px 10px;
}

    .modal-header .close {
        margin-top: 8px;
    }



/* scrolling table crap*/

/* define height and width of scrollable area. Add 16px to width for scrollbar          */

div.tableContainer {
    clear: both;
    height: 400px;
    overflow: auto;
}

/* Reset overflow value to hidden for all non-IE browsers. */

html > body div.tableContainer {
    overflow: hidden;
}

    /* define width of table. IE browsers only                 */

    div.tableContainer table {
        float: left;
    }

/* define width of table. Add 16px to width for scrollbar.           */

/* All other non-IE browsers.                                        */

/* set table header to a fixed position. WinIE 6.x only                                       */

/* In WinIE 6.x, any element with a position property set to relative and is a child of       */

/* an element that has an overflow property set, the relative value translates into fixed.    */

/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */

thead.fixedHeader tr {
    position: relative;
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */

/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */

html > body thead.fixedHeader tr {
    display: block;
}

/* define the table content to be scrollable                                              */

/* set TBODY element to have block level attributes. All other non-IE browsers            */

/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */

/* induced side effect is that child TDs no longer accept width: auto                     */

html > body tbody.scrollContent {
    display: block;
    height: 400px;
    overflow: auto;
    width: 100%;
}

div > a > img.img-thumbnail {
    border: 1px solid #ddd;
    margin: 2px;
    padding: 5px;
}

    div > a > img.img-thumbnail.active {
        background-color: #f5dfa2;
        border: 1px solid #000;
    }

    div > a > img.img-thumbnail:hover {
        background-color: #225588;
    }


#UserDates .control-label, #UserDates .col-xs-3 {
    padding-left: 0;
    padding-top: 0;
}

#UserDates .col-xs-3 {
    padding-right: 0;
}

.labeldata {
    font-weight: normal;
}

.tab-pane {
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-radius: 0 0 5px 5px;
    border-right: 1px solid #ddd;
    padding: 10px;
}

.nav-tabs {
    margin-bottom: 0;
}

#ContractDetails {
    margin-top: 10px;
}

.highlight, .highlight td {
    background-color: #b0bed9 !important;
}

.gapped {
    margin-left: 6px;
    margin-right: 6px;
}

#RDD .head .cell:first-child {
    padding-left: 3px;
}

#RDD .head .cell {
    height: 19px;
}

/*#RDD .head .cell:first-child input[type="checkbox"] {
		margin-top: 1px;
		margin-bottom: 0;
	}*/

/* Classes for ExamTypes/Rights tab in UserDetail */

#ExamTypeTable {
    width: 100%;
    /*margin-top: 20px;*/
}

    #ExamTypeTable > .head,
    .examTypeAttribute > .head > .cell,
    .examTypeDocument > .head > .cell,
    .examineeAttributes th,
    #RDD .head .cell {
        background-color: rgb(84, 118, 168);
        color: white;
    }

.examTypeAttribute > .head > .cell {
    background-color: #5476a8;
    background-color: rgba(84, 118, 168, 0.7);
}

.examTypeDocument > .head > .cell {
    background-color: #5476a8;
    background-color: rgba(84, 118, 168, 0.7);
}

.shiftLeft {
    margin-left: -12px;
}

.maincell {
    /*font-weight: bold;
	font-size: 16px;*/
    padding-top: 4px;
    /*background-color: #e9e9e9 !important;*/
}

#ExamTypeTable .cell {
    padding-top: 4px;
}

.maincell label, .cell label {
    margin-bottom: 0;
}

.examTypeAttribute, .examTypeDocument {
    margin-bottom: 5px;
    margin-left: 20px;
    margin-top: 5px;
    width: 90%;
}

.truncate {
    overflow: hidden !important;
    /*text-overflow: ellipsis !important;*/
    white-space: nowrap !important;
}

#ExamTypeTable > .examTypescroll, .RDDScroll {
    min-height: 350px;
    overflow-y: auto;
}

@media (max-height: 900px) {
    #ExamTypeTable > .examTypescroll, .RDDScroll {
        max-height: 530px;
    }
}

@media (max-height: 770px) {
    #ExamTypeTable > .examTypescroll, .RDDScroll {
        max-height: 420px;
    }
}

@media (min-height: 1000px) {
    #ExamTypeTable > .examTypescroll, .RDDScroll {
        max-height: 600px;
    }
}

#ExamTypeTable > .examTypescroll,
.examTypeAttribute > .body,
.examTypeDocument > .body,
.RDDScroll {
    border: 1px solid #5476a8;
    border: 1px solid rgba(84, 118, 168, 1);
    border-top: 0;
}

.region .head {
    background-color: #b0bed9 !important;
    border-bottom: 1px solid gray;
    padding-left: 4px;
}

.division .head {
    background-color: #e9e9e9 !important;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    padding-left: 0;
    padding-right: 0;
}

    .division .head .cell {
        background-color: #e9e9e9 !important;
        border-top: 0;
        color: black !important;
    }

        .division .head .cell label,
        .region .head label {
            margin-bottom: 0;
        }

        .division .head .cell input[type="checkbox"] {
            margin-bottom: 0;
            margin-top: 2px;
        }

.domicile {
    border-left: 1px solid gray;
    border-right: 1px solid gray;
}

    .domicile:last-child {
        border-bottom: 1px solid gray;
    }

.tableExamTypes td {
    border: 0 !important;
    border-bottom: 1px solid #5476a8;
    border-bottom: 1px solid rgba(84, 118, 168, 1);
}

.tableExamTypes {
    border: 0;
    margin-bottom: 2px;
    padding: 0;
}

.tableExamTypesAttributes {
    border: 1px solid #5476a8;
    border: 1px solid rgba(84, 118, 168, 1);
    margin-left: 50px;
    width: 90%;
}

    .tableExamTypesAttributes th {
        background-color: rgb(84, 118, 168);
        color: white;
    }

.tableExamTypesDocuments {
    border: 1px solid #5476a8;
    border: 1px solid rgba(84, 118, 168, 1);
    margin-left: 50px;
    width: 90%;
}

    .tableExamTypesDocuments th {
        background-color: rgb(84, 118, 168);
        color: white;
    }

div.navbar.navbar-fixed-bottom {
    margin: 4px;
    margin-bottom: -20px;
}

#UserDates .form-group > div.col-xs-4 {
    padding-left: 0;
    padding-right: 0;
}

.uaToggleButton .btn.disabled {
    background-color: transparent !important;
    color: #285e8e;
}

.glyphicon-flip-horizontal {
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    transform: scale(-1, 1);
}

.glyphicon-flip-vertical {
    -moz-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    -webkit-transform: scale(1, -1);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    transform: scale(1, -1);
}

span.reqd {
    color: #d00;
    margin-left: 2px;
    position: absolute;
    top: 7px;
}


.control-label.required:after {
    color: #d00;
    content: "*";
    margin-left: 2px;
    position: absolute;
/*    top: 7px;*/
}

.btn.btn-sm.blue {
    background-color: #5476a8;
    background-color: rgba(84, 118, 168, 1);
    color: #fefcf7;
    padding: 3px 8px;
}


.dataTables_processing {
    cursor: wait;
    left: 45%;
    margin: 0;
    padding: 0;
    text-align: center;
    top: 40%;
    width: 8%;
}

.btn-primary, .btn-file, .btn-header, .btn-info, .btn-large, .btn-mini, .btn-sm, .btn-small, .btn-success, .btn-warning {
    background-color: #001c54 !important;
    border-color: #001c54 !important;
    color: white !important;
}

input[type=file]{
    color: red !important;
}
/*508 Make focus on buttons more obvious*/
/*.btn-primary:focus, .btn-success:focus, .btn-warning:focus,*/
.btn-file:focus, .btn-header:focus, .btn-info:focus, .btn-large:focus,
.btn-mini:focus, .btn-sm:focus, .btn-small:focus,
.chevron-btn:focus, .link-btn:focus {
    /*outline: 2px #1173AD solid;*/
    outline: 1px solid black;
    outline-offset: 2px;
}

.adobeLink:focus, .adobeLink:hover {
    border: 3px solid #1173AD;
    padding-top: 14px;
    padding-right: 0;
    padding-bottom: 14px;
    padding-left: 0;
}

/*GrayText and opacity of .3 changed for 508 contrast requirements*/
.btn:disabled, .btn.disable, .btn.disabled {
    background-color: #757575 !important;
    opacity: .8 !important;
    color: black !important;
}

.btn:hover {
    background-color: #605e58 !important;
    border-color: #605e58 !important;
    color: white !important;
}

.cmd-detail:hover, .cmd-expand:hover, .examDetail:hover, .examDocument:hover {
    background-color: #A9A9A9;
    color: black;
}

span.disabled {
    color: GrayText;
}

.bar {
    background: green;
    height: 6px;
}


.btn-file {
    overflow: hidden;
    padding-left: 5px !important;
    padding-right: 5px !important;
    position: relative;
}

    .btn-file input[type=file] {
        background: white;
        cursor: inherit;
        display: block;
        filter: alpha(opacity=0);
        font-size: 100px;
        min-height: 100%;
        min-width: 100%;
        opacity: 0;
        outline: none;
        position: absolute;
        right: 0;
        text-align: right;
        top: 0;
    }

/*
    Removed this because backdrop was blocking
    modal with latest version of bootstrap
.modal-backdrop {
	z-index: 10;
}
*/




.tableExam tr {
    display: inline-table;
    width: 100%;
}

.tableExam th:first-child {
    margin-right: -10px;
}

.tableExam thead tr {
    /*background-color: #5476a8;*/
    margin-bottom: -2px;
}

.tableExam th {
    float: left !important;
}

.tableExam table {
    height: 400px;
}

.tableExam tbody {
    height: 380px;
    overflow-y: scroll;
    position: absolute;
    width: 95%;
}


.btn-header {
    margin-left: 0;
    margin-right: 0;
    margin-top: 2px;
    padding: 2px 5px !important;
}

label.expired, span.expired {
    color: GrayText;
}

div.exam-details-tabs div.tab-pane > div:not(.clearfix) {
    height: 420px;
    margin: 0;
    overflow-y: scroll;
    padding: 0;
}

.ExamRequestDeterminations {
    height: 312px;
    overflow-y: auto;
}

/*.form-group input[type=checkbox] {
	margin-top: 1px;
}*/

/* css for timepicker */

.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}

.ui-timepicker-div dl {
    text-align: left;
}

    .ui-timepicker-div dl dt {
        float: left;
        clear: left;
        padding: 0 0 0 5px;
    }

    .ui-timepicker-div dl dd {
        margin: 0 10px 10px 40%;
    }

.ui-timepicker-div td {
    font-size: 90%;
}

.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

.ui-timepicker-div .ui_tpicker_unit_hide {
    display: none;
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
    background: none;
    color: inherit;
    border: none;
    outline: none;
    border-bottom: solid 1px #555;
    width: 95%;
}

    .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus {
        border-bottom-color: #aaa;
    }

.ui-timepicker-rtl {
    direction: rtl;
}

    .ui-timepicker-rtl dl {
        text-align: right;
        padding: 0 5px 0 0;
    }

        .ui-timepicker-rtl dl dt {
            float: right;
            clear: right;
        }

        .ui-timepicker-rtl dl dd {
            margin: 0 40% 10px 10px;
        }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine {
    padding-right: 2px;
}

    .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
    .ui-timepicker-div.ui-timepicker-oneLine dt {
        display: none;
    }

    .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
        display: block;
        padding-top: 2px;
    }

    .ui-timepicker-div.ui-timepicker-oneLine dl {
        text-align: right;
    }

        .ui-timepicker-div.ui-timepicker-oneLine dl dd,
        .ui-timepicker-div.ui-timepicker-oneLine dl dd > div {
            display: inline-block;
            margin: 0;
        }

            .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
            .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
                content: ':';
                display: inline-block;
            }

            .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
            .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
                content: '.';
                display: inline-block;
            }

    .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
    .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
        display: none;
    }

/* ----------------- */

.ko-treeview-container {
    background-color: white;
    border: 1px solid #eee;
    border-radius: 3px;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 7px;
    padding-top: 5px;
}

    .ko-treeview-container .navbar {
        margin-right: 0px;
    }

    .ko-treeview-container > .ko-treeview-list {
        margin-left: 0px;
        padding: 0;
    }

.ko-treeview-list {
    list-style: none;
}

.ko-treeview-listitem {
    line-height: 2em;
    margin-top: 0px;
}

.ko-treeview-label {
    -moz-transition: all 250ms;
    -ms-transition: all 250ms;
    -o-transition: all 250ms;
    -webkit-transition: all 250ms;
    cursor: pointer;
    display: inline;
    margin-left: 5px;
    width: 100%;
    /*background-color: white;
  color: #2980b9;
  border-bottom: 1px solid #bdc3c7;*/
}

    .ko-treeview-label:hover {
        border-bottom-color: #2980b9;
    }

.ko-treeview-cb {
    -moz-transition: all 250ms;
    -ms-transition: all 250ms;
    -o-transition: all 250ms;
    -webkit-transition: all 250ms;
    /*float: right;*/
    clear: both;
    margin-left: 5px;
    margin-top: 1em;
}

/*.ko-treeview-cb:checked {
  margin-top: 1.5em;
}
.ko-treeview-cb:checked + label {
  line-height: 50px;
  font-weight: bold;
  border-bottom-color: #27ae60;
  font-size: 1.1em;
  color: #27ae60;
}*/


.dropdown-menu {
    min-width: 0;
    z-index: 1031 !important;
}

    .dropdown-menu .sub-menu {
        border-bottom-left-radius: 0;
        border-left-color: #fff;
        border-top-left-radius: 0;
        box-shadow: none;
        display: none;
        left: 100%;
        margin-top: -1px;
        position: absolute;
        top: 0;
    }

.right-caret:after, .left-caret:after {
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    content: "";
    display: inline-block;
    height: 0;
    margin-left: 5px;
    /*vertical-align: middle;*/
    width: 0;
}

.right-caret:after {
    border-left: 5px solid #ffc600;
}

.left-caret:after {
    border-right: 5px solid #ffc600;
}


.examicon:before {
    font-size: 12px;
    font-weight: bold;
    height: 12px;
    width: 12px;
}

/**/

.examicon.clear:before {
    color: green;
    content: "\e013"; /*fa = "\f00c" */
    font-family: "Glyphicons Halflings";
}

.examicon.solid:before {
    color: red;
    content: "\e014"; /*fa = "\f00d" */
    font-family: "Glyphicons Halflings";
}

.examicon.both:before {
    color: purple;
    content: "\f128";
    font-family: "FontAwesome";
    padding: 1px 3px 1px 3px; /* t r b l*/
}

.examicon.dash:before {
    color: #1843b9;
    content: "\f068";
    font-family: "FontAwesome";
}

a.pdf-help {
    padding-left: 8px;
    font-size: 18px !important;
    line-height: 18px !important;
    text-decoration: underline;
}

    a.pdf-help .glyphicon {
        padding-right: 2px;
    }

/* more ghosting of disabled indicators */

span.disabled.glyphicon.glyphicon-chevron-down,
span.disabled.glyphicon.glyphicon-user {
    -moz-filter: alpha(opacity=40);
    -ms-opacity: 0.40;
    -o-filter: alpha(opacity=40);
    -webkit-filter: alpha(opacity=40);
    filter: alpha(opacity=40);
    opacity: 0.40;
}


.mover .mover-panel {
    border: 2px solid silver;
    max-height: 500px;
    min-height: 250px;
    overflow-y: auto;
}

@media (max-height: 900px) {
    .mover .mover-panel {
        max-height: 450px;
    }
}

@media (max-height: 770px) {
    .mover .mover-panel {
        max-height: 350px;
    }
}

@media (min-height: 1000px) {
    .mover .mover-panel {
        max-height: 600px;
    }
}

.mover .mover-controls {
    padding-top: 80px;
    text-align: center;
}

.glyphicon-2chevrons-left:before {
    content: "\e079\e079";
}

.glyphicon-2chevrons-right:before {
    content: "\e080\e080";
}

.mover .mover-panel ul > li {
    padding-left: 4px;
}

.modal.search .modal-body .well {
    margin-bottom: 10px;
    max-height: 320px;
    overflow-y: auto;
}

    .modal.search .modal-body .well .col-xs-12 {
        border-bottom: 1px solid black;
        font-weight: bold;
        margin-bottom: 2px;
        padding-top: 6px;
    }

    .modal.search .modal-body .well .col-xs-3 {
        font-weight: bold;
        padding-left: 14px;
    }

.dashTools {
    min-height: 0 !important;
}

    .dashTools .navbar-nav > li > a {
        padding-top: 10px !important;
        padding-bottom: 2px !important;
    }

    .dashTools .navbar-form {
        margin-top: 2px !important;
        margin-bottom: 2px !important;
    }

ul.bar-legend {
    list-style-type: none;
}

.bar-legend li span {
    display: inline-block;
    margin-right: 3px;
    left: 0;
    top: 0;
    width: 20px;
    height: 1em;
    border-radius: 5px;
}

ul.board-toolbar {
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    font-size: 11px;
}

    ul.board-toolbar.vertical {
        display: inline-block;
    }

.board-toolbar li {
    color: black;
    float: left;
    cursor: pointer;
    margin: 5px 0 0 0;
    padding: 2px;
}

.board-toolbar.vertical li {
    float: none;
}

.board-toolbar li:hover {
    color: red;
}

.board-toolbar li i {
    float: left;
    margin: 0;
    padding: 0;
    color: GrayText;
}

.board-toolbar li label {
    cursor: pointer;
    margin-left: 5px;
    float: left;
    margin-top: -3px;
    margin-bottom: -10px;
}

.sub-section h2 {
    font-size: 14px;
    font-weight: normal;
    padding: 0;
    margin: 0;
    line-height: normal;
}

.sub-section {
    padding: 0;
    border-bottom: solid 1px #363636;
    position: relative;
    overflow: hidden;
}

.sub-section-height-1 {
    height: 60px;
}

.sub-section-height-2 {
    height: 120px;
}

.sub-section-height-3 {
    height: 180px;
}

.sub-section-height-4 {
    height: 240px;
}

.sub-section:last-of-type {
    border-bottom: none;
}

.pane-tools {
    top: 0;
    right: 0;
    position: absolute;
    display: none;
}

.sub-section-tools {
    top: 0;
    right: 0;
    position: absolute;
    display: none;
}

.gridster {
    /*max-width: 960px;*/
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 0;
}

    .gridster .gs_w {
        padding: 0;
        margin: 0;
        border: 1px solid gray;
        overflow: hidden;
        z-index: auto;
        -ms-border-radius: 6px;
        border-radius: 6px;
        -webkit-touch-callout: text;
        -webkit-user-select: text;
        -khtml-user-select: text;
        -moz-user-select: text;
        -ms-user-select: text;
        user-select: text;
    }

    .gridster header {
        background-color: #242424;
        height: 30px;
        margin: 0;
        padding: 5px 10px 0 10px;
        color: #8b8b8b;
        text-transform: uppercase;
        border: 1px solid gray;
        overflow: hidden;
        z-index: auto;
    }

        .gridster header h1 {
            margin: 0;
        }

    .gridster .preview-holder {
        border: black 5px dotted !important;
        border-radius: 0 !important;
        background: grey !important;
    }

    .gridster section {
        line-height: normal;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.widget {
    padding: 5px 10px 5px 10px;
    height: 100%;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .widget.fillsize {
        padding: 0;
    }

#column-tools {
    position: relative;
    display: none;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 5px;
}

    #column-tools .left-columns {
        position: absolute;
        left: 0;
    }

    #column-tools .right-columns {
        position: absolute;
        right: 0;
    }

.column-tool {
    cursor: pointer;
}

    .column-tool.min.sub, .column-tool.max.add {
        display: none;
    }

.column-icon {
    display: inline-block;
    background-color: white;
    width: 5px;
    height: 100%;
}

    .column-icon.right {
        float: right;
    }

    .column-icon.left {
        float: left;
    }


.onoffswitch {
    position: relative;
    width: 78px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #3D3D3D;
    border-radius: 0;
}

.onoffswitch-inner {
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s;
    -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}

    .onoffswitch-inner .on, .onoffswitch-inner .off {
        float: left;
        width: 50%;
        height: 29px;
        padding: 0;
        line-height: 29px;
        font-size: 17px;
        color: white;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .onoffswitch-inner .on {
        padding-left: 6px;
        /*background-color: #2a2a2a;*/
        color: #8B8B8B;
    }

    .onoffswitch-inner .off {
        padding-right: 6px;
        /*background-color: #101214;*/
        color: #8B8B8B;
        text-align: right;
    }

.onoffswitch-switch {
    width: 21px;
    margin: 4px;
    background: #A1A1A1;
    border: 1px solid #3D3D3D;
    border-radius: 0px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 47px;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
    background-color: #FF9900;
}

#divCursor span {
    font-size: 8pt !important;
}

#divCursor {
    width: 400px;
}

/*
    shrink tabs on user admin
*/
.nav.nav-tabs li a {
    padding: 8px 8px;
}

@media (min-width: 768px) {

    /* pull right when sm or larger */
    .pull-right-sm {
        float: right !important;
    }

    .navbar-corporate li {
        font-size: 14px;
        font-weight: bold;
    }

    .navbar-nav > li > a {
        padding-left: 8px;
        padding-right: 8px;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {

    .navbar-corporate li {
        font-size: 12px;
        font-weight: bold;
    }

    .navbar-nav > li > a {
        padding-left: 7px;
        padding-right: 7px;
    }

    /*
		Hide the logo @1024x768
	*/
    li.logo.hidden-xs.hidden-sm {
        display: none !important;
    }

    li.client.hidden-xs.hidden-sm {
    }

    /*
		Shrink font of client name 
	*/
    .navbar-corporate .navbar-corporate-brand {
        font-size: 14px;
        font-weight: 700;
    }
}

/* styles for auto-complete component */
div.dp-autocomplete > ul {
    height: auto;
    max-height: 250px;
    overflow-x: hidden;
    width: 100%;
}

div.datacell {
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}


.demo.tree {
    min-height: 350px;
    max-height: 350px;
    overflow-y: auto;
    width: 100%;
    background-color: white;
    background-image: -webkit-linear-gradient(#ffeeee, white 50%, #eeffff);
    background-image: -o-linear-gradient(#ffeeee, white 50%, #eeffff);
    background-image: linear-gradient(#ffeeee, white 50%, #eeffff);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffeeee', endColorstr='#ffeeffff', GradientType=0);
    border: 3px inset gray;
}

.tree .item > label > span {
    font-weight: normal;
    position: relative;
    top: -2px;
}

    .tree .item > label > span.active {
        font-weight: bold;
    }

.tree .item > .ind {
    margin: 4px;
    width: 12px;
    height: 12px;
    border: 1px solid silver;
    border-radius: 2px;
    line-height: normal;
    float: left;
    color: #222222;
    background-color: #ffee66;
    background-image: -webkit-linear-gradient(top, #ffee66 0%, #ffe729 100%);
    background-image: -o-linear-gradient(top, #ffee66 0%, #ffe729 100%);
    background-image: linear-gradient(to bottom, #ffee66 0%, #ffe729 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffee66', endColorstr='#ffffe729', GradientType=0);
    box-shadow: rgba(0, 0, 0, 0.125) 0 1px;
    cursor: default;
    visibility: hidden;
}

    .tree .item > .ind::after {
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        position: relative;
        top: -6px;
        left: 2px;
        content: "+";
    }

.tree .item.open > .ind,
.tree .item.shut > .ind {
    visibility: visible;
}

    .tree .item.open > .ind::after {
        content: "\2012";
    }

.tree .item.open > .children {
    border-left: 1px dotted silver;
    border-bottom: 1px dotted silver;
    margin-bottom: 4px;
}

.tree .item > .children {
    margin-left: 10px;
    padding-left: 6px;
}

.progress {
    margin-bottom: 0 !important;
}

option:disabled:checked {
    background-color: grey !important;
}

.multiselect-container {
    -moz-resize: both;
    -ms-resize: both;
    -o-resize: both;
    resize: both;
}





/* MOVER AND CHECKBOXLIST */

span.cb {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

    span.cb:before {
        content: "\f096"; /*\e157";*/
    }

.selected span.cb:before {
    content: "\f046"; /*"\e067";*/
}

li.focused {
    outline: 1px solid gray;
}

li.selected {
    color: black;
    background-color: lightgray;
}

.mover .mover-panel,
.checkboxlist {
    /*border: 2px solid silver;*/
    max-height: 500px;
    min-height: 300px;
    overflow-y: auto;
}

.checkboxlist {
    -moz-resize: both;
    -ms-resize: both;
    -o-resize: both;
    resize: both;
}
.mover ul.disabled:focus,
    .checkboxlist ul.disabled:focus {
        outline: none !important;
    }

    .mover ul.disabled,
    .mover ul.disabled li,
    .mover ul.disabled li div,
    .checkboxlist ul.disabled,
    .checkboxlist ul.disabled li,
    .checkboxlist ul.disabled li div {
        background-color: #eeeeee !important;
        opacity: 1;
    }

    .mover li,
    .checkboxlist li {
        /*white-space: nowrap;*/
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Chrome/Safari/Opera */
        -khtml-user-select: none; /* Konqueror */
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
    }


        .mover li input[type="radio"],
        .mover li input[type="checkbox"] {
            margin: 0 !important;
        }

@media (max-height: 900px) {
    .mover .mover-panel,
    .checkboxlist {
        max-height: 450px;
    }
}

@media (max-height: 770px) {
    .mover .mover-panel,
    .checkboxlist {
        max-height: 350px;
    }
}

@media (min-height: 1000px) {
    .mover .mover-panel,
    .checkboxlist {
        max-height: 600px;
    }
}

.mover .mover-controls {
    padding-top: 80px;
    text-align: center;
}

.glyphicon-2chevrons-left:before {
    content: "\e079\e079";
}

.glyphicon-2chevrons-right:before {
    content: "\e080\e080";
}

.mover .mover-panel ul > li {
    padding-left: 4px;
}

.requestSearchComponentsList {
    max-height: 250px;
    min-height: 184px;
    overflow-y: auto;
}

/*The skip navigation link for 508 compliance, begins life off the screen to the left - Mack*/
.skipNavigationLink {
    top: 15px;
    left: -500px;
    padding: 10px;
    position: absolute;
    z-index: 1000;
    background-color:aliceblue;
    font-weight: bold;
    border: 1px solid black;
}

/*508 - style to push lables off the screen so only the screen reader reacts - for places where the meaning of a control
    is visually obvious but a screen reader needs more text.*/
.hideLabel {position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

/*508 - the span that showed the up/down chevrons is now a button - make the button have a transparent background
    and no border so it looks the same to the user but will now respond to keyboard and can get focus.
    inputaslabel is being used for input boxes that used to be labels so they still appear like labels.
*/
.inputaslabel,
.chevron-btn{
    background: transparent !important;
    border: none !important;
}

/*508 - some items that showed as links are now buttons - make the button have a transparent background
    and no border so it looks the same to the user but will now respond to keyboard and can get focus.
*/
.link-btn{
    background: transparent !important;
    border: none !important;
    color: #0303ff !important;
    text-decoration:underline;
    cursor: pointer;
}

.link-btn:hover {
text-decoration: underline;
color:#000082 !important;
}

/*508 - some items that showed as icons are now buttons - make the button have a transparent background
    and no border so it looks the same to the user but will now respond to keyboard and can get focus.
*/
.icon-btn:focus {
    padding: 2px 2px;
    outline: 2px #1173AD solid;
    color: #000082 !important;
}

.icon-btn{
    background: transparent !important;
    border: none !important;
    color: #0303ff !important;
    text-decoration:none;
}

.icon-btn:hover {
text-decoration: underline;
color:#000082 !important;
}

.horizontalSpace{
    margin-left: 15px;
}

hr {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
    border-color: lightgray;
}

    hr.acuity-blue {
        display: block;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        margin-left: auto;
        margin-right: auto;
        border-style: solid;
        border-width: 2px;
        border-color: #253967;
    }
/*
** Styles for site map
*/
.sitemap-body {
    font-size: 13px;
    line-height: 1.25;
}

.sitemap-body ul {
    list-style: none;
    columns: 240px 4;
    -webkit-columns: 240px 4;
    -moz-columns: 240px 4;
    padding-left: 10px;
}

.sitemap-body li {
    padding-left: 14px;
}
/*
    didn't seem to be needed like it was for
    the form button but keeping in case

.sitemap-body li > a {
    white-space: normal !important;
    word-wrap: normal !important;
    word-break: normal !important;
}
*/

.sitemap-body li.h4 {
    padding-left: 0;
    margin-bottom: 4px;
    margin-top: 4px;
    font-weight: bold;
}

.sitemap-body form input[type="submit"] {
    padding: 0;
    border: 0 none;
    color: #3030ff;
    background: transparent;
    text-decoration: underline;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 

    white-space: normal;
    word-wrap: normal;
    word-break: normal;
    text-align: left;
}


.sitemap-body form input[type="submit"]:hover {
    color: #45627b;
    text-decoration: underline;
} 

.sitemapTab {
    margin-left: 25px;
}

dt.h4{
    font-weight: bold;
    font-size: 17px;
}

/*508 added read only here as well, disabled autocombo is invisible to screen reader, use read only instead*/
.autocombo .btn:disabled {
    display: none;
}

/*#2710 Make disabled autocompletes have the same disabled look as other controls (border, gray background) - Old code commented out
    below in case this causes other issues.
*/
.ui-autocomplete-input:disabled {
    border: 1px solid #cccccc !important;
    background-color: #F0F0F5 !important;
    /*text-align: right !important;*/
}
/*
.ui-autocomplete-input:disabled {
    border: none !important;
    background-color: transparent !important;
    text-align: right !important;
}
    */

.legend-underlined {
    width: 100%;
    border-bottom: 1.25px solid #a9a9a9;
    margin-bottom: 5px;
    padding-bottom: 1px;
    padding-left: 2px;
    font-size: 12px;
    font-weight: 700;
}
.legend-underlined.text-large {
    font-size: 16px;
}
.legend-underlined > span {
    display: inline-block;
}

.portlet.vaulted {
    margin-top: 10px;
}

/* override portlet-title to cope with caption being H1 */
.portlet > .portlet-title > .caption,
.portlet > .portlet-title > .caption > .glyphicon {
    font-size: 18px;
    font-weight: normal;
    line-height: 18px;
    font-variant: normal;
    color: #333;
}

/* separate multiple captions (advanced search) */
.portlet > .portlet-title > .caption {
    margin-right: 12px;
}

/* simplify HTML for toggle-button button */
.portlet > .portlet-title > .caption > .portlet-toggle {
    border:none;
    background:none;
    padding: 0 0 0 4px;
}

/* Set placeholder color to black (light) to exceed contrast needs of 508 - normally this is very
    bad to do as the placeholder will look like text, but we are only using placeholders in the 
    multiselect and there we use it as text, so this is OK.
*/
/* do not group these rules */
*::-webkit-input-placeholder {
    /* chrome */
    color: #555555 !important;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #555555 !important;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #555555 !important;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #555555 !important;
}

.toast-success {
    background-color: #308065;
}

.toast-error {
    background-color: #d9220e;
}

.toast-info {
    background-color: #4269b8;
}

.toast-warning {
    background-color: #c45500;
}

#toast-container {
    top: 8px;
}

#toast-container > div {
    opacity: 1;
    border-radius: 5px;
}

.toast-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    /*background: rgba(51,51,51,0.5);*/
    background: rgba(255, 255, 255, 0.6);
    z-index: 10000;
    display: none;
}

.dp-fixedtableheader {
    z-index: 10000;
}