/* GENERIC CLASSES */
fieldset {
    border: 3px solid #072256;
    border-radius: 10px;
    padding: 15px;
}

legend {
    color: #fff;
    font: 400 14px 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: bold;
    border-radius: 5px;
    padding: 2px 20px 2px 20px;
    background: #072256;
    text-transform: uppercase;
}

.modalBackground {
    opacity: 66%;
    background-color: rgb(var(--dark-grey));
}

.fieldsetnew {
    border: 3px solid rgb(var(--orange));
    border-radius: 5px;
    padding: 15px;
}

.legendnew {
    color: #fff;
    font: 400 14px 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: bold;
    border-radius: 5px;
    padding: 2px 20px 2px 20px;
    background: rgb(var(--orange));
    text-transform: uppercase;
}

.PagerCheck {
    display: flex !important;
}

/* table */
.table {
    display: table;
    width: 100%;
}

table-section-title {
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.table-header {
    display: table-row;
}

.table-body {
    display: table-row-group;
}

.cell {
    padding-right: 0.2rem !important;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    box-sizing: border-box;
}

.cell-1-4 {
    width: 25%;
}

.cell-1-3 {
    width: 33.33%;
}

.cell-1-2 {
    width: 50%;
}

.row {
    display: table-row;
}

.table .row .cell-1-3:nth-child(1) {
    padding-left: 0;
    padding-right: 7px;
    height: 60px;
}

.table .row .cell-1-3:nth-child(2) {
    padding-left: 7px;
    padding-right: 7px;
}

.table .row .cell-1-3:nth-child(3) {
    padding-left: 7px;
    padding-right: 0;
}

.cell-center {
    text-align: center !important;
}

.cell-right {
    text-align: right !important;
    margin: 0 0 0.5rem 0;
}

.cell-top {
    vertical-align: top !important;
}

.cell-bottom {
    vertical-align: bottom !important;
}

.cell-full {
    width: 100%;
}

.rightLabelLink {
    padding: 0 1rem 0 0;
    border: none;
    color: rgb(var(--mid-blue));
    cursor: pointer;
    float: right;
}

.hiddenField {
    display: none;
}

.radio-button {
    list-style-type: none;
    padding: 0;
}

    .radio-button li {
        float: left;
        margin: 0 0 0 0;
        width: 100px;
        height: 60px;
    }

    .radio-button label,
    .radio-button input {
        display: block;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        font-size: large;
    }

        .radio-button input[type="radio"] {
            opacity: 0.01;
            z-index: 100;
        }

            .radio-button input[type="radio"]:checked + label,
            .Checked + label {
                background-color: rgb(var(--vivid-blue));
                color: #FFF;
            }

                .radio-button input[type="radio"]:checked + label:hover,
                .Checked + label:hover {
                }

    .radio-button label {
        background-color: #DDD;
        padding: 5px;
        cursor: pointer;
        z-index: 90;
    }

        .radio-button label:hover {
            background: rgb(var(--light-blue));
        }


textarea {
    font: 400 14px 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    background-color: #FFF;
    color: #333;
    border: 1px solid #999;
    padding: 0 0 0 5px;
    box-sizing: border-box;
    outline: none;
}

.input-full {
    width: 100%;
}

    .input-full.required {
        border-color: rgb(var(--mid-blue)) !important;
        border-width: 2px;
    }


.input-label {
    background-color: #BBD1EE !important;
    border: none !important;
    display: block;
    padding: 2px 2px 2px 5px;
    width: 100%;
}

textarea:-moz-placeholder {
    line-height: normal;
}

textarea::-moz-placeholder {
    line-height: normal;
}

.required-box-icon {
    display: none !important;
    background-color: !important;
    border-color: rgb(var(--mid-blue)) !important;
    border-width: 2px;
    text-transform: uppercase !important;
    color: black !important;
}

    .required-box-icon span {
        display: none;
        width: 15px;
        height: 15px;
        border-color: rgb(var(--mid-blue)) !important;
        border-width: 2px;
        background-color: white !important;
        border: 1px solid;
        vertical-align: middle;
        margin-right: 10px;
        border-radius: 0.30rem;
    }

.data-grid .table-header .cell {
    background-color: #868C9A;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 600;
    border-left: 1px solid #ABB3C3;
}

.data-grid .cell:nth-child(1) {
    border-left: none;
}

.data-grid .cell input[type='checkbox'] {
    cursor: auto;
}

.data-grid .table-header .cell a {
    color: #FFF;
    text-decoration: underline;
}

    .data-grid .table-header .cell a:hover {
        text-decoration: none;
    }

.data-grid [class^="icon-"], .data-grid [class*=" icon-"], .data-grid i {
    font-size: 18px;
    text-decoration: none;
    display: inline-block;
    margin: 0 4px;
    vertical-align: middle;
    -webkit-transition: all 0.20s ease;
    -moz-transition: all 0.20s ease;
    -o-transition: all 0.20s ease;
    transition: all 0.20s ease;
}

.data-grid .icon-delete {
    font-size: 12px;
    transition: background-color .18s;
}

.data-grid .icon-edit:hover, .data-grid .fa-check-square:hover, .data-grid .fa-history:hover, .data-grid .icon-location:hover, .data-grid .icon-floppy:hover, .data-grid .icon-down-circled:hover, .data-grid .icon-up-circled:hover {
    color: #57A200;
}

.data-grid .icon-delete:hover {
    color: #D0011B;
}

.data-grid .icon-history:hover, .data-grid .icon-undo:hover {
    color: #C17800;
}

#ContentPlaceHolder1_lstView_DataPagerLstView {
    font-weight: 700;
    color: #FFF;
    text-transform: uppercase;
    border-left: none;
    font: 700 14px 'Open Sans', Helvetica, Arial, sans-serif;
    margin-left: 50px;
}

    #ContentPlaceHolder1_lstView_DataPagerLstView a, #ContentPlaceHolder1_lstView_DataPagerLstView span {
        background-color: #ABB3C3;
        color: rgb(var(--white));
        padding: 2px 8px;
        line-height: 14px;
        box-sizing: border-box;
        margin: 0 5px 0 0;
    }

    #ContentPlaceHolder1_lstView_DataPagerLstView span {
        background-color: #072256;
    }

#ContentPlaceHolder1_lstView_dataPagerWrapper {
    background-color: #868C9A;
    padding: 9px;
    border-bottom: 1px solid black;
}

.hide-pages table {
    display: none;
}

#entryform-header {
    background-color: #868C9A;
    color: #FFF;
    width: 100%;
    height: 60px;
    padding: 20px 15px;
    box-sizing: border-box;
}

    #entryform-header .table {
        width: auto;
    }

        #entryform-header .table:nth-child(2) {
            margin-top: 5px;
        }

            #entryform-header .table:nth-child(2) .button {
                margin-left: 1px;
            }

        #entryform-header .table .row .cell {
            padding-right: 5px;
            white-space: nowrap;
        }

            #entryform-header .table .row .cell:last-child {
                text-align: right;
                padding-right: 0;
                width: 100%;
            }

    #entryform-header input[type="text"] {
        max-width: 140px !important;
    }

    #entryform-header input[type="text"], .search-header select {
        display: block;
        margin: 3px 0 0 0;
    }

    #entryform-header label {
        margin-right: 20px;
    }

    #entryform-header h1 {
        font-size: 18px;
        line-height: 18px;
        font-weight: 700;
        margin: 0;
        text-transform: uppercase;
        position: relative;
        top: 50%;
        vertical-align: middle;
    }

#footer {
    font-size: 12px;
    line-height: 12px;
    padding: 20px 15px;
    background-color: #F3F3F3;
}

    #footer img {
        -webkit-transition: all 0.20s ease;
        -moz-transition: all 0.20s ease;
        -o-transition: all 0.20s ease;
        transition: all 0.20s ease;
    }

    #footer a img:hover {
        opacity: 0.70;
        filter: alpha(opacity=70);
    }

    #footer .rftrack {
        float: left;
        padding-right: 20px;
    }

        #footer .rftrack img {
            display: block;
            margin-bottom: 5px;
        }

        #footer .rftrack a {
            margin: 0 10px;
        }

    #footer .inlogic {
        margin-top: -5px;
    }

        #footer .inlogic img {
            display: block;
            margin-bottom: 0;
        }

#subFooter {
    font-size: 12px;
    line-height: 12px;
    padding: 20px 15px;
}

.sub-title {
    font-size: 16px !important;
    color: #FFF;
    padding-left: 10px !important;
    line-height: 22px !important;
    text-transform: uppercase;
    font-weight: 700 !important;
}

#add-new-button-icon {
    position: relative;
    z-index: 1;
    left: -141px;
    top: 1px;
    color: green;
    cursor: pointer;
    width: 0;
    font-size: 19px;
}

.permissionsNote {
    flex-wrap: unset;
    display: flex;
    justify-content: center; /* Horizontal centering */
    align-items: center; /* Vertical centering */
    padding: 15px;
    border: 1px solid rgb(var(--orange));
    background-color: #ffeb0d;
    font: 400 15px 'Open Sans', Helvetica, Arial, sans-serif;
    line-height: 1.6;
    margin: 0rem 8rem 0rem 8rem;
}

.note {
    margin: 0 5.6rem 0 0;
    
    padding: 15px;
    border: 1px solid rgb(var(--orange));
    background-color: #ffeb0d;
    font: 500 15px 'Open Sans', Helvetica, Arial, sans-serif;
    line-height: 1.6;
    color: rgb(var(--black));
}

.bulk-instructions {
    /*float: right;*/
    /*bottom: 2rem;*/
    position: relative;
    border: 1px solid rgb(var(--orange));
    background-color: #ffeb0d;
    font: 400 15px 'Open Sans', Helvetica, Arial, sans-serif;
    line-height: 1.6;
    z-index: 9999;
}

.help * {
    padding: inherit;
}

.help {
    padding: 0 15px 0 25px;
    border: 1px solid rgb(var(--orange));
    background-color: #F3F3F3;
    font: 400 15px 'Open Sans', Helvetica, Arial, sans-serif;
    line-height: 1.6;
    box-sizing: unset;
    margin: unset;
}

.data-grid .row:hover td.cell {
}

.data-grid .row:hover td.errorsmall {
}

.ajax__tab {
    background: rgb(var(--white));
    border-radius: 0.40rem;
    padding: 0.40rem;
}

    .ajax__tab .ajax__tab_header {
        border-bottom: 0.10rem solid rgb(var(--mid-grey));
        margin-bottom: 1.60rem;
    }

    .ajax__tab a.ajax__tab_tab {
        display: inline-block;
        padding: 0 1rem;
        margin: 0 0.5rem;
        border-bottom: 0.30rem solid transparent;
        transition: background-color .18s;
    }

        .ajax__tab a.ajax__tab_tab:hover {
            color: rgb(var(--dark-blue));
            border-color: rgb(var(--dark-blue));
        }

    .ajax__tab .ajax__tab_active a.ajax__tab_tab {
        font-weight: 600;
        color: rgb(var(--dark-blue));
        border-color: rgb(var(--dark-blue));
    }

    .ajax__tab .ajax__tab_tab:hover {
    }

.error {
    background: rgb(var(--white));
    line-height: unset;
    width: 33%;
    cursor: default;
    color: rgb(var(--red));
}

.errorsmall {
    color: rgb(var(--red)) !important;
    border-bottom-color: black;
    font-weight: bold;
}

.warning {
    color: black;
    font-weight: bold;
}

.good {
    color: green;
    font-weight: bold;
}

.errorMessageWrapper {
    margin: 0.4rem;
    display: flex;
    background-color: rgb(var(--white));
    color: rgb(var(--red));
    white-space: unset;
    font-size: small;
    border: 1px solid rgb(var(--red));
    height: fit-content;
    align-items: center;
    line-height: normal;
    z-index: 0;
    min-width: unset !important;
    gap: 0.4rem;
}

/* Only apply fill-available width when supported and appropriate */
@supports (width: -webkit-fill-available) {
    .errorMessageWrapper {
        width: -webkit-fill-available;
    }
}

@supports (width: -moz-available) {
    .errorMessageWrapper {
        width: -moz-available;
    }
}

@supports (width: stretch) {
    .errorMessageWrapper {
        width: stretch;
    }
}

/* Alternative: Use a modifier class for when you want full width */
.errorMessageWrapper.fullWidth {
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
}

/* Alternative: Only apply in specific contexts */
.formField .errorMessageWrapper,
.inputGroup .errorMessageWrapper {
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
}

.errorMessageWrapper .error {
    padding: 1.0rem;
}

.errorMessageWrapper .fi-rs-triangle-warning {
    padding: 0.8rem 0.4rem 0.8rem 1.6rem;
    font-size: large;
    align-items: center;
    color: rgb(var(--red));
    animation: wobble 200ms ease-in-out 5;
    border-radius: 25px;
}

.errorMessageWrapper .warning {
    padding: 1.0rem;
}

.errorMessageWrapper .fi-rs-hand-back-point-right {
    padding: 1.0rem 0.4rem 0.8rem 1.6rem;
    font-size: large;
    align-items: center;
    color: black;
    animation: wobble 1s ease-in-out 1;
    border-radius: 25px;
}



@keyframes spinWobble {
    0% {
        transform: rotate(0deg) translate(0px, 0px);
    }

    10% {
        transform: rotate(36deg) translate(2px, -0.5px);
    }

    20% {
        transform: rotate(72deg) translate(-1px, -1px);
    }

    30% {
        transform: rotate(108deg) translate(3px, -1.5px);
    }

    40% {
        transform: rotate(144deg) translate(-2px, -2px);
    }

    50% {
        transform: rotate(180deg) translate(1px, -2.5px);
    }

    60% {
        transform: rotate(216deg) translate(-3px, -3px);
    }

    70% {
        transform: rotate(252deg) translate(0px, -2px);
    }

    80% {
        transform: rotate(288deg) translate(2px, -1px);
    }

    90% {
        transform: rotate(324deg) translate(-1px, -0.5px);
    }

    100% {
        transform: rotate(360deg) translate(0px, 0px);
    }
}

@keyframes hopWobble {
    0% {
        transform: translate(0px, 0px);
    }

    1% {
        transform: translate(2px, -0.1px);
    }

    2% {
        transform: translate(4px, -0.2px);
    }

    3% {
        transform: translate(3px, -0.3px);
    }

    4% {
        transform: translate(1px, -0.4px);
    }

    5% {
        transform: translate(0px, -0.5px);
    }

    6% {
        transform: translate(2px, -0.6px);
    }

    7% {
        transform: translate(1px, -0.7px);
    }

    8% {
        transform: translate(-1px, -0.8px);
    }

    9% {
        transform: translate(-2px, -0.9px);
    }

    10% {
        transform: translate(-4px, -1px);
    }

    11% {
        transform: translate(-3px, -1.1px);
    }

    12% {
        transform: translate(-1px, -1.2px);
    }

    13% {
        transform: translate(-2px, -1.3px);
    }

    14% {
        transform: translate(0px, -1.4px);
    }

    15% {
        transform: translate(2px, -1.5px);
    }

    16% {
        transform: translate(4px, -1.6px);
    }

    17% {
        transform: translate(3px, -1.7px);
    }

    18% {
        transform: translate(1px, -1.8px);
    }

    19% {
        transform: translate(0px, -1.9px);
    }

    20% {
        transform: translate(-2px, -2px);
    }

    21% {
        transform: translate(-4px, -2.1px);
    }

    22% {
        transform: translate(-3px, -2.2px);
    }

    23% {
        transform: translate(-1px, -2.3px);
    }

    24% {
        transform: translate(1px, -2.4px);
    }

    25% {
        transform: translate(2px, -2.5px);
    }

    26% {
        transform: translate(0px, -2.6px);
    }

    27% {
        transform: translate(-2px, -2.7px);
    }

    28% {
        transform: translate(-1px, -2.8px);
    }

    29% {
        transform: translate(1px, -2.9px);
    }

    30% {
        transform: translate(3px, -3px);
    }

    31% {
        transform: translate(4px, -3.1px);
    }

    32% {
        transform: translate(2px, -3.2px);
    }

    33% {
        transform: translate(0px, -3.3px);
    }

    34% {
        transform: translate(-2px, -3.4px);
    }

    35% {
        transform: translate(-3px, -3.5px);
    }

    36% {
        transform: translate(-1px, -3.6px);
    }

    37% {
        transform: translate(1px, -3.7px);
    }

    38% {
        transform: translate(3px, -3.8px);
    }

    39% {
        transform: translate(2px, -3.9px);
    }

    40% {
        transform: translate(0px, -4px);
    }

    41% {
        transform: translate(-2px, -4.1px);
    }

    42% {
        transform: translate(-4px, -4.2px);
    }

    43% {
        transform: translate(-3px, -4.3px);
    }

    44% {
        transform: translate(-1px, -4.4px);
    }

    45% {
        transform: translate(1px, -4.5px);
    }

    46% {
        transform: translate(3px, -4.6px);
    }

    47% {
        transform: translate(4px, -4.7px);
    }

    48% {
        transform: translate(2px, -4.8px);
    }

    49% {
        transform: translate(0px, -4.9px);
    }

    50% {
        transform: translate(-2px, -5px);
    }

    51% {
        transform: translate(-4px, -4.9px);
    }

    52% {
        transform: translate(-3px, -4.8px);
    }

    53% {
        transform: translate(-1px, -4.7px);
    }

    54% {
        transform: translate(1px, -4.6px);
    }

    55% {
        transform: translate(2px, -4.5px);
    }

    56% {
        transform: translate(0px, -4.4px);
    }

    57% {
        transform: translate(-2px, -4.3px);
    }

    58% {
        transform: translate(-1px, -4.2px);
    }

    59% {
        transform: translate(1px, -4.1px);
    }

    60% {
        transform: translate(3px, -4px);
    }

    61% {
        transform: translate(2px, -3.9px);
    }

    62% {
        transform: translate(0px, -3.8px);
    }

    63% {
        transform: translate(-2px, -3.7px);
    }

    64% {
        transform: translate(-3px, -3.6px);
    }

    65% {
        transform: translate(-1px, -3.5px);
    }

    66% {
        transform: translate(1px, -3.4px);
    }

    67% {
        transform: translate(3px, -3.3px);
    }

    68% {
        transform: translate(4px, -3.2px);
    }

    69% {
        transform: translate(2px, -3.1px);
    }

    70% {
        transform: translate(0px, -3px);
    }

    71% {
        transform: translate(-2px, -2.9px);
    }

    72% {
        transform: translate(-4px, -2.8px);
    }

    73% {
        transform: translate(-3px, -2.7px);
    }

    74% {
        transform: translate(-1px, -2.6px);
    }

    75% {
        transform: translate(1px, -2.5px);
    }

    76% {
        transform: translate(2px, -2.4px);
    }

    77% {
        transform: translate(0px, -2.3px);
    }

    78% {
        transform: translate(-2px, -2.2px);
    }

    79% {
        transform: translate(-1px, -2.1px);
    }

    80% {
        transform: translate(1px, -2px);
    }

    81% {
        transform: translate(3px, -1.9px);
    }

    82% {
        transform: translate(2px, -1.8px);
    }

    83% {
        transform: translate(0px, -1.7px);
    }

    84% {
        transform: translate(-2px, -1.6px);
    }

    85% {
        transform: translate(-3px, -1.5px);
    }

    86% {
        transform: translate(-1px, -1.4px);
    }

    87% {
        transform: translate(1px, -1.3px);
    }

    88% {
        transform: translate(3px, -1.2px);
    }

    89% {
        transform: translate(4px, -1.1px);
    }

    90% {
        transform: translate(2px, -1px);
    }

    91% {
        transform: translate(0px, -0.9px);
    }

    92% {
        transform: translate(-2px, -0.8px);
    }

    93% {
        transform: translate(-4px, -0.7px);
    }

    94% {
        transform: translate(-3px, -0.6px);
    }

    95% {
        transform: translate(-1px, -0.5px);
    }

    96% {
        transform: translate(1px, -0.4px);
    }

    97% {
        transform: translate(2px, -0.3px);
    }

    98% {
        transform: translate(0px, -0.2px);
    }

    99% {
        transform: translate(-1px, -0.1px);
    }

    100% {
        transform: translate(0px, 0px);
    }
}

@keyframes wobble {
    0% {
        transform: translateX(0);
    }

    15% {
        transform: translateX(-5px);
    }

    30% {
        transform: translateX(5px);
    }

    45% {
        transform: translateX(-5px);
    }

    60% {
        transform: translateX(5px);
    }

    75% {
        transform: translateX(-5px);
    }

    90% {
        transform: translateX(5px);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes flashRed {
    0% {
        background-color: white;
        color: rgb(var(--red));
    }

    50% {
        background-color: rgb(var(--red));
        color: yellow;
    }

    100% {
        background-color: white;
        color: rgb(var(--red));
    }
}

/* Success Message Wrapper - conditional width */
.successMessageWrapper {
    margin: 0.4rem;
    display: flex;
    background-color: rgb(var(--white));
    color: green;
    white-space: unset;
    font-size: small;
    border: 1px solid green;
    height: fit-content;
    align-items: center;
    line-height: normal;
    z-index: 0;
    min-width: unset !important;
}

/* Only apply fill-available width when supported and appropriate */
@supports (width: -webkit-fill-available) {
    .successMessageWrapper {
        width: -webkit-fill-available;
    }
}

@supports (width: -moz-available) {
    .successMessageWrapper {
        width: -moz-available;
    }
}

@supports (width: stretch) {
    .successMessageWrapper {
        width: stretch;
    }
}

/* Alternative: Use a modifier class for when you want full width */
.successMessageWrapper.fullWidth {
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
}

/* Alternative: Only apply in specific contexts */
.formField .successMessageWrapper,
.inputGroup .successMessageWrapper {
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
}

.successMessageWrapper .fi-rs-disk {
    padding: 0.8rem;
    font-size: large;
    font-weight: bold;
    align-items: center;
    border-radius: 90px;
    animation: slideDownPopUp 800ms ease-in-out 1;
}

@keyframes slideDownPopUp {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    30% {
        transform: translateY(100%);
        opacity: 0;
    }

    60% {
        transform: translateY(-100%);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.defaultPageDiv {
    background-color: #F0F0F0;
    width: 95% !important;
}

.infoMessageWrapper {
    width: fit-content;
    position: relative;
    display: flex;
    left: 1.0rem;
    background-color: rgb(var(--white));
    color: rgb(var(--vivid-blue));
    white-space: unset;
    font-size: small;
    font-weight: normal;
    text-align: left;
    border: 1px solid;
    border-color: rgb(var(--blue));
    height: fit-content;
    align-items: center;
    padding: 1.0rem;
    margin: 0.4rem 2.0rem 0 0;
    line-height: normal;
    z-index: 0;
}

    .infoMessageWrapper .fi-rs-info {
        padding: 0.8rem 0.8rem 0.1rem 0.1rem;
        font-size: large;
        font-weight: bold;
        align-items: center;
        animation: throb 400ms ease-in-out 3;
    }

.defaultPageDiv {
}

    .defaultPageDiv .infoMessageWrapper {
        width: 100%;
        margin: -1rem 0 1.6rem -1rem;
        border: 3px solid #072256;
        border-radius: 10px;
        background-color: #F0F0F0;
    }

    .defaultPageDiv .errorMessageWrapper {
        width: 100%;
        margin: -1rem 0 1.6rem 0rem;
        border: 3px solid #072256;
        border-radius: 10px;
        background-color: #F0F0F0;
    }

@keyframes throb {
    0% {
        transform: scale(1);
        font-weight: normal;
    }

    50% {
        transform: scale(1.3);
        font-weight: bold;
    }

    100% {
        transform: scale(1);
        font-weight: normal;
    }
}

.subTitleBar {
    background-color: #6288B8;
    color: #FFF;
    width: 154px;
    padding: 5px 15px;
    box-sizing: border-box;
    margin-top: 15px;
    margin-left: 4px;
    font-weight: 700;
}

.aspNetDisabled {
    opacity: .85;
}

    .aspNetDisabled:hover {
        opacity: 1;
    }

.page_disabled {
    text-decoration: none;
    pointer-events: none;
    cursor: default;
}

.page_enabled {
    text-decoration: underline;
}

.grid_row_small {
    font-family: Arial;
    font-size: x-small;
    background-color: #A3BEE0;
}

.grid_row {
    font-family: Arial;
    font-size: 14px;
    background-color: #BBD1EE;
}

.grid_altrow_small {
    font-family: Arial;
    font-size: x-small;
}

.grid_altrow {
    font-family: Arial;
    font-size: 14px;
}

.grid_header {
    font-family: Arial;
    font-size: 14px;
    background-color: #4C4C4C;
    color: rgb(var(--white));
    font-weight: bold;
}

    .grid_header td a, .grid_header td a:visited {
        color: rgb(var(--white));
        font-size: 14px;
    }

.datalist_header_fixed td {
    font-family: Arial;
    font-size: 14px;
    background-color: #4C4C4C;
    color: rgb(var(--white));
    font-weight: bold;
    position: relative;
}

.datalist_header_fixed th {
    font-family: Arial;
    font-size: 14px;
    background-color: #4C4C4C;
    color: rgb(var(--white));
    font-weight: bold;
    position: relative;
}

.datalist_header_fixed a, .datalist_header_fixed a:visited {
    color: rgb(var(--white));
    font-size: 14px;
}

.grid_header_small {
    font-family: Arial;
    font-size: x-small;
    background-color: #4C4C4C;
    color: rgb(var(--white));
    font-weight: bold;
}

#tabbedAssetFields .search-header, #ContentPlaceHolder1_tcFields_body .ajax__tab_active .ajax__tab_inner {
}

#ContentPlaceHolder1_tcFields_tpBulkUpdate_tafBulkUpdate_tcAssetTabContainer_body .search-header, #ContentPlaceHolder1_tcFields_tpBulkUpdate_tafBulkUpdate_tcAsset_header .ajax__tab_active .ajax__tab_inner {
    background-color: rgb(var(--orange));
    border: 3px solid rgb(var(--orange));
}

.rft_tab-advanced-search {
    background-color: rgb(var(--light-grey));
}

#ContentPlaceHolder1_tcFields_tpBulkUpdate_tafBulkUpdate_tcAssetTabContainer_tpAttributes {
    border: 3px solid rgb(var(--orange));
}

#ContentPlaceHolder1_tcFields_tpBulkUpdate_tafBulkUpdate_tcAssetTabContainer .rft_tab-advanced-search {
    border: 3px solid rgb(var(--orange));
    border-radius: 0 0 0 0;
}

#ContentPlaceHolder1_tcFields_tpSearch_tafSearch_tcAssetTabContainer #subFooter {
    display: none;
}

#tabbedAssetFields .search-header .basicdatepicker {
    display: run-in;
}

    #tabbedAssetFields .search-header .basicdatepicker input {
        display: inline-block !important;
    }

#tabbedAssetFields .advancedFieldsSection, .ajax__tab_header_bottom {
    background-color: rgb(var(--light-grey));
}


#tabbedAssetFields .ajax__tab_outer {
    text-align: left;
    text-transform: uppercase;
    font-weight: 700;
}

#tabbedAssetFields .fa {
}

#ContentPlaceHolder1_tcFields_body {
    border: solid #868C9A;
    border-width: 5px 2px 5px 2px;
}

#tabbedAssetFields .ftello-icon {
}

.successMsg {
    background: #50AD54;
    border: 1px solid #3C8D40;
    color: #fff;
    padding: 10px;
    font-size: medium;
}

.loading {
    -webkit-animation: spin 1.5s linear infinite;
    -moz-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.modalform-footer {
    width: unset;
    padding: 0rem 5rem 0rem 5rem;
    background-color: #ABB3C3;
    color: #FFF;
    line-height: 60px;
    opacity: .8;
}

.invalid-input {
    border: 2px solid rgb(var(--red));
    background-color: #fff0f0;
}

.rft-validator-synchronized-placeholder {
    display: inline-block !important;
    min-height: 1.2em;
    background-color: magenta;
}

.validator {
    display: inline;
    margin: 0;
    padding: 0;
    min-height: unset;
    background-color: transparent !important;
    opacity: 0;
    transition: opacity 700ms ease-in-out;
}

.rft-validator-synchronized {
    opacity: 1;
}