a.disabled {
    color: #495057;
    opacity: 0.65;
}

.edit-column,
.view-column,
.delete-column {
    width: 39px;
}

td.footer, div.footerTop {
    background-color: #000000;
}

td.footer {
    text-align: left;
    color: #ffffff;
}

div.footerTop {
    height: 82px;
}

td.footer div.copyright {
    padding-left: 270px;
    margin-bottom: 15px;
}

div.divider {
    background: url(../../Images/dot.gif) repeat-x top left;
}

header, footer, hgroup,
nav, section {
    display: block;
}

mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

hgroup.title {
    display: block;
    padding-top: 10px;
    margin-bottom: 50px;
}

h1, h2, h3,
h4, h5, h6 {
    color: #000;
    margin-bottom: 0;
    padding-bottom: 0;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }


/* main layout
----------------------------------------------------------*/
.content-wrapper {
    margin: 0 auto;
    max-width: 960px;
}

.flex-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding-bottom: 50px;
}

.content-container {
    padding-bottom: 35px;
}

@media (max-width: 575.98px) {
    .content-container {
        padding-bottom: 60px;
    }
}

.full-height {
    height: 100%;
}

#body {
    background-color: #efeeef;
    clear: both;
    padding-bottom: 35px;
}

footer {
    clear: both;
    background-color: #e2e2e2;
    font-size: .8em;
    height: 100px;
}

/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

label.checkbox {
    display: inline;
}

label.required {
    background: transparent url(../../Images/icons/required.png) no-repeat 0px;
    padding-left: 14px;
    color: #b94a48;
    white-space: nowrap;
}

input[type="time"],
input[type="text"],
input[type="password"],
textarea,
select {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    margin: 0 0 0 0;
    padding: 4px 6px;
}

.ui-datepicker-trigger {
    vertical-align: middle;
    padding-left: 2px;
    cursor: pointer;
}

.datePickerInput {
    width: 100px !important;
}

textarea {
    font-family: inherit;
    width: 500px;
}

    input:focus, textarea:focus {
        border: 1px solid #7ac0da;
    }

input[type="checkbox"] {
    background: transparent;
    border: inherit;
    width: auto;
}

/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.alert-success {
    font-weight: bold;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.alert-error {
    background-image: -webkit-linear-gradient(top,#f2dede 0%,#e7c3c3 100%);
    background-image: -o-linear-gradient(top,#f2dede 0%,#e7c3c3 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f2dede),to(#e7c3c3));
    background-image: linear-gradient(to bottom,#f2dede 0%,#e7c3c3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede',endColorstr='#ffe7c3c3',GradientType=0);
    background-repeat: repeat-x;
    border-color: #dca7a7;
    color: #b94a48;
}

.alert-success span {
    background: url(../../Images/icons/tick.png) no-repeat 0 0;
    padding-left: 25px;
}

.alert-error h4,
.validation-summary-errors span {
    margin-top: 2px;
    color: #b94a48;
    font-size: 1em;
}

    .alert-error h4 .fa-exclamation-circle {
        margin-right: 3px;
    }

.alert-error ul li {
    word-wrap: break-word;
    max-width: 100%;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

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

.field-input.input-validation-error,
div.input-validation-error,
span.input-validation-error,
input.input-validation-error,
select.input-validation-error,
textarea.input-validation-error {
    border: 1px solid #e80c4d !important;
}

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

.validation-summary-errors {
    color: #b94a48;
}

    .validation-summary-errors span {
        font-size: 14px;
        font-weight: bold;
        display: block;
        margin-bottom: 10px;
        padding-bottom: 3px;
    }

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

.dialogError {
    padding-bottom: 0 !important;
    padding-right: 30px !important;
}


/* tables
----------------------------------------------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 0 0;
    border: 0 none;
}

th {
    font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
}

    th a {
        display: block;
        position: relative;
    }

        th a:link, th a:visited, th a:active, th a:hover {
            color: #333;
            font-weight: 600;
            text-decoration: none;
            padding: 0;
        }

        th a:hover {
            color: #000;
        }

    th.asc a, th.desc a {
        margin-right: .75em;
    }

        th.asc a:after, th.desc a:after {
            display: block;
            position: absolute;
            right: 0em;
            top: 0;
            font-size: 0.75em;
        }

        th.asc a:after {
            content: '▲';
        }

        th.desc a:after {
            content: '▼';
        }

table.contentTable tr td.contentPanel table tr td {
    padding: 3px 3px;
    margin: 0 0 0 0;
    border: 0 none;
}

div.buttonBar {
    margin-top: 25px;
    padding-top: 25px;
    text-align: center;
}

.table {
    border: 1px solid #e9ecef;
}

/* GRID STYLES */
div.DataGrid table thead tr,
div.DataGrid table thead tr td a {
    color: #495057;
    background-color: #f8f9fa;
    border-color: #e9ecef;
    border-bottom: 2px solid #e9ecef;
}

div.DataGrid > table > thead > tr > td {
    white-space: nowrap;
}

    div.DataGrid > table > thead > tr > td > .badge {
        margin-left: 5px;
    }

div.DataGrid > table > tfoot > tr {
    background-color: #ddd;
    border-left: #ccc 1px solid;
    border-right: #ccc 1px solid;
    border-top: #ccc 1px solid;
    border-bottom: #ccc 1px solid;
}

    div.DataGrid > table > tfoot > tr > td {
        padding: 5px 5px;
        text-align: right;
        font-weight: bold;
        color: #696969;
    }

span.LoadGridText {
    display: block;
    text-align: center;
    margin: 0 0;
    padding: 30px 0 15px 0;
    background: url(../../Images/ajax-loader.gif) no-repeat center 15px;
}

/* LOGIN HEADER */
section.loginHeader {
    padding-top: 10px;
}

    section.loginHeader div.loginLink {
        padding-right: 5px;
        color: white;
    }

/* LEFT MENU BAR */
.left-menu-nav,
.left-menu-sub-nav {
    background-color: #ffffff;
    margin: 0px 0px 0px !important;
    padding: 0px !important;
    border-radius: 6px;
    width: 230px;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

    .left-menu-nav > li > a,
    .left-menu-sub-nav > li > a {
        margin: 0 0 !important;
        padding: 8px 8px !important;
        border-left: 1px solid rgb(229, 229, 229);
        border-top: 1px solid rgb(229, 229, 229);
        border-right: 1px solid rgb(229, 229, 229);
        border-bottom: 0;
        width: 214px;
        display: block;
        color: #A4172A;
    }

    .left-menu-sub-nav > li > a {
        padding-left: 20px !important;
        width: 202px;
    }

    .left-menu-nav > li:first-child > a {
        border-radius: 6px 6px 0px 0px;
        -moz-border-radius: 6px 6px 0 0;
        -webkit-border-radius: 6px 6px 0 0;
    }

    .left-menu-nav > li:last-child > a {
        border-radius: 0px 0px 6px 6px;
        -moz-border-radius: 0 0 6px 6px;
        -webkit-border-radius: 0 0 6px 6px;
    }

    .left-menu-nav > .active > a,
    .left-menu-sub-nav > .active > a {
        padding: 9px 15px;
        border: 0px currentColor;
        position: relative;
        z-index: 2;
        box-shadow: inset 1px 0px 0px rgba(0,0,0,0.1), inset -1px 0px 0px rgba(0,0,0,0.1);
        text-shadow: 0px 1px 0px rgba(0,0,0,0.15);
        -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1), inset -1px 0 0 rgba(0, 0, 0, .1);
        -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1), inset -1px 0 0 rgba(0, 0, 0, .1);
    }

    .left-menu-nav .icon-chevron-right,
    .left-menu-nav .icon-chevron-down,
    .left-menu-sub-nav .icon-chevron-right,
    .left-menu-sub-nav .icon-chevron-down {
        margin-top: 2px;
        margin-right: -6px;
        float: right;
        opacity: 0.25;
    }

    .left-menu-nav > li > a:hover,
    .left-menu-sub-nav > li > a:hover {
        background-color: rgb(245, 245, 245);
    }

    .left-menu-nav a:hover .icon-chevron-right,
    .left-menu-sub-nav a:hover .icon-chevron-right,
    .left-menu-nav a:hover .icon-chevron-down,
    .left-menu-sub-nav a:hover .icon-chevron-down {
        opacity: 0.5;
    }

    .left-menu-nav .active .icon-chevron-right,
    .left-menu-sub-nav .active .icon-chevron-right,
    .left-menu-nav .active .icon-chevron-down,
    .left-menu-sub-nav .active .icon-chevron-down {
        opacity: 1;
        background-image: url("../content/bootstrap/img/glyphicons-halflings-white.png");
    }

    .left-menu-nav .active a:hover .icon-chevron-right,
    .left-menu-sub-nav .active a:hover .icon-chevron-right,
    .left-menu-nav .active a:hover .icon-chevron-down,
    .left-menu-sub-nav .active a:hover .icon-chevron-down {
        opacity: 1;
        background-image: url("../content/bootstrap/img/glyphicons-halflings-white.png");
    }

span.WaitDialog {
    background: #ffffff url('../../Images/ajax-loader2.gif') no-repeat 3px 18px;
    padding-left: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: inline-block;
    font-weight: bold;
}

td.contentPanel {
    padding-top: 20px !important;
}

table.PasswordStrengthWrapper {
    margin-left: 10px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
}

    table.PasswordStrengthWrapper tbody tr td {
        margin: 0 !important;
        padding: 0 !important;
    }

div.PasswordStrengthFrame,
div.PasswordStrengthScore,
div.PasswordStrengthVeryWeak,
div.PasswordStrengthWeak,
div.PasswordStrengthGood,
div.PasswordStrengthStrong,
div.PasswordStrengthVeryStrong {
    height: 15px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

div.PasswordStrengthScore {
    text-align: center;
    width: 100%;
    z-index: 2;
}

div.PasswordStrengthVeryWeak {
    background-color: #d9534f;
}

div.PasswordStrengthWeak {
    background-color: #f0ad4e;
}

div.PasswordStrengthGood,
div.PasswordStrengthStrong,
div.PasswordStrengthVeryStrong {
    background-color: #d6e9c6;
}

div.PasswordStrengthContainer,
div.PasswordStrengthFrame {
    width: 75px;
}

div.PasswordStrengthFrame {
    border-left: 1px #999999 solid;
    border-top: 1px #999999 solid;
    border-right: 1px #999999 solid;
    border-bottom: 1px #999999 solid;
    position: relative;
}

td.PasswordStrengthText {
    text-align: center;
    padding-top: 0 !important;
    padding-bottom: 2px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.alert-error a {
    color: #3a87ad;
}

div.GridPager {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

div.GridPager > span {
    display: inline-block;
    text-align: left;
}

    div.GridPager > span > span {
        float: left;
    }

        div.GridPager > span > span.row-count {
            padding-left: 10px;
            vertical-align: middle;
            line-height: 32px;
        }

div.GridPager > nav {
    margin-left: auto;
}

i.icon-sort-up {
    width: 12px;
    height: 12px;
    background: url(../../Images/icons/up_arrow_small.png);
    display: inline-block;
}

i.icon-sort-down {
    width: 12px;
    height: 12px;
    background: url(../../Images/icons/down_arrow_small.png);
    display: inline-block;
}

td.FieldLabel {
    text-align: right;
    padding-right: 5px;
}

label.checkbox span {
    display: inline-block;
    padding-top: 2px;
}

    label.checkbox span.checkbox-wrapper {
        padding: 0;
        margin-right: 3px;
    }

.break-text {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.nav-icon {
    opacity: 0.35;
    margin-right: 5px !important;
    color: #000000;
    height: 14px;
    line-height: 14px;
}

    .nav-icon.fa {
        font-size: 1.25em;
        padding-left: 2px;
    }

.nav-link.active i.nav-icon {
    opacity: 1;
}

ul.breadcrumb li {
    vertical-align: middle;
}

    ul.breadcrumb li i {
        opacity: 0.5;
        margin-top: -1px;
        padding-right: 5px;
    }

        ul.breadcrumb li i.fa {
            font-size: 14px;
        }

.breadcrumb-item .svg-inline--fa {
    width: 20px;
}

.DataGrid {
    margin-top: 20px;
}

div.NoPermission span {
    padding-left: 5px;
}

.status-text {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 10px 10px;
    width: 260px;
    border-width: 2px;
    border-style: solid;
    margin: 5px 5px;
    float: right;
}

.headerText {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
}

.headerText-padding {
    padding-top: 5px;
}

.no-bottom-padding {
    padding-bottom: 0;
}

.search-text {
    width: 643px;
}

.panel .search-text {
    width: 616px;
}

#wrapperTable tr td {
    padding-left: 0;
    padding-top: 0;
}

.fieldLabelCell {
    text-align: right;
}

.datepicker {
    width: 75px;
}

/* PROGRESS BARS */
div.ProgressText {
    padding-bottom: 10px;
    text-align: center;
    font-size: 0.9em;
}

div.ProgressDialog {
    height: 80px;
    padding: 10px 10px 40px;
    border-bottom-left-radius: 0 !important;
    border-bottom-top-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-bottom-radius: 0 !important;
}

.ui-progressbar-value {
    padding-top: 7px;
    text-align: center;
}

.user-top-label {
    padding-left: 3px;
    padding-right: 3px;
    text-shadow: none;
    color: #ffffff;
}

.user-top-caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

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

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

table.no-padding tr td {
    padding: 0 0 !important;
}

table.no-margin tr td {
    margin: 0 0 !important;
}

.panel-heading > i,
.panel-heading > .headerText > i {
    margin-top: 3px;
}

.menu-expanded {
    background-color: #f5f5f5;
}

.DataGrid .btn-link {
    font-family: Verdana, ​ Helvetica, ​ sans-serif;
    background-color: transparent;
    margin: 0 !important;
    padding: 0 !important;
    border-width: 0 !important;
}

    .DataGrid .btn-link.disabled {
        color: #A9A9A9;
        margin-top: -3px !important;
    }

#SessionTimeout .modal-header {
    text-align: left !important;
}

.left-label {
    text-align: right;
    padding-right: 5px;
}

.tooltip-wrapper {
    display: inline-block;
}

    .tooltip-wrapper .btn[disabled] {
        pointer-events: none;
    }

    .tooltip-wrapper.disabled {
        cursor: not-allowed;
    }

.btn > i {
    margin-right: 5px;
}

.btn-link.disabled {
    background-color: transparent !important;
}

.btn-link > i.fa {
    font-size: 12px !important;
}

.portal-list {
    padding-top: 10px;
    margin-left: 380px;
    float: left;
}

    .portal-list .left-label {
        padding-right: 5px;
        text-align: right;
        color: #ffffff;
    }

#ddPortalList {
    width: 375px;
}

.select-column {
    width: 16px;
    text-align: center !important;
}

.DataGrid > table > tbody > tr > td.icon-column {
    width: 25px;
    padding-left: 7px;
    padding-right: 7px;
}

.page-size > select {
    width: 60px;
}

#PasswordStrength {
    position: absolute;
    right: 6px;
    top: 2px;
    font-size: .85714em;
}

div.PasswordStrengthFrame {
    border-left: 1px #d9d9d9 solid !important;
    border-top: 1px #d9d9d9 solid !important;
    border-right: 1px #d9d9d9 solid !important;
    border-bottom: 1px #d9d9d9 solid !important;
}

input[type="text"][readonly],
textarea[readonly],
select:disabled {
    background-color: #eee;
}

.full-height-card {
    height: calc(100% - 24px);
}

.card-header {
    border-left: #d9d9d9 1px solid;
    border-right: #d9d9d9 1px solid;
    border-top: #d9d9d9 1px solid;
}

.card-body {
    border-left: #d9d9d9 1px solid;
    border-right: #d9d9d9 1px solid;
    border-top: #d9d9d9 1px solid;
    border-bottom: #d9d9d9 1px solid;
}

.dropdown-item svg {
    margin-right: 5px;
    opacity: 0.75;
}

.tab-content {
    background: #fff;
    border-left: #efefef 1px solid;
    border-right: #efefef 1px solid;
    border-bottom: #efefef 1px solid;
    padding: 25px 15px;
}

.button-divider {
    margin-top: 25px;
    padding-top: 25px;
    text-align: center;
}

.hidden {
    display: none;
}

.authentication-bg .application-version {
    text-align: center;
    margin-top: 2em;
}

.bg-theme {
    background-color: #2b3d51;
}

.divider-vertical {
    margin: 0 9px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.toast-success .toast-close-button {
    top: calc(50% - 7px);
}

.upload-container {
    border: 1px dotted #2b3d51;
    text-align: left;
    vertical-align: middle;
    padding: 10px 10px 10px 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #f5f5f5;
    border-radius: 5px;
}

    .upload-container > .upload-footer > .upload-message {
        margin-right: 10px;
    }

.move-list {
    height: 200px;
}

    .move-list > table {
        width: 100%;
        height: 100%;
    }

    .move-list > tbody > tr > td > div {
        height: 100%;
    }

        .move-list > tbody > tr > td > div > select {
            height: 100%;
            width: 210px;
        }

    .move-list > tbody > tr > td.add-remove-buttons,
    .move-list > tbody > tr > td.up-down-buttons {
        vertical-align: middle;
        padding: 10px 10px;
    }

        .move-list > tbody > tr > td.add-remove-buttons > button {
            display: block;
            width: 100px;
            margin-bottom: 5px;
        }

        .move-list > tbody > tr > td.up-down-buttons > button {
            margin-bottom: 5px;
        }

        .move-list > tbody > tr > td.add-remove-buttons > button > span {
            display: inline-block;
        }

            .move-list > tbody > tr > td.add-remove-buttons > button > span.text-left {
                margin-right: 5px;
            }

            .move-list > tbody > tr > td.add-remove-buttons > button > span.text-right {
                margin-left: 5px;
            }

.custom-checkbox.input-validation-error .custom-control-label::before {
    border: 1px solid #e80c4d !important;
}

.custom-checkbox label.custom-control-label {
    font-weight: normal;
}

textarea {
    resize: none;
    overflow-y: scroll;
}

.modal-title svg {
    margin-right: 5px;
}

.modal-footer .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 767.5px) {
    .btn {
        width: 100%;
        margin-bottom: 5px;
    }
}

#side-menu > li > a > svg {
    width: 20px;
}

/* STYLES FOR STACK TRACE */
.st-type {
    color: #A19599;
    font-weight: bolder;
}

.st-method {
    color: #8D561F;
    font-weight: bolder;
}

.st-frame-params {
    color: #212529;
    font-weight: normal;
}

.st-param-type {
    color: #0a8472;
}

.st-param-name {
    color: #212529;
}

.st-file {
    color: #212529;
}

.st-line {
    color: #A3235E;
}

/* Pin the grid pager to the horizontal scroll viewport. The .DataGrid container
   is the horizontal scroll element, and the framework renders .GridPager as a
   block child of it - so by default the pager is anchored at the table's content
   origin (content-space left:0) and slides leftward, "floating" mid-grid, as the
   user scrolls right. A block child of an overflow-x:auto box is only as wide as
   the viewport (not the scroll width), so sticky left:0 keeps the pager's left
   edge at the scrollport: the right-aligned nav/pagination stays pinned right and
   the row-count stays left. Harmless (no-op) for grids that don't scroll. */
.DataGrid > div.GridPager {
    position: sticky;
    left: 0;
}