/*------------------------------------------------*/
/*	Skin: Dark Blue
/*------------------------------------------------*/
/* general */
a {
    color: #0032D6;
    word-wrap: break-word;
}

.sectionh {
    BACKGROUND-COLOR: transparent;
    COLOR: black;
    text-align: -webkit-center;
}
.live-menu li a:focus {
    color: #001970;
    text-decoration: underline !important;
    outline: 2px solid;
    outline-color: #1A73E8;
}
a:hover, a:focus {
    color: #001970;
    text-decoration: underline !important;
}

a:focus-visible {
    /*outline: -webkit-focus-ring-color auto 2px;*/
    outline-offset: 2px;
    outline-color: #1A73E8;
}

.verticalradio input[type="radio"]:focus-visible {
    margin: 2px 0px 0px 4px;
    outline-offset: 5px;
    outline-color: #1A73E8;
    opacity: 1;
}
input[type="checkbox" i]:focus-visible {
    outline-offset: 4px;
    outline-color: #1A73E8;
}
input[type=radio]:focus-visible {
    outline-offset: 2px;
    outline-color: #1A73E8;
}
select:focus-visible {
    outline-offset: 2px;
    outline-color: #1A73E8;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #0042FF;
    border-color: #0042FF;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #0042FF;
    background-color: #fff;
    border: 1px solid #7F857F;
}

.page-link:hover {
        z-index: 2;
        color: #101010;
        background-color: #D8D8D8;
        border-color: #7F857F;
    }

.page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(26,115,232,1);
        border-color: #fff !important;
    }

.page-item.active {
    z-index: 1;
    color: #fff;
    background-color: #0042FF;
    border-color: #fff;
}

.top-bar {
    background-color: #fff;
    border-bottom: 1px solid #dfdfdf;
}

    .top-bar .top-bar-right .btn-link {
        color: #8ccbe5;
    }

        .top-bar .top-bar-right .btn-link:hover {
            color: #fff;
        }

    .top-bar .notifications .count {
        border-color: #001970;
    }

    .top-bar .searchbox input[type="search"] {
        background-color: #fff;
        border-color: #103848;
    }

    .top-bar .searchbox .btn {
        background-color: #23789c;
        border-color: #103848;
    }

        .top-bar .searchbox .btn .fa {
            color: #195872;
        }

        .top-bar .searchbox .btn:hover {
            border-color: #103848;
        }

            .top-bar .searchbox .btn:hover .fa {
                color: #15485d;
            }

/* widget */
.widget {
    border-color: #2c98c6;
}

    .widget .widget-header {
        background-color: #001970;
        border-bottom-color: #195872;
        color: #fff;
        display: flex;
    }

.ui-widget-header {
    background: #001970;
    color: #ffffff;
}


.widget-noborder .widget-header {
    background-color: #001970;
    border-bottom-color: #195872;
    color: #fff;
    display: flex;
}

.widget-header {
    background-color: #001970;
    border-bottom-color: #195872;
    color: #fff;
    display: flex;
}

.td-widget-header {
    background-color: #001970;
    border-bottom-color: #195872;
    color: #fff;
}


.widget .widget-header em {
    color: #fff;
}

.widget .widget-header .btn-help {
    color: #38a5d3;
}

.widget .widget-header .widget-header-toolbar {
    border-left-color: #1b5e7a;
}

    .widget .widget-header .widget-header-toolbar .control-title {
        color: #fff;
    }

.widget .widget-header .btn-group > a {
    color: #fff;
}

    .widget .widget-header .btn-group > a:hover, .widget .widget-header .btn-group > a:focus {
        color: #cef1ff;
    }

.widget widget-border {
    border-color: none;
}

/* main content */
.main-header h2 {
    color: #174e66;
    border-right-color: #2c98c6;
}

.main-header em {
    color: #217294;
}

/* footer */
.footer {
    background-color: #001970;
}

.tableFooterStyle {
    background-color: #001970;
    color: black;
    font-weight: bold;
}

.sectHead,
.sectHead A:link,
.sectHead A:visited,
.sectHead A:active,
.sectHead A:hover,
.sectHeadCenter,
.sectHeadRight {
    FONT-WEIGHT: bold;
    FONT-SIZE: 100%;
    VERTICAL-ALIGN: middle;
    COLOR: #ffffff;
    TEXT-INDENT: 2pt;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    HEIGHT: 27px;
    BACKGROUND-COLOR: #001970;
    TEXT-ALIGN: left;
    border-radius: 10px;
    padding: 1rem;
}




#footer_2 {
    background: #000970; /*rgba(0, 51, 102, 0.85) none repeat scroll 0 0;*/
}

#footer_2 {
    color: #ffffff;
    line-height: 2.5;
    padding-top: 18px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.clearfix {
    clear: both;
}


#footer_2 a {
    background-color: rgba(94, 105, 165, 1);
    border-radius: 4px;
    margin-right: 8px;
    padding: 2px 1.4%;
    white-space: nowrap;
}

    #footer_2 a, #footer_2 a:hover, #footer_2 a:visited {
        color: #fff;
    }

.btn-primary {
    background-color: #001970;
    border-color: #001970;
}

    .btn-primary:focus {
        box-shadow: 0 0 0 0.2rem rgba(26,115,232,1);
        color: #fff;
    }
    .btn-primary:hover {
        background-color: #15485E;
        border-color: #15485E;
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff !important;
        background-color: #001970;
        border-color: #001970;
    }

.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(26,115,232,1);
}

.datepicker:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 0.12rem rgba(26,115,232,1);
}

button:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(26,115,232,1);
    border-radius: 5px;
}

.ui-dialog {
    z-index: 1000000000;
    top: 0;
    left: 0;
    margin: auto;
    position: fixed;
    max-width: 100%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

    .ui-dialog .ui-dialog-content {
        flex: 1;
    }

.modal-header {
    color: #fff;
    background-color: #001970;
}

.bg-primary {
    background-color: #001970 !important;
    border-color: #001970;
}

    .bg-primary:hover {
        background-color: #001970;
        border-color: #001970;
    }

.widget-default {
    border-color: lightgrey;
}

.close:focus {
    opacity: 1;
}
/*.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #001970;
    border-color: #001970; /*set the color you want here*/
}
*/