html, body, form, main {
    height: 100%;
}

p, li {
    color : #60605B;
}

h3, h4, h5, h6 {
    font-weight : bold;
}

.glyphicon.glyphicon-dot.status-red {
    color : #ff0000 !important;
}

td.status-red {
    background-color : #ff0000 !important;
}

.glyphicon.glyphicon-dot.status-amber {
    color : #ffbf00 !important;
}

td.status-amber {
    background-color : #ffbf00 !important;
}

#html-body {
    padding-left  : 5px;
    padding-right : 5px;
}

#footer .footer-cb a,
#footer .footer-cb p {
    color : #1369a8;
}

#footer .content .footer-links a {
    padding-top : 25px;
}

#footer .footer-cb .footer-links a {
    color : #1369a8;
}

#footer .footer-hr {
    margin-bottom : 0px;
    margin-top    : 10px;
}

.red-tooltip > .tooltip-inner,
.tooltip > .tooltip-inner {
    background-color: white;
    color: #f00;
    border: 3px solid #f00;
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
}

.red-tooltip + .tooltip.bottom > .tooltip-arrow {
    border-bottom: 6px solid #f00;
}

.tooltip.show {
    opacity: 0.9;
}

div.rj-box-error {
    background            : #fff;
    background            : -moz-linear-gradient(top, #fff 1%, #dbdbdb 98%);
    background            : -webkit-gradient(linear,left top, left bottom, color-stop(1%,#fff), color-stop(98%, #dbdbdb));
    background            : -webkit-linear-gradient(top, #fff 1%, #dbdbdb 98%);
    background            : -o-linear-gradient(top, #fff 1%, #dbdbdb 98%);
    background            : -ms-linear-gradient(top, #fff 1%, #dbdbdb 98%);
    background            : linear-gradient(to bottom, #fff 1%, #dbdbdb 98%);
    border                : 1px solid #ccc;
    -moz-border-radius    : 3px;
    -webkit-border-radius : 3px;
    border-radius         : 3px;
    color                 : #444 !important;
    text-decoration       : none;
    font-family           : Calibri, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    cursor                : pointer;
    display               : inline-block;
}

div.rj-box-error {
    border      : 1px solid #a81810;
    font-weight : normal !important;
}

div.rj-box-error a.rjis-button:hover, .rj-box-note a.rjis-button:hover {
    background      : #dbdbdb;
    background      : -moz-linear-gradient(top, #dbdbdb 1%, #bbb 98%);
    background      : -webkit-gradient(linear, left top, left bottom, color-stop(1%, #dbdbdb), color-stop(98%, #bbb));
    background      : -webkit-linear-gradient(top, #dbdbdb 1%, #bbb 98%);
    background      : -o-linear-gradient(top, #dbdbdb 1%, #bbb 98%);
    background      : -ms-linear-gradient(top, #dbdbdb 1%, #bbb 98%);
    background      : linear-gradient(to bottom, #dbdbdb 1%, #bbb 98%);
    filter          : progid:DXImageTransform.Microsoft.gradient(startColorstr=#dbdbdb, endColorstr=#bbb, GradientType=0);
    border          : 1px solid #999;
    color           : #333 !important;
    text-decoration : none;
}

div.rj-box-info {
    border      : 1px solid #568ab4;
    font-weight : normal !important;
    background  : #f3f6fa url('../images/YOr5wbxEjtkl.png') 4px 8px no-repeat !important;
}

div.rj-box-info h1, div.rj-box-error h1, div.rj-box-note h1 {
    font-size      : 1.4em;
    margin         : 0 0 8px 0;
    font-weight    : bold;
    line-height    : 16px;
    text-transform : uppercase;
}

div.rj-box-info p, div.rj-box-error p, div.rj-box-note p {
    font-size   : 12pt;
    line-height : 1.25em;
    margin      : 0px;
}

div.rj-box-info ul, div.rj-box-error ul, div.rj-box-note ul {
    font-size  : 12pt;
    list-style : square;
    padding    : 0 0 0 25px;
    margin     : 0px;
}

div.rj-box-info ul li, div.rj-box-error ul li, div.rj-box-note ul li {
    font-size : 12pt;
    margin    : 3px 0;
}

div.rj-box-info label, div.rj-box-info a, div.rj-box-info p, div.rj-box-info h1, div.rj-box-info li, div.rj-box-info {
    font-family : Calibri, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color       : #568ab4 !important;
}

div.rj-box-info p.footnote, div.rj-box-error p.footnote, div.rj-box-note p.footnote {
    font-size   : 0.9em;
    line-height : 1.3em;
    margin      : 11px 0;
}

div.rj-box-error label, div.rj-box-error a, div.rj-box-error p, div.rj-box-error h1, div.rj-box-error li, div.rj-box-error {
    font-family : Calibri, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color       : #a81810 !important;
}

div.rj-box-note label, div.rj-box-note a, div.rj-box-note p, div.rj-box-note h1, div.rj-box-note li, div.rj-box-note {
    font-family : Calibri, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color       : #005c42 !important;
}

div.rj-box-info p.footnote, div.rj-box-error p.footnote, div.rj-box-note p.footnote {
    font-size   : 0.9em;
    line-height : 1.3em;
    margin      : 11px 0;
}

.btn-primary, .btn-primary:focus {
    background-color : #002D62;
    border-color     : #000;
}

.btn-primary:hover {
    background-color : #003879;
}

.btn-primary:active {
    background-color : #002653 !important;
}

.btn-cb, .btn-cb:focus {
    color            : #fff;
    background-color : #1369a8;
    border-color     : #0079a1;
}

a,
a:hover,
a:focus {
    color : #002D62;
}

#logo {
    margin-top : 10.5px;
}

#logo img {
    max-width : 100%;
}

.header {
    height: 4em;
    float: left;
}

.header p {
    display: inline-block;
    margin-left: 3.1em;
}

.body{
    max-width: 17em;
    float: left;
}

.body img {
    margin-top: 1em;
    margin-left: 2em;
}

.instructions {
    margin-top: 1em;
    margin-left: 2em;
}

.favicon-instructions {
    margin-top: 6em;
}

@media(min-width: 319px) {
    .instructions {
        height: 135.5em !important;
        margin-top: -1.5em !important;
        margin-left: 0em !important;
    }
    .android-img-container{
        height: 135.5em !important;
        margin-top: -1.5em !important;
    }
    .body > img {
        padding-top: 4em !important;
    }
    .header {
        height: 0em !important;
        padding-top: 2em !important;
    }
}

@media(min-width: 350px) {
    .instructions {
        height: 125.5em !important;
        margin-top: -1.5em !important;
    }
    .android-img-container{
        height: 135.5em !important;
        margin-top: -1.5em !important;
    }
    .body > img {
        padding-top: 4em !important;
    }
    .header {
        height: 0em !important;
        padding-top: 2em !important;
    }
}

@media(min-width: 361px) {
    .instructions {
        height: 33.5em !important;
    }
} 

@media(min-width: 374px) {
    .instructions {
        height: 125.5em !important;
        margin-top: -1.5em !important;
    }
    .android-img-container{
        height: 135.5em !important;
        margin-top: -1.5em !important;
    }
}

@media(min-width: 400px) {
    .instructions {
        height: 125.5em !important;
        margin-top: -1.5em !important;
    }
    .android-img-container{
        height: 135.5em !important;
        margin-top: -1.5em !important;
    }
    .body > img {
        padding-top: 4em !important;
    }
    .header {
        height: 0em !important;
        padding-top: 1em !important;
    }
}

@media(min-width: 541px) {
    .instructions {
        height: 58.5em !important;
        margin-top: -1.5em !important;
    }
    .android-img-container{
        height: 68.5em !important;
        margin-top: -1.5em !important;
    }
    .body > img {
        padding-top: 4em !important;
    }
    .header {
        height: 0em !important;
        padding-top: 1em !important;
    }
}

@media(min-width: 766px) {
    .instructions {
        height: 58.5em !important;
        margin-top: -1.5em !important;
    }
    .android-img-container{
        height: 68.5em !important;
        margin-top: -1.5em !important;
    }
    .body > img {
        padding-top: 4em !important;
    }
    .header {
        height: 0em !important;
        padding-top: 1em !important;
    }
}

@media(min-width: 1022px) {
    .instructions {
        height: 58.5em !important;
        margin-top: -1.5em !important;
    }
    .android-img-container{
        height: 68.5em !important;
        margin-top: -1.5em !important;
    }
    .body > img {
        padding-top: 4em !important;
    }
    .header {
        height: 0em !important;
        padding-top: 1em !important;
    }
}

@media(min-width: 1586px) {
    .instructions {
        height: 31.5em !important;
        margin-top: -1.5em !important;
    }
    .android-img-container{
        height: 35.5em !important;
        margin-top: -1.5em !important;
    }
    .body > img {
        padding-top: 4em !important;
    }
    .header {
        height: 0em !important;
        padding-top: 1em !important;
    }
}

.navbar {
    margin-bottom : 0;
}

.nav-tabs {
    margin-bottom : 10px;
}

.nav-tabs li a {
    font-size : 12px;
}

@media(max-width : 404px) {
    .nav-tabs li a {
        font-size : 10px;
        padding: 10px 8px;
    }
}

.navbar-default {
    background-color : transparent;
    border-top       : 1px solid #ddd;
    border-bottom    : 1px solid #ddd;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-text {
    color : #6f6f6f;
}

.navbar-default .navbar-nav > li > a:hover {
    background-color : #eee;
    color            : #6f6f6f;
}

.navbar-default .navbar-nav > li > a:focus {
    background-color : transparent;
    color            : #6f6f6f;
}

.navbar-default .navbar-nav > li > a .caret {
    margin-top : -2px;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background-color : #e7e7e7 !important;
    color            : #6f6f6f !important;
}

.navbar-default .dropdown-menu > li > a {
    color : #6f6f6f;
}

.navbar-default .dropdown-menu > li > a:hover,
.navbar-default .dropdown-menu > li > a:focus {
    background-color : #e7e7e7 !important;
    color            : #6f6f6f !important;
}

.nav-tabs li a.active,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    color               : #6f6f6f !important;
    background-color    : #fff !important;
    border              : 1px solid #ddd;
    border-bottom-color : transparent;
    cursor              : default
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
    color            : #6F6F6F !important;
    background-color : #e7e7e7 !important;
}

.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color            : #6F6F6F !important;
    background-color : #e7e7e7 !important;
}

.navbar-nav > .open > a:hover {
    background-color : #e7e7e7 !important;
    color            : #6F6F6F !important;
}

.navbar-default .dropdown-menu {
    background-color : #eee;
}

.navbar-default .dropdown-menu .divider {
    background-color : #ddd;
    margin           : 0;
}

.navbar-default .navbar-toggle .icon-bar,
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
    background-color : #999;
}

.navbar-collapse {
    border-top-color : #ddd !important;
}

.account-number, td.number, th.number {
    font-family : "Droid Sans Mono", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

td.action, th.action {
    text-align : center;
}

td.action button, th.action button {
    margin : 2px;
}

@media(max-width : 1185px) {
    td.action button, th.action button {
        width : 100%;
    }
}

.bold {
    font-weight : 500;
}

.pager {
    margin      : 0;
    text-align  : center;
}

.pagination {
    margin : 0;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color : #002D62;
}

th .glyphicon, td .glyphicon {
    margin-right : 10px;
}

@media(max-width : 767px) {
    .navbar-nav .open .dropdown-menu {
        background-color : #eee;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color : #6f6f6f;
    }

    /*--User dropdown--*/
    .navbar-nav {
        margin : 0px -15px;
    }

    .navbar-default .navbar-nav > .user-dropdown > a {
        pointer-events : none;
        font-weight    : 500;
    }

    .navbar-default .navbar-nav > .user-dropdown > a .caret {
        display : none;
    }

    .navbar-default .navbar-nav > .user-dropdown .dropdown-menu {
        background-color : #ffffff;
        display          : block;
        position         : relative;
        width            : 100%;
    }

    .navbar-default .navbar-nav > .user-dropdown .dropdown-menu > li > a {
        padding : 15px 25px;
    }

    .btn-responsive {
        margin-top    : 3px;
        margin-bottom : 3px;
        display       : block;
        width         : 100%;
    }
}

@media (min-width : 768px) {
    .navbar-right {
        margin-right : 0;
    }
}

td.account-name small {
    display : block;
}

td.account-options .btn {
    margin : 2px 0;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th,
.table > thead > tr > th > a {
    vertical-align : middle;
    color          : #222;
}

#page-header {
    margin-top    : 21px;
    margin-bottom : 0;
    color         : #002D62;
}

#breadcrumb {
    border-radius         : 0;
    -moz-border-radius    : 0;
    -webkit-border-radius : 0;
    margin-bottom         : 0;
}

.highlight {
    font-weight : bold;
    font-size   : 12px !important;
}

#breadcrumb > li + li:before {
    position                : relative;
    top                     : 1px;
    left                    : -1px;
    display                 : inline-block;
    font-family             : 'Glyphicons Halflings';
    font-style              : normal;
    font-weight             : bold;
    line-height             : 1;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
    content                 : "\e258";
}

#page-header + #breadcrumb {
    border-top : 0;
}

#content {
    padding-top : 20px;
}

#signin label {
    width : 60px;
}

@media(min-width : 768px) {
    #signin {
        padding : 40px 40px 30px;
    }
}

@media(max-width : 767px) {
    #signin {
        padding-top : 30px;
    }
}

.article-content .form-control,
#signin .form-control {
    font-size   : 12px;
    height      : 30px;
}

.sign-in-div {
    background-color : #FAFAFA;
}

@media(min-width : 768px) {
    .article-content .form-horizontal .control-label {
        text-align  : left;
        padding-top : 6px;
    }
}

.article-content .form-horizontal {
    margin : 0 0 20px;
}

.article-content *:first-child {
    margin-top : 0 !important;
}

.article-content *:last-child {
    margin-bottom : 0 !important;
}

.article-content h1, .article-content .h1,
.article-content h2, .article-content .h2,
.article-content h3, .article-content .h3,
.article-content h4, .article-content .h4,
.article-content h5, .article-content .h5,
.article-content h6, .article-content .h6 {
    color : #002D62;
}

.article-content h4 {
    margin: 2em 0;
}

.article-content h6 {
    margin      : 15px 0 5px;
    font-weight : bold;
}

.article-content ol,
.article-content ul,
.article-content p {
    font-size : 80%;
}

.article-content ol {
    padding-left : 17px;
}

.article-content ul {
    padding-left : 16px;
    list-style   : square;
}

#account-detail {
    margin-bottom : 10px;
}

#account-detail .title {
    margin        : 0 0 5px;
    padding       : 0 0 10px;
    border-bottom : 1px solid #000;
}

#account-detail .toggle a:focus,
#account-detail .toggle a:hover {
    text-decoration : none;
}

#account-detail .toggle a .glyphicon {
    left : -2px;
    top  : 2px;
}

#account-detail .more-detail {
    padding-top : 15px;
}

#account-detail .more-detail .item h5,
#account-detail .more-detail .item p {
    margin : 0;
}

#account-detail .more-detail .item h5 {
    margin-bottom : 10px;
    font-weight   : bold;
}

#account-detail .more-detail .item p .glyphicon {
    padding-right : 5px;
    top           : 2px;
}

@media(max-width  : 767px) {
    #account-detail .more-detail .item + .item {
        margin-top : 15px;
    }
}

.table-actions {
    margin-bottom : 9px;
}

.table-actions .btn + .btn {
    margin-left : 5px;
}

.form-control {
    font-size : 12px;
    display   : inline;
    height    : 30px;
    background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
    background-position: right 0rem center;
    padding   : 2px 25px 2px 10px !important;
}

.dropdown {
    padding : 0px;
}

@media(min-width:768px) and (max-width: 992px) {
    #filter-bar .pull-left,
    #filter-bar .pull-right {
        max-width : 50%;
    }

    #filter-bar .form-control {
        max-width : 65%;
    }
}

@media(max-width: 767px) {
    #filter-bar .pull-left,
    #filter-bar .pull-right {
        float : none !important;
    }

    #filter-bar small {
        display        : block;
        padding-bottom : 3px;
    }

    #filter-bar .form-control {
        width : 75%;
    }

    #filter-bar .btn {
        width : 23%;
    }

    #filter-bar .pull-left + .pull-right {
        margin-top : 10px;
    }

    #footer .left-footer {
        float         : none;
        margin-right  : 0;
        width         : auto;
        border        : 0;
        text-align    : center;
        margin-bottom : 0px;
    }

    #footer .right-footer {
        float        : none;
        margin-right : 0;
        width        : auto;
        border       : 0;
        text-align   : center;
        margin-top   : 0px;
    }
}

#footer .list-inline {
    margin-bottom : 15px;
}

#footer .text-right img {
    max-width     : 100%;
    margin-bottom : 10px;
}

@media(max-width : 767px) {
    #footer .text-right {
        text-align : center !important;
    }

    #footer .text-right img {
        margin : 5px 0;
    }
}

.bs-callout-danger {
    border-left-color : #a81810 !important;
}

.bs-callout-danger h4 {
    color : #a81810 !important;
}

.bs-callout-success {
    border-left-color : #005c42 !important;
}

.bs-callout-success h4 {
    color : #005c42 !important;
}

.bs-callout-warning {
    border-left-color : #aa6708 !important;
}

.bs-callout-warning h4 {
    color : #aa6708 !important;
}

.bs-callout-info {
    border-left-color : #568ab4 !important;
}

.bs-callout-info h4 {
    color : #568ab4 !important;
}

.bs-callout {
    padding           : 20px;
    margin-bottom     : 20px;
    border            : 1px solid #eee;
    border-left-width : 5px;
    border-radius     : 3px;
}

.glyphicon.glyphicon-dot {
    font-size     : 25px;
    line-height   : 0px;
    color         : #999;
    top           : 3px;
    margin-bottom : 12px;
}

.glyphicon.glyphicon-dot:before {
    content : "\25cf";
}

.glyphicon.glyphicon-dot:hover,
.glyphicon.glyphicon-dot:focus {
    text-decoration : none;
    color           : #999;
}

tr.warning .glyphicon.glyphicon-dot {
    color : #e99002;
}

tr.warning .btn-default {
    border-color     : #d08002;
    background-color : #e99002;
    color            : #fff;
}

tr.warning .btn-default:hover,
tr.warning .btn-default:focus {
    border-color     : #513201;
    background-color : #b67102;
}

@media(max-width: 479px) {
    #footer .text-right,
    #footer .list-inline {
        text-align : center !important;
    }
}

.faq-icon {
    margin-left: 1em;
}

.icon-container {
    display: inline-block;
    height: 48px;
}

.icon-container img {
    display: inline-block;
    float: left;
}

.icon-container p {
    padding-top: 0.5em;
    padding-left: 5em;
}

/*-------Responsive Table--------------*/
.mobile-total {
    display : none;
}

@media(max-width : 800px) {
    .mobile-total {
        display : table-row;
    }

    .table-striped>tbody>tr:nth-of-type(odd) {
        background-color : #ffffff;
    }

    .table>tbody>tr>td.active, .table>tbody>tr>td.active:hover {
        background-color : #fff;
    }

    .table>tbody>tr>th:hover, .table>tbody>tr:hover, .table>tbody>tr>td:hover {
        background-color : #fff;
    }

}

@media(max-width: 1000px) {
    .btn-responsive {
        margin-top : 5px;
        display    : block;
        width      : 100%;
    }

    .btn-fill {
        margin-top : 5px;
        width      : 100%;
    }

    .hidden-sm {
        display : none
        !important
    }
}

@media(min-width: 1001px) {
    .btn-fill {
        margin-top : 5px;
        width      : 65%;
    }
}

/*-----Style block for the steps indicator-----*/

ul.steps {
    display    : table;
    list-style : none;
    position   : relative;
    width      : 100%;
    margin     : 0 0 20px;
    padding    : 0px;
}

ul.steps li {
    display    : table-cell;
    text-align : center;
}

ul.steps li a, ul.steps li:hover {
    display         : block;
    position        : relative;
    -moz-opacity    : 1;
    filter          : alpha(opacity=100);
    opacity         : 1;
    color           : #666;
    text-decoration : none;
}

ul.steps li a:before {
    content    : "";
    position   : absolute;
    height     : 4px;
    background : #ccc;
    top        : 20px;
    width      : 100%;
    z-index    : 4;
    left       : 0;
}

ul.steps li.disabled a span:first-child {
    background : #ccc;
}

ul.steps li a span:first-child {
    width         : 40px;
    height        : 40px;
    line-height   : 40px;
    border-radius : 100px;
    display       : block;
    margin        : 0 auto 5px;
    font-size     : 16px;
    text-align    : center;
    position      : relative;
    z-index       : 5;
}

ul.steps li.selected a:before, ul.steps li a span:first-child {
    background : #002D62;
    color      : #fff;
}

ul.steps li:first-child a:before {
    left : 50%;
}

ul.steps li:last-child a:before {
    right : 50%;
    width : 50%;
    left  : auto;
}

.inputs {
    width : 100%;
}

*:focus { 
    outline: 0 !important;
  }