/* Minification failed. Returning unminified contents.
(4417,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found ''''
(4848,1): run-time error CSS1019: Unexpected token, found '}'
(5537,1): run-time error CSS1019: Unexpected token, found '}'
 */
body {
    overflow-x: hidden;
    font-family: Open Sans !important;
    background: #FAFAFA !important;
    color: #514e4b;
    text-rendering: optimizeLegibility;
    font-size: 14px;
}

.table tbody td, .table tbody th {
    font-size: 14px;
}

.table td {
    padding: 0;
    border: 0;
}

.SolutionsWrap > div {
    padding: 8px 12px;
    border: 1px solid #e9e9e9;
    border-bottom: 0;
}

    .SolutionsWrap > div:last-child {
        border-bottom-left-radius: 3px !important;
        border-bottom-right-radius: 3px !important;
        border-bottom: 1px solid #e9e9e9;
    }

    .SolutionsWrap > div:first-child {
        border-top-left-radius: 3px !important;
        border-top-right-radius: 3px !important;
    }

a {
    text-decoration: none;
    color: #1c75bc;
    font-size: 14px;
}

    a:hover, a:active {
        text-decoration: underline;
        color: #1c75bc;
    }

    a:active, a:focus, a:hover {
        color: #1c75bc;
        text-decoration: underline;
    }

    a.Link {
        text-decoration: none !important;
        color: #1c75bc !important;
        font-size: 14px !important;
    }

        a.Link:hover {
            color: #1c75bc !important;
            text-decoration: underline !important;
        }

h1, h2, h3, h4, h5 {
    color: #514e4b;
    font-family: Open Sans !important;
    padding-bottom: 30px;
    margin-bottom: 0;
    font-weight: 600;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 20px;
}

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

h5 {
    font-size: 14px;
}

.strong {
    font-weight: 600;
}

.returnLink {
    font-size: 14px;
    padding-bottom: 14px;
    display: inline-block;
    vertical-align: middle;
}

    .returnLink .fa-chevron-left {
        vertical-align: 0;
        font-weight: 600;
        font-size: 15px;
    }

.card {
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2), 0px 0px 2px rgba(0,0,0,0.3);
    border-radius: 3px;
    display: flex;
    flex-direction: row;
    margin-bottom: 24px;
}

.card-body {
    padding: 1.7em;
    width: 100%;
}

.FilterWrap {
    margin-bottom: 24px;
}

.doc-finder-card {
    margin-right: 13px;
}

.withchildren div .Expand,
.withchildren div .Collapse {
    padding: 12px;
    width: 48px;
    height: 48px;
    border-left: 1px solid #e9e9e9;
    margin: 0;
    background-position: center;
    background-color: #fafafa;
}

.withchildren div .Collapse {
    background-image: url(/images/arrowUpMaterial.png);
}

.withchildren div .Expand {
    background-image: url(/images/arrowDownMaterial.png);
}

    .withchildren div .Expand + .span:before {
        content: "\f07b";
        font-family: 'Font Awesome 5 Pro';
        font-style: normal;
        font-weight: 300;
        position: relative;
        left: -10px;
        top: 4px;
        font-size: 25px;
        color: #514e4b;
        line-height: 0;
        margin-right: 3px;
    }

.withchildren div .Collapse + .span:before {
    content: "\f07c";
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 300;
    position: relative;
    left: -10px;
    top: 4px;
    font-size: 25px;
    color: #514e4b;
    line-height: 0;
}



.treeView > ul > li > ul > li > ul > li > ul > li > ul > li > div > span.span:before,
.treeView > ul > li > ul > li > ul > li > ul > li > div > span.span:before,
.treeView > ul > li > ul > li > ul > li > div > span.span:before,
.treeView > ul > li > ul > li > div > span.span:before,
.treeView > ul > li > div > span.span:before {
    content: "\f07b";
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 300;
    position: relative;
    left: -10px;
    top: 4px;
    font-size: 25px;
    color: #514e4b;
    line-height: 0;
}

.treeView > ul > li > ul > li > ul > li > ul > li > ul > li > div > span.Sel:before,
.treeView > ul > li > ul > li > ul > li > ul > li > div > span.Sel:before,
.treeView > ul > li > ul > li > ul > li > div > span.Sel:before,
.treeView > ul > li > ul > li > div > span.Sel:before,
.treeView > ul > li > div > span.Sel:before {
    content: "\f07c";
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 300;
    position: relative;
    left: -10px;
    top: 4px;
    font-size: 25px;
    color: #514e4b;
    line-height: 0;
}

.Ln div {
    border-bottom: 1px solid #e9e9e9 !important;
}

.treeView {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 14px !important;
}

    .treeView .ul {
        padding: 0 !important;
    }

    .treeView .NoToggle {
        margin-left: 0 !important;
    }

    .treeView .Sel {
        background-color: transparent !important;
        color: #1c75bc !important;
        font-weight: normal;
    }

    .treeView > ul > li > ul > li:first-of-type > div {
        border-bottom: 1px solid #e9e9e9 !important;
    }

    .treeView > ul > li > ul > li > div {
        border-bottom: 1px solid #e9e9e9 !important;
    }

    .treeView ul li ul li div .span {
        padding-left: 35px !important;
    }

    .treeView ul li ul li div .Sel {
        color: #1c75bc !important;
        background-color: transparent !important;
    }

        .treeView ul li ul li div .Sel span {
            color: #1c75bc !important;
            background-color: transparent !important;
            font-weight: normal !important;
        }

    .treeView > ul > li > ul > li > div > span span {
        font-weight: bold;
    }

    .treeView > ul > li > ul > li > div > span.Sel span {
        font-weight: normal;
    }

.withchildren > div > span {
    font-weight: bold;
}

    .withchildren > div > span span {
        font-weight: bold;
    }

.treeView ul li ul li div .span {
    padding-left: 35px !important;
}

.treeView ul li ul li ul li div .span {
    padding-left: 65px !important;
}

.treeView ul li ul li ul li ul li div .span {
    padding-left: 95px !important;
}

.treeView ul li ul li ul li ul li ul li div .span {
    padding-left: 125px !important;
}

.treeView ul li ul li ul li ul li.withchildren div .span > span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 160px !important;
    display: inline-block;
    vertical-align: middle;
}


.treeView ul li ul li ul li ul li.withchildren div .span > span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px !important;
    display: inline-block;
    vertical-align: middle;
}

.treeView > ul > li > ul > li > ul > li > ul > li > div .span > span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px !important;
    display: inline-block;
    vertical-align: middle;
}

.treeViewWrap {
    border: 1px solid #e9e9e9;
}

    .treeViewWrap div > ul > li div {
        border-bottom: 1px solid #e9e9e9 !important;
        position: relative;
    }


    .treeViewWrap div ul li div .span {
        padding-left: 35px !important;
    }

    .treeViewWrap div ul li ul li div .span {
        padding-left: 65px !important;
    }

    .treeViewWrap div ul li ul li ul li div .span {
        padding-left: 95px !important;
    }

    .treeViewWrap div ul li ul li ul li ul li div .span {
        padding-left: 125px !important;
    }

.dropdown-menu {
    padding: 0;
    z-index: 200;
}

.dropdown:hover > .dropdown-menu {
    display: block;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
}

.dropdown > .dropdown-toggle:active {
    pointer-events: none;
}

.treeView .span {
    margin: 0 !important;
    border: 0 !important;
    padding-top: 13px !important;
    cursor: pointer !important;
}

    .treeView .span:hover {
        background-color: #F5F5F5 !important;
    }

.Last span.Expand:hover,
.Mid span.Expand:hover,
.Last span.Collapse:hover,
.Mid span.Collapse:hover {
    background-color: #f5f5f5;
}

.card.doc-finder-card {
    display: block;
}

/* Override mkpa3.0 & Sherpa */
.primary-container {
    padding: 0;
    position: unset !important;
}

/* FA Icon Properties */

.fal {
    vertical-align: -0.2em;
}

.fa-question-circle,
.fa-sign-out {
    margin-right: 8px;
}

.fa-warehouse {
    font-size: 25px;
    margin-right: 8px;
}

.fa-user-circle {
    height: 25px;
    line-height: 25px;
    font-size: 25px;
    margin-right: 8px;
}

.row {
    margin-left: -20px !important;
    margin-right: -20px !important;
}


/* New Platform Classses */

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 0;
    background-image: none !important;
}

.btn {
    padding: 5px 15px !important;
    line-height: 30px !important;
    border-radius: 3px;
    background-size: initial !important;
    font-weight: 600;
    font-size: 14px !important;
    box-shadow: none;
    background-color: transparent;
    color: #1c75bc !important;
    font-family: Open Sans !important;
    min-width: 120px;
}

    .btn:hover {
        background-color: #edf4fa !important;
        background-image: none;
    }

    .btn:focus {
        background-color: #edf4fa !important;
        background-image: none;
    }

    .btn:active {
        background-color: #dbe9f4 !important;
        background-image: none;
        color: #1c75bc !important;
    }

    .btn:visited {
        background-color: transparent !important;
        background-image: none;
    }

.viewBySelector .btn,
.btn-secondary {
    color: #1c75bc !important;
    background-color: transparent;
    border: 1px solid #1c75bc;
    padding: 4px 19px !important;
}

    .viewBySelector .btn:focus,
    .btn-secondary:focus {
        background-color: transparent !important;
        color: #1c75bc !important;
    }

    .viewBySelector .btn:hover,
    .btn-secondary:hover {
        background-color: #edf4fa !important;
        color: #1c75bc !important;
    }

    .viewBySelector .btn:active,
    .btn-secondary:active {
        background-color: #dbe9f4 !important;
        color: #1c75bc !important;
    }

    .viewBySelector .btn:visited,
    .btn-secondary:visited {
        background-color: transparent !important;
        color: #1c75bc !important;
    }

.btn-disabled {
    background-color: #cccccc !important;
    color: #878787 !important;
}

    .btn-disabled:focus {
        background-color: #cccccc !important;
        color: #878787 !important;
    }

    .btn-disabled:hover {
        background-color: #cccccc !important;
        color: #878787 !important;
    }

    .btn-disabled:active {
        background-color: #cccccc !important;
        color: #878787 !important;
    }

    .btn-disabled:visited {
        background-color: #cccccc !important;
        color: #878787 !important;
    }

.viewBySelector .btn.active,
.btn-primary {
    color: #ffffff !important;
    background-color: #1c75bc;
}

    .viewBySelector .btn.active:focus,
    .btn-primary:focus {
        background-color: #1c75bc !important;
    }

    .viewBySelector .btn.active:hover,
    .btn-primary:hover {
        background-color: #2e80c1 !important;
    }

    .viewBySelector .btn.active:active,
    .btn-primary:active {
        background-color: #65a1d2 !important;
    }

    .viewBySelector .btn.active:visited,
    .btn-primary:visited {
        background-color: #1c75bc !important;
    }

    .viewBySelector .btn.active:disabled,
    .btn-primary:disabled {
        background-color: #cccccc !important;
        color: #878787 !important;
    }

.viewBySelector .topic {
    border-radius: 3px 0 0 3px !important;
}

.viewBySelector .position {
    border-radius: 0 3px 3px 0 !important;
}

.btn-group {
    box-shadow: none;
}

.custom-control-input:checked ~ .custom-control-label:before {
    background-color: #1c75bc;
}

a.signOut {
    padding: 11px 1rem;
    color: #626262 !important;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    display: block;
    text-decoration: none;
    font-weight: 600;
    font-size: 12px;
}

.displayMode {
    text-align: center;
    font-size: 9pt;
    font-weight: bold;
    padding: 4px;
}

.developerMode {
    background-color: Red;
    color: White;
}

.impersonateMode {
    background-color: #FFB112;
    color: Black;
    opacity: 0.8;
}

.secondary-container {
    max-width: 1134px;
    padding: 0;
    position: unset !important;
}

input[type='text'] {
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom: 1px solid #B9B9B9 !important;
}

#header {
    margin-bottom: 28px;
}

#errorInDownloadingDiv {
    background: #feaf25;
    text-align: center;
    display: none;
}

    #errorInDownloadingDiv i {
        vertical-align: middle;
        margin-right: 12px;
        font-size: 25px;
        font-weight: 300 !important;
    }

    #errorInDownloadingDiv span {
        color: #fff;
        padding: 12px;
        font-size: 16px;
        font-weight: 600;
        display: inline-block;
        border-bottom: 1px solid rgba(255,255,255,0.8);
        width: 100%;
    }

.subHeader {
    box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
}

    .subHeader .dropdown {
        border-left: 1px solid #ddd;
    }

        .subHeader .dropdown .dropdown-menu,
        .subHeader .dropdown .dropdown-menu.show:before {
            border-radius: 0;
        }

    .subHeader .nav-item a {
        text-decoration: none;
        font-size: 12px !important;
        font-weight: 600 !important;
        color: #514e4b;
        opacity: 1 !important;
        padding: 11px 1rem 10px 1rem;
    }

        .subHeader .nav-item a span {
            font-weight: 600 !important;
        }



    .subHeader .dropdown .dropdown-menu .dropdown-item {
        padding: 8px 16px;
        background: #fff;
    }

        .subHeader .dropdown .dropdown-menu .dropdown-item:hover {
            background: #f5f5f5;
        }

    .subHeader .dropdown .dropdown-menu {
        margin: 1px 1px 0 0;
    }

.navigation .nav-item .active.nav-link {
    background: #003E6A;
    color: #fff;
}

.navigation {
    background: #e3e3e3;
    border-bottom: 2px solid #003e6a;
}

    .navigation .nav-item a {
        text-decoration: none;
        font-size: 14px;
        font-weight: 600;
        color: #514e4b;
        opacity: 1 !important;
        border-radius: 0;
    }

    .navigation .nav-item .nav-link:hover {
        color: #003e6a;
    }

    .navigation .nav-item .active.nav-link:focus {
        background: #003E6A;
        color: #fff !important;
    }

    .navigation .nav-item .active.nav-link:hover {
        color: #003e6a !important;
        background-color: rgba(0,0,0,.12) !important;
    }

.kpa-toast {
    position: absolute;
    top: 400px;
    right: 0;
    left: 0;
    margin: 0 auto;
    background: #e3e3e3;
    padding: 30px;
    z-index: 500;
    text-align: center;
}

    .kpa-toast .progress-circular--kpa {
        margin: 0 auto 30px auto;
    }

.navigation {
}

.dropdown-menu:before {
    box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
    border: 1px solid #ddd;
}

.dropdown-toggle:after {
    vertical-align: -.302198em !important;
    font-size: 14px !important;
}

.dropdown-item {
    width: unset;
}

.navigation .nav-link {
    padding: 1.3em 1em;
}

.navigation .dropdown .dropdown-menu .dropdown-item {
    padding: 10px 16px;
    font-size: 12px;
    line-height: 16px;
}

    .navigation .dropdown .dropdown-menu .dropdown-item span {
        font-weight: 600 !important;
    }

    .navigation .dropdown .dropdown-menu .dropdown-item.active {
        background: #003E6A;
        color: #fff;
    }

        .navigation .dropdown .dropdown-menu .dropdown-item.active:hover {
            background: #003E6A;
            color: #fff;
        }

        .navigation .dropdown .dropdown-menu .dropdown-item.active span {
            color: #fff;
        }

            .navigation .dropdown .dropdown-menu .dropdown-item.active span:hover {
                color: #fff;
            }

.navigation .dropdown .dropdown-menu,
.navigation .dropdown .dropdown-menu.show:before {
    border-radius: 0;
    border-top: 2px solid #003E6A;
}

    .navigation .dropdown .dropdown-menu .dropdown-item:hover {
        background: #f5f5f5;
    }

.clientFooter {
    background: #e3e3e3;
    box-shadow: 0px -1px 3px rgba(0,0,0,0.2);
}

.clientFooterSectionHeader {
    font-size: 14px;
    font-weight: 600;
    line-height: 36px;
    color: #514e4b;
    margin-bottom: 8px;
}

.clientFooterText {
    font-size: 12px;
    line-height: 24px;
}

.clientFooterImage {
    margin-right: 102px;
}

.copyright {
    font-size: 12px;
    font-weight: 300;
    color: #514e4b;
    text-align: center;
    line-height: 36px;
}





.blue .ajax__tab_tab {
    height: unset !important;
}

.dropdown-toggle:after {
    vertical-align: -.252198em !important;
}

.dropdown-toggle:after {
    font-size: 1.3em !important;
}


/*Modal Popup*/

.modalBackground {
    background-color: #000;
    opacity: 0.7;
    z-index: 1010 !important;
}

.modalHeader {
    padding: 24px 24px 12px 24px;
}

    .modalHeader .header {
        font-size: 16px;
        color: #514e4b;
        font-weight: 700
    }

.modalBodyWrap {
    padding: 24px;
}

    .modalBodyWrap.OptsPanel {
        padding: 12px 24px 2px 24px;
        max-height: 400px;
        overflow: auto;
    }

    .modalBodyWrap #relatedAccidentModal label {
        font-family: Open Sans;
        font-size: 14px;
        color: #514e4b;
    }

.attendanceModalBody {
    height: 475px;
    overflow: auto;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    padding: 12px 12px 12px 22px;
}

.closeBtnWrap {
    float: right;
    padding: 14px 0;
}

    .closeBtnWrap .btn {
        min-width: 80px;
    }

.modalSubContentWrap {
    padding: 1px;
    width: 447px;
}

    .modalSubContentWrap legend {
        font-size: 14px;
        font-weight: 600;
    }

.modalPopup {
    background-color: #ffffff;
    padding: 0px;
    width: 250px;
    -moz-border-radius: 5px;
    border-radius: 3px;
    z-index: 1011 !important;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.2), 0px 0px 25px 8px rgba(0,0,0,0.3);
    max-height: 90vh;
}

    .modalPopup h3 {
        font-size: 20px;
        margin: 0;
        padding-top: 0;
    }

    .modalPopup h4 {
        padding-bottom: 22px;
    }

    .modalPopup a.close {
        font-size: 30px;
        line-height: 30px;
        color: #514e4b;
        margin-top: -14px;
        margin-right: -12px;
    }

.modalSuggestionsDescr span {
    font-weight: 600;
}

.sharedOptions {
    max-height: 540px !important;
    width: 500px;
}

.modalHeader h4 {
    padding-bottom: 0;
}

.mkoModal {
}

    .mkoModal .btn {
        padding-left: 12px;
        padding-right: 12px;
    }

    .mkoModal a.close {
        float: right;
    }

    .mkoModal > div {
        padding: 0 15% 1em 15%;
        font-size: 14px;
    }

    .mkoModal .modalMessage {
        padding-top: 1em;
    }

    .mkoModal .modalActions {
        text-align: center;
    }

    .mkoModal .modalFooter {
        font-style: italic;
    }

input[type='text'] {
    display: initial;
    background-color: initial;
}

.form-control:hover {
    border-color: initial;
    box-shadow: none;
}

label {
    color: #514e4b;
}

.inputHighlight {
    background-color: #1c75bc;
    height: 2px;
    position: relative;
    display: block;
    width: 0%;
    line-height: 0;
    margin: 0 auto;
    top: -2px;
    transition-property: width;
    transition: 0.4s;
    transition-duration: 0.4s;
    transition-timing-function: ease;
    transition-delay: 0s;
    z-index: 200;
}

.inputHighlightDD {
    background-color: #1c75bc;
    height: 2px;
    position: relative;
    display: block;
    width: 0%;
    line-height: 0;
    margin: 0 auto;
    top: -2px;
    transition-property: width;
    transition: 0.4s;
    transition-duration: 0.4s;
    transition-timing-function: ease;
    transition-delay: 0s;
}

.inputNlabelWrap {
    padding-top: 1px;
    max-height: 48px;
    height: 48px;
    position: relative;
    max-width: 315px;
}

.ui-widget-content .inputNlabelWrap,
.modalPopup .inputNlabelWrap {
    max-width: 345px;
}

textarea {
    border: 0;
    background-color: transparent;
    border-bottom: 1px solid #514e4b;
    position: relative;
    display: block;
    padding: 5px 5px 5px 10px;
    margin-top: 20px;
}

.textArea {
    position: relative;
    max-width: 345px;
    max-height: none !important;
    height: auto !important;
}

.inputNlabelWrap:hover {
    background-color: #f5f5f5;
}

.inputNborderWrap {
    text-align: center;
}

.form-group {
    margin-bottom: 0.7em;
    max-width: 345px;
}

.formgroup-wide {
    max-width: none;
}

    .formgroup-wide .inputNlabelWrap {
        max-width: none;
    }

.form-group .inputNlabelWrap label {
    position: absolute;
    top: 20px;
    font-size: 14px;
    text-align: left;
    transition-property: top, color, font-size;
    transition-duration: 0.15s, 0.15s, 0.15s;
    transition-timing-function: ease-in-out, ease-in-out, ease-in-out;
    transition-delay: 0s, 0s, 0s;
    line-height: 24px;
    margin-left: 10px;
    z-index: 100;
}

.form-group .inputNlabelWrap.textArea label {
    top: auto;
    bottom: 10px;
}

.form-group.dirty label {
    top: 0 !important;
    font-size: 12px;
    font-weight: 600;
    transition-property: top, color, font-size;
    transition-duration: 0.15s, 0.15s, 0.15s;
    transition-timing-function: ease-in-out, ease-in-out, ease-in-out;
    transition-delay: 0s, 0s, 0s;
}

.form-group.focus label {
    color: #1c75bc;
    font-weight: 600;
    bottom: unset;
    top: 0 !important;
    font-size: 12px;
    transition-property: top, color, font-size;
    transition-duration: 0.15s, 0.15s, 0.15s;
    transition-timing-function: ease-in-out, ease-in-out, ease-in-out;
    transition-delay: 0s, 0s, 0s;
}

.form-group.focus .inputNlabelWrap {
    background-color: #f5f5f5;
    transition-property: background-color;
    transition-duration: 0.15s, 0.15s, 0.15s;
    transition-timing-function: ease-in-out, ease-in-out, ease-in-out;
    transition-delay: 0s, 0s, 0s;
}

.form-group.focus .inputHighlight,
.form-group.focus .inputHighlightDD {
    width: 100%;
    transition-property: width;
    transition: 0.4s;
    transition-duration: 0.4s;
    transition-timing-function: ease;
    transition-delay: 0s;
}

.form-group label,
.form-group .select2-selection--single {
    opacity: 1;
}

.form-group.disabled label,
.form-group.disabled .select2-selection--single {
    opacity: 0.6;
}



.form-group small {
    padding-left: 10px;
    font-size: 12px;
}

input,
textarea,
select {
    position: relative;
    z-index: 101;
}

.tblData {
    width: 100%;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    border-collapse: initial;
}

    .tblData tr {
        border: 0;
    }

    .tblData td {
        padding: 9px 18px;
        border-top: 1px solid #e9e9e9;
        border-collapse: collapse;
        vertical-align: top;
    }

    .tblData thead td {
        background: #f5f5f5;
        padding: 9px 18px;
        font-weight: 600;
    }

.manufacturerTd {
    width: 220px;
}

.productTd {
    width: 268px;
}

.defaultInput {
    border-bottom: 1px solid #514e4b !important;
    margin: 22px 0 0 0;
    padding: 0 6px 4px 10px;
    font-size: 14px;
}

    .defaultInput:hover {
        border-bottom: 1px solid #514e4b !important;
    }

    .defaultInput:focus {
        border-bottom: 1px solid #514e4b !important;
        box-shadow: none;
    }

.defaultSearch {
    margin-right: 30px;
}

.form-text {
    margin-top: 5px;
    padding-left: 10px;
}

.form-text-error {
    color: #ed5137;
    font-size: 12px;
}

.materialCheckbox {
    min-height: 48px;
    padding-top: 20px;
    max-width: 315px;
}


.form-control.defaultSelect {
    background-image: url(/Images/selectDownArrow.png);
    background-position: 99% 75%;
    background-repeat: no-repeat;
    background-size: 17px 17px;
    padding: 3px 1.5em 3px 10px;
    margin-top: 20px;
    font-size: 14px;
    box-shadow: none;
}

.form-group.error .inputHighlight {
    background-color: #ed5137;
}

.form-group.error label {
    color: #ed5137;
}

.errorWrap {
    display: block;
    background: #ed5137;
    color: #fff;
    padding: 14px 14px 14px 16px;
    font-weight: bold;
    border-radius: 3px;
}

    .errorWrap:before {
        content: "\f06a";
        font-family: 'Font Awesome 5 Pro';
        font-style: normal;
        font-weight: 300;
        font-size: 25px;
        vertical-align: middle;
        margin: -4px 8px 0 0;
        display: block;
        float: left;
        height: 25px;
        line-height: 25px;
    }

.FacCompareWrap .errorWrap {
    max-width: 510px;
    margin: 31px auto 21px auto;
}

.select2-dropdown {
    margin-top: 1px;
}

.chipSelect2 .inputHighlight {
    top: 0;
}

.chipSelect2 .inputNborderWrap {
    margin-top: -2px;
    position: relative;
    z-index: 150;
}

.chipSelect2 .textArea {
    border-bottom: 1px solid #514e4b;
}

#topicSelect,
.ViewByWrap {
    min-width: 315px;
}

    .ViewByWrap .inputNlabelWrap {
        min-width: 315px;
    }

.select2-selection__choice {
    background: #1c75bc !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 20px !important;
    padding: 1px 6px 1px 8px !important;
}

.select2-selection__choice__remove {
    color: #fff !important;
    font-size: 20px;
    font-weight: normal !important;
    margin: -4px 0 -6px 6px;
    vertical-align: middle;
    float: right;
}

.select2-container--default .select2-selection--multiple {
    border: 0;
    background-color: transparent;
}

.select2 {
    padding: 20px 0 0 0;
    position: relative;
    z-index: 140;
}

.select2-search__field,
.select2 {
    outline: 0;
}

.select2,
.form-group * {
    outline: 0 !important;
}

.select2-container--default {
    cursor: pointer;
}

.aspNetDisabled,
.select2-container--disabled,
.select2-container--disabled .select2-selection--single {
    cursor: not-allowed !important;
}

.select2-selection__rendered {
    padding-left: 10px !important;
    padding-right: 30px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.select2-selection__arrow {
    top: 21px !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: transparent;
}

.custom-control-input:checked ~ .custom-control-label:after {
    color: #1c75bc;
}

.status-filter .custom-control-input:checked ~ .custom-control-label:after {
    margin-top: 4px;
}

.pageHeader .float-right {
    margin-top: 10px;
}

.helpLink {
    color: #1c75bc !important;
    cursor: pointer;
    font-weight: normal;
    font-size: 14px;
    padding-left: 20px;
    vertical-align: middle;
}

#bodyContentContainer .add:hover,
#bodyContentContainer .print:hover,
#bodyContentContainer .helpLink:hover {
    text-decoration: underline;
}

.helpLink i {
    font-size: 21px;
}

legend,
fieldset {
    margin: 0 !important;
    padding: 0 !important;
}

    fieldset.detail legend {
        color: #514e4b;
        padding: 0;
        width: unset;
        background-color: transparent;
        font-size: 16px;
        font-weight: 700;
    }

        fieldset.detail legend a {
            font-size: 16px;
        }

option:checked {
    display: none !important;
}



.IssueItemHeader a {
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
}

.resultsGrid span.optional,
.resultsGrid span.required,
.SeverityWrap span {
    border-radius: 30px;
    padding: 2px 8px 0 8px;
    display: block;
}

    .resultsGrid span.icon:before,
    .SeverityWrap span.icon:before {
        content: "\f06a";
        font-family: 'Font Awesome 5 Pro';
        font-style: normal;
        font-weight: 200;
        font-size: 20px;
        vertical-align: middle;
        margin-right: 5px;
        padding-bottom: 1px;
    }

    .resultsGrid span.required,
    .SeverityWrap span.urgent {
        color: #fff;
        background: #ff7e0a;
    }

    .SeverityWrap span.high {
        color: #ff7e0a;
    }

    .SeverityWrap span.med {
        color: #ff7e0a;
    }

    .SeverityWrap span.low {
        color: #514e4b;
    }

    .resultsGrid span.optional,
    .SeverityWrap span.urgentOptional {
        color: #514e4b;
        background-color: #e3e3e3;
        padding: 4px 14px 4px 14px !important;
    }

.learningItem table tr td {
    color: #514e4b;
}

    .learningItem table tr td .StatusWrap span {
        border-radius: 30px;
        padding: 1px 12px 0 8px;
        display: block;
        margin-right: 30px;
        margin-top: 10px;
    }

        .learningItem table tr td .StatusWrap span.icon:before {
            font-family: 'Font Awesome 5 Pro';
            font-style: normal;
            font-weight: 200;
            font-size: 20px;
            vertical-align: middle;
            margin-right: 5px;
            padding-bottom: 1px;
        }

.learningItem table tr.completed td .StatusWrap span.icon:before {
    content: "\f058";
}

.learningItem table tr.completed td .StatusWrap span {
    color: #6eb91e;
}

.learningItem table tr.incomplete td .StatusWrap span.icon:before {
    content: "\f06a";
}

.learningItem table tr.incomplete td .StatusWrap span {
    color: #fff;
    background: #ff7e0a;
}

.learningItem table tr.pending td .StatusWrap span.icon:before {
    content: "\f06a";
}

.learningItem table tr.pending td .StatusWrap span {
    color: #ff7e0a;
    border: 1px solid #ff7e0a;
}

.learningItem table tr.optional td .StatusWrap span.icon:before {
    content: "";
}

.learningItem table tr.optional td .StatusWrap span {
    color: #514e4b;
    background: #e3e3e3;
}


.learningItem table tr td .CardDetailsWrap {
    margin-left: 30px;
}

.learningItem table h3 {
    font-size: 16px;
    padding: 10px 0 20px 20px;
    font-weight: 700;
}


.StatusCompleteWrap span {
    border-radius: 30px;
    padding: 1px 8px 0 8px;
    display: block;
}


    .StatusCompleteWrap span.icon:before {
        content: "\f058";
        font-family: 'Font Awesome 5 Pro';
        font-style: normal;
        font-weight: 200;
        font-size: 20px;
        vertical-align: middle;
        margin-right: 5px;
    }

    .StatusCompleteWrap span.urgent {
        color: #fff;
        background: #6eb91e;
    }

    .StatusCompleteWrap span.complete {
        color: #fff;
        background: #6eb91e;
    }

    .StatusCompleteWrap span.high {
        color: #6eb91e;
    }

    .StatusCompleteWrap span.med {
        color: #6eb91e;
    }

    .StatusCompleteWrap span.low {
        color: #514e4b;
    }

.BtnRow,
.IssuesBtnRow {
    position: absolute;
    bottom: 20px;
    right: 18px;
}

    .BtnRow .btn,
    .IssuesBtnRow .btn {
        margin-left: 14px;
    }

.BtnRowBlock {
    text-align: right;
}

    .BtnRowBlock .btn {
        min-width: 120px;
        margin: 0 20px 0 20px;
    }

        .BtnRowBlock .btn:first-child {
            margin: 0;
        }

        .BtnRowBlock .btn:last-child {
            margin: 0;
        }

.CardWrap,
.DocCardWrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.CardDetailsWrap,
.DocCardDetailsWrap {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.CardDetails,
.DocCardDetails {
    align-self: flex-start;
    display: flex;
    flex-direction: row;
}

.CardDesc,
.DocCardDesc {
    align-self: flex-start;
    max-width: 490px;
}

.CardDesc {
    align-self: flex-start;
    max-width: 790px;
}

    .CardDesc div,
    .DocCardDesc div {
        margin-bottom: 12px;
    }

    .CardDesc span,
    .DocCardDesc span {
        font-weight: 600;
    }

.DocCardVersions {
    max-width: 490px;
}

.CardBtnRow,
.DocCardBtnRow {
    display: flex;
    align-self: flex-end;
    justify-content: flex-end;
    flex-direction: row;
    flex: 1 1 auto;
}

    .CardBtnRow .btn,
    .DocCardBtnRow .btn {
        margin-left: 20px;
    }

.docUploadCatPanel {
    margin-right: 14px;
}

.docUploadFormPanel {
    margin-left: 14px;
}


    .docUploadCatPanel h2,
    .docUploadFormPanel h2 {
        margin-top: 0;
    }

    .docUploadFormPanel .inputNlabelWrap {
        max-width: 100%;
    }

.materialCheckbox .custom-control-label {
    width: 100%;
}

    .materialCheckbox .custom-control-label:before {
        left: auto !important;
        right: -8px !important;
        display: inline;
    }

    .materialCheckbox .custom-control-label:after {
        left: auto !important;
        right: 4px !important;
    }

.custom-control {
    padding-left: 10px;
}

.filterInputWrap {
    padding-left: 22px !important;
}

.filterInputCol1 {
    padding-left: 17px !important;
}

.searchInputCol1 {
    padding-left: 12px !important;
}

.filterInputCol2 {
    padding-left: 12px !important;
}

.add,
.print,
.add:hover,
.print:hover {
    font-weight: normal;
}



.topListView {
    font-size: 14px;
    margin-bottom: 14px;
    margin-top: 10px;
}

    .topListView .print,
    .topListView .subscribe,
    .topListView .add {
        font-size: 14px;
        padding-left: 30px;
        font-weight: normal;
    }

.userMessageWrap {
    background: #e6eff6;
    text-align: center;
    padding: 16px;
    border: 1px solid #a2c0d8;
    border-radius: 3px;
    font-weight: 600;
}

.BootunRow {
    float: right;
}


.DetailRow,
.DocDetailRow,
.IssueDetailRow {
    margin: 10px 0 20px 10px;
}

    .DocDetailRow .col-1,
    .DocDetailRow .col-2,
    .DocDetailRow .col-3,
    .DocDetailRow .docDeatItem,
    .DeatItem,
    .IssueDetailRow .col-1,
    .IssueDetailRow .col-2,
    .IssueDetailRow .col-3
    .accidentDetailRow .col-1,
    .accidentDetailRow .col-2,
    .accidentDetailRow .col-3 {
        border-left: 1px solid #e9e9e9;
        font-size: 14px;
        font-weight: 600;
        padding: 0 17px 0 7px;
        line-height: 22px;
    }

    .DocDetailRow .col-1,
    .DocDetailRow .col-2,
    .DocDetailRow .col-3,
    .DocDetailRow .docDeatItem,
    .DeatItem {
        min-height: 85px;
    }

    .DocDetailRow label,
    .IssueDetailRow label {
        font-size: 12px;
        font-weight: normal;
    }

    .DocDetailRow a,
    .IssueDetailRow a {
        font-size: 13px !important;
        font-weight: 600 !important;
    }

    .DeatItem,
    .DocDetailRow .docDeatItem {
        float: left;
        min-width: 160px;
        min-height: 61px;
    }

        .DeatItem:last-child,
        .DocDetailRow .docDeatItem:last-child {
            min-width: 152px;
        }

.IssueSuggestedMessage {
    line-height: 24px;
    overflow: hidden;
    max-height: 72px;
    position: relative;
    transition-property: max-height;
    transition-duration: 0.5s;
    transition-delay: 0;
    transition-timing-function: ease;
    margin-bottom: 20px;
}

    .IssueSuggestedMessage.longMgs.open {
        max-height: 300px;
        transition-property: max-height;
        transition-duration: 0.5s;
        transition-delay: 0;
        transition-timing-function: ease;
    }

    .IssueSuggestedMessage header {
        font-weight: bold;
    }

.viewMoreInd {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    opacity: 0;
    padding: 2px 2px 0 2px;
    color: #1c75bc;
    cursor: pointer;
}

.longMgs .viewMoreInd {
    opacity: 1;
    transition-property: opacity;
    transition: 0.5s;
    transition-delay: 0;
}

.viewMoreTextLink {
    color: black;
}

.consImage {
    display: none;
}


.modalImage {
    max-height: 600px;
}

.modalBtnRow {
    padding: 16px 26px 16px 16px;
    height: 72px;
    text-align: right;
}

.modalBtnRowTraining {
    padding-right: 16px;
    height: 55px;
}

.modalPopup .modalBtnRow .btn {
    min-width: 80px;
}

.SuggestionAdminBtns {
    text-align: left;
    padding-left: 0;
    position: absolute;
    bottom: 0;
    left: 24px;
    right: 0;
}

.modalPopup a {
    font-size: 14px;
    color: #1c75bc;
    font-weight: 600;
}

.modalPopup .btn {
    font-size: 14px;
    color: #1c75bc;
    font-weight: 600;
}

    .modalPopup .btn:hover {
        background-color: rgba(28,117,188,0.07);
        color: #1c75bc;
    }

    .modalPopup .btn:focus {
        background-color: rgba(28,117,188,0.09);
        color: #1c75bc;
    }

    .modalPopup .btn:active {
        background-color: #1c75bc;
        color: #fff;
    }

.modalPopup .btn-primary:hover {
    color: #ffffff !important;
    background-image: linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.12)) !important;
}

.modalPopup .formWrap {
    max-width: 360px;
    margin: 0 auto;
}

.FormWrap {
    width: 360px;
    margin: 0 auto;
}

.BtnRowSticky {
    position: sticky;
    bottom: 20px;
    right: 20px;
}

.BtnRowAbs {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
}

.modalFormWrap {
    padding: 5px;
    max-width: 345px;
    margin: 0 auto 30px auto !important;
}

    .docUploadFormPanel textarea,
    .modalFormWrap textarea {
        min-height: 72px;
        color: #514e4b;
        max-height: 200px;
        width: 100%;
        margin-top: 20px;
    }

.docUploadFormPanel textarea {
    min-height: 46px;
    padding-top: 0;
}

.editCloseForm {
    text-align: center;
}

    .editCloseForm textarea {
        min-height: 80px;
        max-height: 200px;
        width: 100%;
        max-width: 280px;
        margin-top: 20px;
    }

.editCloseFormLeft,
.editCloseFormRight {
    display: inline-block;
    text-align: left;
    vertical-align: top;
}

.editCloseFormRight {
    width: 100%;
    max-width: 280px;
}

.editCloseFormLeft img {
    width: 170px;
    height: 290px;
    margin-right: 25px;
}

.badgeClose {
    color: #fff;
    padding: 0 2px 4px 9px;
    font-weight: bold;
    font-size: 16px;
}

    .badgeClose:hover {
        text-decoration: none;
        color: #fff !important;
    }

.badge-info {
    background-color: #1c75bc;
}

.alert-info {
    color: rgba(0,0,0,.87);
}

.searchBtn {
    background: transparent;
    border: 0;
    cursor: pointer !important;
    position: relative;
    z-index: 50;
}

.searchBtnWrap {
    position: absolute;
    top: 0;
    left: -65px;
}

    .searchBtnWrap:after {
        content: "\f002" !important;
        font-family: 'Font Awesome 5 Pro' !important;
        font-style: normal !important;
        font-weight: 300 !important;
        font-size: 18px;
        color: #000 !important;
        width: 30px !important;
        height: 30px !important;
        position: absolute;
        top: 0;
        left: 4px;
    }


#_regulationDetails h2 {
    padding-top: 0;
    margin-top: 0;
}

.SolutionsWrap {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

    .SolutionsWrap a {
        color: #1c75bc !important;
        font-weight: 400;
    }

    .SolutionsWrap .card-body {
        padding: 12px 12px;
    }

    .SolutionsWrap .card:last-child {
        margin-bottom: 0;
    }

.SolutionsItem {
}

.card-img-top {
    width: 170px;
    height: 290px;
}

    .editCloseForm img,
    .card-img-top img {
        object-fit: cover;
        width: 170px;
        height: 290px;
    }

.custom-radio {
    padding-left: 2.25rem;
}

.editStatus {
    display: block;
    font-size: 14px;
    padding-left: 10px;
    margin-bottom: 11px;
}

.custom-radio.custom-control-inline {
    margin-left: 20px;
    margin-bottom: 8px;
}

.IssueFacilityDeats {
    margin-top: 18px;
    margin-bottom: 22px;
    font-size: 14px;
    text-align: left;
}

    .IssueFacilityDeats a,
    .IssueFacilityDeats label {
        font-size: 14px;
    }

    .IssueFacilityDeats div:first-child {
        margin-bottom: 3px;
    }

.IssueTitle {
    text-align: left;
}

    .IssueTitle,
    .IssueTitle a {
        font-size: 16px;
        font-weight: 700;
    }

.ListViewPager {
    margin-top: 15px;
}

    .ListViewPager a {
        color: #514e4b;
        padding: 0 5px;
    }

    .ListViewPager span a {
        font-size: 14px;
    }

    .ListViewPager span span:first-of-type {
        background-color: #e3e3e3;
        border-radius: 20px;
        padding: 2px 8px;
        display: inline-block;
        font-weight: 600;
    }

.firstPageBtn,
.prevPageBtn,
.lastPageBtn,
.nextPageBtn {
    line-height: 12px;
    display: inline-block;
    height: 12px;
    overflow: visible;
    padding: 0 !important;
}

.firstPageBtn,
.prevPageBtn {
    padding-right: 6px !important;
}

.lastPageBtn,
.nextPageBtn {
    padding-left: 6px !important;
}


.firstPageBtn {
    border-left: 2px solid #514e4b;
}

.lastPageBtn {
    border-right: 2px solid #514e4b;
}


.firstPageBtn:before,
.prevPageBtn:before {
    content: "\f053" !important;
    font-family: 'Font Awesome 5 Pro' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px;
    color: #514e4b !important;
    width: 30px !important;
    height: 30px !important;
    position: relative;
    top: 0;
    left: 2px;
}

.lastPageBtn:before,
.nextPageBtn:before {
    content: "\f054" !important;
    font-family: 'Font Awesome 5 Pro' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px;
    color: #514e4b !important;
    width: 30px !important;
    height: 30px !important;
    position: relative;
    top: 0;
    right: 2px;
}

.aspNetDisabled {
    cursor: default !important;
}

.FilterBox {
    margin-top: 10px;
    margin-bottom: 0;
}

.FilterBoxLabel {
    font-size: 14px;
    font-weight: 600;
}

.consultantImage {
    display: none;
}

.docList {
    margin-top: -24px;
}

    .docList .card {
        margin-bottom: 0;
        margin-top: 0;
        border-radius: 0;
    }

    .docList .card-body {
        padding: 16px 20px 24px 20px;
    }

.categoryRow + .card {
    border-radius: 3px 3px 0 0;
}

.docList .card:last-child {
    border-radius: 0 0 3px 3px;
}

.card ~ .categoryRow {
    border-radius: 3px 3px 0 0;
}

.categoryRow h1 {
    margin-top: 24px;
}

.categoryRow h2 {
    font-size: 20px;
    font-weight: 600;
    padding: 0 0 0 20px !important;
    margin: 19px 0 23px 0 !important;
}

.uploadDocLink {
    float: right;
    width: 100%;
    text-align: right;
    font-size: 14px;
    color: #1c75bc !important;
    cursor: pointer;
    margin-top: 24px;
}

.uploadDocFormWrap {
    max-width: 445px;
    margin: 0 auto;
}

.docList .downloadLink {
    font-size: 16px;
    font-weight: 700;
    text-decoration: none solid rgb(81, 78, 75);
    display: block;
}

.docListDesc {
    max-width: 490px;
}

.ui-dialog-content {
    padding: .9em 1.1em !important;
}

    .ui-dialog-content h2 {
        margin-top: 0;
        padding-top: 4px;
        padding-bottom: 12px;
    }

    .ui-dialog-content b {
        font-weight: 600;
    }

    .ui-dialog-content input,
    .ui-dialog-content label {
        font-family: Open Sans !important;
    }

        .ui-dialog-content input[type=password] {
            color: #514e4b;
            letter-spacing: 1px;
            font-size: 18px;
            line-height: 0;
            margin-top: 19px;
        }

    .ui-dialog-content .inputNlabelWrap {
        margin: 0 auto;
    }

    .ui-dialog-content a {
        font-size: 14px;
        color: #1c75bc !important;
    }

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

#SignDocDialog {
    overflow: hidden;
}

    #SignDocDialog b {
        font-family: Open Sans !important;
        text-rendering: optimizeLegibility;
        font-size: 14px !important;
        color: #514e4b;
    }

    #SignDocDialog p {
        font-family: Open Sans !important;
        text-rendering: optimizeLegibility;
        font-size: 14px !important;
        color: #514e4b;
        margin: 20px 0 24px 0;
    }

.ui-dialog {
    position: fixed !important;
    max-height: 90vh !important;
    height: auto !important;
}

.ui-widget-overlay {
    background-color: #000 !important;
    opacity: 0.7 !important;
    background-image: none !important;
}

.ui-dialog-buttonpane {
    padding: 0 !important;
}

.ui-dialog-buttonset {
    text-align: right;
    padding: 0 20px 10px 20px;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: 0 !important;
}



.VersionsLnk {
    font-size: 14px;
    color: #1c75bc !important;
    display: block;
}

    .VersionsLnk:after {
        content: "expand_more";
        display: inline-block;
        font-family: Material Icons;
        font-feature-settings: "liga";
        font-size: 1.8em;
        font-style: normal;
        font-weight: 400;
        letter-spacing: normal;
        line-height: .583333em;
        margin-left: .2em;
        margin-right: -.2em;
        text-rendering: optimizeLegibility;
        text-transform: none;
        vertical-align: -.28em;
        white-space: nowrap;
        word-wrap: normal;
    }

    .VersionsLnk.Open:after {
        content: "expand_less";
    }

.DocCardVersions td {
    padding-top: 16px;
}

.SignLink {
    min-width: 120px;
}

.NoSigs {
    padding: .830357rem 1.5rem;
    text-align: center;
}

.list-group.SigList {
    box-shadow: none !important;
    margin-top: 20px;
    border: 1px solid #e9e9e9;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

    .list-group.SigList.active {
        font-weight: 600;
    }

.list-group-item {
    box-shadow: none !important;
    border-bottom: 1px solid #e9e9e9;
}

    .list-group-item.active {
        font-weight: 600;
    }

.custom-file-label:after {
    display: none;
}

.custom-file,
.custom-file-input {
    height: 41px;
    position: relative;
    width: 100%;
    cursor: pointer !important;
}



.custom-file-label {
    border: 0;
    height: 41px;
    cursor: pointer !important;
    display: flex;
    flex-direction: row;
}



    .custom-file-label .btn {
        cursor: pointer;
    }

.custom-file-input:focus ~ .custom-file-label {
    border: 0;
}

.custom-file-input:focus ~ .custom-file-label,
.custom-file-input:hover ~ .custom-file-label {
    box-shadow: none;
    border: 0;
}

.uploadDocFormWrap .form-group {
    margin-bottom: 15px;
}

.uploadDocBtnRow .btn {
    margin-left: 20px;
    min-width: 120px;
}

.selfInspectionBtnRow {
    padding-right: 0px !important;
    text-align: right;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.selfInspectionDesc {
    padding-left: 0px !important;
}

.selfInspectionCard {
    margin-bottom: 0px !important;
}


.selfInspectionBtnRow .btn {
    margin-left: 20px;
    min-width: 120px;
    min-height: 40px;
}

.selfInspectionOverdueIcon {
    width: 61px;
    height: 24px;
    font-family: Open Sans;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none solid rgb(255, 255, 255);
    line-height: 24px;
    text-align: right;
}

.selfInspectionOverdueIconContainer {
    width: 101px;
    height: 28px;
    border-radius: 30px;
    background-color: #ff7e0a;
    background-size: cover;
    text-align: center;
    padding-top: 2px;
}

.completedIcon {
    color: #6eb91e;
    font-size: 14px;
}

.modalCompletedStatus {
    font-size: 14px;
    color: #6eb91e;
    font-weight: 600
}

.selfInspectionCompletedIconContainer {
    width: 101px;
    height: 28px;
    text-align: center;
}

.selfInspectionAnytimeHeader {
    width: 516px;
    font-size: 24px;
    color: #514e4b;
    font-weight: 600;
    text-decoration: none;
    line-height: 24px;
    vertical-align: middle;
}

.selfInspectionCard {
    border-radius: 0;
}

    .selfInspectionCard:last-child {
        border-bottom-left-radius: 3px !important;
        border-bottom-right-radius: 3px !important;
    }

div.accidentCard .form-group {
    max-width: none !important;
}

.accidentSubHeader {
    font-family: Open Sans;
    font-size: 16px;
    color: #514e4b;
    font-weight: 700;
}

.accidentDesc {
    font-family: Open Sans;
    font-size: 14px;
    color: #514e4b;
}

.accidentMissingFields {
    font-family: Open Sans;
    font-size: 14px;
    color: #ff7e0a;
}

.accidentInfo {
    padding-bottom: 10px;
    padding-left: 0px;
}

.accidentDetailRow {
    margin-left: 23px;
    padding-left: 0px !important;
}

.accidentLabel {
    font-family: Open Sans;
    font-size: 14px;
    color: #514e4b;
    font-weight: 600;
}

.accidentInfoRow {
    margin-top: 20px;
}

.accidentLink {
    font-family: Open Sans;
    font-size: 14px;
    color: #1c75bc;
}

.accidentBtn {
    margin-right: 10px;
}

.accidentsOSHAInfoContainer {
    text-align: right;
    font-family: Open Sans;
    font-size: 14px;
    color: #ff7e0a;
}

#accidentOSHAIcon {
    vertical-align: 0 !important;
    margin-right: 0 !important;
}

.accidentLinkContainer {
    height: 40px;
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
}

.accidentPrintLink {
    position: absolute;
    bottom: -2px;
    right: 0px;
    text-align: right;
    padding-left: 0px !important;
}

.accidentReportLink {
    position: absolute;
    bottom: -2px;
    right: 100px;
    text-align: right;
    padding-left: 0px !important;
}

.accidentDetail {
    margin-left: -10px !important;
}

.accidentQuestionContainer {
    margin-bottom: 10px;
}

.accidentTimeEntrySep {
    position: absolute;
    bottom: 1px;
}

.accidentHelpLink {
    color: #1c75bc !important;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    font-style: italic;
}

.accidentHelpIcon {
    font-size: large;
    vertical-align: 0 !important;
}

.accidentSpacer {
    margin-top: 20px;
    margin-bottom: 20px;
}

.accidentAnswerContainer {
    margin-left: 20px;
}

.accidentValidator {
    width: 100%;
    margin-top: 10px;
}

.accidentTextBoxLg {
    max-width: none !important;
}

.trainingMgmtSpacer {
    height: 20px;
}

#trainingMgmtSummary input[type=checkbox] {
    transform: scale(1.5);
}

.myTrainingTab {
    width: 210px;
}

.tabText {
    font-family: Open Sans;
    font-size: 14px;
    color: #1c75bc !important;
    font-weight: 600 !important;
    text-decoration: none solid rgb(81, 78, 75);
    line-height: 23px;
    text-align: center;
    text-transform: none !important;
}

#myTraining .nav-item .active {
    background: none;
    color: #514e4b !important;
    border-bottom: 4px solid #1c75bc;
}

#myTraining .nav-item .focus {
    background: none;
    color: #514e4b !important;
    border-bottom: 4px solid #1c75bc;
}

#myTraining .nav-tabs .nav-link:before {
    background-color: transparent !important;
}

#myTraining .statusText {
    font-family: Open Sans;
    font-size: 14px;
    color: #ff7e0a;
}

#myTraining .alertText {
    font-family: Open Sans;
    font-size: 14px;
    color: #514e4b;
    font-style: italic;
}

#myTraining .completedIconContainer {
    margin-right: 30px;
}

#myTraining .trainingLabel {
    font-family: Open Sans;
    font-size: 12px;
    color: #514e4b;
}

.trainingValue {
    font-family: Open Sans;
    font-size: 14px;
    color: #514e4b;
    font-weight: 600;
}

#myTraining .searchTextBox {
    width: 555px;
    height: 48px;
    padding-left: 8px;
}

#contentContainer #summary #groupSummaryTab li.nav-item a.active {
    background: transparent;
    color: #514e4b;
    border-bottom: 4px solid #1c75bc;
}

#summary .nav-item .focus {
    background: none;
    color: #514e4b !important;
    border-bottom: 4px solid #1c75bc;
}

#summary .nav-tabs .nav-link:before {
    background-color: transparent !important;
}

#ofacRedFlags .tblHeaderRow {
    background-color: #f5f5f5;
    height: 50px;
    border-radius: 3px 3px 0 0;
}

#ofacRedFlags .headerText {
    font-size: 14px;
    color: #514e4b;
    font-weight: 600;
    text-align: left;
}

#ofacRedFlags .nopadding {
    padding: 0 !important;
}

#ofacRedFlags .dataCell {
    padding-right: 10px;
}

#ofacRedFlags .ofacRemarks {
    border-left: 1px solid #e9e9e9;
    font-size: 14px;
    font-weight: 600;
    padding: 0 17px 0 7px;
    line-height: 22px;
}

#ofacRedFlags .detailLabel {
    font-size: 12px;
    font-weight: normal;
}


#ofacRedFlags .ofacPrint {
    color: #1c75bc !important;
    cursor: pointer;
    font-weight: normal;
    font-size: 14px;
}

#ofacRedFlags .ListViewPager {
    margin-top: 0 !important;
}

#ofacRedFlags .bottom-column {
    float: none;
    display: table-cell;
    vertical-align: bottom;
}

#ofacRedFlags .accidentQuestionContainer {
    font-weight: bold;
}

#ofacRedFlags .fieldHelpText {
    font-family: Open Sans, Arial;
    font-size: 12px;
    font-style: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-weight: 400;
}

#ofacRedFlags .validationError {
    padding-left: 10px;
    padding-top: 2px;
}

#ofacRedFlags .returnLink {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}

    #ofacRedFlags .returnLink .fa-chevron-left {
        vertical-align: 0;
        font-weight: 600;
        font-size: 15px;
    }

#account #clientDataTab li.nav-item a.active {
    background: transparent;
    color: #514e4b;
    border-bottom: 4px solid #1c75bc;
}

#account .nav-item .focus {
    background: none;
    color: #514e4b !important;
    border-bottom: 4px solid #1c75bc;
}

#account .nav-tabs .nav-link:before {
    background-color: transparent !important;
}


.modalTableHeaderRow {
    background-color: #f5f5f5;
    height: 39px;
}

.modalTableRow {
    border-bottom: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    height: 39px;
}

.tableRow {
    border-bottom: 1px solid #e9e9e9;
    height: 39px;
    padding-top: 7px;
}

.tableRowTall {
    border-bottom: 1px solid #e9e9e9;
    height: 60px;
    padding-top: 10px;
}

    .tableRowTall:last-child {
        border-bottom: 0;
    }

.modalTableRowLauncher {
    border-bottom: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    height: 60px;
}

.modalContainer {
    padding-left: 0 !important;
    padding-right: 40px !important;
}

.completedIconCircle {
    width: 50px;
    height: 50px;
    background: rgb(255, 255, 255);
    border: 1px solid #6eb91e;
}

.startHidden {
    display: none;
}

.accordianSubHeader {
    font-size: 14px;
    color: #514e4b;
    font-weight: 600;
}

.accordianHeader {
    top: 15px;
    position: absolute;
    font-weight: 600;
    font-size: 24px;
    left: 10px;
}

.accordianRow {
    padding-top: 7px;
    padding-bottom: 7px;
}

.accordianSep {
    border-bottom: solid;
    border-bottom-color: #e9e9e9;
    border-width: thin;
}

.accordianBorder {
    border: solid;
    border-color: #e9e9e9;
    border-width: thin;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2), 0px 0px 2px rgba(0,0,0,0.3);
}

.accordianHeaderRow {
    height: 60px;
    background-color: #e3e3e3;
    border-radius: 3px;
    background-color: #e3e3e3;
    background-size: cover;
}

.accordianSubHeaderRow {
    padding-top: 10px;
    padding-bottom: 8px;
    background-color: #f5f5f5;
}

.accordianRecordRow {
    padding-top: 10px;
    padding-bottom: 8px;
}

.accordianStatus {
    position: absolute;
    top: 20px;
}

.accordianToggle {
    position: absolute;
    right: 30px;
    top: 20px;
    font-size: x-large;
}

.accordianToggleLink {
    color: #514e4b;
}

    .accordianToggleLink:hover, .accordianToggleLink:active, .accordianToggleLink:visited, .accordianToggleLink:focus {
        text-decoration: none;
        color: #514e4b;
    }

.truncateWrapper {
    max-width: 90%;
    display: table;
    position: relative;
}

.truncateIfTooLong {
    display: table-cell;
    position: relative;
    width: 100%;
}

    .truncateIfTooLong span {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.truncateDisplayToRight {
    display: table-cell;
    position: relative;
    padding-left: 8px;
    font-weight: normal;
    white-space: nowrap;
}



#trainingMgmtSummary #acctLabel {
    top: 0 !important;
    color: #1c75bc;
    font-weight: 600;
    bottom: unset;
    top: 0 !important;
    font-size: 12px;
}

#tokenMgmt .tokenHeaderRow {
    border: 1px solid #e9e9e9;
    height: 45px;
    background-color: #f5f5f5;
}

#tokenMgmt .resultsHeaderRow {
    border: 1px solid #e9e9e9;
    background-color: #f5f5f5;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
    color: #514e4b;
    font-weight: 600;
}

#tokenMgmt .tokenRow {
    border-bottom: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    height: 70px;
}

#tokenMgmt .resultsRow {
    border-bottom: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    padding-top: 8px;
    padding-bottom: 8px;
}

#tokenMgmt .resultsHeaderRow .singleLine {
    padding-top: 10px;
}

#tokenMgmt .tokenInfo {
    padding-left: 10px;
    padding-right: 10px;
}

#tokenMgmt .tokenInfoRow {
    height: 40px;
    margin-top: 10px;
}

#tokenMgmt .tokenMgmtCheck {
    position: absolute;
    bottom: 7px;
    right: 40px;
}

#tokenMgmt .tokenMgmtCheckLbl {
    font-family: Open Sans;
    font-size: 16px;
    color: #514e4b;
    font-weight: 700;
}

#tokenMgmt .tableCol {
    position: absolute;
    top: 10px;
}

#tokenMgmt .dataRow {
    position: absolute;
    top: 25px;
}

#tokenMgmt .tableColBtn {
    position: absolute;
    top: 15px;
    right: 20px;
}

#tokenMgmt .textBoxWrap {
    width: 150px;
}

.modalHeaderTknMgmt {
    padding-bottom: 12px;
}

#summary .modeBtnsCol {
    padding-top: 10px;
}

#summary .resultsHeaderRow {
    background-color: #f5f5f5;
    height: 50px;
    border-radius: 3px 3px 0 0;
}

    #summary .resultsHeaderRow .col {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

#summary .overallScoreHigh {
    font-size: 14px;
    color: #6eb91e;
    font-weight: 700;
}

#summary .overallScoreLow {
    font-size: 14px;
    color: #ff7e0a;
    font-weight: 700;
}

#summary .nameHeader {
    position: absolute;
    top: 20px;
}

#summary .fa-stack {
    width: 10px;
}

    #summary .fa-stack .fa-angle-down {
        position: absolute;
        bottom: 3px;
        font-style: normal;
        font-weight: 500;
    }

    #summary .fa-stack .fa-angle-up {
        position: absolute;
        top: 4px;
        font-style: normal;
        font-weight: 500;
    }

#summary .labelLine2 {
    position: absolute;
    bottom: 8px;
}

#summary .labelLine2Long {
    position: absolute;
    bottom: 8px;
    left: 37px;
}

#summary .labelLine1 {
    position: absolute;
    top: 2px;
}

#summary .summaryParamsRow {
    margin-bottom: 30px;
}

#summary .summaryExportLink {
    position: absolute;
    right: -15px;
    top: 16px;
}

.summaryHeaderRow {
    padding-left: 5px;
    padding-right: 5px;
}

#summaryDashboard .resultsHeaderRow .col-1 {
    max-width: 9.3% !important;
    padding-left: 5px;
    padding-right: 5px;
}

#summaryDashboard .resultsHeaderRow .col-2 {
    max-width: 15% !important;
    padding-left: 5px;
    padding-right: 5px;
}

#summaryDashboard .resultsHeaderRow .col-3 {
    max-width: 20% !important;
    padding-left: 5px;
    padding-right: 5px;
}

#summaryDashboard .tableRow .col-1 {
    max-width: 9.3% !important;
    padding-left: 5px;
    padding-right: 5px;
}

#summaryDashboard .tableRow .col-2 {
    max-width: 15% !important;
    padding-right: 5px;
}

#summaryDashboard .tableRow .col-3 {
    max-width: 20% !important;
    padding-left: 16px;
    padding-right: 5px;
}

#summaryDashboard .tableRowTall .col-1 {
    max-width: 9.3% !important;
    padding-left: 5px;
    padding-right: 5px;
}

#summaryDashboard .tableRowTall .col-2 {
    max-width: 15% !important;
    padding-right: 5px;
}

#summaryDashboard .tableRowTall .col-3 {
    max-width: 20% !important;
    padding-left: 16px;
    padding-right: 5px;
}


#summaryDashboardSFC .resultsHeaderRow .col-1 {
    max-width: 9.3% !important;
    padding-left: 5px;
    padding-right: 5px;
}

#summaryDashboardSFC .resultsHeaderRow .col-2 {
    max-width: 15% !important;
    padding-left: 5px;
    padding-right: 5px;
}

#summaryDashboardSFC .resultsHeaderRow .col-3 {
    max-width: 20% !important;
    padding-left: 5px;
    padding-right: 5px;
}

#summaryDashboardSFC .tableRow .col-1 {
    max-width: 9.3% !important;
    padding-left: 5px;
    padding-right: 5px;
}

#summaryDashboardSFC .tableRow .col-2 {
    max-width: 15% !important;
    padding-right: 5px;
}

#summaryDashboardSFC .tableRow .col-3 {
    max-width: 20% !important;
    padding-left: 16px;
    padding-right: 5px;
}

#summaryDashboardSFC .tableRowTall .col-1 {
    max-width: 9.3% !important;
    padding-left: 5px;
    padding-right: 5px;
}

#summaryDashboardSFC .tableRowTall .col-2 {
    max-width: 15% !important;
    padding-right: 5px;
}

#summaryDashboardSFC .tableRowTall .col-3 {
    max-width: 20% !important;
    padding-left: 16px;
    padding-right: 5px;
}

#summaryDealJacket .resultsHeaderRow .col-1 {
    max-width: 9.3% !important;
    padding-left: 5px;
    padding-right: 5px;
}

#summaryDealJacket .resultsHeaderRow .col-2 {
    max-width: 15% !important;
    padding-left: 5px;
    padding-right: 5px;
}

#summaryDealJacket .resultsHeaderRow .col-3 {
    max-width: 20% !important;
    padding-left: 5px;
    padding-right: 5px;
}

#summaryDealJacket .tableRow .col-1 {
    max-width: 9.3% !important;
    padding-left: 5px;
    padding-right: 5px;
}

#summaryDealJacket .tableRow .col-2 {
    max-width: 15% !important;
    padding-right: 5px;
}

#summaryDealJacket .tableRow .col-3 {
    max-width: 20% !important;
    padding-left: 16px;
    padding-right: 5px;
}

#summaryDealJacket .tableRowTall .col-1 {
    max-width: 9.3% !important;
    padding-left: 5px;
    padding-right: 5px;
}

#summaryDealJacket .tableRowTall .col-2 {
    max-width: 15% !important;
    padding-right: 5px;
}

#summaryDealJacket .tableRowTall .col-3 {
    max-width: 20% !important;
    padding-left: 16px;
    padding-right: 5px;
}


#summaryLegend li {
    padding-top: 2px;
    padding-bottom: 2px;
    line-height: 2em;
}

#summaryLegend #legendHeader {
    font-size: 16px;
    color: #514e4b;
    font-weight: 700
}

#summaryLossControl .col-3 {
    max-width: 20%;
}


#summaryLossControl .col-1 {
    max-width: 10%;
}

#summaryLossControl .nameCol {
    max-width: none;
    width: 400px;
}

#summaryLossControl .accordianSubHeader {
    padding-left: 0;
}

#summaryLossControl .groupRow {
    padding-left: 15px;
}

#summaryLossControl .labelLine2Long {
    position: absolute;
    bottom: 8px;
    left: 32px;
}

#summaryLossControl .labelLine2Short {
    position: absolute;
    bottom: 8px;
    left: 29px;
}

#summaryActivities .groupRow {
    padding-left: 15px;
}

#summaryActivities .accordianSubHeader {
    padding-left: 0;
}

#summaryActivities .labelLine2Long {
    position: absolute;
    bottom: 8px;
    left: 32px;
}

#summaryActivities .labelLine2Short {
    position: absolute;
    bottom: 8px;
    left: 29px;
}

#summarySelfInspections .groupRow {
    padding-left: 15px;
}

#summarySelfInspections .accordianSubHeader {
    padding-left: 0;
}

#summarySelfInspections .labelLine2Long {
    position: absolute;
    bottom: 8px;
    left: 32px;
}

#summarySelfInspections .labelLine2Short {
    position: absolute;
    bottom: 8px;
    left: 29px;
}

#summaryInspection .groupRow {
    padding-left: 15px;
}

#summaryInspection .accordianSubHeader {
    padding-left: 0;
}

#summaryInspection .labelLine2Long {
    position: absolute;
    bottom: 8px;
    left: 32px;
}

#summaryInspection .labelLine2Short {
    position: absolute;
    bottom: 8px;
    left: 29px;
}

#summaryTraining .groupRow {
    padding-left: 15px;
}

#summaryTraining .accordianSubHeader {
    padding-left: 0;
}

#summaryTraining .labelLine2Long {
    position: absolute;
    bottom: 8px;
    left: 32px;
}

#summaryTraining .labelLine2Short {
    position: absolute;
    bottom: 8px;
    left: 29px;
}

#summaryDealJacket .groupRow {
    padding-left: 15px;
}

#summaryDealJacket .accordianSubHeader {
    padding-left: 0;
}

#summaryDealJacket .labelLine2Long {
    position: absolute;
    bottom: 8px;
    left: 32px;
}

#summaryDealJacket .labelLine2Short {
    position: absolute;
    bottom: 8px;
    left: 29px;
}

#summarySelfInspection .groupRow {
    padding-left: 35px;
}

#summarySelfInspection .accordianSubHeader {
    padding-left: 0;
}

#summarySelfInspection .labelLine2Long {
    position: absolute;
    bottom: 8px;
    left: 32px;
}

#summarySelfInspection .labelLine2Short {
    position: absolute;
    bottom: 8px;
    left: 29px;
}

.summaryTable {
    margin-top: 20px;
    background: #fff;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2), 0px 0px 2px rgba(0,0,0,0.3);
    border-radius: 3px;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.datepicker:before {
    content: "\f133";
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 300;
    position: absolute;
    font-size: 20px;
    right: 6px;
    bottom: 4px;
}

.mko-anytime-group {
    background-color: #e3e3e3;
    border: 1px solid #ddd;
    padding: 17px;
    margin-top: 20px;
    height: 60px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2), 0px 0px 2px rgba(0,0,0,0.3);
    border-radius: 3px;
    cursor: pointer;
}

    .mko-anytime-group span.expander {
        cursor: pointer;
        display: block;
        float: right;
        margin-top: 0px;
        margin-right: 4px;
        font-weight: 300;
    }

        .mko-anytime-group span.expander i {
            font-weight: 300;
            font-size: 25px;
            color: #514e4b;
        }

    .mko-anytime-group.closed {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .mko-anytime-group span.expander i {
        font-weight: 300;
        font-size: 25px;
        color: #514e4b;
    }

    .mko-anytime-group.closed {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

.upArrow {
    display: none;
}

#uploadIFrame {
    border: 0;
    width: 100%;
    height: 49px;
    overflow: hidden;
    margin: 0 0;
}

.uploadFileBtn {
    margin: 1px 0 13px 0;
    display: block;
}

.uploadFileWrap {
}

.uploadDocTitle {
    margin-bottom: 15px;
    margin-top: 15px;
}

.uploadFileWrap.focus label {
    color: #514e4b !important;
    font-weight: 400 !important;
    bottom: unset !important;
    top: 0 !important;
    font-size: 14px !important;
}

.uploadFileWrap .inputNborderWrap {
    padding-left: 136px;
}

.uploadFileWrap .inputNlabelWrap {
    width: 100%;
    max-width: none;
}

.fauxBtn {
    z-index: 100;
    display: block;
}

.uploadFileWrap.focus .inputNlabelWrap,
.uploadFileWrap .inputNlabelWrap:hover {
    background-color: #fff;
}

    .uploadFileWrap.focus .inputNlabelWrap .fauxTextInput,
    .uploadFileWrap .inputNlabelWrap:hover .fauxTextInput {
        background-color: #f5f5f5;
    }

.uploadFileWrap .custom-file-label {
    top: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.fauxTextInput {
    border-bottom: 1px solid #514e4b !important;
    display: block;
    vertical-align: middle;
    padding-top: 10px;
    margin-left: 8px;
    padding-left: 10px;
    padding-bottom: 5px;
    color: #514e4b;
    flex-grow: 8;
}

    .fauxTextInput.error {
        border-bottom: 2px solid #ed5137 !important;
    }

.nodeText {
    width: 100%;
    height: 48px;
}

.withchildren div .Expand, .withchildren div .Collapse {
    position: absolute;
    right: 0;
}

.validator {
    color: #ed5137;
    font-size: 12px;
    font-weight: 600;
    padding-left: 10px;
}

.uploadDocFormWrap .validator {
    margin-top: -8px;
    position: relative;
    z-index: 100;
    display: block;
    text-align: left;
    padding-left: 10px;
}

.VersioningDropDown {
    margin: 0 40px !important;
    max-width: none;
}

    .VersioningDropDown select,
    .VersioningDropDown .select2 {
        max-width: 365px;
    }



.VersionRadios {
    margin-top: 20px;
}

.VersionDesc {
    margin-top: 20px;
    display: block;
}

.ValSummaryLabel {
    background: #ed5137;
}

.ValSummaryList {
    background: #ed5137;
    color: #fff;
    padding: 12px 16px 2px 16px;
    font-weight: 700;
    font-size: 15px;
}

    .ValSummaryList ul {
        background: #fff;
        margin: 12px -14px 0 -14px;
        font-weight: 300;
        font-size: 14px;
        color: #514e4b;
        padding: 16px;
    }

        .ValSummaryList ul li {
            list-style-type: none;
            list-style-image: none;
        }

    .ValSummaryList:before {
        content: "\f06a";
        font-family: 'Font Awesome 5 Pro';
        font-style: normal;
        font-weight: 300;
        font-size: 25px;
        vertical-align: middle;
        margin-right: 6px;
    }

#_divCategoryVersions .validator {
    margin: 6px 40px 0 40px;
    padding-left: 10px;
}

#Printable {
    background: none;
    border: none;
    padding: 0;
    color: #1c75bc;
    cursor: pointer;
}

    #Printable:hover {
        text-decoration: underline;
    }

/*.dropdown-item.active span {
    color: #fff !important;
}*/

.successMessage {
    background: #6fba1e;
    padding: 14px;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    margin-top: 30px;
    border-radius: 3px;
}

    .successMessage i {
        font-size: 25px;
        padding-right: 10px;
    }

.FacCompareWrap .ColLeft .inputNlabelWrap {
    margin: 0 0 0 20px;
}

.FacCompareWrap .ColRight .inputNlabelWrap {
    margin: 0 0 0 50px;
}

.FacCompareWrap .btn {
    margin: 40px 0 55px 0;
}

.FacCompareWrap .tableHeader {
    background-color: transparent;
    max-width: 1000px;
    margin-bottom: 10px;
}

    .FacCompareWrap .tableHeader td {
        padding-bottom: 0;
        padding-top: 0;
        font-weight: 600;
        color: #514e4b;
    }

.FacCompareWrap .tableData {
    border-radius: 3px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2), 0px 0px 2px rgba(0,0,0,0.3);
    max-width: 1000px;
    margin-left: 20px;
    color: #514e4b;
}

    .FacCompareWrap .tableData tr {
        border-bottom: 1px solid #e9e9e9;
    }

    .FacCompareWrap .tableData td {
        border-bottom: 1px solid #e9e9e9;
        color: #514e4b;
        padding-top: 9px;
        padding-bottom: 9px;
        height: 40px;
    }

.tableHeader span {
    max-width: 168px;
    display: block;
    text-align: center;
    margin: 0 auto;
}

.FacCompareWrap h2 {
    font-size: 20px;
    font-weight: 600;
}

.FacCompareWrap .tableHeader h2 {
    margin: 0;
}

.btnRowWide {
    width: 100%;
    text-align: center;
}

.tableHeader td:first-child,
.table th:first-child {
    padding-left: 0;
}

.tableData td:first-child {
    background: #f5f5f5;
    padding-right: 38px;
    font-weight: 600;
}

.tableData td:nth-child(3) {
    background: #fafafa;
}

.listCard {
    flex-direction: column;
}

.listCardBody {
    border-bottom: 1px solid #e9e9e9;
    width: 100%;
}

    .listCardBody tr:last-child {
        border-bottom: 0;
    }

.listCardBody {
    padding: 20px !important;
}

    .listCardBody .btn {
        min-width: 120px;
    }

#messages .alert-success,
.userFeedbackTitle {
    padding: 13px;
    background: #6fba1e;
    border: 2px solid #6eb91e;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    width: 100%;
}

#messages .alert-success,
.userFeedbackTitle {
    font-size: 16px !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

    #messages .alert-success .close,
    .userFeedbackTitle .close {
        color: #fff;
        font-size: 25px;
        line-height: 30px;
        margin: -10px 0 0 0;
        width: 20px;
    }

    #messages .alert-success .fa-check-circle,
    .userFeedbackTitle .fa-info-circle,
    .userFeedbackTitle .fa-check-circle {
        color: #fff;
        font-size: 25px;
        line-height: 30px;
        margin: -10px 20px -10px 0;
        width: 20px;
    }

#ctl00__cphMain__ucActionItemListView__divSubscriptionResult .userFeedbackTitle {
    max-width: 669px;
    margin: 35px 0 0 42px;
}

#ctl00__cphMain__ucActionItemListView__divSubscriptionResult .userFeedbackBody {
    margin: 0 0 0 42px;
    max-width: 669px;
}

#messages .alert-success {
    margin-left: 0;
}

    #messages .alert-success .close {
        right: 20px;
    }

.userFeedbackBody {
    border: 2px solid #6eb91e;
    background: #fff;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 15px 15px 15px 22px !important;
}

    .userFeedbackBody a {
        font-size: 14px;
    }

    .userFeedbackBody.neutral {
        border: 2px solid #6cb5ce;
    }

.userFeedbackTitle.neutral {
    background: #6cb5ce;
    border: 2px solid #6cb5ce;
    color: #ffffff !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #f5f5f5;
}

.listCard thead tr {
    background: #f5f5f5;
    font-weight: 600;
}

.listCard tr {
    border-bottom: 1px solid #e9e9e9;
}

    .listCard tr:last-child {
        border-bottom: 0;
    }

.listCard td {
    padding: 12px 12px 12px 12px;
    position: relative;
    height: 42px;
}

    .listCard td span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        position: absolute;
        left: 12px;
        right: 12px;
        top: 10px;
    }

    .listCard td:first-child {
        padding: 12px 0 12px 28px;
    }

        .listCard td:first-child span {
            left: 30px;
            right: 12px;
            top: 10px;
        }

    .listCard td.fixedWidthSml {
        width: 76px;
    }

    .listCard td.fixedWidthMed {
        width: 300px;
    }

    .listCard td.fixedWidthLgr {
        width: 104px;
    }

    .listCard td.fixedWidthIntLgr {
        width: 120px;
    }

    .listCard td.fixedWidthInt {
        width: 180px;
    }

    .listCard td.fixedWidthStart {
        width: 17%;
    }

    .listCard td.fixedWidthNarrow {
        width: 12%;
    }

    .listCard td.fixedWidthWide {
        width: 28%;
    }

    .listCard td.fixedWidthEnd {
        width: 13%;
    }

    .listCard td.fixedWidthNarrowInt {
        width: 90px;
    }

    .listCard td.fixedWidthWideInt {
        width: 180px;
    }

    .listCard td.headerAlign {
        text-align: center;
    }

.listCardTop25 {
    margin-top: 45px;
}

.tooltip-inner {
    font-size: 14px;
    max-width: 600px;
    text-align: left;
}


.dropdownItemOn {
    display: block;
    margin-right: -86px;
}

    .dropdownItemOn:before {
        content: " ";
        height: 10px;
        width: 100%;
        position: absolute;
        z-index: 20;
    }



.dropDownExpander {
    position: relative;
    padding-right: 24px;
}

    .dropDownExpander a {
        color: #514e4b;
    }

.btn-dropdown-expander {
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2), 0px 0px 2px rgba(0,0,0,0.3);
    margin-left: -5px;
    background: #fff;
}

    .btn-dropdown-expander i {
        margin-right: 10px;
    }

.dropDownExpander:after {
    content: "\f107";
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    position: absolute;
    top: 6px;
    right: 10px;
    z-index: 2;
}

.search-drop {
    padding-right: 20px;
    margin-right: -16px;
    z-index: 3;
    position: relative;
    padding: 10px 20px 12px 16px;
    display: block;
}

#tbSearch {
    border: 0;
}

.sds-search-wrap {
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2), 0px 0px 2px rgba(0,0,0,0.3);
    background: #fff;
    border-radius: 3px;
    height: 40px;
}

.myTraining-search-wrap {
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2), 0px 0px 2px rgba(0,0,0,0.3);
    background: #fff;
    border-radius: 3px;
    height: 48px;
}

    .myTraining-search-wrap .btn {
        min-width: 0 !important;
    }

    .myTraining-search-wrap .myTrainingSearchBtn {
        height: 48px;
        font-size: 26px !important;
    }

#myTraining .searchToggleContainer {
    padding-left: 0;
}

#myTraining .searchToggle {
    position: absolute;
    bottom: 10px;
    left: 0px;
}

#myTraining .toggleSearchLink {
    color: #1c75bc;
}

.trainingHeader {
    font-size: 16px;
    color: #514e4b;
    font-weight: 700;
}

.topicTrainingHeader {
    font-size: 28px !important;
    color: #514e4b;
    font-weight: 700;
}

#myTraining .trainingActionLink {
    margin-left: 10px;
}

.relative {
    position: relative;
}

.modalTableCol {
    /*position: absolute;
    bottom: 12px;*/
    padding-top: 10px;
}

.modalTableColLauncher {
    position: absolute;
    left: 20px;
    top: 20px;
}

.modalTableColLauncherBtn {
    position: absolute;
    right: 20px;
    top: 10px;
}

.launchBtn {
    width: 150px;
}

#AdvancedOptionsHeader {
    color: #1c75bc;
    margin-top: 12px;
    display: block;
}



.advopsheader:after {
    content: "\f107";
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 1px;
    position: relative;
    right: -8px;
    top: 5px;
}

#AdvancedOptionsHeader:hover:after {
    text-decoration: none !important;
    text-decoration-color: #1c75bc !important;
}


.advopsheader.showless:after {
    content: "\f106";
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 1px;
    position: relative;
    right: -8px;
    top: 5px;
}

.sds-inInv-indicator {
    color: #6eb91e;
}

    .sds-inInv-indicator .fal {
        vertical-align: -0.1em;
        font-size: 20px;
    }

.inv-list-wrap .card {
    margin: 0;
    border-radius: 0;
}

    .inv-list-wrap .card:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .inv-list-wrap .card:last-child {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }

.sdsDetailsWrap {
    font-size: 14px;
    line-height: 24px;
}

    .sdsDetailsWrap span {
    }

    .sdsDetailsWrap label {
        font-size: 14px !important;
    }

.regBold {
    font-weight: 600;
}

.prodAliasList {
    line-height: 24px !important;
}

    .prodAliasList legend {
        line-height: 24px !important;
    }

#_fldInventoryStatus {
    line-height: 24px;
    margin-bottom: 14px !important;
    margin-top: 14px !important;
}

    #_fldInventoryStatus #_btnRemoveInventory {
        padding: 0 !important;
        text-transform: none;
        line-height: 24px !important;
    }

input,
textarea,
select {
    position: relative;
    z-index: 101;
}

.card-list {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2), 0px 0px 2px rgba(0,0,0,0.3);
}

    .card-list .card {
        box-shadow: none;
        margin-bottom: 0;
        border: 0;
        border-bottom: 1px solid #e9e9e9;
    }

        .card-list .card:first-child {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

        .card-list .card:last-child {
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
            border-bottom: 0;
        }

.success {
    background-color: #d8ffd8;
    font-size: medium;
    display: none;
    padding: 2px 2px 2px 2px;
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

.myTopicHeaderBox {
    background: #e3e3e3;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    position: relative;
    overflow: visible;
    height: 40px;
}

    .myTopicHeaderBox.closed {
        background: #e3e3e3;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    .myTopicHeaderBox .expanderText h4 {
        padding: 8px 20px;
        font-weight: 700;
    }

.EventListWrap {
    border: 1px solid #e9e9e9;
}

.EventItem {
    border-top: 1px solid #e9e9e9;
}

    .EventItem span.float-left {
        font-weight: 600;
    }

.EventListHeader {
    background: #f5f5f5;
    height: 40px;
    padding: 8px 28px;
}

.EventItemBody {
    padding: 8px 28px;
    line-height: 24px;
}

    .EventItemBody .form-group {
        margin-bottom: 0;
        ''
    }

    .EventItemBody .materialCheckbox {
        padding-top: 0;
        min-height: initial;
        margin-right: 13px;
    }

.expanderText {
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.expanderWrap {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.myTopicHeaderBox .expander {
    background: none;
    cursor: pointer;
    display: block;
    height: 40px;
    width: 100%;
    line-height: 40px;
    color: #514e4b;
    margin-right: 16px;
}

    .myTopicHeaderBox .expander:before {
        content: "\f107";
        font-family: 'Font Awesome 5 Pro';
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        position: absolute;
        right: 24px;
    }

.myTopicHeaderBox.closed .expander {
    background: none;
}

    .myTopicHeaderBox.closed .expander:before {
        content: "\f106";
        font-family: 'Font Awesome 5 Pro';
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        position: absolute;
        right: 24px;
    }

.badge-nav {
    color: #fff;
    padding: 5px 10px !important;
    margin-left: 8px;
}

h4 a {
    font-size: 16px;
    color: #514e4b;
}

    h4 a:hover {
        font-size: 16px;
        color: #514e4b;
        text-decoration: none;
    }

.divAdd {
    text-align: left;
    margin: 24px 0;
}

.UserListWrap {
    border: 1px solid #e9e9e9;
}

.UserListHeader {
    height: 40px;
    background: #f5f5f5;
    padding: 10px 50px 10px 20px;
    border-bottom: 1px solid #e9e9e9;
    font-weight: 600;
}

    .UserListHeader div h3 {
        font-size: 14px;
        padding: 0 0 0 10px;
    }

.UserListBody {
    height: 305px;
    overflow: auto;
    padding-top: 5px;
    padding-bottom: 5px;
}

.UserListItem {
    border-bottom: 1px solid #e9e9e9;
}

.UserListText {
    float: left;
    padding-left: 32px;
    padding-top: 9px;
    max-width: 355px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.UserListBody .form-group {
    float: right;
    margin: 0;
    height: 40px;
    width: 40px;
    padding-right: 36px;
    box-sizing: content-box;
}

.UserListBody .materialCheckbox {
    padding: 10px 5px 0 0;
    min-height: 30px;
}

.UserListBody .custom-control {
    padding-left: 0;
}

.TrainingAmin {
    width: 540px;
}

.FormWrapWide {
}

.FormWrapEdit {
    max-width: 450px;
    margin: 0 auto;
}

    .FormWrapEdit .form-group {
        margin-bottom: 25px;
    }

    .FormWrapEdit .uploadFileWrap,
    .FormWrapEdit .form-group-wide,
    .FormWrapWide .form-group-wide,
    .FormWrapEdit .form-group-wide .inputNlabelWrap,
    .FormWrapWide .form-group-wide .inputNlabelWrap {
        max-width: none;
    }

.form-group-wide,
.form-group-wide .inputNlabelWrap {
    max-width: none;
}

.TrainingAmin .BtnRowBlock {
    max-width: 450px;
    margin: 0 auto 20px auto;
}

.uploadFileWrap,
.uploadFileWrap .inputNlabelWrap {
    max-width: none;
}

.upload-desc {
    margin: 30px 0;
}

.inputNlabelWrap.noInput label {
    position: initial;
    margin: 0 !important;
    font-weight: 600;
}

.noInput {
    height: initial;
    max-height: initial;
}

.current-roster {
    padding: 9px 8px 8px 8px;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
}

.RosterSize {
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    margin: -8px 6px;
    padding: 9px 8px 8px 8px;
    display: block;
    float: left;
    height: 38px;
}

.btn-anchor {
    text-transform: none !important;
    padding: 0 0 12px 0 !important;
    font-weight: 300;
}

    .btn-anchor:hover {
        background-color: transparent !important;
    }

    .btn-anchor i {
        font-weight: 300;
        font-size: 28px;
    }

div[id$='_pnlRoster'] .inputNlabelWrap:hover,
.chooseFileWrap .inputNlabelWrap:hover {
    background-color: transparent;
}

.successWrap {
    display: none;
}

.modalBtnWrap {
    padding-right: 22px;
    text-align: right;
    padding-bottom: 20px;
}

    .modalBtnWrap .btn {
        min-width: 80px;
    }

.accidentReportContainer {
    margin-left: 18px !important;
}

.accidentReportCard {
    /*align-self: flex-start;
    display: flex;
    flex-direction: row;
    max-height: 255px;*/
    margin-top: 10px;
    width: 460px;
}

.accidentReportCardLarge {
    /*max-height: 790px !important;
    height: 790px !important;*/
}

.accidentReportBody {
}

#accidentReportBreadcrumbs {
    font-family: Open Sans;
    font-size: 14px;
    color: #1c75bc;
    line-height: 20px;
    margin-bottom: 20px;
}

    #accidentReportBreadcrumbs:before {
        content: "\f104";
        font-family: 'Font Awesome 5 Pro';
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        display: inline-block;
        padding-right: 10px;
        vertical-align: middle;
    }

.accidentReportInfo {
    margin-bottom: 0px !important;
}

.accidentsText {
    margin-bottom: 20px;
}

.accidentsTextPara {
    margin-left: 20px;
}

.accidentReportInfoDropDown {
    margin-top: 20px !important;
    margin-left: 0px !important;
    margin-bottom: 25px !important;
}

    .accidentReportInfoDropDown .form-group {
        width: 315px;
    }

.accidentReportButtonRow {
    margin-top: 20px;
    width: 100%;
}

.accidentReportTypeTitle {
    margin-left: 10px !important;
    top: 25px !important;
    position: relative;
    font-size: 12px;
    color: #514e4b;
    font-weight: 600;
}

.accidentReportYearTitle {
    margin-left: 30px !important;
    top: 25px !important;
    position: relative;
    font-size: 12px;
    color: #514e4b;
    font-weight: 600;
}

.accidentReportOSHA300DropDown,
.accidentReportOSHA330DropDown {
    margin-top: 0px !important;
    margin-left: 20px !important;
    margin-bottom: 25px !important;
}

    .accidentReportOSHA300DropDown .form-group,
    .accidentReportOSHA330DropDown .form-group {
        margin-left: 20px;
        width: 315px;
    }

.defaultAccidentCancelButtonPosition {
    float: right;
    margin-right: 0px;
    margin-top: 5px;
}

.move2LeftAccidentReportButtonRow {
    /*margin-right: 160px !important;
    bottom: 20px !important;
    position: absolute;*/
    float: right;
    margin-right: 20px;
}

.move2AccidentReportButtonRow {
    /*margin-left: 250px !important;
    bottom: 20px !important;
    position: absolute;*/
}

.move2LeftAccidentReportButtonRow1 {
    margin-right: 160px !important;
    margin-top: -70px !important;
}

.move2AccidentReportButtonRow1 {
    margin-right: 0px !important;
    margin-top: 35px !important;
}

.osha300ReportNAICSTitle,
.osha300ReportIndustry {
    margin-left: 20px !important;
    margin-bottom: 5px;
}

.osha300ReportIndustry {
    margin-top: 10px;
}

.osha300ReportNAICSCode,
.osha300ReportNumberEmployees,
.osha300ReportHoursWorked {
    margin-left: 0px !important;
    margin-bottom: 15px;
}

    .osha300ReportNAICSTitle .form-group,
    .osha300ReportNAICSCode .form-group,
    .osha300ReportNumberEmployees .form-group,
    .osha300ReportHoursWorked .form-group {
        width: 315px;
        margin-left: 20px;
    }

.optsPanelBtnExt {
    float: right;
}

.kpa-success {
    color: white;
    height: 48px;
    border: 2px solid #6eb91e;
    border-radius: 3px;
    background-color: #6fba1e;
    background-size: cover;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-left: -20px;
    display: none;
}

.kpa-error {
    color: #000700 !important;
    height: 48px;
    border: 2px solid #F31700;
    border-radius: 3px;
    background-color: #F31700 !important;
    background-size: cover;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-left: -20px;
    display: none;
}

.kpa-success-close {
    color: white;
    height: 48px;
    padding-top: 6px !important;
}

}

.TopicAdminForm .form-group,
.TopicAdminForm .form-group .inputNlabelWrap {
    width: 335px;
}

.ViewByWrap {
    margin-left: 60px;
    margin-top: -20px;
}

.list-inline {
    margin-top: 26px;
}

    .list-inline li {
        display: inline-block;
        padding-left: 40px;
    }

.modal-footer {
    padding: 24px;
    justify-content: space-between;
    align-items: initial;
}

    .modal-footer .btn-primary {
        background-color: #1c75bc !important;
    }

    .modal-footer .Btn {
        align-self: flex-start;
    }

modal-footer .BtnContinue {
    align-self: flex-end;
}

.bootbox {
    width: 100%;
    height: 100%;
}

.modal-dialog {
    vertical-align: middle;
}

.modal-content {
    width: 560px;
    margin: 0 auto;
}

.topicMgnPlaceHolder {
    margin-top: 45px;
}

.topicMgnListWrap {
}

.topicMngRow1 {
    padding-top: 0px;
}

.topicMgnRow2 {
    margin-bottom: 25px;
    height: 44px;
}

    .topicMgnRow2 span {
        vertical-align: middle;
    }

    .topicMgnRow2 .list-inline {
        margin-top: 0;
        margin-bottom: 0;
    }

    .topicMgnRow2 .reqCount {
        padding-right: 40px;
    }

#requiredCount,
#optionalCount {
    border-radius: 80px;
    padding: 4px 7px 5px 7px;
    font-size: 14px;
}

#requiredCount {
    background: #ff7e0a;
    color: #fff;
}

#optionalCount {
    background: #e3e3e3;
    color: #514e4b;
}

.countLabels {
    font-weight: 600;
    font-size: 14px;
    padding-right: 13px;
}

.BtnToAnchor {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    color: #1c75bc;
    padding: 0;
    margin: 0;
    display: inline;
    cursor: pointer;
}

    .BtnToAnchor:hover {
        text-decoration: underline;
    }

.EditViewCtrl {
    margin-right: 25px;
}

#SaveChanges {
    margin-right: 0;
}

.ExpPrdEditInputWrap {
    margin-top: -14px;
}

.itemModifiedInfo {
    font-style: italic;
    font-size: 12px;
}

.ExpPrdEdit .form-group {
    margin-top: 10px;
    margin-left: 20px;
}

.resetExpPrdPos {
    margin: 30px 0 0 30px;
}

.toggleDefaultReq {
    margin: 25px 0;
}

.updateExistingRow {
    margin-bottom: 20px;
}

.groupData {
    padding-left: 16px;
}

.groupSummaryHeaderPad {
    left: 15px;
}

.nav-tabs-material .nav-tabs-indicator {
    background-color: #1c75bc;
    height: 4px;
}

.nav-tabs .nav-link {
    opacity: 1;
}

    .nav-tabs .nav-link:active,
    .nav-tabs .nav-link:focus,
    .nav-tabs .nav-link:hover {
        background-color: rgba(28,117,188,.08);
        border-bottom: 4px solid rgba(28,117,188,.02);
    }

    .nav-tabs .nav-link.active:hover {
        background-color: rgba(28,117,188,.08) !important;
        color: #1c75bc !important;
    }

#legendLink {
    cursor: pointer;
    width: 180px;
}

    #legendLink i {
        font-size: 22px;
        font-weight: 300;
        vertical-align: middle;
    }

#materialModal .modal-content {
    max-height: 480px;
    width: 500px;
}

.modal-open .modal {
    background-color: rgba(0,0,0,0.6) !important;
}

.modal-overlay {
    background-color: #514e4b;
    mix-blend-mode: multiply;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.modal-title {
    font-size: 16px;
    font-weight: bold;
}

.modal-conent {
    max-height: 480px;
}

.modal-footer {
    padding-bottom: 16px;
}

.detailsTableWrap {
    border-radius: 3px;
    border: 1px solid #e9e9e9;
    display: table;
}

.detailsTable {
}

    .detailsTable tr th {
        font-weight: 600;
        background: #f5f5f5;
        border-bottom: 1px solid #e9e9e9;
        padding: 10px 6px;
    }

        .detailsTable tr th:first-child {
            border-radius: 3px 0 0 0;
            padding-left: 20px;
        }

        .detailsTable tr th:last-child {
            border-radius: 0 3px 0 0;
        }

    .detailsTable tr td {
        padding: 10px 6px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

        .detailsTable tr td:first-child {
            padding-left: 20px;
        }

    .detailsTable tr .ItemHistoryItemComment {
        border-bottom: 1px solid #e9e9e9;
        padding-top: 0;
    }

    .detailsTable tr:last-child .ItemHistoryItemComment {
        border-bottom: 0;
    }

    .detailsTable tr th:last-child {
        white-space: nowrap;
    }

    .detailsTable td.ItemHistoryItemComment {
        white-space: pre-wrap !important;
    }

.modalBtnExt {
}

.modal-body {
    overflow-y: auto;
    overflow-x: hidden;
}

/* Loading dialog box */
.loading-indicator-position {
    left: 40%;
    top: 30px;
}

.loading-label {
    width: 300px;
    font-family: Open Sans;
    font-size: 20px;
    color: #514e4b;
    font-weight: 600;
    text-decoration: none solid rgb(81, 78, 75);
    line-height: 100px;
    text-align: center;
    vertical-align: bottom;
}

.progress-circular-primary .progress-circular-gap,
.progress-circular-primary .progress-circular-spinner {
    border-top-color: #1c75bc;
}

.progress-circular-primary .progress-circular-left .progress-circular-spinner {
    border-left-color: #1c75bc;
}

.progress-circular-primary .progress-circular-right .progress-circular-spinner {
    border-right-color: #1c75bc;
}

.progress-circular--kpa {
    height: 3.75rem;
    width: 3.75rem;
}

.progress-circular-gap--kpa {
    border-top: 0.1875rem solid #1c75bc;
    right: 1.78125rem;
    left: 1.78125rem;
}

.progress-circular-inner--kpa {
    height: 3.75rem;
    width: 3.75rem;
}

.progress-circular-left--kpa,
.progress-circular-right--kpa {
    height: 3.75rem;
    width: 1.875rem;
}

.progress-circular-spinner {
    border: 0.375rem solid #1c75bc;
    border-bottom-color: transparent;
    border-radius: 50%;
    height: 3.75rem;
    position: absolute;
    top: 0;
    width: 3.75rem;
}


.myPreferencesCard {
    width: 460px;
    height: 255px;
    padding: 10px;
    border-radius: 3px;
    background-color: #ffffff;
    margin-left: 50px;
    margin-top: 37px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2), 0px 0px 2px rgba(0,0,0,0.3);
    position: relative;
}

.myPreferencesTitle, .myPreferencesCardTitle {
    width: 372px;
    height: 32px;
    font-family: Open Sans;
    font-size: 30px;
    color: #514e4b;
    font-weight: 600;
    text-decoration: none solid rgb(81, 78, 75);
    line-height: 32px;
    margin: 21px 93px 210px 32px;
}

.myPreferencesCardTitle {
    width: 335px;
    height: 55px;
    font-size: 14px;
    line-height: 55px;
    margin: 180px 29px 31px 20px;
    font-weight: 500;
    margin-left: 24px;
}

.myPreferencesCardButtons {
    position: absolute;
    bottom: 31px;
    left: 171px;
}

.btn-save-preferences {
    left: 16px;
}

.myPreferencesDDLGroup {
    margin-left: 40px;
    margin-top: 10px;
}

#lrn-list-top #top-layer-2 .user {
    text-align: left;
}

.btn-group > .btn.active {
    background-color: #1c75bc;
    color: #fff !important;
}

    .btn-group > .btn.active:hover {
        background-color: #2e80c1 !important;
    }

.trnMgnStatusFilters {
    margin: 10px 0px 40px 40px
}

.learningItem .learningItem-header {
    border: 0;
    border-top: 1px solid #e9e9e9;
    border-right: 0;
    border-left: 0;
    background-color: transparent;
    border-collapse: collapse;
    overflow: hidden;
    padding-top: 28px;
    margin-top: 16px;
}

    .learningItem .learningItem-header h2 {
        font-size: 20px;
        padding-top: 0;
        padding-bottom: 22px;
        margin-left: 0;
        margin-top: 0;
    }

.learningItem-header .btn {
    float: right;
}

.filters .form-group {
    width: 315px !important;
    margin-right: 4.6%;
}

.filters .form-group {
    width: 315px !important;
    margin-right: 4.8%;
}

    .filters .form-group:last-child {
        width: 315px !important;
        margin-right: 0;
    }

.filters h4 {
    margin-left: 20px;
    padding-bottom: 5px;
}

.filters .d-flex {
    margin-left: 40px;
}

.TrainMgBtnGroupWrap {
    margin-bottom: 40px;
}

#lrn-list-top ul.counts li {
    list-style: none;
    float: left;
    padding: 0px;
    font-size: 13px;
    text-align: left;
    height: 28px;
    width: 315px;
    vertical-align: middle;
    margin: 0 4.8% 0 0;
    cursor: default !important;
}

    #lrn-list-top ul.counts li:last-child {
        margin: 0 0 0 0;
    }

.incomplete .custom-checkbox,
.optional .custom-checkbox,
.completed .custom-checkbox {
    padding-left: 0;
}

.hidden {
    display: none !important;
}

.learningItem table tr td.TrainingBtnRow div:first-child {
    text-align: right;
    padding-right: 30px;
    margin-bottom: 20px;
    /*margin-top: -60px;*/
}

.learningItem table tr td.TrainingBtnRow .btn {
    margin-left: 16px;
}

.notation {
    font-weight: 600 !important;
    float: left;
    font-size: 14px !important;
    color: #fff !important;
    background: #ff7e0a;
    margin-top: 15px;
    text-transform: uppercase;
    padding: 0 6px;
    margin-left: 20px;
}

.adminOverrideWrap {
    text-align: right;
    font-size: 12px;
    font-style: italic;
}

.learningItem table .adminOverride {
    margin: 0 30px 10px 0;
}


.learningItem table {
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2), 0px 0px 2px rgba(0,0,0,0.3);
    border-radius: 3px;
    border: 0;
}

.learningItem td {
    border-color: #e9e9e9 !important;
}

.learningItem .learningItem-header ul.counts {
    margin-left: 0;
    margin-bottom: 25px;
}

    .learningItem .learningItem-header ul.counts li:first-child {
        margin-left: 0;
        padding-left: 0;
    }

.MedEvalDescBtn {
    margin-right: 10px !important;
}

.countsWrap {
    margin-top: 20px;
}

.counts .incomplete {
    margin-right: 80px;
}

.optionalCounts {
    border-left: 0;
    padding-left: 8px;
}

.learningItem .DetailRow {
    margin: 0;
    /*float: left;*/
}

.counts .completed label > span,
.counts .incomplete label > span,
.counts .optIncomplete label > span,
.counts .optional label > span,
.counts .completed > span,
.counts .incomplete > span,
.counts .optIncomplete > span {
    border-radius: 26px;
    color: #fff;
    display: inline-block;
    width: 28px;
    height: 28px;
    text-align: center;
}

#lrn-list-top .counts li.completed label > span > span.big-number,
#lrn-list-top .counts li.incomplete label > span > span.big-number,
#lrn-list-top .counts li.optIncomplete label > span > span.big-number,
#lrn-list-top .counts li.optional label > span > span.big-number {
    padding: 1px 0 0 0;
    display: inline-block;
}

.counts .completed > span span,
.counts .incomplete > span span,
.counts .optIncomplete > span span {
    padding: 4px 0 5px 0;
    display: inline-block;
}

.counts .completed label > span,
.counts .completed > span {
    background: #6eb91e;
}

.counts .incomplete label > span,
.counts .incomplete > span {
    background: #ff7e0a;
}

.counts .optional label > span,
.counts .optional > span {
    background: #e3e3e3;
    color: #514e4b;
}

.counts .optIncomplete label > span,
.counts .optIncomplete > span {
    background: #e3e3e3;
    color: #514e4b;
}

.counts .completed .big-number,
.counts .incomplete .big-number,
.counts .optional .big-number {
    font-size: 14px !important;
    font-weight: normal !important;
}

.counts .completed .big-number,
.counts .incomplete .big-number,
.counts .optional .big-number {
    color: #fff !important;
}


.counts .optional .big-number {
    color: #514e4b !important;
}

.status-filter .reqd.completed, .status-filter li.completed,
.status-filter .reqd.incomplete, .status-filter li.incomplete {
    color: #514e4b;
}

/*.item-status.item-optional, 
.optional .item-status.item-incomplete,
.item-status.item-incomplete {
    color: #514e4b;
}*/



.optionalCounts,
.reqdCounts {
    height: 33px;
}

    .optionalCounts span,
    .reqdCounts span {
        margin-top: 4px;
        display: inline-block;
    }

#lrn-list-top ul.counts li label {
    border-radius: 0;
    display: block;
    white-space: nowrap;
    padding: 0px;
    line-height: 25px;
    height: 28px;
    width: auto;
    border: 0;
    vertical-align: middle;
    cursor: default !important;
}

#lrn-list-top ul.counts li.incomplete-checked label,
#lrn-list-top ul.counts li.incomplete label:hover,
#lrn-list-top ul.counts li.completed-checked label,
#lrn-list-top ul.counts li.completed label:hover,
#lrn-list-top ul.counts li.optional-checked label,
#lrn-list-top ul.counts li.optional label:hover {
    border-color: transparent;
    background-color: transparent;
}

}

.userManagementSearchButton {
    margin-top: 50px;
    margin-bottom: 40px;
}

.userManagementListCard {
    margin-top: 20px;
}

.userManagementTopListView {
    position: relative;
}

.userManagementAddUserButton {
    width: 160px;
}

.userManagementTopListView .link-position {
    position: absolute;
    bottom: 0;
}

.importMultipleUsersLink {
    left: 195px;
    font-weight: bold;
}

.loginInstructionsLink {
    right: 0px;
}

.downloadUsersLink {
    right: 210px;
}

.userManagementTR {
    line-height: 16px;
    border-spacing: 0px;
    padding: 0px;
}

.userManagementTD {
    height: 14px;
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-bottom: 0px !important;
}

    .userManagementTD .dropdown-toggle {
        padding-bottom: 0px !important;
        padding-top: 0px !important;
    }

    .userManagementTD span {
        margin-top: 3px;
    }

.userManagementListViewPager {
    margin-top: -15px !important;
}

.input-group-prepend--kpa {
    margin-right: 0px;
    margin-left: 8px;
}


.dropdown-toggle--kpa {
    background-color: #fff;
    border: 2px solid #1C75BC;
}

.dropdownToggleText {
    line-height: 17px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    text-transform: none !important;
    border-right: 1px solid #1C75BC;
}

.dropdownToggleChevron {
    line-height: 27px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
    font-size: 22px !important;
    border-left: 1px solid #1C75BC;
}

.show > .btn.dropdown-toggle--kpa.dropdownToggleChevron {
    color: #fff !important;
    background-color: #1C75BC !important;
}

.btn.dropdown-toggle--kpa.dropdownToggleChevron {
    color: #1C75BC !important;
    background-color: #fff !important;
}

.btn.dropdown-toggle--kpa.dropdownToggleText {
    color: #1C75BC !important;
    background-color: #fff !important;
}

.userMessageWrap-userManagement {
    margin-top: 10px;
}

.modalRow {
    margin-top: 10px !important;
}

.submit-contact {
    float: right;
    margin-top: 30px;
    margin-bottom: 5px;
    margin-right: 5px;
}

.inputNlabelWrap.modalWrap label {
    margin-left: 10px !important;
}

.inputNlabelWrap.modalWrap span.select2.select2-container.select2-container--default {
    padding-top: 0px !important;
}

    .inputNlabelWrap.modalWrap span.select2.select2-container.select2-container--default.select2-container--below {
        padding-top: 0px !important;
    }

.inputNlabelWrap.modalWrap span.select2-selection__arrow {
    top: 0px !important;
}

.newRow.modalRow .form-group {
    margin-bottom: 0px !important;
}

a#lnkOverride {
    margin-right: 10px;
    margin-left: 20px;
    max-width: 60%;
}

h4#reqTrainingTitle {
    padding-bottom: 0px;
}

.modal-footer.justify-content-end.trainings-footer {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
}

.modal-footer.justify-content-end.reassign-footer {
    padding-top: 20px;
    padding-bottom: 0px;
    padding-right: 0px;
}

.trainingSummaryTR {
    line-height: 16px;
    border-spacing: 0px;
    padding: 0px;
}

.trainingSummaryTD {
    height: 14px;
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-bottom: 0px !important;
}

.accountDetailTR {
    line-height: 16px;
    border-spacing: 0px;
    padding: 0px;
}

.accountDetailTD {
    height: 14px;
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-bottom: 0px !important;
}

.trainingSummaryTD.startLinkColumn {
    padding-left: 30px !important;
}

td.trainingSummaryTD.trainingSummaryCenteredTD {
    text-align: center;
    padding-right: 0px;
}

.trainingSummaryTD span {
    margin-top: 3px;
}

.trainingSummaryTF {
    border-top: 1px solid #e9e9e9;
}

.instructorTrainingButton {
    font-size: 15px !important;
    font-weight: normal;
    margin-left: 20px;
}

.trainingFooterLink {
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}

.panelContainer {
    display: flex;
}

.complianceSummaryCard {
    width: 54.5%;
    padding-top: 20px;
    padding-left: 30px;
    margin-top: 10px;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2), 0px 0px 2px rgba(0,0,0,0.3);
    position: relative;
    display: table-cell;
}

.accountProfileCard {
    width: 42.5%;
    padding-top: 20px;
    padding-left: 30px;
    padding-bottom: 30px;
    margin-top: 10px;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2), 0px 0px 2px rgba(0,0,0,0.3);
    position: relative;
    display: table-cell;
}

.complianceSummaryTitle {
    padding-bottom: 0px;
    padding-top: 0px;
}

.accountProfileTitle {
    padding-bottom: 0px;
    padding-top: 0px;
}

#divEhsCompliancePanel {
    width: 60%;
    padding-bottom: 40px;
}

#divSfCompliancePanel {
    width: 40%;
    padding-bottom: 40px;
}

#divEhsCompliancePanelTitle {
    padding: 15px;
}

#divSfCompliancePanelTitle {
    padding: 15px;
}

.complianceRowItem {
    font-family: Open Sans;
    font-size: 14px;
    color: #514e4b;
    font-weight: 600;
    text-decoration: none solid rgb(81, 78, 75);
    line-height: 26px;
    text-align: left;
}

.accountRowItem {
    font-family: Open Sans;
    font-size: 14px;
    color: #514e4b;
    text-decoration: none solid rgb(81, 78, 75);
    text-align: left !important;
    padding: 0px;
    font-weight: 400 !important;
}

.accountDetailModalAddressTitle {
    font-family: Open Sans;
    font-size: 13px;
    color: #514e4b;
    text-decoration: none solid rgb(81, 78, 75);
    text-align: left !important;
    padding: 0px;
    font-weight: bold;
}

.accountDetailModalItem {
    font-family: Open Sans;
    font-size: 12px;
    color: #514e4b;
    text-decoration: none solid rgb(81, 78, 75);
    text-align: left !important;
    padding: 0px;
    font-weight: 400 !important;
}

.accountDetailModalLink:link, .accountDetailModalLink:active, .accountDetailModalLink:focus, .accountDetailModalLink:hover {
    color: #1c75bc !important;
    text-decoration: none !important;
    font-size: 12px !important;
}

.accountDetailModalWebsiteLink {
    bottom: 0px;
    position: absolute;
}

.accountDetailModalImage {
    width: 100%;
    margin-top: 20px;
}

.btnViewParentAccount:link, .btnViewParentAccount:active, .btnViewParentAccount:focus, .btnViewParentAccount:hover {
    color: #1c75bc !important;
    text-decoration: none !important;
    vertical-align: bottom;
    position: relative;
    top: 3px;
    font-size: 14px;
}

#facilityDetailTabs li.nav-item a.active {
    background: transparent;
    color: #514e4b;
    border-bottom: 4px solid #1c75bc;
}

    #facilityDetailTabs li.nav-item a.active::before {
        background: transparent !important;
    }

#facilityDetailTabs .nav-item .focus {
    background: none;
    color: #514e4b !important;
    border-bottom: 4px solid #1c75bc;
}

.selfInspectionTabLink {
    padding-left: 9px !important;
    padding-right: 9px !important;
}

.learningSummaryButtonContainer {
    float: right;
    margin-top: 20px;
    margin-right: 30px;
}

.trainingSummaryContainer {
    margin: 0 auto;
    width: 100%;
    padding: 0px;
    margin-bottom: 10px;
}

.trainingAccordianHeaderRow {
    height: 60px;
    background-color: #e3e3e3;
    border-radius: 0px;
    background-color: #e3e3e3;
    background-size: cover;
    height: 40px;
}

.medicalSummaryListCard {
    margin: 0px;
}

.trainingSummaryViewHeader {
    display: inline;
    float: left;
    margin-left: 10px;
}

.trainingSummaryLeftColumn {
    width: 46%;
    float: left;
    margin-left: 30px;
    margin-right: 30px;
}

.trainingSummaryRightColumn {
    width: 46%;
    float: left;
}

.learningSummaryAccordianToggle {
    right: 13px !important;
    top: 7px !important;
    font-weight: 400 !important;
}

.trainingSearchButton {
    min-width: 40px !important;
    width: 40px !important;
    border-radius: 0 3px 3px 0 !important;
    margin-right: -1px;
    padding: 0 !important;
    height: 40px !important;
    font-size: 26px !important;
}

    .trainingSearchButton .fal {
        vertical-align: -0.16em;
    }

span.trainingSearchFilter {
    float: left !important;
    height: 40px;
}

    span.trainingSearchFilter a {
        text-decoration: none;
    }

.trainingFilterLabel {
    width: 80px;
    float: left;
    text-align: right;
    padding-top: 5px;
}


.trainingSearchTextBox {
    padding-left: 15px;
    width: 100%;
}

    .trainingSearchTextBox:focus {
        outline: 0;
    }

.client-inventory-btn {
    height: 40px !important;
}

.training-search-drop {
    margin-right: -40px !important;
}

.training-form-group {
    max-width: 275px;
}

.contactsListTDPosition {
    position: relative !important;
    display: block !important;
}

.myTopicHeaderBox h2 {
    padding: 3px 0 0 0;
    font-size: 18px;
}

.myTopicHeaderBox ul {
    float: left;
    margin: 10px 0 0 10px;
    padding: 0px;
}

.expander {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    text-align: right;
    padding-right: 45px;
}

.actionsHint .btn {margin-left: 11px;}

.categoryList {text-align: left !important;}

a {
    outline: none;
}