/* ReSharper disable DeclarationIsEmpty */
/* ReSharper disable Html.CssClassElementsNotFound */

html, body, form {
    font-family: Tahoma;
    font-size: 12px;
    height: 99%;
    margin: auto;
    width: 100%;
}

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

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=60);
    opacity: 0.60;
}

.dialog-container {
    position: relative;
    padding: 0;
    border: none;
}

.hidden,
.hidden-controls {
    display: none !important;
}

.no-decoration {
    text-decoration: none;
}

.text-bold,
.Bold {
    font-weight: bold !important;
}

.Text-Normal,
.text.normal {
    font-weight: normal !important;
}

.Text-Smaller,
.text.smaller {
    font-size: smaller !important;
}

.Text-Larger,
.text.larger {
    font-size: larger !important;
}

.text-centered,
.text.centered {
    text-align: center !important;
}

.Text-Left,
.text.left {
    text-align: left !important;
}

.Text-Right,
.text.right {
    text-align: right !important;
}

.Text-Clipped,
.text.clipped {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.Table, .efs-table {
    display: table;
}

.TR, .Row, .efs-row {
    display: table-row;
}

.TD, .Cell, .efs-cell {
    display: table-cell;
    vertical-align: middle;
}

.FullWidth {
    width: 100%;
}

.FullHeight {
    height: 100%;
}

.PadLeft03 {
    padding-left: 3px;
}

.PadRight03 {
    padding-right: 3px;
}

.PadLeft05 {
    padding-left: 5px;
}

.PadRight05 {
    padding-right: 5px;
}

.MarginLeft03 {
    Margin-left: 3px;
}

.MarginRight03 {
    Margin-right: 3px;
}

.MarginLeft05 {
    Margin-left: 5px;
}

.MarginRight05 {
    Margin-right: 5px;
}

.Divider-Horiz05 {
    height: 5px;
}

.Divider-Horiz10 {
    height: 10px;
}

.no-padding {
    padding: 0 !important;
}

.no-top-bottom-padding {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.NoMargin {
    margin: 0 !important;
}

.NoBorder {
    border: none 0 !important;
}

.RedBorder {
    border: 1px solid Red !important;
}

.NoScroll {
    overflow: hidden !important;
}

.clear-after:after,
.ClearAfter:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.ClearBoth {
    clear: both;
}

.NarrowGridSelectors {
    padding: 0 !important;
    width: 14px !important;
}

.BG_Red {
    background-color: red;
}

.BG_Silver {
    background-color: silver;
}

.BG_Blue {
    background-color: blue;
}

.BG_Yellow {
    background-color: yellow;
}

.BG_Aqua {
    background-color: aqua;
}

.BG_Green {
    background-color: green;
}


.Disabled {
    color: silver !important;
}

.label-cell {
    font-weight: bold;
    padding-right: 3px;
    text-align: right;
}

.data-cell {
    text-align: left;
}

.efs-button-bar,
.ButtonBar {
    padding: 3px;
}

.efs-error-text,
.error-text, .failure-text {
    color: Red;
    font-weight: bold;
}

.Column, .Col01, .Col02, .Col03, .Col04, .Col05, .Col06, .Col07, .Col08, .Col09, .Col10,
.S01, .S02, .S03, .S04, .S05, .S06, .S07, .S08, .S09, .S10, .S11, .S12, .S13, .S14, .S15,
.C01, .C02, .C03, .C04, .C05, .C06, .C07, .C08, .C09, .C10, .C11, .C12, .C13, .C14, .C15,
.T01, .T02, .T03, .T04, .T05, .T06, .T07, .T08, .T09, .T10, .T11, .T12, .T13, .T14, .T15,
.R01, .R02, .R03, .R04, .R05, .R06, .R07, .R08, .R09, .R10, .R11, .R12, .R13, .R14, .R15,
.save, .critical-requester, .priority, .plus, .minus, .edit, .search, .trash, .efs-button,
.site-time-text, .site-time, .user-time, .check-box, .no-auto-bind, .new, .data-sources {
    /*ID selectors, an easy way to identify specific selectors, e.g. .Section.S01, Col.S01, etc. */
}

.Text-Wrap {
    white-space: normal !important;
}

.text-no-wrap {
    white-space: pre;
}

.ui-progress {
    background: url(jQuery-ui/base/images/ui-anim_basic_16x16.gif) no-repeat center right;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

.init-indicator {
    display: none;
}

.centered {
    margin: 0 auto !important;
}


/* Allow Font Awesome Icons in lieu of jQuery UI and only apply when using a FA icon */

.ui-icon.fa,
.ui-icon[class*=" fa-"] {
    /* Remove the jQuery UI Icon */
    background: none repeat scroll 0 0 transparent !important;
    /* Bump it up - jQuery UI is -8px */
    margin-top: -0.4em;
    /* Remove the jQuery UI Text Indent */
    text-indent: 0;
}

/* Allow use of FA icon-large to be properly aligned */

.ui-icon.fa-lg {
    line-height: 14px;
    margin-top: -0.5em;
}

.ui-icon.fa-sml {
    font-size: 10px;
    line-height: 13px;
    margin-top: -0.6em;
}

.ui-toast {
    background: #eee;
    border: 2px solid Grey;
    color: Black;
    display: none;
    font-family: Calibri;
    font-size: 14px;
    padding: 10px 0;
    position: absolute;
    text-align: center;
    z-index: 999999;
}

    .ui-toast div.ui-toast-text {
        display: inline-block;
        vertical-align: middle;
    }

.ui-progress-indicator {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

    .ui-progress-indicator .background {
        background-color: #cccccc;
        filter: alpha(opacity=40);
        height: 100%;
        margin: 0;
        opacity: 0.4;
        overflow: hidden;
        padding: 0;
        position: relative;
        width: 100%;
        z-index: 999998;
    }

    .ui-progress-indicator > .display-box {
        height: 40px;
        width: 178px;
        z-index: 999999;
    }

        .ui-progress-indicator > .display-box > div {
            background: #FEFEFE;
            border: 2px solid #404041;
            height: 32px;
            padding: 2px;
        }

        .ui-progress-indicator > .display-box > .spinner-box {
            left: 0;
            position: absolute;
            top: 0;
            width: 32px;
        }

    .ui-progress-indicator.noAnimation > .display-box > .spinner-box {
        background-image: url(/Images/Animated/spin32.gif);
        background-position: 2px 2px;
        background-repeat: no-repeat;
        background-size: 32px 32px;
    }

    .ui-progress-indicator > .display-box .fa-spinner {
        color: #8cc63c;
        font-size: 28px;
        left: 4px;
        position: absolute;
        top: 4px;
    }

    .ui-progress-indicator > .display-box > .message-box {
        color: #8cc63c;
        font-family: Calibri;
        font-size: 12px;
        font-weight: bold;
        left: 38px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 70px;
    }

.ui-watermark {
    color: #aaaaaa;
    font-size: 11px;
    font-style: italic;
    pointer-events: none;
    position: absolute;
}

.pseudo-link {
    color: black;
    cursor: pointer;
    text-decoration: underline;
}


/* ReSharper restore Html.CssClassElementsNotFound */
/* ReSharper restore DeclarationIsEmpty */