/*html {
    position: relative;
    min-height: 100%;
}*/
body {
    padding-bottom: 20px;
    width: 100%;
    /*margin-bottom: 60px;
    height: auto;*/
}
/*.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
}*/
/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

/* Set width on the form input elements since they're 100% wide by default
input,
select,
textarea {
    max-width: 280px;
}*/

/* styles for validation helpers */
.metro .field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.metro .validation-summary-errors {
    color: #b94a48 !important;
    padding: 5px 10px;
    border: 1px solid #CCCCCC;
}

    .metro .validation-summary-errors ul li {
        color: #b94a48 !important;
    }

.validation-summary-valid {
    display: none;
}

#flexiframeviews {
    width: 95%;
    height: 100%;
}
/* below added Blair Nichols */
table.flexGrid .hidden, .ui-helper-hidden {
    display: none;
}

table.flexGrid {
    border: none;
}

.ui-widget-content {
    border: none;
}

.dataInput, .ui-widget .dataInput {
    border: none;
    background-color: transparent;
    font-size: 0.875rem;
}

td.rowSelector {
    text-align: center;
}

div.formPanel > div.row {
    position: relative;
    height: 100%;
}

div.fieldContainer > label, div.elmBox.elmLabel {
    margin: 0;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    line-height: 25px;
}

td.data label.input-control {
    line-height: inherit;
}

div.fieldContainer > label, div.fieldContainer > div.data {
    /*float: left;*/
    display: inline-block;
    vertical-align: top;
}

div.fieldContainer > .input-control {
    min-height: inherit;
    line-height: inherit;
}

.elmBox.elmToolBar.progressBar {
    height: 26px;
    line-height: 26px;
    float: left;
}

.elmBox.elmToolBar.ui-progressbar .ui-progressbar-value {
    margin: 0; /* We are box sizing so the border doesn't add to the size */
    border: 0 none;
}
/*.toolbar .toolbar-group > * {
    vertical-align: middle !important;
}*/

.toolbar-group .input-control.switch {
    padding: 5px 8px;
    margin: 0;
}

    .toolbar-group .input-control.switch label {
        margin-top: 0;
        margin-bottom: 0;
        /*font-size: 12pt;*/
        height: 16px;
        font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 16px;
    }

        .toolbar-group .input-control.switch label span.check {
            margin-left: 8px;
            top: -1px;
        }
/*.PreSearch.data.input-control {
    border: 1px solid black;
}*/

.PreSearch.fieldContainer {
    margin-right: 5px;
}

/*.fieldContainer label .ellipsis {
    background: #fff;
    bottom: 0;
    position: absolute;
    right: 0;
}

.fieldContainer label .fill {
    background: #fff;
    height: 100%;
    position: absolute;
    width: 100%;
}*/

.toolbar-section .input-control.switch {
    margin-right: 0;
}


td.rowSelector, th.rowSelector {
    width: 25px;
}

.flexGrid th {
    text-align: left;
}

.gridPanel textarea {
    resize: vertical;
}

.formPanel div.row > div, .formPanel div.row > fieldset {
    display: inline-block;
    vertical-align: top;
    margin: 0 1.25rem 0.625rem 0;
    border: none;
}

    .formPanel div.row > fieldset fieldset {
        border: none;
    }

    .formPanel div.row > div.ui-helper-hidden, .formPanel div.row > fieldset.ui-helper-hidden {
        display: none;
    }

.formPanel div.row fieldset > div, .formPanel div.row fieldset > fieldset {
    vertical-align: top;
    margin: 0 0.625rem 0.625rem 0;
}

.formPanel fieldset {
    position: relative;
    padding: 0.625rem 0 0 0.625rem;
    /*margin: 0 20px 20px 0;*/
}

.formPanel div.row > fieldset {
    padding: 0.625rem;
}

fieldset > .legend {
    display: block;
    font-size: 16.5pt;
    line-height: 28pt;
    color: #333;
    border-bottom: 1px solid #E5E5E5;
    margin: -0.625rem 0 0.3125rem -0.625rem;
    padding: 0 0.625rem;
    -webkit-column-span: all;
    column-span: all;
}
/*.formPanel fieldset fieldset {
    padding: 0;
}*/
.formPanel div.row {
    padding: 0.625rem 0 0 1.25rem;
}

div.row {
    border: 1px solid #CCCCCC;
    background-color: #FDFDFD;
}

select {
    display: inline-block;
}

.data.input-control.checkbox .check,
.data.input-control.radio .check,
.data .dataInput, .input-control.data .dataInput {
    /* background-color: rgba(0, 0, 0, 0.05); */
    border: 1px solid #DDDDDD;
}

.data.readonly .dataInput, .input-control.data.readonly .dataInput {
    border: none;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.data .dataInput.numberField {
    text-align: right;
}

.data select.dataInput.numberField {
    text-align: initial;
}

.data.validation-error {
    /* border: 1px solid #b94a48; */
    background-color: #b94a48 !important;
}

.button.btn-download {
    position: absolute;
    right: 0;
}

td.data .button.btn-download {
    right: 8px;
}

.data {
    position: relative;
}

    .data .dataInput.filePopUp.hasDownload {
        padding-right: 40px;
    }

.gridPanel {
    overflow: auto;
}

ul.tabnav li.ui-state-disabled {
    background-color: #eaeaea !important;
    color: #bebebe !important;
    cursor: not-allowed !important;
}

    ul.tabnav li.ui-state-disabled a {
        cursor: not-allowed !important;
    }

.metro .tab-control .frames .flexPanel {
    padding: 20px;
}



#flexViews.flexViewsLoaded {
    display: block;
}

#flexViews {
    display: none;
}

#loggingInfoScroller {
    min-height: 600px;
    max-height: 800px;
    position: relative;
    overflow-y: scroll;
}

.gridPanel, .formPanel, .calendarPanel {
    position: relative;
    overflow: auto;
    clear: both;
}

.actionResult ul.messages {
    list-style-type: none;
    padding-left: 0;
}

.clearer {
    clear: both;
}

.metro .ui-timepicker-div dl dd {
    margin-left: 40%;
}

.metro a.ui-state-hover,
.metro a.ui-state-hover:hover,
.metro a.ui-state-hover:focus,
.metro a.ui-state-hover:active {
    color: #fff;
    text-decoration: none;
}

.metro a.ui-state-active.ui-state-hover,
.metro a.ui-state-active.ui-state-hover:hover,
.metro a.ui-state-active.ui-state-hover:focus,
.metro a.ui-state-active.ui-state-hover:active,
.metro a.ui-state-highlight.ui-state-hover,
.metro a.ui-state-highlight.ui-state-hover:hover,
.metro a.ui-state-highlight.ui-state-hover:focus,
.metro a.ui-state-highlight.ui-state-hover :active {
    color: #212121;
}


div.printable div.table-responsive {
    padding-top: 28px;
}

.metro .tile.half .brand, .metro .tile.half .tile-status .badge {
    right: 0;
}

.metro .tile.half .brand, .metro .tile.half .tile-status {
    min-height: 19px;
}

    .metro .tile.half .brand .badge, .metro .tile.half .tile-status .badge {
        height: 19px;
        width: 19px;
    }

#loading p img {
    display: none;
}

div.delayLoad {
    height: 100px;
}

a.clickable, td.clickable {
    cursor: pointer;
}

.heading h3.title {
    margin: 0.2rem;
}

.flexPanel .toolbar {
    margin: 0.2rem;
}

.flexPanel form {
    border: 1px solid transparent;
}

.metro .blockUI.blockMsg h1 {
    color: inherit;
}

.toolbar-section .input-control {
    padding-left: 0;
    margin-bottom: 0.3125rem;
}

    .toolbar-section .input-control label span.caption {
        margin: 0 0.325rem;
    }
/*.toolbar-section .input-control { margin-top: 0.15rem; height: 2.125rem; }
.toolbar-section .fieldContainer { margin-top: 0.15rem; height: 2.125rem; }
.toolbar-section .fieldContainer label.field { padding: 0.625rem 0.325rem 0.625rem 0; }
*/
/*.toolbar-section .fieldContainer .data { vertical-align: top; }*/
.toolbar-section .fieldContainer .input-control, .toolbar-section .fieldContainer button.mini-button {
    margin: -5px 0 0 0;
}

    .toolbar-section .fieldContainer .input-control button.mini-button {
        margin: 0;
    }

.fieldContainer .data input, .fieldContainer .data select, .fieldContainer .data textarea {
    padding: 1px;
}

.fieldContainer .input-control {
    margin: 0;
}

.dataTable {
    font-size: 100%;
}

    .dataTable th,
    .dataTable td {
        padding: 0.125rem 0.325rem;
    }

    .dataTable thead td, .dataTable thead th {
        font-weight: 600;
    }

    .dataTable tbody td {
        padding: 0.125rem 0.325rem;
    }

    .dataTable thead .sorting:after,
    .dataTable thead .sorting_asc:after,
    .dataTable thead .sorting_desc:after {
        margin-left: 0;
        width: 0.5rem;
    }

    .dataTable thead th span {
        overflow: hidden;
        text-overflow: ellipsis;
        padding-bottom: 0.325rem;
    }

.button {
    padding: 0 0.625rem;
}

    .button > [class*=mif-] {
        vertical-align: baseline;
    }

.toolbar .fieldContainer.button {
    padding-bottom: 0.53125rem;
}

    .toolbar .input-control.button.no-hovered, .toolbar .fieldContainer.button.no-hovered {
        background-color: inherit;
        color: inherit;
    }

.toolbar .button.no-hovered {
    background-color: inherit;
    color: inherit;
}

.toolbar .button.no-cursor {
    cursor: default;
}

/*.field.flex_presearch {
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    margin: 5px 8px;
}*/

textarea {
    font-family: inherit;
    font-size: inherit;
}

h1.blockMsg.blockUI {
    padding: 10px;
}

/*@media only screen and (max-width: 800px) {
    .navigation-bar .element-menu li .dropdown-menu,
    .navbar .element-menu li .dropdown-menu {
        float: none !important;
    }

    .navigation-bar .element-menu .dropdown-toggle.drop-left:before,
    .navbar .element-menu .dropdown-toggle.drop-left:before {
        position: absolute;
        left: 0 !important;
        margin-right: 0;
        content: "" !important;
    }

    .metro .dropdown-menu > li > a.dropdown-toggle.drop-left:after {
        content: '\e001' !important;
    }
    .metro .vertical-menu > li > a.dropdown-toggle.drop-left:after {
        content: '\e001' !important;
    }
}*/

.metro .dropdown-menu > li > a.dropdown-toggle.drop-left:after {
    content: "";
}

.metro .dropdown-toggle.drop-left:before {
    position: absolute;
    margin-right: .25em;
    bottom: 0;
    font-family: metroSysIcons;
    font-size: .7em;
    content: '\e001';
}

.metro .dropdown-menu > li > a.dropdown-toggle.drop-left:before {
    font-family: metroSysIcons;
    font-size: .7em;
    content: "\e001";
    left: 5%;
    top: 50%;
    margin-top: -1.4em;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}


.metro .vertical-menu > li > a.dropdown-toggle.drop-left:after {
    content: "";
}

.metro .vertical-toggle.drop-left:before {
    position: absolute;
    margin-right: .25em;
    bottom: 0;
    font-family: metroSysIcons;
    font-size: .7em;
    content: '\e001';
}

.app-bar .app-bar-menu > li > .d-menu .d-menu.drop-left {
    left: -100%;
}

.app-bar .app-bar-menu.app-bar-pullmenubar > li > .d-menu .d-menu.drop-left {
    left: 0;
}

.metro .vertical-menu > li > a.dropdown-toggle.drop-left:before {
    font-family: metroSysIcons;
    font-size: .7em;
    content: "\e001";
    left: 5%;
    top: 50%;
    margin-top: -1.4em;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.metro .lovItem.input-control.checkbox {
    display: block;
}

.metro .calendarPanel.calendar {
    width: 100%;
}

div.heading span.calendarTitle:before {
    content: ' - ';
}

#ui-datepicker-div {
    background-color: white;
    border: 1px solid gray;
}

table.ui-datepicker-calendar tbody td {
    border: 1px solid lightgray;
}

table.ui-datepicker-calendar tbody td.ui-datepicker-current-day {
    border: 1px dashed black;
    background-color: gray;
}

table.ui-datepicker-calendar tbody td.ui-datepicker-today {
    border: 1px dashed gray;
    background-color: lightgray;
}

table.ui-datepicker-calendar tbody td a.ui-state-hover {
    background-color: darkgray;
}

.ui_tpicker_timezone select {
    width: 100%;
}

.searchOptions div {
    padding-top: 5px;
}

.input-control.text .button.mini-button,
.input-control.select .button.mini-button,
.input-control.file .button.mini-button,
.input-control.password .button.mini-button,
.input-control.number .button.mini-button,
.input-control.email .button.mini-button,
.input-control.tel .button.mini-button {
    padding: .3125rem 0;
}

.input-control select {
    appearance: menulist;
    -moz-appearance: menulist;
    -webkit-appearance: menulist;
}

.input-control select[multiple] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    overflow-y: auto;
}

.tabcontrol2 .tabs li a {
    text-transform: none;
}

.data.input-control button {
    margin: 0;
}

.toolbar .toolbar-section.no-divider:first-child {
    padding-left: 0;
}

input.filePopUp[type="button"] {
    white-space: normal;
    color: #DDDDDD;
}

input.filePopUp:not(.readonly):hover {
    border-color: #787878;
}

.actionResult ul li [class^="mif-"] {
    padding-right: 5px;
}

.actionResult ul li .message {
    vertical-align: middle;
}

.app-bar .app-bar-pullmenu .app-bar-menu .d-menu li a span.icon {
    display: none;
}

.metro > .dialog {
    max-height: 80%;
    overflow-y: auto;
}

.metro > .dialog.ui-resizable {
    overflow: hidden;
}

.metro > .dialog.ui-resizable .report-container {
    overflow: auto;
    height: 100%;
    width: 100%;
}

.metro > .dialog.ui-resizable .ui-resizable-handle {
    background-color: white;
}

.metro > .dialog.ui-draggable > .panel > .heading {
    cursor: move;
}

.metro > .dialog.ui-draggable > .panel {
    height: 100%;
    width: 100%;
}

.metro > .dialog.ui-resizable > .panel > .content {
    overflow: auto;
    height: 100%;
    width: 100%;
}

.metro > .dialog > .panel ~ .dialog-close-button {
    top: 0.5rem;
}

td.input-control {
    display: table-cell;
}

td.input-control.ui-helper-hidden {
    display: none;
}

.dataTable .sorting_asc::after, .dataTable .sorting_desc::after {
    left: unset;
    right: 0;
}

td.data.input-control.checkbox {
    line-height: normal;
}

.app-bar .app-bar-hyphen::before {
    display: block;
    float: left;
    line-height: 3.125rem;
    height: 3.125rem;
    width: 1em;
    padding: 0;
    content: "\2014";
}

.app-bar-drop-container {
    padding: 10px;
}

.app-bar .app-bar-element > a {
    color: inherit;
}

.d-menu li a > .tag {
    position: absolute;
    left: .875rem;
    top: 50%;
    margin-top: -0.4rem;
    max-height: 1rem;
    display: inline-block;
    margin-right: .3125rem;
    vertical-align: middle;
    text-align: center;
}

.flexContainer, .newContainer {
    position: relative;
}
/*.flexContainer .content {
    position: relative;
}*/
body > div.popover {
    z-index: 100;
}