/*-------------------- ISSI Elements --------------------*/

.iremit {
    display: none;
}

.logo {
    width: 90% !important;
    /* margin: 0 auto !important; */
}

#loginLogo {
    display: none;
}

.user {
    display: none;
}

table#main {
    /* min-height: 100vh; */
    border-collapse: separate !important;
    /* background     : #111111; */
}

#main [class*='db0'] {
    display: none;
}

.textbox1 {
    margin : 0;
    padding: 0;
    border : 0;
}

#register {
    width         : 80%;
    margin        : 10px auto;
    padding       : 25px !important;
    padding-bottom: 5px !important;
}

#issi_grid {
    width: 100%;
}

#member-license p {
    font-size: .8em;
}

#page-wrapper {
    margin-left  : 0;
    padding-left : 315px;
    padding-right: 15px;
    /* padding-top  : 10px; */
}

/* #pageTitle {
    color: #004E94;
} */

#employer_button {
    display    : none;
    margin-left: 15px;
}

#member_button {
    display   : none;
    margin    : 20px 0 10px 15px;
    text-align: left;
}

#backMainBtn {
    float           : right;
    margin-right    : 25px;
    padding         : 5px 8px 5px 8px;
    font-size       : 1em;
    background-color: #555254 !important;
}

.forgotButton {
    font-size: 12pt;
}

#menu-page-right {
    display   : block;
    float     : right;
    margin-top: -300px;
    text-align: center;
}

.login-span {
    font-family: 'Lato', Arial, sans-serif;
    font-size  : 1.3em !important;
}

#disclaimer {
    margin-bottom: 20px;
    font-size    : .8em;
    font-style   : italic;
    color        : #444444;
}

#howToSelect {
    margin-bottom: 10px;
}

#disablePopups {
    margin-bottom: 20px;
}

#howToSelect,
#howToToggle,
#disablePopups {
    color: #444444;
    /* color: #E0E0E0; */
}

#dashLink {
    margin-bottom: 20px;
}

#dashLink a:hover {
    text-decoration: underline;
}

#submit,
#submitBtn,
#submitDates {
    color: #FFFFFF;
}

#submitBtn {
    display: block;
    width  : 50%;
    margin : auto;
}

#submitBtn i,
#submit_section i {
    vertical-align: bottom;
}

div#loading,
div#loading h4 {
    text-align: center;
    /* color     : #FFFFFF; */
}

#loading-full-screen {
    display         : none;
    width           : 100%;
    height          : 100%;
    position        : fixed;
    top             : 0;
    left            : 0;
    z-index         : 9999;
    background-color: rgba(255,255,255,0.9);
}

#loading-full-flex {
    display        : flex;
    height         : 100%;
    flex-direction : column;
    justify-content: center;
}

#loading-full-flex h3,
#loading-full-flex p {
    color: #444444 !important;
}

#loading-full-flex .indeterminate {
    background-color: #26A69A !important;
}

.progress {
    margin-top      : 40px;
    /* background-color: #333333; */
}

/* .progress .indeterminate {
    background-color: #1B375D;
} */

.validTextBox {
    border-bottom: 1px solid #000000;
    box-shadow   : 0 1px 0 0 #000000;
}

.invalidTextBox {
    border-bottom: 1px solid #000000;
    box-shadow   : 0 1px 0 0 #000000;
}

#member-error,
.success,
.warning,
.redirect,
.errormsg,
.importantMessage {
    width              : auto;
    margin             : 10px auto;
    margin-left        : 0;
    padding            : 10px 10px 10px 50px;
    font-weight        : normal;
    color              :#FFFFFF;
    background-position: 10px center;
    background-size    : 30px;
    background-repeat  : no-repeat;
    border             : 1px solid #D84B4B;
}

.warning,
.importantMessage {
    background-color: #F44336;
}

.info {
    /* display            : flex; */          /* this removes all plaintext spaces between dates and fund names */
    width              : auto;
    margin             : 0 0 15px 0;
    padding            : 20px 20px 20px 70px;
    align-items        : center;
    font-size          : 1.2em;
    color              : #2E3091;
    background         : url('../../../../../eremitimages/images/icons/warning2.png') no-repeat #E8E8FF;
    background-position: 10px 50%;
    background-size    : 50px;
    border-radius      : 0;
    border             : 1px solid #2E3091;
    border-left        : 8px solid #2E3091 !important;
}

.info p {
    margin : 5px 0;
    padding: 0;
}

.info a:hover {
    text-decoration: underline;
}

.collapsed-button {
    display         : inline-flex;
    width           : 20px;
    height          : 20px;
    line-height     : 100%;
    /* position        : absolute; */
    top             : 50%;
    left            : 5px;
    font-family     : 'Courier New', Courier, monospace;
    font-size       : 14px;
    /* text-align      : center; */
    /* text-indent     : 0 !important; */
    content         : '+';
    color           : white;
    background-color: #31b131;
    border-radius   : 4px;
    /* box-sizing      : content-box; */
    box-shadow      : none;
    align-items     : center;
    justify-content : center;
}

/* #norecords,
#invalidRange {
    display: flex;
} */

#question,
#reset_question {
    font-size: 12pt;
}

#tableInfo {
    font-style: italic !important;
    color     : #444444;
}

#fundHelpText {
    line-height: 130%;
}

#fundSelect {
    background-color: #FFFFFF;
    border          : 1px solid #9E9E9E;
}

#depList {
    display     : inline-block;
    margin-right: 20%;
    /* float       : right; */
}

#content {
    width  : 100% !important;
    float  : left;
    margin : 0 auto;
    padding: 0;
}

#leftcontent {
    display      : none;
    width        : 100% !important;
    float        : left !important;
    margin       : 0 auto !important;
    padding      : 0;
    background   : #FFFFFF url(../../images/menu_bg.png) repeat-x left bottom !important;
    border-bottom: 1px solid #C3D8E0;
    /* background-image: url(bg.jpg); */
}

#leftcontent-hide {
    display: none;
    width  : 100% !important;
    float  : left !important;
    margin : 0 auto !important;
    padding: 0;
    /* border-bottom: 1px solid #C3D8E0; */
    /* background-image: url(bg.jpg); */
}

.left {
    width         : 70%;
    float         : left;
    margin-bottom : 0;
    padding-bottom: 0;
}

/*.right {
    width: 25%;
    float: left;
}*/

.right .warning {
    width    : 70%;
    font-size: .9em;
}

.upperRight {
    display         : block;
    width           : 40%;
    margin          : 0 auto 10px auto !important;
    padding         : 5px 12px !important;
    text-align      : center;
    background-color: #FEBE04;
    /* margin          : 10px 10px 0 0 !important; */
}

ul.right {
    font-size : 9pt;
}

p.error {
    font-weight: bold;
    color      : red
}

.one-fourth.column {
    width: 23%;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/*-------------------- HTML Elements --------------------*/

html {
    min-height: 100vh;
    margin-top: 0;
    overflow-y: scroll;
    background: #FFFFFF;
}

body {
    width        : 100%;
    position     : absolute;
    margin       : 0 auto;
    padding-left : 0 !important;
    padding-right: 0 !important;
    font-size    : 14pt;
    /* color        : #000000; */
    color        : #00334D;
    background   : none;
}

::selection {
    color           : #FFFFFF;
    background-color: #612166;
}

h1 {
    font-family: 'Lato', sans-serif !important;
    font-size  : 42px;
}

h2 {
    width         : auto;
    margin        : 0;
    padding       : 20px 0 15px 0;
    font-family   : 'Lato', sans-serif !important;
    font-size     : 2.5rem;
    letter-spacing: 0;
    color         : #444444;
    background    : none;
    border        : none;
}

h3 {
    width         : auto;
    margin        : 10px 0 10px 0;
    padding       : 0;
    font-family   : 'Lato', sans-serif !important;
    font-size     : 2.25rem;
    text-align    : left;
    letter-spacing: 0;
    color         : #444444;
}

h4 {
    padding    : 0;
    font-family: 'Lato', sans-serif;
    font-size  : 1.225em;
    color      : #444444;
}

h4.hf {
    color: #F26522;
}

td {
    font-family: 'Lato', Arial, sans-serif;
}

/* a {
    font-family: 'Lato', Arial, sans-serif;
    color      : #004469;
} */

a img {
    border: none;
}

li {
    font-family: 'Lato', Arial, sans-serif;
}

li a {
    color: #444444;
}

i {
    color: #000000;
}

ol,
ul {
    font-size : 12pt;
    text-align: left;
}

p {
    margin     : 20px 0 10px 0;
    padding    : 0;
    line-height: 140%;
    font-family: 'Lato', Arial, sans-serif;
    font-size  : 12pt;
}

input:-webkit-autofill + label {
    -webkit-transform       : translateY(-14px) scale(0.8);
    transform               : translateY(-14px) scale(0.8);
    -webkit-transform-origin: 0 0;
    transform-origin        : 0 0;
}

/*-------------------- Nav --------------------*/

tr#navbar1 {
    display         : none;
    background-image: none;
    background-color: #EFEFEF;
    border-top      : 1px solid #DDDDDD;
    border-bottom   : 1px solid #DDDDDD;
}

.nav-wrapper {
    height     : 48px;
    line-height: 48px;
    font-size  : 15px;
    background : transparent;
}

div.user-view {
    background-color: #004E94;
}

.sidenav .user-view {
    margin-bottom: 0;
    padding-left : 0;
    padding-right: 0;
    padding-top  : 0;
}

.sidenav .user-view .circle {
    width        : 180px;
    height       : 180px;
    margin-top   : 20px;
    margin-bottom: 20px;
}

.sidenav-trigger {
    margin: 0 !important;
}

.navtext {
    display         : block;
    width           : 90% !important;
    margin          : 0;
    padding         : 5px 5px;
    font-family     : 'Lato', Arial, Helvetica, sans-serif;
    font-weight     : normal;
    text-align      : left;
    text-decoration : none;
    color           : #14508F;
    background-color: transparent;
}

.navtext a {
    color: #14508F;
}

.sidenav a {
    height     : 48px;
    line-height: 48px;
    padding    : 0 15px;
    font-family: 'Lato', sans-serif;
    font-size  : 13px;
    color      : #FFFFFF !important;
}

.sidenav a.indent {
    padding-left: 15px;
}

.sidenav a:hover {
    /* color           : #1B375D !important; */
    color           : #FFC70C !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
}

.sidenav a:hover i {
    /* color: #1B375D !important; */
    color: #FFC70C !important;
}

.sidenav li {
    color: #FFFFFF;
    /* padding-left: 10px; */
}

.sidenav li > a {
    padding: 0 15px;
}

.sidenav li > a > i {
    line-height : 46px !important;
    margin-right: 15px;
    color       : rgba(255, 255, 255, 1);
}

.sidenav i,
.sidenav svg {
    transition: 0.3s ease-out;
}

.sidenav i:hover,
.sidenav svg:hover {
    /* color     : #1B375D !important; */
    color     : #FFC70C !important;
    transition: 0.3s ease-out;
}

a.brand-logo {
    left       : 0 !important;
    font-size  : 16px;
    white-space: nowrap;
    color      : #FFFFFF !important;
    transform  : translateX(0%) !important;
}

a.brand-logo:hover {
    color           : #FFC70C !important;
    background-color: transparent !important;
    cursor          : default;
}

#nav-mobile,
.sidenav.sidenav-fixed,
.sidenav .collapsible li,
.sidenav.sidenav-fixed .collapsible li {
    background-color: #1B375D;
}

.sidenav .collapsible li li a,
.sidenav.sidenav-fixed .collapsible li li a {
    padding-left: 60px !important;
}

.sidenav .collapsible-header,
.sidenav.sidenav-fixed .collapsible-header {
    padding: 0 15px;
}

.sidenav li.active {
    background-color: rgba(0, 0, 0, 0.05) !important;
}

.sidenav li svg {
    margin-right: 15px;
    text-align  : center;
}

.collapsible-header i {
    font-size: 1.33333333em;
}

.sidenav .collapsible-header:hover,
.sidenav.sidenav-fixed .collapsible-header:hover {
    /* color           : #1B375D !important; */
    color           : #FFC70C !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
}

.sidenav-dropdown {
    float       : right !important;
    margin-right: 10px !important;
    font-size   : 12pt !important;
    color       : #FFFFFF;
    transform   : rotateZ(0deg);
    transition  : 0.3s;
}

.sidenav-dropdown.open {
    transform : rotateZ(180deg);
    transition: 0.3s;
}

ul#nav-slide-out select.browser-default {
    max-width       : calc(100% - 10px);
    color           : #FFFFFF;
    background-color: #333333;
}

ul#nav-slide-out li:first-child {
    padding-left: 0;
}

/* a.collapsible-header.waves-effect {
    color           : #FFFFFF;
    background-color: #AD0000;
} */

.menu-visibility {
    display   : block;
    position  : relative;
    box-shadow: 0 1px 2px #CCCCCC;
    z-index   : 100;
    /* visibility: visible !important; */
}

.menu-visibility li {
    float: none !important;
}

.menu-visibility li a:hover {
    text-shadow       : 0 1px 1px rgba(0, 0, 0, .1) !important;
    /* color             : #1B375D !important; */
    color             : #004E94 !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition   : all 0.3s ease-in-out;
    -ms-transition    : all 0.3s ease-in-out;
    -o-transition     : all 0.3s ease-in-out;
    transition        : all 0.3s ease-in-out;
    /* border-top        : 2px solid #FCC416; */
    /* margin-top        : -2px; */
}

/*-------------------- Top Bar Element --------------------*/

.top {
    padding    : 5px 10px 5px 0;
    line-height: 1.4;
    text-align : right;
    color      : #FFFFFF;
    background : #1B375D;
}

.top div {
    display: inline;
}

.top a.topbar {
    color     : #FFFFFF;
    transition: 0.3s ease-out;
}

.top a.topbar:hover,
.top a.topbar:hover i {
    /* color     : #1B375D !important; */
    color     : #FFC70C !important;
    transition: 0.3s ease-out;
}

.top span.topbar {
    padding-left : 5px;
    padding-right: 5px;
    font-family  : 'Lato', sans-serif;
}

.top .material-icons {
    padding       : 0 5px 3px 0;
    font-size     : 22px;
    vertical-align: bottom;
    color         : #FFFFFF;
    transition    : 0.3s ease-out;
}

.top div#google_translate_element {
    margin-right: 10px;
}

/* .top + tbody tr:first-child {
    border-bottom: none;
} */

/*-------------------- Header --------------------*/

td#header {
    width            : 100%;
    margin           : 0;
    padding-top      : 10px;
    padding-bottom   : 0;
    padding-left     : 300px;
    text-align       : left;
    background-color : #FFFFFF;
}

/* td#header img {
    width: 200px;
} */

td#header .row,
td#header .row .col {
    margin-bottom : 0;
    /* padding-left  : 0;
    padding-right : 0; */
    padding-bottom: 0 !important;
}

/*-------------------- Footer --------------------*/

td#tag {
    padding         : 20px 0 10px 300px;
    font-family     : Arial, Helvetica, sans-serif;
    font-size       : 9pt;
    text-align      : center;
    color           : #FFFFFF;
    background-color: #004E94 !important;
}

footer {
    padding: 0 3%;
    color  : #FFFFFF;
}

footer p {
    margin-bottom: 10px !important;
}

footer a {
    color: #FFFFFF;
    /* color: #039BE5; */
}

footer a:hover {
    text-decoration: underline;
    color          : #FFC70C !important;
    /* color          : #004E94 !important; */
}

footer .fa {
    color: #FFFFFF;
}

footer .fa:hover {
    color: #004E94 !important;
}

footer #security-seal-isite {
    clear  : both;
    float  : right;
    display: block;
    margin : 20px auto;
    padding: 0;
}

footer #contacts {
    padding: 0;
}

footer #links {
    padding-right: 0;
}

footer #links,
footer .contact {
    font-size: 12pt;
}

footer .colTitle {
    margin-top   : 24px;
    /* margin-bottom: 12px; */
    font-size    : 12pt;
    font-weight  : bold;
    /* color        : #FFC70C !important; */
}

footer #links .colTitle {
    margin-bottom: 12px;
}

footer .footerLink {
    padding-bottom: 12px;
}

/*-------------------- Dashboard --------------------*/

h2#dashboard {
    width         : 60%;
    margin        : 0 auto 35px auto;
    padding-bottom: 5px;
    font-family   : 'Lato', Arial, sans-serif;
    font-size     : 2.75em;
    font-weight   : bold;
    text-align    : center;
    border-bottom : 5px solid #FEBE04;
}

.linkbutton:hover {
    padding        : 10px 18px;
    text-decoration: none;
    color          : #FFFFFF;
    background     : rgba(68, 68, 68, 0.90);
}

.linkbutton:focus {
    border             : 1px solid #B6D5EA;
    border-bottom-color: #B8D4EA;
    box-shadow         : 0 2px 3px #B9D4E9 inset;
}

.dash-highlight {
    padding   : 10px 0;
    text-align: center;
    color     : #FFFFFF;
    background: #367DA5;
}

.user-bg {
    /* background         : #FFFFFF url('../../../../eremitimages/211/images/user.png'); */
    background-position: 95% 95%;
    background-size    : 50%;
    background-repeat  : no-repeat;
}

.forms {
    background-position: right;
    background-repeat  : no-repeat;
    /* background         : #F2F2F2 url('../../../../eremitimages/211/images/submit_small.jpg'); */
}

.med-bg {
    background-position: 95% 95%;
    background-size    : 70%;
    background-repeat  : no-repeat;
    /* background         : #FFFFFF url('../../../../eremitimages/211/images/medical-bg.png'); */
}

h3.panel-title {
    font-family: 'Lato', Arial, sans-serif;
    font-size  : 2em;
    font-weight: bold;
    text-align : center;
}

table.panel-body {
    margin: 15px;
}

table.panel-body td {
    font-size: 1.25em;
}

table.panel-body img {
    padding: 10px 15px;
}

.panel-bottom {
    padding: 0 15px;
}

.panel-bottom p {
    line-height: 200%
}

.panel-bottom h4 {
    margin-top   : 30px;
    color        : #2C2F90;
    border-bottom: 3px solid #FEBE04;
}

.panel-bottom h4.half-width {
    width: 50%;
}

.panel-bottom-table {
    width: 100%;
}

.panel-bottom-table td {
    width         : 50%;
    padding       : 5px;
    font-size     : 1.25em;
    vertical-align: top;
}

.panel-bottom-table td:nth-child(2) {
    text-align: right;
}

/*-------------------- Colors --------------------*/

.njcBlue {
    background-color : #004E94 !important;
}

.njcBlueLight {
    background-color : #5678AB !important;
}

.njcNavy {
    background-color : #1B375D !important;
}

.njcGrey {
    background-color : #2B2B2B !important;
}

/*-------------------- Materialize Changes --------------------*/

select {
    display: inline-block;
}

label {
    color: #444444 !important;
    /* color: #E0E0E0 !important; */
}

label[for='input-field'] {
    font-size: 16px;
    color    : #FFFFFF;
}

small {
    font-size: .8em;
}

.medium {
    font-size: 11pt;
}

.large {
    font-size: 17pt;
}

p.small,
span.small {
    font-size : .75em;
    font-style: italic;
}

.material-icons {
    padding-right: 8px;
    font-size    : 28px;
    color        : #444444;
}

.input-field .material-icons.prefix.active {
    color: #004E94 !important;
}

.card .card-content p {
    margin: 10px 0;
}

.card-title {
    padding: 5px 10px;
}

.card .btn {
    display: block;
}

.datepicker-modal {
    top: 5% !important;
}

.datepicker-date-display {
    background-color: #1B375D;
}

.datepicker-table td.is-selected {
    background-color: #1B375D !important;
}

.datepicker-icon {
    left : 10px;
    color: #1B375D !important;
}

.datepicker-icon:hover {
    /* color : #1B375D !important; */
    color : #004E94 !important;
    cursor: pointer;
}

.confirmation-btns {
    display        : inline-flex;
    width          : 100%;
    margin-top     : 10px;
    justify-content: space-between;
}

.datepicker-cancel {
    color: red !important;
}

.datepicker-done {
    color: green !important;
}

.datepicker-clear {
    display: none !important;
}

.datepicker-footer .btn-flat {
    color: #000000;
}

.datepicker-footer .btn-flat:hover {
    background-color: #E0E0E0 !important;
}

.datepicker-day-button:hover {
    background-color: #E0E0E0 !important;
    transition      : 0.3s ease-out;
}

.datepicker-table td.is-selected .datepicker-day-button:hover {
    /* background-color: #1B375D !important; */
    background-color: #004E94 !important;
}

#datepickers input.date {
    left       : 60px !important;
    text-indent: 48px;
    color      : #444444;
}

#datepickers .input-field label {
    left: 60px !important;
}

blockquote {
    margin          : 20px 0 0 0;
    padding         : 1rem;
    color           : #FFFFFF;
    background-color: #083250;
    border-left     : 5px solid #3B6583;
}

.btn {
    background-color: #444444;
    transition      : background-color 0.2s ease-out;
}

.btn:hover,
.btn-large:hover,
.btn:hover i.fa,
.btn-large:hover i.fa {
    font-weight     : bold;
    /* background-color: rgba(255, 255, 255, 0.25) !important; */
    background-color: rgba(68, 68, 68, 0.90) !important;
    transition      : background-color 0.2s ease-out;
}

.btn:focus,
.btn-large:focus {
    background-color: #1D7D74;
}

.btn.njcNavy {
    color: #FFFFFF;
}

.btn.njcNavy:hover,
.btn.njcNavy:hover i.fa {
    background-color: #004E94 !important;

}

.btn.njcBlueLight:hover,
.btn.njcBlueLight:hover i.fa {
    background-color: #7092C5 !important;
}

.btn i.fa {
    transition: background-color 0.2s ease-out;
}

.btn-flat {
    color: #FFFFFF;
}

.btn-text {
    font-size  : 12pt !important;
    /* font-weight: 500 !important; */
    color      : #FFFFFF;
}

.btn-text i.fa {
    font-weight: 500;
}

.btn-text .card .info,
.btn-text .card .info a {
    font-size: 12pt;
}

.waves-effect {
    display    : block;
    font-family: 'Lato',sans-serif;
}

input[type=submit] {
    color: #000000;
}

input[type=checkbox] {
    width                : 22px;
    height               : 22px;
    position             : relative;
    margin               : 0 5px;
    vertical-align       : bottom;
    background           : #FCFFF4;
    background           : -webkit-linear-gradient(top, #FCFFF4 0%, #DFE5D7 40%, #B3BEAD 100%);
    background           : -moz-linear-gradient(top, #FCFFF4 0%, #DFE5D7 40%, #B3BEAD 100%);
    background           : -o-linear-gradient(top, #FCFFF4 0%, #DFE5D7 40%, #B3BEAD 100%);
    background           : -ms-linear-gradient(top, #FCFFF4 0%, #DFE5D7 40%, #B3BEAD 100%);
    background           : linear-gradient(top, #FCFFF4 0%, #DFE5D7 40%, #B3BEAD 100%);
    filter               : progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFFF4', endColorstr='#B3BEAD', GradientType=0);
    -webkit-border-radius: 50px;
    -moz-border-radius   : 50px;
    border-radius        : 50px;
    cursor               : pointer;
}

/*
input[type=search] {
    height       : 18px;
    margin-bottom: 0;
}

textarea,
input[type=text],
input[type=email],
input[type=textbox],
input[type=password] {
    background   : #EFEFEF;
    line-height  : 20px;
    margin       : 0;
    height       : auto;
    padding      : 5px;
    color        : #5F6A5F;
    border-radius: 5px;
    border       : 1px solid #F2F2F2;
    box-shadow   : 0 2px 3px #BCBCBC inset;
} */

/*-------------------- DataTables Changes --------------------*/

td.child ul li {
    background-color: #FFFFFF;
}

table.dataTable thead th,
table.dataTable thead td {
    margin-top: 10px;
    font-size : 12pt;
    color     : #FFFFFF;
}

.sorting,
.sorting_asc,
.sorting_desc,
.colFilter {
    background-color: #004E94 !important;
    transition      : 0.2s ease-out;
}

.sorting:hover,
.sorting_asc:hover,
.sorting_desc:hover {
    background-color: #5678AB !important;
    transition      : 0.2s ease-out;
}

.sorting:after,
.sorting_desc:after,
.sorting_asc:after {
    display: none;
}

.dataTable tbody,
.dataTable tfoot {
    font-size: 10pt;
}

.dataTable tbody tr:hover,
.dataTable tbody tr:hover * {
    background-color: #E0E0E0 !important;
}

.dataTable tfoot th {
    padding-left    : 10px !important;
    color           : #1B375D;
}

.dataTable td {
    border-radius: 0;
}

.dataTables_wrapper .row,
.dataTables_wrapper .col {
    margin : 0 !important;
    padding: 0 !important;
}

.dataTables_filter {
    margin-bottom: 10px !important;
}

.dataTables_length label {
    display    : inline-flex;
    max-width  : 100%;
    line-height: 3rem;
    padding    : 0;
    color      : #444444 !important;
}

.dataTables_length select {
    display     : inline;
    margin-left : 3px;
    margin-right: 3px;
    padding     : 3px;
    border      : 1px solid #9E9E9E;
    /* margin-top  : 9px; */
    /* height      : 1.7rem; */
}

.dataTables_filter label {
    color: #444444 !important;
}

.dataTables_filter input[type=search]:not(.browser-default) {
    margin-left  : 0 !important;
    /* padding-left : 10px !important; */
    text-indent  : 20px;
    box-sizing   : border-box;
    color        : #444444;
    border-radius: 20px !important;
    border       : 1px solid #1B375D !important;
    /* border       : 1px solid #444444 !important; */
    /* border       : 1px solid #E0E0E0 !important; */
}

.dataTables_filter input[type=search]:not(.browser-default):focus:not([readonly]) {
    /* color     : #1B375D !important; */
    color     : #004E94 !important;
    border    : 1px solid #FFFFFF;
    /* border    : 1px solid #E0E0E0; */
    box-shadow: 0 0 1px 0 #E0E0E0;
}

/* .dataTables_info {
    color: #444444 !important;
} */

.dataTables_paginate {
    padding-bottom: 10px;
    /* color         : #444444 !important; */
}

/* .dataTables_paginate a.paginate_button:not(.current) {
    color: #444444 !important;
} */

div.dt-buttons {
    float        : right !important;
    padding-top  : 28px !important;
    padding-right: 10px !important;
}

.dt-buttons .btn-flat {
    line-height   : 0 !important;
    margin-right  : 0 !important;
    font-size     : 1em !important;
    text-transform: inherit !important;
    background    : none;
    border        : none !important;
}

.dt-buttons .btn-flat:hover:not(.disabled) {
    background-image: none !important;
    background-color: #1B375D !important;
    /* background-color: #5678AB !important; */
}

.dt-buttons .btn-flat:hover:not(.disabled) * {
    background-image: none !important;
    color           : #FFFFFF !important;
    /* color           : #5678AB !important; */
    /* color           : #1B375D !important; */
}

.dt-buttons .btn-flat span,
.dt-buttons .btn-flat span i {
    /* color: #FFFFFF; */
    /* color: #E0E0E0; */
    /* color: #444444; */
    color: #1B375D;
}

.dt-button span i {
    font-size: 1.6rem;
}

/*------------------- SWAL Changes -------------------*/

.swal2-modal .swal2-title {
    color: #595959 !important;
}

.swal2-input {
    width        : 91px !important;
    margin       : 0 auto !important;
    margin-bottom: 8px !important;
    padding      : 0 10px !important;
}

/*-------------------- Enrollment --------------------*/

.add:before {
    content: '\271A';
}

.update:before {
    content: '\270E';
}

.delete:before {
    content: '\2718';
}

.submit:before {
    content: '\2714';
}

.logButton:focus {
    color: #FFFFFF !important;
}

span.downarrow:after {
    display     : block;
    width       : 0;
    height      : 0;
    position    : absolute;
    top         : 49%;
    right       : 0;
    content     : '';
    margin-top  : -2px;
    border-top  : 5px solid #CCCCCC;
    border-left : 5px solid transparent;
    border-right: 5px solid transparent;
}

/*-------------------- Pension --------------------*/

/* #pension {
    background-image   : url('../../../../eremitimages/500/images/retirement.jpg');
    background-repeat  : no-repeat;
    background-size    : 70%;
    background-position: right top;
} */

/*-------------------- Trustee Site --------------------*/

.divider {
    margin: 30px 0 10px 0;
    border: 1px solid #DDDDDD;
}

#docTable,
#trustTable {
    width      : 100% !important;
    padding-top: 20px;
}

#docTable_filter,
#docTable_length {
    font-size: 1.3em;
}

td.sorting,
td.sorting_asc,
td.sorting_desc {
    font-weight: bold;
    border     : 1px solid #DDDDDD;
}

#trustTable thead td,
#docTable thead td {
    font-weight     : bold;
    color           : #FFFFFF;
    background-color: #00334D;
}

#docTable thead a {
    color: #FFFFFF;
}

#doc-loading {
    width     : 100%;
    height    : 100%;
    position  : absolute;
    top       : 0;
    left      : 0;
    background: #000000;
    opacity   : 0.2;
}

#doc-loading span {
    display   : block;
    font-size : 3em;
    text-align: center;
    color     : #000000;
}

#doc-loading img {
    display : block;
    position: absolute;
    top     : 50%;
    left    : 50%;
    margin  : 0 auto;
    z-index : 1000;
    opacity : 1;
}

#trustTable_paginate,
#docTable_paginate {
    margin-top: 10px;
    font-size : 1.1em;
}

#trustTable_paginate a,
#docTable_paginate a {
    padding        : 5px 10px;
    text-decoration: none;
}

#trustTable_paginate span a,
#docTable_paginate span a {
    margin    : 0 5px;
    padding   : 6px 12px;
    color     : #333333 !important;
    border    : 1px solid #979797;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #FFFFFF 0%, #DCDCDC 100%) repeat scroll 0 0;
}

#trustLeft {
    width        : 20%;
    float        : left;
    margin-right : 2%;
    padding-top  : 20px;
    padding-right: 1%;
}

#trustMain {
    display: block;
    width  : 76%;
    float  : right;
}

#trustMain h2 {
    font-size: 2.5em;
}

#trustMain h3 {
    padding   : 5px 0;
    text-align: center;
}

#trustMain h3 img {
    width       : 20px;
    margin-right: 8px;
}

#trustMain ul {
    padding-left   : 0;
    list-style-type: none;
}

#trustMain ul li {
    padding-bottom: 25px;
}

#trustLeft .box {
    display   : inline;
    min-height: 100px;
    margin    : 8px 5% 20px 0;
    padding   : 10px 5%;
    text-align: left;
    color     : #444444;
    background: #EFEFEF;
    border    : 1px solid #CCCCCC;
    /* width     : 100%; */
    /* float     : left; */
}

.sidebar-menu {
    padding-left   : 0;
    line-height    : 220%;
    font-size      : 1.25em;
    list-style-type: none;
}

.sidebar-menu img {
    width         : 18px;
    padding-right : 5px;
    vertical-align: middle;
}

#trustLeft h3 {
    margin : 0;
    padding: 0;
}

#trustLeft .box a {
    color: #062134;
}

#trustLeft .box span {
    color: #062134;
}

#trustLeft .box p {
    color  : #062134;
    margin : 0;
    padding: 10px 0 20px 0;
}

#trustLeft .box h3 {
    padding   : 10px 0;
    font-size : 1.75em;
    text-align: left;
    color     : #00334D;
}

/*-------------------- Responsive --------------------*/

@media all and (min-width: 1240px) {

    .menu li.first:hover {
        margin-top: -4px;
        border-top: 4px solid #FFBD35;
        transition: border-top-color .3s;
    }

}

@media all and (min-width: 993px) {

    /* footer .contact.col.l2 {
        width: 20%;
    } */

}

@media all and (max-width: 1239px) and (min-width: 993px) {

    td#tag,
    td#header {
        padding-left: 300px;
    }

    #page-wrapper {
        padding-left : 315px;
        padding-right: 15px;
    }

    #depList {
        float: none;
    }

    #claimList,
    #ytdSpend {
        width: 100%;
    }

    .btn-text,
    .btn-text .card .info,
    .btn-text .card .info a {
        font-size: 12pt !important;
    }

}

@media all and (max-width: 1239px) and (min-width: 768px) {

    .menu li {
        margin: 0;
    }

    .menu li a {
        text-align: left;
    }

    .menu li ul {
        position: relative;
    }

    .menu li li {
        width        : auto;
        padding-left : 0;
        padding-right: 0;
        border       : none;
    }

    .menu li li a {
        margin : 0;
        padding: 5px 20px 5px 40px;
        /* width  : 100%; */
    }

    .menu li ul a {
        font-size: inherit;
    }

    .menu li ul li a:hover {
        color: inherit !important;
    }

    .menu li:hover ul {
        display    : block;
        width      : 300px;
        margin-left: -5px;
    }

    .navtext {
        margin-bottom: 30px;
    }

    td#header {
        padding-left: 300px;
    }

    /* td#tag {
        padding-left: 0;
    } */

    #header h1 {
        font-size : 2.7em;
        text-align: center;
    }

    #header h2 {
        font-size : 1.5em;
        text-align: center;
    }

    #backMainBtn {
        margin-top: 0;
    }

    .logo-main {
        margin: 20px 0 0 50px;
    }

    .first {
        margin : 0;
        padding: 0;
    }

    #desktopMenu {
        margin-left: 35px;
    }

    .responsive-menu {
        display         : none;
        background-color: #FFFFFF;
        /* visibility      : hidden; */
    }

    .responsive-menu-toggle {
        display              : block;
        width                : 35px;
        height               : 35px;
        position             : relative;
        top                  : 0;
        left                 : 40px;
        text-align           : center;
        -webkit-border-radius: 3px;
        border-radius        : 3px;
        /* position             : absolute; */
    }

    .menu-visibility {
        display   : block;
        width     : 240px;
        position  : absolute;
        margin-top: 0;
        padding   : 5px;
    }

    .forms {
        background-size: 45%;
    }

}

@media only screen and (max-width: 1039px) and (min-width: 993px) {

    #header img {
        width: 100%;
    }

}

@media all and (max-width: 992px) {

    td#header {
        padding-left  : 0;
        /* padding-top   : 10px; */
        /* padding-bottom: 14px; */
        /* display      : none; */
    }

    /* td#header .row .col {
        padding: 0;
    } */

    /* td#header .row .col img {
        margin-bottom: -7px;
    } */

    td#tag {
        padding-left: 0;
    }

    /* footer {
        padding: 0 5%;
    } */

    footer #security-seal-isite img {
        margin-left: 0 !important;
    }

    #page-wrapper {
        padding: 0 5px;
    }

    table.dataTable thead th,
    table.dataTable thead td {
        font-size: 10pt;
    }

    .textbox1 {
        width      : 100%;
        margin-left: inherit !important;
    }

    .btn-text {
        font-size: 11pt !important;
    }

}

@media all and (max-width: 767px) {

    #register {
        width        : 96%;
        margin       : 0 auto;
        margin-bottom: 10px;
        padding      : 0;
    }

    .forgotButton {
        font-size: 10pt;
    }

    .top a.topbar,
    .top span.topbar {
        line-height: 24px;
        font-size  : 12pt;
    }

}

@media all and (max-width: 738px) {

    #header img {
        width : 100%;
    }

}

@media all and (max-width: 899px) and (min-width: 220px) {

    .textbox1 {
        min-width: 0;
        padding  : 0;
    }

    #trustMain {
        width  : 96%;
        padding: 0 2%;
    }

    #trustMain p {
        line-height: 250%;
    }

    #trustLeft {
        width: 90%;
    }

    #trustLeft .box {
        width: 100%;
    }

    #welcome-box {
        display: none !important;
    }

}

@media all and (max-width: 692px) {

    .row .col.m6 {
        width      : 100%;
        left       : auto;
        right      : auto;
        margin-left: auto;
    }

}

@media all and (max-width: 640px) {

    .dataTables_filter {
        width : 65%;
        margin: 0 auto;
    }

    div.dt-buttons {
        float  : none !important;
        margin : 0 auto !important;
        padding: 0 0 10px 0 !important;
    }

}

@media all and (max-width: 350px) {

    .top a.topbar,
    .top span.topbar {
        font-size: 11pt;
    }

}

@media print {

    #navWrapper {
        display: none;
    }

    .dataTable tfoot th {
        color: #000000 !important;
    }

}