html {
    font-family: Tahoma, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 1.0rem;
}

body, .modal-body {
    background-color: #efeeee;
}


.branding-logo {
    background-color: white;
}


    .branding-logo .logo-text-1 {
        font-size: 2rem;
        font-weight: bold;
        font-style: italic;
        border-bottom: 2px solid black;
        line-height: 2;
    }

    .branding-logo .logo-text-2 {
        font-size: 1.2rem;
        font-weight: bold;
        font-style: italic;
        line-height: 2;
    }

    .branding-logo .logo-text-mobile {
        display: none;
    }


/*Font Awesome Icons - default properties per client*/
.icon-default-color {
    color: #09538B;
}

.icon-default-size {
    font-size: 2.2em;
}

.banner {
    background-color: #053756;
}

.banner-img-container {
    background-color: white;
    color: #09538B;
    height: 119px;
    padding-left: 12px;
    /* font-family: 'Trebuchet MSTahoma', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;*/
}

    .banner-img-container img {
        max-height: 108px;
    }

    .banner-img-container .site-title-l1 {
        font-size: 4.0rem;
        font-weight: bold;
        line-height: 6.1rem;
        text-align: left;
    }

    .banner-img-container .site-title-l2 {
        font-size: 1.9rem;
        font-weight: bold;
        line-height: 2.2rem;
    }

    .banner-img-container .site-title-l3 {
        font-size: 1.4rem;
        color: #c7d5ed;
    }

.site-banner-img {
    color: white;
    height: 44px;
    width: 230px;
    margin: 0;
    padding: 0;
}

    .site-banner-img img {
        max-height: 44px;
        display: inline-block;
    }

    .site-banner-img .site-title-l1 {
        font-size: 4.0rem;
        font-weight: bold;
        line-height: 6.1rem;
        text-align: left;
    }

    .site-banner-img .site-title-l2 {
        font-size: 1.0rem;
        font-weight: bold;
        line-height: 1.1rem;
    }

    .site-banner-img .site-title-l3 {
        font-size: 0.8rem;
        color: #E0F2FF;
    }

.env-banner {
    color: red;
    font-weight: bold;
    font-size: x-large;
    background-color: white;
    border-radius: 12px;
    line-height: 2.5rem;
}

.table-hdr-primary {
    background-color: #09538B;
}

.table-hdr-secondary {
    background-color: #678598;
}

.header-primary {
    background-color: #323C52;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.3rem;
}

.header-primary-font {
    font-weight: bold;
    font-size: 1.3rem;
}

.header-secondary {
    background-color: #c7d5ed;
    color: #323C52;
    font-weight: bold;
    font-size: 1.2rem;
}

/*header like big and small, just a third option*/
.header-tertiary {
    color: #003865;
    font-size: 1.2rem;
    font-weight: bolder;
}

/*header like big and small, just a forth option*/
.header-h4 {
    color: #2D8D60;
    font-size: 1rem;
    font-weight: bolder;
}

.header-h5 {
    color: #2D8D60;
    font-size: 0.9rem;
    font-weight: bolder;
}

.header-label {
    background-color: #efeeee;
    color: black;
}

.tab-close-img {
    vertical-align: baseline !important;
}

.tbl-responsive th {
    /*background-color: #d7eaea;*/
    background-color: #dfd5ea;
    vertical-align: middle !important;
}

/* Used for Main Site Header */
/* Used for Login Image Select List*/
.site-title {
    border: 1px solid #E0F2FF;
    padding: 3px 100px 3px 100px;
    box-shadow: 0 1px 0 #87BEE3, 0 2px 0 #87BEE3, 0 3px 3px #87BEE3;
    margin: 2px;
    font-weight: bold;
}

.btn-narrow, .btn-md-narrow, .btn-sm-narrow {
    min-width: 100px;
}

.small-btn, .btn-small {
    padding: 2px 6px !important;
    min-width: 100px !important;
    font-size: 0.8rem;
}

.btn-icon-16 {
    min-width: 20px;
    min-height: 20px;
    padding: 4px 6px;
    border-radius: 4px !important;
}

.btn-icon {
    min-height: 16px;
    min-width: 16px;
    height: auto;
    border-radius: 2px !important;
    padding: 4px !important;
    display: inline-block;
    background-color: transparent;
    border: 1px solid transparent;
    box-shadow: 1px 1px 2px transparent;
}

.btn-icon-inv {
    min-height: 16px;
    min-width: 16px;
    height: auto;
    border-radius: 2px !important;
    padding: 4px !important;
    display: inline-block;
    background-color: transparent;
    border: 1px solid transparent;
    box-shadow: 1px 1px 2px transparent;
}


.btn-icon:active {
    border: 1px solid gray;
    box-shadow: 1px 1px 2px gray;
}

.btn-icon:hover {
    border: 1px solid black;
}

.btn-icon-inv:active {
    border: 1px solid #dfd5ea;
    box-shadow: 1px 1px 2px #efeeee;
}

.btn-icon-inv:hover {
    border: 1px solid #efeeee;
}

.text-style-reset {
    padding: 0;
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
}

.overflow-y-auto {
    overflow-y: auto;
}

.wm-md-50px, .wm-sm-50px, .wm-50px {
    max-width: 50px;
}

.wm-md-75px, .wm-sm-75px, .wm-75px {
    max-width: 75px;
}

.wm-md-100px, .wm-sm-100px, .wm-100px {
    max-width: 100px;
}

.wm-md-150px, .wm-sm-150px, .wm-150px {
    max-width: 150px;
}

.wm-md-200px, .wm-sm-200px, .wm-200px {
    max-width: 200px;
}

.wm-md-250px, .wm-sm-250px, .wm-250px {
    max-width: 250px;
}

.wm-md-300px, .wm-sm-300px, .wm-300px {
    max-width: 300px;
}

.wm-md-350px, .wm-sm-350px, .wm-350px {
    max-width: 350px;
}

.wm-md-400px, .wm-sm-400px, .wm-400px {
    max-width: 400px;
}

.wm-md-500px, .wm-sm-500px, .wm-500px {
    max-width: 500px;
}

.wm-md-600px, .wm-sm-600px, .wm-600px {
    max-width: 600px;
}

.w-md-auto, .w-sm-auto {
    width: auto;
    max-width: 100%;
}

.w-min-none {
    min-width: 0;
}


.w-150px {
    width: 150px;
}

.w-100px, .w-md-100px, .w-sm-100px {
    width: 100px;
}

.w-75px {
    width: 75px;
}

.w-50px {
    width: 50px;
}

.h-100 {
    height: 100%;
}

.w-10p {
    width: 10%;
}

.w-15p {
    width: 15%;
}

.w-20p {
    width: 20%;
}

.w-25p {
    width: 25%;
}

.mh-25-vp, .mh-sm-25-vp {
    min-height: calc(25vh);
}

.mh-50-vp, .mh-sm-50-vp {
    min-height: calc(50vh);
}

.mh-100vh {
    min-height: calc(100vh);
}

.mh-75vh {
    min-height: calc(75vh);
}

.mh-50vh {
    min-height: calc(50vh);
}

.mh-25vh {
    min-height: calc(25vh);
}


.mh-350px {
    min-height: 350px;
}

.mxw-md-50vw {
    max-width: calc(50vw);
}

.mxh-75vh {
    max-height: calc(75vh);
}


.modal-window {
    min-width: 460px;
}

.label-required {
    font-weight: bold;
}

.cursor-help {
    cursor: help;
}

.validation-summary-errors {
    position: relative;
    padding: 0.5rem 0.5rem 0.5rem 0.2rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    margin-bottom: 0.5rem;
    font-size: 0.92rem;
}

.validation-summary-errors {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

    .validation-summary-errors ul {
        margin: 0;
    }

    .validation-summary-errors li {
        list-style: square;
        list-style-position: outside;
    }

    .validation-summary-errors hr {
        border-top-color: #f1b0b7;
    }

    .validation-summary-errors .link {
        color: #491217;
    }

.field-validation-error {
    color: #ae0101 !important;
    font-size: 0.96rem;
}

    .field-validation-error[style*="inline"] {
        display: block !important;
        margin-bottom: 4px;
    }

.input-validation-error {
    border-color: #ae0101;
    background-color: #fff1f1;
}

.info-panel {
}

    .info-panel.no-bold dt, .info-panel-sm.no-bold dt, .info-panel-75.no-bold dt, .info-panel-75-sm.no-bold dt,
    .info-panel.no-bold-md dt, .info-panel-sm.no-bold-md dt, .info-panel-75.no-bold-md dt, .info-panel-75-sm.no-bold-md dt,
    .info-panel.no-bold-sm dt, .info-panel-sm.no-bold-sm dt, .info-panel-75.no-bold-sm dt, .info-panel-75-sm.no-bold-sm dt {
        font-weight: normal;
    }


    .info-panel dt, .info-panel-sm dt, .info-panel-75 dt, .info-panel-75-sm dt, .info-panel-25 dt, .info-panel-25-sm dt {
        display: inline-block;
        text-align: right;
        margin: 0;
        padding: 4px 8px 4px 0;
        vertical-align: middle;
    }

    .info-panel.top dt, .info-panel-sm.top dt, .info-panel-75.top dt, .info-panel-75-sm.top dt, .info-panel-25.top dt, .info-panel-25-sm.top dt {
        vertical-align: top !important;
    }

    .info-panel dt, .info-panel-sm dt {
        width: 49%;
    }

.info-panel-75-sm dt, .info-panel-75 dt, .info-panel-25-sm dd, .info-panel-25 dd {
    width: 74%;
}

.info-panel dd, .info-panel-sm dd, .info-panel-75 dd, .info-panel-75-sm dd, .info-panel-25 dd, .info-panel-25-sm dd {
    display: inline-block;
    text-align: left;
    margin: 0;
    padding: 4px 0 4px 8px;
    vertical-align: middle;
}

.info-panel dd, .info-panel-sm dd {
    width: 49%;
}

.info-panel-75-sm dd, .info-panel-75 dd, .info-panel-25-sm dt, .info-panel-25 dt {
    width: 24%;
}


.info-panel-mixed {
}

    .info-panel-mixed dt, .info-panel-mixed-sm dt {
        width: 49%;
        display: inline-block;
        text-align: right;
        margin: 0;
        padding: 4px 8px 4px 0;
        vertical-align: middle;
    }

    .info-panel-mixed dd, .info-panel-mixed-sm dd {
        width: 49%;
        display: inline-block;
        text-align: left;
        margin: 0;
        padding: 4px 0 4px 24px;
        vertical-align: middle;
    }

.info-label {
    font-weight: bold;
}

.col-xs-6 {
    width: 50%;
}

.status-message {
    color: #ae0101;
    font-size: 0.86rem;
}

.font-size-large {
    font-size: large;
}

.font-size-medium {
    font-size: medium;
}

.br-1 {
    border-radius: 2px;
}

.br-2 {
    border-radius: 4px;
}

.br-3 {
    border-radius: 8px;
}

.br-4 {
    border-radius: 16px;
}

.text-small {
    font-size: .84rem;
}

.text-small-sm {
    font-size: inherit;
}

.text-medium {
    font-size: .94rem;
}

.text-medium-sm {
    font-size: inherit;
}

.text-primary {
    color: #003865 !important;
}

.text-secondary {
    color: #8A5321 !important;
}

.text-large {
    font-size: large;
}

.text-larger {
    font-size: larger;
}

.text-line-through {
    text-decoration: line-through;
}

.round-icon-16-white {
    background-color: #efeeee;
    border: 0.11rem solid #604478;
    border-radius: 50%;
    width: 1.6rem;
    height: 1.6rem;
    line-height: 1.6rem;
    position: relative;
}

    .round-icon-16-white img {
        position: absolute;
        top: 50%;
        left: 50%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }


@media (min-width: 768px) {
    .font-weight-normal-md {
        font-weight: normal !important;
    }
}

@media (max-width: 767px) {
    .branding-logo {
        background-color: #c7d5ed !important;
    }

        .branding-logo .logo-text-1 {
            font-size: 1.8rem;
            font-weight: bold;
            font-style: italic;
            border-bottom: 2px solid black;
            line-height: 1.5;
        }

        .branding-logo .logo-text-2 {
            font-size: 1.2rem;
            font-weight: bold;
            font-style: italic;
            line-height: 1.2;
        }


    .banner-img-container {
        height: 74px;
        padding-top: 4px;
        padding-left: 8px;
    }


        .banner-img-container img {
            max-height: 64px;
        }

        .banner-img-container .site-title-l1 {
            font-size: 1.2rem;
            line-height: 1.34rem;
        }

        .banner-img-container .site-title-l2 {
            font-size: 1.2rem;
            line-height: 1.34rem;
        }

        .banner-img-container .site-title-l3 {
            font-size: 1.0rem;
            line-height: 1.2rem;
        }

    .site-banner-img {
        width: 230px;
        margin: 0;
        padding: 0;
    }

        .site-banner-img img {
            display: inline-block;
        }

        .site-banner-img .site-title-l1, .site-banner-img .site-title-l2 {
            font-size: 0.9rem;
            line-height: 1.0rem;
        }

        .site-banner-img .site-title-l3 {
            font-size: 0.7rem;
        }


    .wm-md-200px, .wm-md-250px, .wm-md-100px, .wm-md-50px, .wm-md-75px, .wm-md-150px, .wm-md-300px, .wm-md-350px, .wm-md-400px, .wm-md-500px, .wm-md-600px, .w-md-auto {
        max-width: 100%;
    }

    .mh-md-25-vp {
        max-height: calc(25vh);
    }

    .mh-md-50-vp {
        max-height: calc(50vh);
    }

    .mxw-md-50vw {
        max-width: calc(100vw);
    }


    .info-panel dt, .info-panel-mixed dt, .info-panel-75 dt, .info-panel-25 dt {
        display: block;
        width: 100%;
        text-align: left;
        margin: 0;
        padding: 2px;
    }

    .info-panel dd, .info-panel-mixed dd, .info-panel-75 dd, .info-panel-25 dd {
        width: 100%;
        display: block;
        margin: 0;
        padding: 2px;
        margin-bottom: 12px;
    }

    .info-panel.no-bold-md dt, .info-panel-sm.no-bold-md dt, .info-panel-75.no-bold-md dt, .info-panel-75-sm.no-bold-md dt {
        font-weight: bold;
    }

    .w-md-auto, .w-md-100px {
        width: 100%;
    }

    .modal-window {
        width: calc(100vw - 6px);
    }

    .btn-md-narrow {
        min-width: 0;
    }
}

@media (max-width: 575px) {

    .branding-logo .logo-text-1 {
        display:none;
    }

    .branding-logo .logo-text-2 {
        display: none;
    }

    .branding-logo .logo-text-mobile {
        display: inline-block;
        font-size: 2rem;
        font-weight: bold;
    }


    .banner-img-container {
        height: 52px;
        padding-top: 0;
        padding-left: 4px;
    }

        .banner-img-container img {
            max-height: 48px;
        }

        .banner-img-container .site-title-l1 {
            font-size: 1.1rem;
            line-height: 1.28rem;
        }

        .banner-img-container .site-title-l2 {
            font-size: 1.1rem;
            line-height: 1.28rem;
        }

        .banner-img-container .site-title-l3 {
            display: none;
        }

    .site-banner-img {
        width: 160px;
        margin: 0;
        padding: 0;
    }

        .site-banner-img img {
            display: none;
        }

        .site-banner-img .site-title-l1, .site-banner-img .site-title-l2 {
            font-size: 0.9rem;
            line-height: 1.0rem;
        }

        .site-banner-img .site-title-l3 {
            font-size: 0.7rem;
        }

    .env-banner {
        font-size: 1rem;
        line-height: 2rem;
    }

    .wm-sm-200px, .wm-sm-250px, .wm-sm-100px, .wm-sm-50px, .wm-sm-75px, .wm-sm-150px, .wm-sm-300px, .wm-sm-350px, .wm-sm-400px, .wm-sm-500px, .wm-sm-600px, .w-sm-auto {
        max-width: 100%;
    }

    .mh-sm-25-vp {
        max-height: calc(25vh);
    }

    .mh-sm-50-vp {
        max-height: calc(50vh);
    }

    .site-title {
        padding: 3px 60px 3px 60px;
    }

    .info-panel-sm dt, .info-panel-mixed-sm dt, .info-panel-75-sm dt, .info-panel-25-sm dt {
        display: block;
        width: 100%;
        text-align: left;
        margin: 0;
        padding: 2px;
    }

    .info-panel-sm dd, .info-panel-mixed-sm dd, .info-panel-75-sm dd, .info-panel-25-sm dd {
        width: 100%;
        display: block;
        margin: 0;
        padding: 2px;
        margin-bottom: 12px;
    }

    .info-panel.no-bold-sm dt, .info-panel-sm.no-bold-sm dt, .info-panel-75.no-bold-sm dt, .info-panel-75-sm.no-bold-sm dt {
        font-weight: bold;
    }

    .w-sm-auto, .w-sm-100px {
        width: 100%;
    }

    .btn-sm-narrow {
        min-width: 0;
    }

    .text-small-sm {
        font-size: 0.84rem;
    }

    .text-medium-sm {
        font-size: 0.94rem;
    }

    .header-primary {
        font-size: 1.15rem;
    }

    .header-secondary {
        font-size: 1rem;
    }
}

@media (max-width: 319px) {
    .wm-xs-200px, .wm-xs-250px, .wm-xs-100px, .wm-xs-75px, .wm-xs-150px, .wm-xs-300px, .wm-xs-350px, .wm-xs-400px, .wm-xs-500px, .wm-xs-600px, .w-xs-auto {
        max-width: 100%;
    }


    .w-xs-auto, .w-xs-100px {
        width: 100%;
    }

    .col-xs-6 {
        width: 100%;
    }

    .text-xs-right {
        text-align: right !important;
    }

    .env-banner {
        display: none;
    }
}


.centered-block {
    text-align: center;
}

    .centered-block table {
        margin: 0 auto;
    }

.text-muted {
    color: #999 !important;
    font-weight: normal !important;
}

.text-na {
    color: #c8c8c8 !important;
    font-weight: normal !important;
}

/*TABLES*/


.link-badge-hl {
    background-color: #003865;
}

.link-badge-inactive {
    background-color: #999;
}

.link-badge {
    color: white;
    padding: 2px 4px 2px 4px;
    display: inline-block;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    position: absolute;
    margin-top: 4px;
    font-size: 1.1em !important;
    margin-left: 4px;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.grid-cap-sr-only caption {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}



.report-fieldset fieldset {
    padding: 0;
    margin: 0;
    border: none;
    display: inline-block;
}

.report-fieldset legend {
    border: none;
    padding: 4px;
    font-size: 10pt;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    border-width: 1px;
}

.c-pointer {
    cursor: pointer;
}

.icon-16 {
    width: 16px !important;
    height: 16px !important;
    line-height: 16px;
}

[class^='icon-'], [class*=' icon-'] {
    font-family: inherit;
    font-style: normal;
    font-weight: normal;
    display: inline;
}

    [class^='icon-']::before, [class*=' icon-']:before {
        display: inline-block;
    }

.icon-minus-sign:before {
    content: "\00a0\00a0";
}

.icon-plus-sign:before {
    content: "\00a0\00a0";
}

.icon-user:before {
    content: "\00a0\00a0\00a0\00a0";
}

.icon-step-backward:before {
    content: "\00a0\00a0\00a0\00a0";
}

.icon-step-forward:before {
    content: "\00a0\00a0\00a0\00a0";
}

.icon-backward:before {
    content: "\00a0\00a0\00a0\00a0";
}

.icon-forward:before {
    content: "\00a0\00a0\00a0\00a0";
}

.icon-exclamation-sign:before {
    content: "\00a0\00a0\00a0\00a0";
}

.icon-building:before {
    content: "\00a0\00a0\00a0\00a0";
}

.icon-minus-sign:before, .icon-plus-sign:before, .icon-update-16:before, .icon-delete-16:before {
    content: "\00a0\00a0\00a0\00a0";
}


.icon-minus-sign {
    background: no-repeat center url(../../Images/SC/circle-minus-16.png) !important;
    width: 100%;
    height: 100%;
    display: inline-block;
}

.icon-plus-sign {
    background: no-repeat center url(../../Images/SC/circle-plus-16.png) !important;
    width: 100%;
    height: 100%;
    display: inline-block;
}

.icon-chevron-down {
    background: no-repeat center url('../../Images/SC/chevron-down.png') !important;
    width: 100%;
    height: 100%;
    display: inline-block;
}

.icon-chevron-up {
    background: no-repeat center url('../../Images/SC/chevron-up.png') !important;
    width: 100%;
    height: 100%;
    display: inline-block;
}

.icon-user {
    background: no-repeat center url(../../Images/SC/icon-user.png) !important;
}

.icon-step-backward {
    background: no-repeat center url(../../Images/SC/icon-step-backward.png) !important;
}

.icon-step-forward {
    background: no-repeat center url(../../Images/SC/icon-step-forward.png) !important;
}

.icon-forward {
    background: no-repeat center url(../../Images/SC/icon-forward.png) !important;
}

.icon-backward {
    background: no-repeat center url(../../Images/SC/icon-backward.png) !important;
}

.icon-exclamation-sign {
    background: no-repeat center url(../../Images/SC/icon-exclamation-sign.png) !important;
}

.icon-building {
    background: no-repeat center url(../../Images/SC/icon-building.png) !important;
}

.icon-update-16 {
    background: no-repeat center url(../../Images/SC/icon-update-16px.png) !important;
}

.icon-delete-16 {
    background: no-repeat center url(../../Images/SC/icon-delete-16px.png) !important;
}



.warning-msg {
    color: red;
    font-weight: bold;
    font-size: 1.2em !important;
    background-color: #dfd5ea;
    margin: 4px;
    border: 1px solid #808080;
    padding: 8px 4px;
    box-shadow: 2px 2px 4px gray;
    border-radius: 2px;
}

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

.white-space-nowrap {
    white-space: nowrap !important;
}


/*IE11 fix*/
.modal-footer {
    justify-content: flex-start;
}