:root {
    --theme-color-main: #d00821;
    --theme-color-main-background: #F8F9FB;
    --theme-color-agency: #006B62;
    --theme-color-light-grey: #f9f9fb;
    --theme-color-border-grey: #ededed;
    --theme-color-active-main: #088CCD;
    --theme-color-active-hover-main: #3B93FF;
    --theme-color-inactive-main: #6a6a6a;
    --theme-color-side-nav-list: #022234;
    --theme-color-nav-border: #006B62;
    --theme-color-chat-icon-main: #CC3535;
    --desaturated-blue: #2a2f48;

    --theme-color-desaturated-blue: #022234;

    --primary-color: #088CCD !important;
    --bottom-tab-bar-active-color: #F2B826;
    --chat-send-message-btn-bg-color: #F2B826;
    --light-bg-primary: #fcfcfc;
    --quickbook-bg-green: #2CA01C;
    --text-primary: #055176;
    --light-text-secondary: #777F8E;
    --bg-action: #159ED5;
    --light-bg-inverted-primary: #04041C;
    --light-bg-brand: #596063;
    --light-bg-secondary: #F5F7F7;
    --light-bg-status-success: #02B89A;
    --light-bg-tertlary: #F1F2F4;
    --light-bg-accent3-primary: #FDD257;
    --light-bg-status-error: #FF5772;
    --light-bg-danger: #F53F3F;
    --light-transparency: rgba(20, 20, 43, 0.8);
    --light-bg-Accent5-Tertiary: #E3F7FD;
    
    
}

.primary-bg-color {
    background-color: var(--theme-color-active-main) !important;
}

html, body {
    padding: 0;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    color: #293047;
    font-size: 14px
}

body.modal-open {
    padding-right: 0 !important;
}

a:hover {
    text-decoration: none
}

ul {
    margin: 0;
    padding: 0
}

hr {
    margin-top: 24px;
    margin-bottom: 24px
}


input[type=text]::-ms-clear{
    display: none;
}

h3, h4, h5 {
    font-weight: 600
}

.alert {
    border-radius: 8px
}

.alert-danger b {
    color: #e50015
}

.badge {
    font-size: 12px
}

.badge-primary {
    background-color: #275F8B
}

.badge-warning {
    background-color: #FEF7E2;
    color: #fff
}

.card {
    border-radius: 8px;
    box-shadow: 0 5px 5px #d9dce0
}

.btn {
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis
}

.btn.disabled {
    cursor: not-allowed;
}

.gh-non-primary-btn {
    background-color: #fff !important;
    border: 1px solid #aaa !important;
    color: #666 !important
}

.gh-non-primary-btn:active, .gh-non-primary-btn:hover:not(:disabled) {
    border: 1px solid #777 !important;
    background-color: #d9dce0;
    color: #222 !important
}

a.btn {
    color: #fff
}

a.blue:link, a.blue:visited {
    color: #F75F5F
}

a.blue:hover {
    opacity: .8
}

.width_180 {
    width: 180px
}

.bolder {
    font-weight: 600
}

.big {
    font-size: 16px
}

.small {
    font-size: 12px
}

.tiny {
    font-size: 11px
}

.underline {
    text-decoration: underline
}

.align-right {
    text-align: right
}

.align-center {
    text-align: center
}

.padding_0 {
    padding: 0
}

.padding_15 {
    padding: 15px;
}

.padding_right_15 {
    padding-right: 15px
}

.padding_right_10 {
    padding-right: 10px
}

.padding_left_0 {
    padding-left: 0px
}

.padding_left_15 {
    padding-left: 15px
}

.padding_left_5 {
    padding-left: 5px
}

.padding_left_30 {
    padding-left: 30px
}

.margin_right_15 {
    margin-right: 15px
}

.margin_top_15 {
    margin-top: 15px
}

.margin_bottom_30 {
    margin-bottom: 30px
}

.margin_bottom_10 {
    margin-bottom: 10px
}

.hint {
    color: #aaa
}

.site-nav-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: scroll;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 99;
    display: none
}

.site-nav.gh {
    position: absolute;
    left: 0;
    top: 0;
    min-height: 100vh;
    background-color: var(--theme-color-desaturated-blue);
    width: 300px;
    font-size: 16px;
    z-index: 99
}

.site-nav > .close {
    color: #fff;
    font-size: 24px
}

.site-nav a > img {
    width: 22px;
}

.site-nav li.selected img.inactive,
.site-nav li:not(.selected) img.active {
    display: none;
}

.site-nav li:not(.selected) img.inactive,
.site-nav li.selected img.active {
    display: inline-block
}

.site-nav a:link, .site-nav a:visited {
    color: #fff
}

.site-nav a + ul {
    background-color: var(--theme-color-side-nav-list);
}

.site-nav > ul > li a:hover {
    cursor: pointer
}

.site-nav > ul img + span, .site-nav > ul div.bf_employee_loader + span {
    padding-left: 10px
}

.site-nav > ul > li a {
    display: flex;
    align-items: center;
    padding: 12px 0 12px 10px;
    border-bottom: 1px solid #333
}

.site-nav > ul > li a > span {
    display: inline-block;
    flex: 1 0
}

.site-nav > ul > li > a {
    font-size: 18px
}

.site-nav > ul > li > ul > li > a {
    padding-left: 26px
}

.site-nav > ul > li > ul > li > ul > li > a {
    padding-left: 60px
}

.site-nav > ul > li a > img + span {
    padding-left: 10px
}

.site-nav a.category.expand {
    display: flex;
}

.site-nav a.category + ul {
    display: none
}

.site-nav a.category.expand + ul {
    display: block
}

.header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    height: 80px
}

.header > .bread {
    display: none
}

.logo {
    width: 300px;
    padding-left:47px !important;
    margin-left: 0 !important;
    text-align: center
}

.logo > img {
    max-width: 260px
}

.navmenu {
    display: flex;
    flex-direction: row;
    align-items: center;
    letter-spacing: 1px;
    padding-top: 10px;
    order: 2;
    flex: 2 1
}

.navmenu.submenu {
    justify-content: flex-end;
    flex-basis: 360px;
    flex-grow: 0;
}

.navmenu > a,
.gh-ba-agency-header .navmenu > a,
.navmenu.gh-agency-company-access > a {
    display: block;
    font-weight: 600;
    padding: 0 38px;
    border-right: 1px solid #ddd;
    padding-top: 3px;
}

.navmenu.agency-nav, .navmenu.gh-agency-company-access {
    flex: none;
}

.navmenu.agency-nav > a, .navmenu.gh-agency-company-access > a {
    padding: 0 20px;
}

.gh-ba-agency-header .navmenu > span,
.navmenu.gh-agency-company-access > span,
.agency-company-title{
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #ffffff;
}

.gh-ba-agency-header .navmenu > span > a,
.navmenu.gh-agency-company-access > span > a {
    padding: 0;
}
.navmenu > a, .navmenu > span > a {
    font-size: 16px;
}

.navmenu > a::after,
.gh-ba-agency-header .navmenu > span::after,
.navmenu.submenu > span:not(.chat)::after,
.navmenu.gh-agency-company-access > span::after {
    content: '';
    display: block;
    margin-top: 5px;
    height: 5px;
    background-color: #fff
}

.navmenu > a.selected::after,
.gh-ba-agency-header .navmenu > span.selected::after,
.navmenu.gh-agency-company-access > span.selected::after,
.navmenu > a:hover::after,
.gh-ba-agency-header .navmenu > span:hover::after,
.navmenu.gh-agency-company-access > span:hover::after {
    background-color: var(--theme-color-agency);
}

.user-initial-account {
    width: 32px;
    height: 32px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    line-height: 32px;
    text-align: center;
    font-weight: bold;
}

.gh-ba-agency-header .navmenu > a.selected::after,
.gh-ba-agency-header .navmenu > a:hover::after,
.gh-ba-agency-header .navmenu > span.selected::after,
.gh-ba-agency-header .navmenu > span:hover::after,
.navmenu .user-initial-account,
.navmenu.gh-agency-company-access > a.selected::after,
.navmenu.gh-agency-company-access > a:hover::after,
.navmenu.gh-agency-company-access > span.selected::after,
.navmenu.gh-agency-company-access > span:hover::after,
.navmenu.gh-agency-company-access .user-initial-account {
    background-color: var(--theme-color-agency);
}

input.gh-error {
    border-color: #F53F3F !important;
    background-color: rgba(224, 67, 39, 0.1) !important;
}

.search-disabled {
    pointer-events: none;
    opacity: 0.6;
}

/* agency header when width <= 1200 */
body .gh-ba-agency-header .navmenu .nav-link.dropdown-toggle,
body .navmenu .nav-link.dropdown-toggle{
    min-width: 90px;
}
@media (max-width: 1200px) {
    body .gh-ba-agency-header .navmenu>a,
    body .gh-agency-company-access.navmenu>a{
        padding: 0 18px;
    }
    body .gh-ba-agency-header .navmenu .nav-link.dropdown-toggle,
    body .navmenu .nav-link.dropdown-toggle{
        padding: 0;
        min-width: 60px;
    }
}

/* cost chart when width <= 1200 */
@media (max-width: 1200px) {
    body #employer_monthly_cost_by_benefit_chart.legend-single-col {
        margin-lefT: 5% !important;
    }
    body #employer_monthly_cost_by_benefit_chart.legend-single-col .legend.gh-custom-legend {
        left: calc(100% + 18px) !important;
        width: calc(100% - 18px) !important;
    }
    body #employer_monthly_cost_by_benefit_chart.legend-single-col .legend.gh-custom-legend .w-50 {
        width: calc(100% - 18px) !important;
    }
}

.navmenu > a:last-child,
.navmenu > span:last-child{
    border-right: 0
}

.navmenu > a:hover {
    text-decoration: none
}

.setting {
    display: flex;
    width: 150px;
    order: 3;
    justify-content: flex-end
}

.setting > .notify {
    position: relative;
    padding-top: 5px
}

.setting > .notify i {
    font-size: 32px;
    color: #666
}

.setting > .notify i + span {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background-color: var(--theme-color-nav-border);
    position: absolute;
    top: -4px;
    right: -4px;
    text-align: center;
    font-weight: bolder;
    color: #fff;
    font-size: 12px;
    line-height: 20px
}

.setting > .profile {
    padding: 2px;
    background-color: #d6d6d6;
    margin-left: 30px;
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
    display: flex;
    align-items: center
}

.setting > .profile > span {
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: middle
}

.setting > .profile > span > img {
    width: 36px;
    height: 36px
}

.setting > .profile > i.fas {
    display: inline-block;
    padding: 0 10px;
    color: #fff;
    font-size: 18px
}

.content {
    display: flex;
    align-items: stretch;
    min-height: calc(100vh - 80px)
}

.site-nav.sidenav {
    width: 300px;
    background-color: var(--theme-color-desaturated-blue);
    color: #fff;
    position: relative;
    transition: width .3s;
    z-index: 1010;
}

.site-nav.sidenav.collapse {
    display: block
}

.site-nav.sidenav.collapse {
    width: 46px
}

.site-nav.sidenav.collapse > .menu-title {
    visibility: hidden
}

.site-nav.sidenav.collapse > ul a > img {
    width: 24px
}

.site-nav.sidenav.collapse > ul a > span {
    display: none
}

.site-nav.sidenav.collapse a.category.expand i.arrow {
    display: none
}

.site-nav.sidenav.collapse a.category.expand + ul {
    display: none !important
}

.collapse-wing {
    width: 30px;
    height: 46px;
    background: url("/v4/img/pie/collapse_wing_ben.png") no-repeat;
    position: absolute;
    background-size: 30px 46px;
    top: 20px;
    right: -18px;
    cursor: pointer
}

.site-nav.sidenav.collapse .collapse-wing {
    background-image: url("/v4/img/pie/expand_wing_ben.png")
}

.site-nav.sidenav > div:first-child {
    text-align: center;
    padding: 20px 0;
    font-size: 18px;
    text-transform: uppercase;
}

.site-nav.sidenav > ul a:hover {
    font-weight: 600
}

.site-nav.sidenav > ul a {
    color: #fff;
    font-size: 16px;
    font-weight: 200;
    border-bottom: 1px solid #333
}

.site-nav.sidenav > ul > li > a {
    text-transform: uppercase
}

.site-nav.sidenav > ul a > img {
    width: 20px
}

.site-nav.sidenav > ul li.selected {
    font-weight: 600
}

.content > .main {
    flex: 1 0;
    padding: 30px 30px 120px;
    background-color: var(--theme-color-main-background);
    box-shadow: inset -5px 5px 5px #d9dce0
}

.content > .main > .main-content {
    margin-bottom: 60px;
}

#notification_edit_modal {
    z-index: 19001 !important;
}

.main-copyright-footer {
    left: 15px;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-bottom: 15px;
    background: #F8F9FB;
}
.main-copyright-footer .terms-disclaimer{
    padding-left: 20%;
    padding-right: 20%;
}

@media only screen and (max-width: 1280px) {
    .main-copyright-footer .terms-disclaimer{
        padding-left: 5%;
        padding-right: 5%;
    }
}

@media only screen and (max-width: 991px) {
    .main-copyright-footer .terms-disclaimer{
        padding-left: 50px;
        padding-right: 50px;
    }
}


.card-title {
    display: flex
}

.v-separator {
    display: inline-block;
    width: 1px;
    background-color: #ddd;
    margin: 0 15px
}

.card-title .v-separator {
    margin-left: 30px;
    margin-right: 30px;
    transform: rotate(25deg)
}

.card-title {
    padding: 0 5px
}

.card-title h4 {
    padding-top: 5px
}

.card-title a {
    font-weight: 600;
    padding-top: 8px;
    margin-bottom: 5px
}

.card-title a.blue {
    border-bottom: 1px solid #F75F5F
}

.card-header > a {
    border-right: 1px solid #ddd
}

.card-header > a:last-child {
    border-right: 0
}

.card-header > a.selected > span, .card-header > a:hover > span {
    font-weight: 600;
    border-bottom: 3px solid var(--theme-color-nav-border);
    padding-bottom: 3px
}

.card-header > .category {
    display: flex;
    font-weight: bolder;
    padding-left: 15px;
    padding-right: 15px;
    align-items: center
}

.card-header > .category > a {
    padding-right: 30px
}

.card-header > .category > a:last-child {
    padding-right: none
}

.job-card {
    display: block;
    padding: 20px;
    border-bottom: 1px solid #d9dce0
}

.job-card:hover {
    background-color: #f1f2f4
}

.job-card:last-child {
    border-bottom: 0
}

.job-stat {
    display: flex;
    align-items: flex-end;
    margin-top: 15px;
    font-size: 14px
}

.job-stat .job-info {
    flex: 1 0
}

.job-loc > img {
    width: 20px
}

.job-app > img {
    width: 26px
}

.job-status {
    margin-bottom: 10px
}

label.counter {
    background-color: #275F8B;
    padding: 0 5px;
    border-radius: 3px;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
    min-width: 24px;
    text-align: center;
    margin-bottom: 0
}

.employee-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #d9dce0
}

.employee-image {
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px
}

.employee-info, .employee-status {
    flex: 1 0
}

.employee-info a {
    display: inline-block
}

.employee-action {
    flex: 2 0
}

.employee-image {
    width: 55px;
    height: 55px
}

.employee-image > img {
    width: 100%
}

.employee-time-card {
    display: flex;
    padding: 20px 15px;
    border-bottom: 1px solid #d9dce0
}

.employee-time-card:last-child {
    border-bottom: 0
}

.employee-time-card > .employee-info {
    flex: 1 0
}

.employee-time-card > .employee-image {
    border: 3px solid #d9dce0
}

.employee-time-card.error > .employee-image {
    border: 3px solid #CC3535
}

.employee-time-card.error {
    border-left: 5px solid #CC3535
}

.employee-time-card.info > .employee-image {
    border: 3px solid #5EC6DA
}

.employee-time-card.info {
    border-left: 5px solid #5EC6DA
}

.employee-time-card.success > .employee-image {
    border: 3px solid #009C53
}

.employee-time-card.success {
    border-left: 5px solid #009C53
}

.employee-time-card.warning > .employee-image {
    border: 3px solid #FEF7E2
}

.employee-time-card.warning {
    border-left: 5px solid #FEF7E2
}

.dot {
    width: 30px;
    height: 30px;
    border-radius: 15px
}

.dot.warning {
    background-color: #FEF7E2
}

.dot.info {
    background-color: #5EC6DA
}

.category-title {
    padding: 10px 15px;
    border-bottom: 1px solid #d9dce0
}

.carousel-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.control {
    display: block;
    position: relative;
    padding-left: 29px;
    margin-bottom: 5px;
    padding-top: 3px;
    cursor: pointer
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.control_indicator {
    position: absolute;
    top: 4px;
    left: 0;
    height: 20px;
    width: 20px;
    border: 2px solid #2a3045;
    border-radius: 4px
}

.control:hover input ~ .control_indicator, .control input:hover ~ .control_indicator {
    background: #d9dce0
}

.control input:checked ~ .control_indicator {
    background: #2a3045
}

.control:hover input:not([disabled]):checked ~ .control_indicator, .control input:checked:focus ~ .control_indicator {
    background: #2a3045
}

.control input:disabled ~ .control_indicator {
    background: #e6e6e6;
    opacity: .6;
    pointer-events: none
}

.control_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none
}

.control input:checked ~ .control_indicator:after {
    display: block
}

.control-checkbox .control_indicator:after {
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.control-checkbox input:disabled ~ .control_indicator:after {
    border-color: #7b7b7b
}

.pagination .page-item {
    cursor: pointer !important;
}

.pagination .page-item .page-link {
    background-color: #fafafa
}

.page-item.active .page-link {
    background-color: var(--theme-color-active-main);
    border-color: var(--theme-color-active-main);
}

.card {
    border-radius: .25rem;
}

.card-ats{
    border-radius: 12px !important;
    border: 0;
}

.card-ats .card-header{
    background: #fff;
}

div:not(.input-group) > div:not(.btn-group) > .btn {
    border-radius: .25rem;
}

.gh-outline-toggle-btn {
    background-color: #fff;
    border-color: #aaa !important;
    border-radius: .15rem
}

.gh-outline-toggle-btn:hover {
    background-color: #d9dce0 !important
}

.gh-outline-toggle-btn.active {
    border-color: var(--theme-color-main) !important;
    color: var(--theme-color-main) !important
}
a.disable {
  pointer-events: none;
  cursor: default;
}

@media (max-width: 1440px) {
    .main .row > .col-lg-6 {
        min-width: 550px;
        max-width: 100%;
        flex: 0 0 100%
    }

    .main .row > .col-lg-4 {
        width: 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (max-width: 992px) {
    .header {
        font-size: 14px;
        padding-top: 0;
        flex-wrap: wrap;
        height: 70px
    }

    .header > .bread {
        display: block;
        width: 140px;
        font-size: 28px;
        color: #7b7b7b;
        padding-left: 30px
    }

    .logo {
        width: auto;
        text-align: center;
        flex: 1 0
    }

    .navmenu {
        display: none
    }

    /* Now will not hide side nav bar no matter screen size
    .sidenav, .sidenav.collapse {
        display: none
    }
    */

    .main > .row > .col-lg-4 {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}


@media (max-width: 576px) {
    .logo {
        display: none
    }
}
@media (min-width:1200px) {
  .incomplete_ee {
    font-size:14px;
  }
  #employee_participation_by_benefit_chart .c3-axis-x text {
    font-size: 10px;
  }
}


html {
    height: 100%
}

body {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: var(--theme-color-desaturated-blue);
    min-height: 100%;
    background-color: #fff
}

a:link, a:visited {
    color: var(--theme-color-desaturated-blue);
}

a:hover {
    text-decoration: none
}

.form-control:focus {
    box-shadow: none;
    border-color: var(--theme-color-desaturated-blue) !important
}

.form-control:focus + .input-group-append {
    box-shadow: none !important;
    border-color: var(--theme-color-desaturated-blue) !important;
    border-radius: 0 3px 3px 0 !important
}

.was-validated .form-control:invalid + .input-group-append {
    box-shadow: none !important;
    border-color: #F53F3F !important;
    border-radius: 0 3px 3px 0 !important
}
.was-validated .form-control:not([type="radio"]):not([type="checkbox"]):invalid {
    border-color: #F53F3F !important;
}

.was-validated .form-control:valid + .input-group-append {
    box-shadow: none !important;
    border-color: #009C53 !important;
    border-radius: 0 3px 3px 0 !important
}

.form-control.is-invalid,
.was-validated .form-control:invalid,
.form-control.is-valid,
.was-validated .form-control:valid {
    background-image: none;
    background-size: unset;
}

.input-group label.error {
    font-size: 14px !important;
    display: inline-block;
    margin-top: 5px
}

tr.pointer {
    cursor: pointer
}

a.pointer, label.pointer {
    cursor: pointer
}

.bootstrap-datetimepicker-widget + .input-group-append {
    box-shadow: none !important;
    border-color: var(--theme-color-desaturated-blue) !important;
    border-radius: 0 3px 3px 0 !important
}

.bg-none {
    background-color: transparent !important
}

.margin_right_0 {
    margin-right: 0 !important
}

ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.margin_left_0 {
    margin-left: 0 !important;
}

.margin_left_5 {
    margin-left: 5px;
}

.margin_left_10 {
    margin-left: 10px
}

.margin_left_15 {
    margin-left: 15px
}

.margin_left_20 {
    margin-left: 20px
}

.margin_top_0 {
    margin-top: 0 !important
}

.margin_top_10 {
    margin-top: 10px
}

.margin_top_5 {
    margin-top: 5px
}

.margin_top_20 {
    margin-top: 20px
}

.margin_top_minus_10 {
    margin-top: -10px
}

.margin_bottom_0 {
    margin-bottom: 0;
}

.margin_bottom_10 {
    margin-bottom: 10px
}

.margin_bottom_30 {
    margin-bottom: 30px
}

.margin_top_40 {
    margin-top: 40px
}

.width_180 {
    width: 180px
}

.width_110 {
    width: 110px
}

.width_20 {
    width: 20px
}

.max_400 {
    max-width: 400px
}

.max_65 {
    max-width: 65px
}

.max_100 {
    max-width: 100px;
}

.w-80 {
    width: 80%
}

.gh-pointer {
    cursor: pointer
}

.gh-no-pointer {
    cursor: auto !important
}

input::-webkit-input-placeholder {
    color: #b0b0b0 !important
}

input::placeholder {
    color: #b0b0b0 !important
}

.font_10 {
    font-size: 10px !important
}

.font_11 {
    font-size: 11px !important
}

.font_12 {
    font-size: 12px !important
}

.font_13 {
    font-size: 13px !important
}

.font_14 {
    font-size: 14px !important;
}
.font_15 {
    font-size: 15px !important
}
.font_16 {
    font-size: 16px !important
}

.font_18 {
    font-size: 18px
}

.font_20 {
    font-size: 20px
}
.font_27 {
    font-size: 27px
}

.font_bolder {
    font-weight: bolder
}

.font_7_grey {
    color: #777
}

h3, h4 {
    font-weight: 600
}

.align_center {
    text-align: center
}

.error {
    color: #F53F3F
}

input.form-control.error, textarea.form-control.error, select.form-control.error {
    background-color: rgba(224, 67, 39, 0.1)
}

textarea.form-control.error, select.form-control.error, .select2-selection.error {
    background-color: rgba(224, 67, 39, 0.1) !important;
    border-color: #F53F3F !important
}

.ta-holiday-dropdown.error {
    background-color: rgba(224, 67, 39, 0.1) !important;
    border-color: #F53F3F !important;
    color: #F53F3F !important
}

.btn-transparent {
    border: 0;
    background: 0
}

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

.btn-default {
    border-color: #ccc;
    color: #333
}

.btn-deny {
    background-color: #777F8E;
    color: #fff;
}

.btn-benefits {
    border-radius: .5rem;
    font-weight: bolder;
    transition: width .4s
}

.employee-profile-lock-banner {
    border: 2px solid #FEF7E2;
    border-radius: 10px;
    background: #FEF7E2;
    padding-left: 2em;
    padding-right: 2em;
    font-weight: bold;
    text-align: center;
    display: inline-flex;
    width: 100%;
}

.logo {
    font-weight: 100;
    padding: 15px 30px
}

.logo > div {
    padding-left: 0
}

.nav {
    background-color: #2f3b6a;
    padding: 12px 30px
}

.header ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.header ul li {
    display: flex;
    align-items: center;
    float: left
}

.logo ul li {
    float: right
}

.header ul li::after {
    content: '|';
    display: inline-block;
    padding: 0;
    color: #717791;
    font-size: 24px;
    font-weight: 100;
    opacity: .5
}

.header ul.gh-ba-agency-nav li::after {
    opacity: 0
}

.logo ul li:first-child::after, .nav ul li:last-child::after {
    opacity: 0;
    padding: 0;
    margin-right: -10px
}

.header ul li a:link, .header ul li a:visited {
    color: #fff;
    padding: 0 20px
}

.header ul li a:hover {
    color: #c9d7ed;
    text-decoration: none
}

.nav li > a {
    padding-bottom: 3px
}

.nav li.selected {
    border-bottom: 5px solid #088CCD
}

.content {
    padding: 0;
    display: flex
}

.sidenav ul li img {
    width: 23px;
}

.sidenav ul li svg {
    width: 23px;
    margin-right: 15px
}

.sidenav {
    width: 310px;
    min-height: calc(100vh - 130px);
    background-color: #fff;
    float: left;
    transition: width .4s
}

.submenu_hidden .sidenav {
    min-height: calc(100vh - 69px)
}

.sidenav.closed {
    min-height: calc(100vh - 69px);
    background-color: #fff;
    float: left
}

.sidenav.closed {
    width: 60px;
    transition: width .4s
}

.sidenav-toggler-loc {
    position: absolute;
    width: 40px;
    height: 39px;
    margin-left: 290px;
    margin-top: 135px;
    z-index: 200;
    cursor: pointer;
    transition: margin-left .4s
}

.sidenav.closed .sidenav-toggler-loc {
    margin-left: 40px;
    transition: margin-left .4s;
    transform: rotate(180deg)
}

.sidenav-toggler-wing-loc {
    position: absolute;
    width: 80px;
    height: 70px;
    margin-left: 277px;
    margin-top: 120px;
    z-index: -200;
    transition: margin-left .4s
}

.sidenav.closed .sidenav-toggler-wing-loc {
    margin-left: 27px;
    transition: margin-left .4s
}

.sidenav .sidenav-org-top {
    width: 310px;
    color: #088CCD
}

.sidenav .top {
    width: 310px;
    text-align: center;
    padding: 30px 20px 20px;
    text-transform: uppercase;
    z-index: 100;
    transition: width .4s
}

.sidenav.closed .top {
    width: 60px;
    visibility: hidden;
    text-align: center;
    padding: 30px 20px 20px;
    text-transform: uppercase;
    color: #088CCD;
    z-index: 100;
    transition: width .4s
}

.sidenav.closed .arrow {
    display: none
}

.sidenav .top > i {
    font-size: 84px;
    background-color: #088CCD;
    padding: 20px;
    border-radius: 8px;
    color: #fff;
    margin-bottom: 15px
}

.sidenav li > a > i {
    width: 25px
}

.sidenav li > a > span {
    vertical-align: top
}

.sidenav li i {
    font-size: 22px
}

.sidenav-text {
    margin-left: 0
}

.sidenav .has-child > ul > li > a {
    padding-left: 62px
}

.sidenav .has-child .arrow {
    font-size: 20px;
    width: 13px;
    margin-right: 10px;
    transition: transform .4s ease-in-out;
}

.sidenav .has-child > ul {
    overflow: hidden;
    -webkit-transition: max-height .4s ease-in;
    transition: max-height .4s ease-in;
}

.sidenav .has-child.closed > ul {
    max-height: 0 !important;
    -webkit-transition: max-height .4s ease-out;
    transition: max-height .4s ease-out;
}

.sidenav .has-child.closed .arrow {
    transform: rotate(180deg)
}

.logo .li-settings > div > a:link {
    padding-right: 0;
    padding-bottom: 2px;
    padding-top: 5px
}

.logo .li-settings a i {
    padding-right: 20px
}

.logo .li-settings:hover > div > a {
    background-color: #f3f5f8;
    color: black
}

.logo .dropdown {
    color: white
}

.logo .dropdown-content {
    position: absolute;
    background-color: #fff;
    width: 200%;
    text-align: left;
    font-weight: 600;
    padding: 10px 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    transform: translateY(-2em);
    transition: all .3s ease-in-out 0s, visibility .3s linear .3s
}

.logo .dropdown-content-divider {
    background-color: #eaedee;
    height: 2px;
    margin: 10px 20px 10px 20px
}

.logo .dropdown:hover .dropdown-content {
    visibility: visible;
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s
}

.logo .dropdown-content a:link {
    display: block;
    color: var(--theme-color-desaturated-blue)
}

.logo .dropdown-content a:visited {
    color: var(--theme-color-desaturated-blue)
}

.logo .dropdown-content a:hover {
    color: #088CCD
}

footer {
    font-family: Montserrat;
    font-size: 12px;
    color: var(--theme-color-desaturated-blue);
    margin-left: 43px;
    margin-right: 43px
}

.profile li > a {
    display: block;
    border-top: 1px solid #d9dce0;
    padding: 10px 5px 10px 20px;
    color: var(--theme-color-inactive-main)
}

.profile li.selected a {
    border-left: 3px solid var(--theme-color-main);
    font-weight: 600;
    color: var(--theme-color-main);
    padding-left: 17px
}

.sidenav li.selected a {
    background-color: var(--theme-color-main-background);
    color: var(--theme-color-side-nav-list);
    font-weight: 600;
}

.main {
    padding: 30px;
    overflow: hidden;
    width: 100%;
    position: relative;
    transition: marginLeft, 0.4s
}

.main.closed {
    padding: 30px;
    transition: marginLeft, 0.4s
}

.panel {
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 0 10px #ddd;
    border-radius: 10px
}

.dashboard-panel {
    padding: 40px 40px 40px 280px;
    background-image: url("/v4/img/dashboard-panel-bg.png");
    background-repeat: no-repeat;
    background-position: 20px center;
    font-size: 16px;
    line-height: 28px
}

.dashboard-panel h3 {
    color: #088CCD;
    font-weight: 600
}

.dashboard-nocontent {
    margin-top: 40px;
    text-align: center;
    font-size: 16px
}

.btn-loc-second {
    background-color: #909090;
    color: #fff;
    height: 50px;
    border-radius: 7px;
    font-size: 18px
}

.search-bar {
    border: 1px solid #dee2e6 !important
}

.org-component-title {
    font-size: 28px
}

.org-table-container {
    background-color: white
}

#time_off_tab .bootstrap-datetimepicker-widget td {
    border: none !important
}

#time_off_tab .bootstrap-datetimepicker-widget th.dow {
    border: 0;
    background-color: #fff !important
}

.org-modal-footer {
    border-top: 0;
    padding-top: 0
}

.fas:hover {
    cursor: pointer
}

.far:hover {
    cursor: pointer
}

.none-border {
    border: none !important
}

.permission-list {
    display: flex;
    margin: 10px
}

.permission-item {
    margin-right: 20px;
    margin-left: 20px
}

.permission-item:first-child {
    margin-left: 0;
    padding-left: 0
}

.permission-item > span {
    margin-left: 10px
}

.permission-item > label {
    font-weight: bolder
}

.permission-item > td {
    padding-top: none;
    padding-bottom: none
}

.permission-item::after {
    content: "|";
    color: #d9dce0;
    display: inline-block;
    padding-left: 30px
}

.permission-item:last-child::after {
    display: none
}

.component-title {
    font-size: 28px;
    margin-bottom: .5em
}

span.permisstion-span {
    margin-left: 1em;
    font-weight: normal
}

#permission-table thead th {
    background: #e7eaee
}

#permission-table th {
    padding-left: 0rem;
    padding-right: .75rem
}

#permission-table td {
    vertical-align: middle;
    word-wrap: break-word;
    min-width: 160px;
    max-width: 160px
}

#permission-table tr td {
    padding: 0rem
}

tr.permission-line td div {
    max-height: 0;
    box-sizing: border-box;
    overflow: hidden;
    transition: max-height .3s, padding .3s
}

.permission-line {
    background-color: #fcfcfd
}

tr.header td div {
    max-height: 150px;
    transition: max-height .6s
}

.location-map {
    min-height: 600px;
    margin-top: 28px
}

.time-sheet-report-map {
    width: 100%;
    height: 100%
}

#data-range-control-container {
    background: #fff;

}

input[type=checkbox] {
    -webkit-box-shadow: 0 0 0 1.5px #2a2f46;
    box-shadow: 0 0 0 1.5px #2a2f46;
    border-radius: .2rem
}

input[type="checkbox"]:checked {
    position: relative;
    background-color: #FFF;
    border: 1px solid #2a2f46;
    box-shadow: 0 0 0 1.5px #2a2f46;
    border-radius: .2rem;
    color: #000;
    cursor: pointer
}

input[type="checkbox"][disabled] {
    position: relative;
    background-color: #CCC;
    border: 1px solid #CCC;
    box-shadow: 0 0 0 1.5px #CCC;
    border-radius: .2rem;
    color: #CCC;
    cursor: pointer
}

input[type="checkbox"][disabled]:not(.switch)::before {
    content: '';
    background: #CCC;
    position: absolute;
    width: 15px;
    height: 15px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: .2rem
}

#taEmployeeTemplateModal input[type="checkbox"]:disabled:before {
    width: 200px;
    height: 30px;
    left: -10px !important;
    top: 4.25px !important;
    background-color: #bbb;
}

#taEmployeeTemplateModal input[type="checkbox"]:disabled:hover:before, #taEmployeeTemplateModal input[type=checkbox]:disabled:hover:after {
    cursor: not-allowed !important;
}

input[type="checkbox"][disabled]:checked::before {
    position: relative;
    background-color: #FFF;
    border-radius: 2px;
    color: #000;
    cursor: pointer
}

#broker_invite_table tbody td:last-child {
    text-align: left
}

span.space {
    margin-left: 5px
}

#broker_invite_table tbody tr {
    border: 1px solid #dee2e6;
    box-shadow: 0 0 10px #ddd;
    border-radius: 3px
}

#broker_invite_table thead th {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff
}

.broker-invite-panel {
    margin: 40px 0;
    padding: 0 0 0 280px;
    background-image: url(/v4/img/client_broker_invite_sent.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    font-size: 16px;
    line-height: 28px
}

.margin_top_40 {
    margin-top: 40px
}

#employee-assign .nav {
    padding: 0;
    margin-bottom: 15px
}

#employee-assign .form-control {
    font-size: 14px
}

#employee-assign .list {
    border: 1px solid #d9dce0;
    border-radius: 5px;
    height: 300px;
    overflow-y: auto;
    background-color: white
}

#employee-assign .list li label {
    display: block;
    width: 100%;
    padding: 7px 10px;
    margin-bottom: 0;
    border-bottom: 1px solid #d9dce0
}

#employee-assign .list li.filter-out > label {
    display: none
}

#employee-assign .list li label > i {
    float: right;
    margin-right: 5px;
    margin-top: 7px
}

#employee-assign .list li.has-child {
    padding: 0
}

#employee-assign .list li.has-child.closed > ul {
    display: none
}

#employee-assign .list li.has-child.closed label > i {
    transform: rotate(180deg)
}

#employee-assign .list ul li:last-child {
    border-bottom: 0
}

#employee-assign .list span {
    padding-left: 5px;
    display: inline-block;
    width: 90%;
    vertical-align: middle
}

#employee-assign .list > li > ul label {
    padding-left: 35px
}

#employee-assign .list > li > ul > li > ul label {
    padding-left: 60px
}

#employee-assign .list > li > ul > li > ul > li > ul label {
    padding-left: 85px
}

#employee-assign .list > li > ul > li > ul > li > ul > li > ul label {
    padding-left: 110px
}

#employee-assign .list > li > ul > li > ul > li > ul > li > ul > li > ul label {
    padding-left: 135px
}

#employee-assign .list > li > ul > li > ul > li > ul > li > ul > li > ul label {
    padding-left: 150px
}

#employee-assign .selected-item {
    padding: .25rem .5rem;
    margin-bottom: .25rem;
    margin-right: .25rem;
    float: left;
    border-radius: .25rem;
    border: 1px solid #dee2e6;
    background-color: white
}

.bf-content .status {
    text-align: center
}

.bf-content .header-title, .gh-ba-container .header-title {
    font-size: 24px;
    color: var(--theme-color-desaturated-blue)
}

.bf-content .header-link, .gh-ba-container .header-link {
    font-size: 15px;
    color: #088CCD;
    border-bottom: 1px solid
}

.bf-content .header-link, .gh-ba-container .btn-bf-oe {
    font-size: 15px;
    color: #F1F2F4!important;
    border-bottom: 1px solid
}

.bf-content .table.table-main td, .bf-content .table.table-main th {
    border: 0;
    padding: .45rem;
    vertical-align: middle
}

.bf-content .table.table-main td:first-child, .bf-content .table.table-main th:first-child {
    padding-left: .75rem
}

.bf-content .table.table-main th {
    padding: .75rem .45rem
}

.bf-content .table.table-main thead tr {
    background: #e7eaef
}

.bf-content .table.table-main tr.table-bdr {
    border: 1px solid #e7ebef;
    box-shadow: 0 2px 2px #e7ebef;
    height: 60px
}

.bf-content .table.table-main tr.space, .gh-ba-container .table.table-main tr.space {
    transition: height .2s ease;
    height: 15px
}

.bf-content .table.table-main#plansTable thead th {
    height: 55px
}

.bf-content .table.table-main tr.space:last-child, .gh-ba-container .table.table-main tr.space:last-child {
    height: 35px
}

.bf-content .table.table-main tr.table-spacing td {
    height: 10px
}

.bf-content .table.table-main .type-heading {
    font-size: 14px
}

.bf-content .table.table-main tbody + tbody {
    border: 0
}

.benefit_empty_filter{
    display:none;
    background-color:#fff!important;
}

.bf-content .table.table-main tr:not(.benefit_empty_filter, .carrier-forms-nodata) td img {
    max-height: 32px
}

.bf-content .table.table-main td {
    color: #002C4D
}

.bf-content .table.table-main td.planheading:first-child {
    padding-left: 0
}

.bf-content img.gh-plan-status-icon {
    max-height: 22px !important
}

.bf-content #drp-status #dropdownMenuButton {
    width: 24px !important;
    height: 24px !important;
    line-height: 24px !important;
    display: block !important;
    text-align: center;
    padding: 0 !important;
    background: none !important
}

.bf-content #drp-status input[type="checkbox"] {
    vertical-align: text-bottom
}

.bf-content .table.table-main tr.table-bdr[gh-row-hide], .gh-ba-container .table.table-main tr.table-bdr[gh-row-hide] {
    display: none
}

.bf-content .table.table-main tr.table-bdr[gh-row-hide] + tr.space, .gh-ba-container .table.table-main tr.table-bdr[gh-row-hide] + tr.space {
    height: 0
}

.gh-plans-filter > img {
    right: 16px;
    top: 14px;
    pointer-events: none;
    width: 16px
}

.green {
    color: #38b869
}

.blue {
    color: #088CCD
}

.red {
    color: #d8272e
}

.bf-content .table-container {
    box-shadow: 0 2px 2px #e7ebef
}

.bf-content .table.table-main a.dropdown-item {
    font-size: 13px;
    padding: .25rem .75rem
}

.bf-content-header {
    background: #333850
}

.bf-content-header .nav {
    background: #333850
}

.bf-content-header.navy-blue {
    background: #313c67
}

.bf-content-header.navy-blue .nav {
    background: #313c67
}

.bf-content-header .nav a:link, .bf-content-header .nav a:visited {
    color: #838693 !important;
}

.bf-content-header .nav a:hover {
    border: 0
}

.bf-content-header .nav .nav-item {
    padding: .5rem 1rem
}

.bf-content-header .nav .nav-link {
    background: 0;
    border: 0;
    border-bottom: 3px solid transparent;
    padding: 0
}

.bf-content-header .nav .nav-link.active {
    background: 0;
    border: 0;
    border-bottom: 3px solid var(--theme-color-main);
    color: #fff !important;
}

.bf-content-header .nav .nav-link:not(.active) {
    border-bottom: 0
}

.color-dark-gray {
    color: #022234 !important;
}

.customizaation_tab.bf-content-header {
    border-bottom: 1px solid #D6D6D6;
}
.customizaation_tab.bf-content-header .nav a:link, .customizaation_tab.bf-content-header .nav a:visited {
    color: #022234 !important;
}
.customizaation_tab.bf-content-header .nav {
    background: var(--theme-color-main-background);
    color: #292F49;
    font-weight: 400;
}
.customizaation_tab.bf-content-header .nav li.nav-item {
    padding: 0;
}
.customizaation_tab.bf-content-header .nav .nav-link {
    padding: .7rem 1.2rem;
    background: var(--theme-color-main-background);
}
.customizaation_tab.bf-content-header .nav .nav-link.active {
    font-weight: 700;
    background: #fff;
    border-bottom: none;
    border-radius: 5px 5px 0px 0px;
    color: var(--primary-color) !important;
}
.customizaation_tab.bf-content-header .nav .nav-link {
    margin-bottom: 1px;
}
.plan_tab.bf-content-header {
    background: #F1F2F4;
}
.plan_tab.bf-content-header .nav {
    background: #F1F2F4;
    border: 0;
}
.plan-section-header {
    background: #F1F2F4;
}

.plan_tab.bf-content-header.navy-blue {
    background: #313c67
}

.plan_tab.bf-content-header.navy-blue .nav {
    background: #313c67
}

.plan_tab.bf-content-header .nav a:link, .plan_tab.bf-content-header .nav a:visited {
    color: #838693
}

.plan_tab.bf-content-header .nav a:hover {
    border: 0
}

.plan_tab.bf-content-header .nav .nav-item {
    padding: .5rem 1rem
}

.plan_tab.bf-content-header .nav .nav-link {
    background: 0;
    border: 0;
    border-bottom: 3px solid transparent;
    padding: 0;
    padding-bottom: 3px;
    color: var(--theme-color-desaturated-blue) !important;
}

.plan_tab.bf-content-header .nav .nav-link.active {
    background: 0;
    border: 0;
    border-bottom: 3px solid var(--theme-color-agency);
    color: var(--theme-color-desaturated-blue) !important;
    font-weight: bold;
}

.plan_tab.bf-content-header .nav .nav-link:not(.active) {
    border-bottom: 0
}
.plan_tab.bf-content-header.gh-ba-plan-header-bs {
    box-shadow: 0 2px 2px #ccc;
}

.gh-ba-container .plan-status-header {
    bottom: 15px;
    right: -20px;
}

.negate-padding {
    margin: -30px
}

.header-plan-name {
    font-size: 18px
}

.header-plan-stats {
    font-size: 12px
}

.header-plan-details {
    line-height: 1.3
}

.bf-thumbs a, .bf-thumbs span {
    color: #838693
}

.bf-thumbs a.active {
    color: #fff
}

.btn-activate {
    background: #d0e1e8
}

.modal-dialog-assign-break{
    max-width: 720px
}

.bf-content .modal-dialog.modal-md, .gh-ba-container .modal-dialog.modal-md {
    max-width: 720px
}
.gh-ba-container .modal-dialog.modal-mdx {
    width: 920px;
    min-width: 920px;
}

.bf-content .modal-dialog.modal-sm, .gh-ba-container .modal-dialog.modal-sm {
    max-width: 500px
}
.bf-content .modal-dialog.modal-sm-2, .gh-ba-container .modal-dialog.modal-sm-2 {
    max-width: 605px
}

.bf-content .modal-dialog.modal-sm, .gh-ba-container .modal-dialog.modal-xxl {
    max-width: 95%
}

#esheetPaySummaryModeBtnGroup {
    display: none;
}

#paySummaryCardNavContainer .nav-item {
    padding: 0.5rem 0.5rem;
}

@media (max-width: 1170px) {
    #paySummaryCardNavContainer .nav-item {
        padding: 0.2rem 0.2rem;
    } 
}

.bf-content .dropdown-status {
    width: 168px;
    text-transform: none;
    top: 2px !important;
    right: 0 !important;
    font-size: 13px
}

.bf-content .dropdown-divider {
    margin: .5rem 11px
}

@media only screen and (device-width: 768px) {
    .sidenav {
        width: 60px;
        box-shadow: 1px 2px 1px #d9dce0;
        min-height: calc(100vh - 130px);
        background-color: #fff;
        float: left;
        transition: width .4s
    }

    .sidenav-toggler-loc {
        position: absolute;
        width: 40px;
        height: 39px;
        margin-left: 40px;
        margin-top: 135px;
        z-index: 200;
        cursor: pointer;
        transition: margin-left .4s
    }

    .sidenav-toggler-wing-loc {
        position: absolute;
        width: 80px;
        height: 70px;
        margin-left: 27px;
        margin-top: 120px;
        z-index: -200;
        transition: margin-left .4s
    }

    .sidenav .sidenav-org-top {
        width: 60px;
        color: #088CCD
    }

    .sidenav .sidenav-text {
        display: none
    }

    body {
        font-size: 12px
    }
}

.bf-content .modal-dialog.modal-lg, .gh-ba-container .modal-dialog.modal-lg {
    max-width: 1120px
}


.gh-ba-container .modal-dialog.modal-gh-md {
    width: 800px;
    min-width: 800px;
    max-width: 800px
}

.modal-dialog .modal-header button {
    color: #fff;
    opacity: 1
}

.modal-dialog .modal-header button.close:hover {
    opacity: .7;
    color: #fff
}

.required {
    color: red
}

.smaller-text {
    font-size: 13px
}

.smaller-text-links {
    font-size: 16px
}

.smallest-text {
    font-size: 11px
}

.larger-text {
    font-size: 130%
}

.smaller-text label, .smaller-text select, .smaller-text input, .smaller-text button {
    font-size: inherit
}

.bf-content form label {
    height: 36px;
    line-height: 36px;
    margin: 0;
    padding: 0
}

body .selected-content {
    margin: 0;
    position: static;
    overflow: unset;
    margin-top: 10px
}

.visible {
    visibility: visible;
    opacity: 1;
    transition: opacity .5s linear
}

.gh_loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    background-image: url("/v4/img/loader.gif");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1000;
    -ms-filter: "alpha(opacity=80)";
    filter: alpha(opacity=80);
    opacity: .8
}

.p_relative {
    position: relative
}

.widthdraw-modal-content {
    width: 110%;
}

.table_action a > i {
    font-size: 20px
}

#broker_invite_table th {
    border-top: 0
}

#broker_invite_table tr:last-child > td {
    border-bottom: 2px solid #dee2e6
}

.btn-danger:focus {
    box-shadow: 0 0 0 0rem
}

.btn-primary:focus {
    box-shadow: 0 0 0 0rem
}

.gh-ba-container .lh-45 {
    height: 45px;
    line-height: 45px
}

.gh-ba-container .h-30 {
    height: 30px
}

.gh-ba-container .lh-1p75 {
    line-height: 1.75
}

.gh-ba-container .lh-1p5 {
    line-height: 1.5
}

.gh-ba-container .lh-single {
    height: auto;
    line-height: 1.5 !important
}

.gh-ba-lh-50-field {
    height: 50px;
    line-height: 50px
}

.gh-ba-container label.control-label, .gh-ba-container .form-group a {
    font-weight: bold;
    height: 45px;
    display: flex;
    align-items: center
}

.gh-ba-container #contributionsComponent label.control-label, .gh-ba-container .form-group a {
    font-weight: 500;
}
.gh-ba-container .control-label-2 {
    font-weight: 500;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.gh-ba-container #contributionsComponent .section-title {
    border-radius: 10px 10px 0 0;
    background: #F1F2F4;
}

.gh-ba-container .form-group .text-right a {
    justify-content: flex-end
}

.no-spin-button::-webkit-inner-spin-button,
.no-spin-button::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}
.no-spin-button{
    -moz-appearance: textfield;
}
.gh-ba-container .form-control:not([type="radio"]):not([type="checkbox"]):not(textarea):not(.ql-container):not(.edit-time-input),
.gh-ba-container .lh-45-field{
    border-radius: 3px;
    border: 1px solid #d1e1e8;
    height: 45px !important;
    line-height: 45px !important;
    padding: 0 10px;
    color: var(--theme-color-desaturated-blue);
    font-weight: 300;
    padding-right: 0
}

.gh-ba-container .form-control.ql-container {
    padding: 0 10px;
    color: var(--theme-color-desaturated-blue);
    font-weight: 300;
}

.gh-ba-container .lh-45-min-field{
    border-radius: 3px;
    border: 1px solid #d1e1e8;
    min-height: 45px !important;
    padding: 0 10px;
    color: var(--theme-color-desaturated-blue);
    font-weight: 300;
    padding-right: 0
}

.gh-ba-container .form-control[required],
.gh-ba-container .gh-ba-bs-none {
    box-shadow: none !important
}

.gh-ba-container textarea.form-control:not("#inputDescription") {
    height: auto !important;
    line-height: 20px !important
}

.gh-ba-container .input-group .form-control:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-width: 0
}

.flex-1 {
    flex: 1
}

.limit-text-table {
    table-layout: fixed
}

.limit-text-table-break {
    table-layout: fixed;
    transition: 0.4s ease;
}

.header-width-table-break{
    width: 30%;
}

.actions-width-table-break{
    width: 8%;
}

@media (max-width: 1300px) {

 .header-width-table-break,
 .actions-width-table-break{
    width: auto;

 }

}

@media (max-width: 700px) {

    .limit-text-table-break {
        table-layout: unset;
    }

}


.td-break-cell{
    width: 10%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.limit-text-length, .limit-text-table tr td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.pac-container.pac-logo {
    z-index: 100000 !important
}

.gh-ba-container .input-group > .input-group-append > .input-group-text > img {
    height: 37px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.gh-ba-container div.gh-ba-select {
    position: relative;
}

.gh-ba-container div.gh-ba-select > select.form-control {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 38px !important;
}

.gh-ba-container div.gh-ba-select:after {
    position: absolute;
    content: '';
    background-image: url(/v4/img/arrow-dn2.svg);
    background-color: transparent;
    background-repeat: no-repeat;
    right: 15px;
    top: 18px;
    font-size: 8px;
    height: 100%;
    width: 16px;
    pointer-events: none
}

/* gh-ba-select-sm */
.gh-ba-container div.gh-ba-select.gh-ba-select-sm {
    height: 32px !important;
}
.gh-ba-container div.gh-ba-select.gh-ba-select-sm > select.form-control {
    padding-right: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
}
.gh-ba-container div.gh-ba-select.gh-ba-select-sm:after {
    right: 10px;
    top: 13px;
    opacity: 0.7;
}

table.treetable tbody td:last-child {
    text-align: center;
    display: flex;
    align-items: center;
    color: #777;
    opacity: .75
}

.gh-ba-container div.gh-ba-select:hover:after {
    opacity: .95
}

.gh-ba-container .btn.btn-primary, .gh-ba-container .btn.btn-secondary, .gh-ba-container .btn.btn-warning, .gh-ba-container .btn.btn-dark, .gh-ba-container .btn-success, .gh-ba-container .btn.btn-danger {
    color: #fff
}

.gh-ba-container .btn.btn-primary {
    background-color: var(--theme-color-active-main);
    border-color: var(--theme-color-active-main)
}

.gh-ba-container .btn.btn-bf-oe {
    background-color: #006B62;
    border-color: #006B62
}
.gh-ba-container .btn.btn-bf-oe.btn-warning {
    background-color: #FCBC03;
    border-color: #FCBC03
}


.gh-ba-container .btn.btn-secondary {
    background-color: var(--theme-color-desaturated-blue);
    border-color: var(--theme-color-desaturated-blue)
}

.gh-ba-container .bf-thumbs a, .gh-ba-container .bf-thumbs a:link {
    color: #fff;
    opacity: .5
}

.gh-ba-container .bf-thumbs a.active, .gh-ba-container .bf-thumbs a.active:link {
    opacity: 1;
    font-weight: bold
}

.gh-ba-container .input-group .input-group-prepend .input-group-text,
.gh-ba-container .input-group .input-group-append .input-group-text {
    background-color: var(--theme-color-desaturated-blue);
    color: #fff;
    font-weight: bold;
}
.gh-ba-container .input-group .input-group-prepend .rates-input-group-text {
    color: var(--theme-color-desaturated-blue)!important;
    font-weight: 500!important;
}
.gh-ba-container input[type="radio"], .gh-ba-container input[type="checkbox"]:not(.gh-ba-container-checkbox-exclude) {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 18px;
    height: 18px;
    background: #fff;
    background-size: 24px;
    background-position: center -4px;
    background-repeat: no-repeat;
    border: 2px solid var(--theme-color-desaturated-blue);
    outline: 0;
    vertical-align: text-bottom;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: unset
}

.gh-ba-container input[type="checkbox"].gh-checkbox-sm {
    width: 13px;
    height: 13px;
    border-radius: 3px;
    border-width: 1px;
    background-position: -5px -5px;
    background-size: 21px;
    vertical-align: baseline;
    margin-right: 8px
}

.gh-ba-container input[type="radio"] {
    background-image: url(/v4/img/Radio_button_inactive@3x.png);
    background-color: transparent;
    border: 0;
    background-size: 100% 100%;
    background-position: top left;
    border-radius: 100%
}

.gh-ba-container input[type="radio"]:checked {
    background-image: url(/v4/img/Radio_button_activ@3x-new.png);
    background-color: var(--theme-color-active-main);
    border: 0;
    background-size: 100% 100%;
    background-position: top left;
}

.gh-ba-container input:not(.gh-ba-container-exclude)[type="checkbox"]:checked {
    background-image: url(/v4/img/checked.svg);
    background-color: var(--theme-color-active-main);
    border-color: var(--theme-color-active-main);
}

.gh-ba-container .was-validated input[type="radio"]:invalid, .gh-ba-container .was-validated input[type="checkbox"]:invalid{
    border-color: #F53F3F;
}

.gh-ba-container .was-validated input[type="radio"]:invalid {
    background-image: url(/v4/img/Radio_button_error@3x.png);
}

.gh-ba-container input[type="radio"]:disabled, .gh-ba-container input[type="checkbox"]:disabled {
    background-color: #ddd;
    pointer-events: none;
}

.gh-ba-container input[type="radio"]:disabled:checked, .gh-ba-container input[type="checkbox"]:disabled:checked {
    background-image: url(/v4/img/checked.svg);
    background-color: #7880a0;
    pointer-events: none;
}

.gh-ba-container input[type="radio"].disabled, .gh-ba-container input[type="checkbox"].disabled, .gh-ba-container label.disabled {
    pointer-events: none;
    opacity: .75
}

.gh-ba-container .ui-slider .ui-slider-handle {
    border-radius: 100% !important;
    background: #088CCD;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.gh-ba-container .ui-slider.benefit-slider {
    background: #828798
}

.gh-ba-container .gh-benefits-slider .ui-slider .ui-slider-range{
    background: #088CCD;
}

.gh-ba-container .ui-slider .benefit-tick {
    width: 3px;
    background-color: #506173;
    margin-left: -1.5px;
    cursor: pointer
}

body:not(.gh-ie11):not(.gh-ieedge) .gh-ba-container input.switch[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #d6d6d6;
    width: 60px;
    border-radius: 35px;
    height: 30px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    box-shadow: unset;
    border-color: #d6d6d6;
}

body:not(.gh-ie11):not(.gh-ieedge) .gh-ba-container input.switch[type="checkbox"]:checked {
    background: var(--theme-color-active-main);
    border-color: var(--theme-color-active-main);
}

body:not(.gh-ie11):not(.gh-ieedge) .gh-ba-container input.switch[type="checkbox"]:disabled {
    opacity: .5;
    background: #888;
    border-color: #888
}

body:not(.gh-ie11):not(.gh-ieedge) .gh-ba-container input.switch[type="checkbox"]::after {
    position: absolute;
    content: 'No';
    background: #fff;
    width: 26px;
    height: 26px;
    line-height: 27.5px;
    font-size: 10px;
    top: 0;
    left: 0;
    right: auto;
    text-align: center;
    border-radius: 50%;
    color: #767676;
    transition: left ease .15s;
    font-weight: bold;
    box-shadow: 0 1px 2px;
    text-transform: uppercase;
}

body:not(.gh-ie11):not(.gh-ieedge) .gh-ba-container input.no-text-switch.switch[type="checkbox"]::after,
body:not(.gh-ie11):not(.gh-ieedge) .gh-ba-container.fr input.no-text-switch.switch[type="checkbox"]::after,
body:not(.gh-ie11):not(.gh-ieedge) .gh-ba-container input.no-text-switch.switch[type="checkbox"]:checked::after,
body:not(.gh-ie11):not(.gh-ieedge) .gh-ba-container.fr input.no-text-switch.switch[type="checkbox"]:checked::after
{
    content: "" !important;
}

body:not(.gh-ie11):not(.gh-ieedge) .gh-ba-container.fr input.switch[type="checkbox"]::after {
    position: absolute;
    content: 'Non';
    background: #fff;
    width: 26px;
    height: 26px;
    line-height: 27.5px;
    font-size: 10px;
    top: 0;
    left: 0;
    right: auto;
    text-align: center;
    border-radius: 50%;
    color: #767676;
    transition: left ease .15s;
    font-weight: bold;
    box-shadow: 0 1px 2px;
    text-transform: uppercase;
}

body:not(.gh-ie11):not(.gh-ieedge) .gh-ba-container.es input.switch[type="checkbox"]::after {
    position: absolute;
    content: 'No';
    background: #fff;
    width: 26px;
    height: 26px;
    line-height: 27.5px;
    font-size: 10px;
    top: 0;
    left: 0;
    right: auto;
    text-align: center;
    border-radius: 50%;
    color: #767676;
    transition: left ease .15s;
    font-weight: bold;
    box-shadow: 0 1px 2px;
    text-transform: uppercase;
}

body:not(.gh-ie11):not(.gh-ieedge) .gh-ba-container input.switch[type="checkbox"]:checked::after {
    content: 'Yes';
    left: calc(100% - 26px);
    color: var(--theme-color-active-main);
}

body:not(.gh-ie11):not(.gh-ieedge) .gh-ba-container.fr input.switch[type="checkbox"]:checked::after {
    content: 'Oui';
    left: calc(100% - 26px);
    color: #088CCD;
}

body:not(.gh-ie11):not(.gh-ieedge) .gh-ba-container.es input.switch[type="checkbox"]:checked::after {
    content: 'Si';
    left: calc(100% - 26px);
    color: #088CCD;
}

.gh-ba-container .select2-container{
    display: block;
    width: auto !important
}

.gh-ba-container .select2-container .select2-selection {
    border-radius: 3px;
    border-color: #d1e1e8;
    min-height: 45px
}

.gh-ba-container .select2-container .select2-selection .select2-selection__rendered {
    padding: 0 8px
}

.gh-ba-container .select2-container .select2-selection .select2-selection__choice {
    margin-right: 8px;
    margin-top: 8px;
    padding: 0 12px;
    background: var(--theme-color-active-main);
    border: 0;
    color: #fff;
    height: 29px;
    line-height: 29px;
    font-weight: bold;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    max-width: calc(100% - 13px) !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

.gh-ba-container .select2-container .select2-selection .select2-selection__choice__remove {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 200;
    margin-right: 10px;
    float: left;
    font-size: 26px;
}

.select2-container--disabled .select2-selection__choice__remove {
    cursor: not-allowed !important;
}

.select2-container--disabled .select2-selection__choice__remove:hover {
    color: #fff !important;
}

.gh-ba-container .select2-container .select2-selection .select2-selection__rendered {
    padding: 0 25px 0 8px;
}

.gh-ba-container .gh-bg-light {
    background-color: #d1e1e83d
}

.max-width-100 {
    max-width: 100%
}

.width-85{
    width: 85px;
}
.width-140{
    width: 140px;
}

.min-height-40 {
    min-height: 40px
}

.min-height-400 {
    min-height: 400px
}

.margin-bottom-0 {
    margin-bottom: 0
}

.org-modal-header {
    background-color: var(--theme-color-desaturated-blue);
    padding: .6rem .7rem;
    border-radius: 0;
    color: #fff
}

.org-modal-header button.close {
    color: #fff;
    opacity: .8;
    text-shadow: none;
    font-weight: normal
}

.org-modal-header button.close:hover {
    opacity: .5
}

.org-modal-header .modal-title {
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gh-ba-container .modal .modal-header {
    background: var(--theme-color-desaturated-blue);
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.gh-ba-container .resource-line {
    border-bottom: 1px solid #ddd;
    margin: 0 -1em;
    padding: 0.45em;
}
.gh-ba-container .resource-line:first-child {
    border-top: 1px solid #ddd;
}
.gh-ba-container .resource-line:last-child {
    border-bottom: 0;
}
.gh-ba-container .ql-toolbar {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.gh-ba-container .ql-toolbar.ql-snow + .ql-container.ql-snow {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}
#taskModalContent {
    min-width: 1000px
}

.gh-ba-container .modal .modal-header .close > img {
    width: 19px;
    margin-top: .4em;
    margin-right: .25em
}

.gh-ba-container .modal .modal-header .modal-title {
    color: #fff
}

/*.gh-ba-container .modal .modal-body, .gh-ba-container .modal .modal-footer {
    background: #f3f5f8
}*/

.gh-ba-container .gh-ba-bs {
    box-shadow: 4px 4px 6px #33385017;
    border-radius: 4px
}

.gh-ba-container .gh-ba-bs-light {
    box-shadow: 4px 4px 6px #aaa;
    border-radius: 4px
}

.gh-ba-container .gh-ba-bs-light-v2 {
    box-shadow: 0px 1px 6px #aaa;
    border-radius: 8px
}

.gh-ba-container .gh-ba-bs-lighter {
    box-shadow: 2px 2px 8px #aaa
}

.gh-ba-container .gh-ba-bs-lighter-v2 {
    box-shadow: 1px 2px 2px #f1f1f1;
    border: 1px solid #ddd;
    border-radius: 8px !important;
    overflow: hidden;
}

.gh-ba-container .gh-ba-bs-lighter-v2-unlock-enrollment {
    border: 1px solid #F1F2F9;
    border-radius: 5px !important;
    box-shadow: 0px 4px 40px rgba(34, 64, 100, 0.08);
}
.no-dependents-warning {
    height: 80px;
    width: 100%;
    background: rgba(233, 243, 255, 1);
    margin-bottom: 10px;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: inherit;
    display: flex;
    align-items: center;
    padding-left: 10px;
    border-radius: 3px;
}
.no-dependent-coverage-warning {
    height: 51px;
    width: 100%;
    background: rgba(233, 243, 255, 1);
    margin-bottom: 10px;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: inherit;
    display: flex;
    align-items: center;
    padding-left: 10px;
    border-radius: 3px;
}

#dropDep:disabled{
    color:  rgba(119, 127, 142, 1);
    border: 1px solid #676D7A !important;
    background:  rgba(255, 255, 255, 1) !important;
}
.gh-ba-container .gh-ba-bs-lighter-v2-aof {
    box-shadow: 1px 2px 2px #f1f1f1;
    border: 1px solid #ddd;
    border-radius: 8px !important;
}

.gh-ba-container .gh-ba-bs-lighter-v3-aof {
    box-shadow: 0px 6px 14px rgba(89, 102, 122, 0.08);
    border-radius: 10px !important;
    border: 1px solid #fff;
}

.gh-ba-container .gh-ba-bs-lighter-v2-current-election {
    box-shadow: 1px 2px 2px #f1f1f1;
    border-radius: 8px !important;
    background-color: #F1F2F4 !important;
}

.gh-ba-container .gh-ba-bs-lightest-v2 {
    box-shadow: 1px 2px 2px #F1F2F4;
    border: 1px solid #d6d6d6;
    border-radius: 5px !important;
    overflow: hidden;
}

.gh-ba-container .gh-ba-bs-lightest-v2-aof {
    box-shadow: 1px 2px 2px #F1F2F4;
    border: 1px solid #d6d6d6;
    border-radius: 5px !important;
}

.gh-ba-container .form-control.rate-input[readonly] {
    border: 0;
    background: 0;
    padding-left: 0;
    font-size: inherit
}

.gh-ba-container .form-control.rate-input[readonly]::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.gh-ba-container .form-control.rate-input[readonly]{
    -moz-appearance: textfield; /* Firefox */
}

.gh-ba-container .gh-readonly:not(.plan-rates-table) label.control-label, .gh-ba-container .gh-readonly .form-control {
    height: 30px !important;
    margin: 0;
    line-height: 1.2
}

.gh-ba-container .rider-rates-table {
    border: 1px solid #D6D6D6;
    box-shadow: 0px 6px 14px rgba(89, 102, 122, 0.08);
    border-radius: 10px;
}
.gh-ba-container .rider-rates-table .table-header {
    background: #F1F2F4;
    margin: 0 auto 10px auto;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.gh-ba-container .gh-ba-bs-lighter-v2-401k-disclaimer {
    border-radius: 5px !important;
    background-color: #E6E6E6 !important;
}

.gh-conditions-tree .combinator:last-child {
    display: none
}

.gh-conditions-tree textarea#source {
    height: 600px;
    font-family: monospace;
    font-size: 90%
}

.gh-conditions-tree [data-combinator="or"] > .group, .gh-conditions-tree [data-combinator="or"] > .combinator {
    border-radius: 3px
}

.gh-conditions-tree [data-combinator="and"] > .group, .gh-conditions-tree [data-combinator="and"] > .combinator {
    border-radius: 3px
}

.gh-conditions-tree [data-combinator="or"] > .group {
    border: 1px solid #0a6b0a6e
}

.gh-conditions-tree [data-combinator="and"] > .group {
    border: 1px solid #a26c0880
}

.gh-conditions-tree .combinator {
    font-size: 70%;
    font-style: normal;
    width: 50px;
    border: 1px solid;
    text-align: center;
    position: relative;
    margin-top: 9px;
    margin-bottom: 9px;
    cursor: pointer;
    text-transform: uppercase;
    padding-top: 3px;
    padding-bottom: 3px;
    display: none
}

.gh-conditions-tree .combinator:before {
    position: absolute;
    content: '';
    height: 9px;
    width: 1px;
    border-left: 1px solid;
    top: -10px;
    left: 0;
    border-color: inherit
}

.gh-conditions-tree .combinator:after {
    position: absolute;
    content: '';
    height: 9px;
    width: 1px;
    border-left: 1px solid;
    bottom: -10px;
    left: 0;
    border-color: inherit
}

.gh-conditions-tree .combinator[data-combinator="or"] {
    color: #0a6b0a;
    border-color: #0a6b0a6e
}

.gh-conditions-tree .combinator[data-combinator="and"] {
    color: #a26c08;
    border-color: #a26c0880
}

.gh-conditions-tree .add-condition, .gh-conditions-tree .remove-condition, .gh-conditions-tree .split-condition {
    font-size: 70%;
    border: 1px solid #999
}

.gh-conditions-tree .sub-container {
    padding-top: 10px
}

.gh-conditions-tree .group.condition {
    padding: 8px !important;
    background: #fff;
    border: 1px solid #ddd !important;
    border-radius: 3px !important
}

.gh-conditions-tree .combinator:before, .gh-conditions-tree .combinator:after {
    opacity: 0
}

.gh-conditions-tree .combinator {
    font-weight: bold;
    border: 0;
    background: transparent !important;
    text-align: left;
    color: #000 !important
}

.gh-conditions-tree .group {
    border: 1px solid #ccc !important;
    border-bottom: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    border-top: 0 !important;
    padding-right: 0 !important;
    position: relative
}

.gh-conditions-tree .group:not(.condition) {
    padding-left: 30px !important
}

.gh-conditions-tree .group:not(.condition)::before {
    content: '';
    width: 6px;
    position: absolute;
    top: 0;
    left: 0;
    border-top: 1px solid;
    border-color: #ccc
}

.gh-conditions-tree .group:not(.condition)::after {
    content: '';
    width: 6px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 1px solid;
    border-color: #ccc
}

.gh-conditions-tree .group:not(.condition) .group:not(.condition) > .sub-container .split-condition {
    opacity: 0
}

.gh-conditions-tree > .group:not(.condition), .gh-conditions-tree > .group:not(.condition)::before, .gh-conditions-tree > .group:not(.condition)::after {
    border: 0 !important;
    padding-left: 0 !important
}

.gh-conditions-tree > ::before, .gh-conditions-tree > ::before {
    border: 0 !important
}

.gh-conditions-tree > .group > .sub-container > .remove-condition {
    display: none
}

.gh-ba-container .gh-conditions-tree .select2-container {
    display: inline-block !important;
    width: 380px !important
}

.gh-ba-container .gh-conditions-tree .select2-container .select2-selection .select2-selection__choice {
    height: 28px;
    line-height: 28px;
    font-size: 12px
}

.gh-ba-container .gh-conditions-tree .op-label, .gh-ba-container .gh-conditions-tree .unit-label, .gh-ba-container .gh-conditions-tree .value-label {
    margin: 0;
    height: 45px;
    line-height: 45px;
    padding: 0 6px
}

.gh-ba-container .modal-footer,
.modal-footer
{
    flex-wrap: nowrap !important;
}

#addLocationModal .modal-content {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22)
}

.modal-header.header-bk {
    background-color: #2a2f46;
    color: #fefefe
}

.icon-order {
    display: flex;
    flex-flow: row nowrap;
    align-content: center;
    justify-content: start
}

.icon-order i {
    padding-right: 14px
}

#taskModal .modal-lg {
    min-width: 1000px
}

#assignMoreTaskModal .modal-lg {
    min-width: 800px
}

#taEmployeeTemplateAssignBreakModal .modal-lg {
    min-width: 800px;
}

.gh-ba-container .modal .modal-content {
    background: 0;
    /*border-radius: 10px;*/
    background: #fff;
    border: 0;
    border-radius: 10px;
    /*overflow: hidden;*/

    /* Never add this line which will broken all modal in employees settings */
    /*overflow: hidden;*/
}

.gh-ba-container .bf-content-header .header-carrier-logo {
    max-width: 50px
}

.gh-ba-container .bf-content-header .header-profile-photo {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 3px solid #fff
}

.gh-ba-container .shadow-bottom {
    box-shadow: 0 2px 2px #e7ebef
}

.gh-ba-container .h-auto {
    height: auto !important;
    min-height: auto
}

.btn-secondary:focus {
    box-shadow: 0 0 0 0rem
}

.btn-danger:focus {
    box-shadow: 0 0 0 0rem
}

.btn-primary:focus {
    box-shadow: 0 0 0 0rem
}

@media (min-width: 1200px) {
    .container {
        max-width: 100% !important
    }
}

tr.hover, tr.placeholder {
    background-color: yellow
}

tr.placeholder {
    opacity: .5
}

tr.dragged, tr.notdoroppable {
    opacity: .3
}

tr[has-child="1"] > td:first-child > i {
    padding-right: 5px;
    cursor: pointer
}

tr.closed[has-child="1"] > td:first-child > i:first-child {
    transform: rotate(-90deg);
    padding-bottom: 5px;
    vertical-align: top
}

tr.row.col-12 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0
}

tr[level="1"] > td:first-child {
    padding-left: 45px
}

tr[level="1"][has-child="1"] > td:first-child {
    padding-left: 30px
}

tr[level="2"] > td:first-child {
    padding-left: 75px
}

tr[level="2"][has-child="1"] > td:first-child {
    padding-left: 60px
}

tr[level="3"] > td:first-child {
    padding-left: 105px
}

tr[level="3"][has-child="1"] > td:first-child {
    padding-left: 90px
}

tr[level="4"] > td:first-child {
    padding-left: 135px
}

tr[level="4"][has-child="1"] > td:first-child {
    padding-left: 120px
}

tr[level="5"] > td:first-child {
    padding-left: 165px
}

tr[level="5"][has-child="1"] > td:first-child {
    padding-left: 150px
}

tr[level="6"] > td:first-child {
    padding-left: 195px
}

tr[level="6"][has-child="1"] > td:first-child {
    padding-left: 180px
}

tr[level="7"] > td:first-child {
    padding-left: 225px
}

tr[level="7"][has-child="1"] > td:first-child {
    padding-left: 210px
}

tr[level="8"] > td:first-child {
    padding-left: 255px
}

tr[level="8"][has-child="1"] > td:first-child {
    padding-left: 240px
}

.userInfo {
    height: 100%;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    position: relative;
}

.clickable {
    cursor: pointer
}

.schedule-item-container {
    padding: 2px
}

.schedule-item-container.empty {
    visibility: hidden
}

.schedule-item {
    display: flex;
    max-height: 32px;
    min-height: 32px;
    flex-direction: column;
    justify-content: center;
    position: relative
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.075) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.across-day {
    width: calc(200%);
}

.schedule-item-time-text {
    font-size: 90%;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
}

table#schedule-table {
    font-family: 'Proxima Nova', sans-serif;
    font-size: 90%
}

table#schedule-table > thead {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

table#schedule-table > thead > tr > th {
    width: 12%
}

table#schedule-table > thead > tr:not(.month-view) > th:first-child {
    width: 16%
}

table#schedule-table > thead > tr > th.schedule-month-view {
    width: 12% !important
}

table#schedule-table > tbody > tr.month-view > td > div.item-container {
    min-height: 180px
}
.fixed-header-table table#schedule-table th {
    background-color: #F0F4F7;
}

.fixed-header-table {
    max-height: 700px;
}

.fixed-header-table th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    border: none !important;
    box-shadow: inset 1px 1px #dee2e6;
    background-clip: padding-box;
    z-index: 300;
}

.fixed-header-table tr > th:first-child,
.fixed-header-table tr > td:first-child {
    position: sticky;
    position: -webkit-sticky;
    left: 0;
}

.fixed-header-table.month tr > th:first-child,
.fixed-header-table.month tr > td:first-child {
    left: unset !important;
}

.fixed-header-table tr > th:first-child {
    z-index: 400 !important;
}
.fixed-header-table tr > td:first-child {
    z-index: 300;
    border-left: none !important;
    box-shadow: inset 1px 0px #dee2e6;
}

.fixed-header-table tr > th:first-child:before,
.fixed-header-table tr > td:first-child:before {
    content: "";
    position: absolute;
    top: 0;
    right: -1px;
    height: 100%;
    border-left: 1px solid #dee2e6;
}


.profileImage {
    min-width: 53px;
    max-width: 53px;
    height: 53px;
    border-radius: 50%;
    background: #d9dce0;
    font-size: 20px;
    color: #333;
    text-align: center;
    line-height: 53px;
    margin: 0;
    box-shadow: 5px 5px 10px lightgrey;
}

.form-control-label {
    text-transform: uppercase
}

@media (min-width: 1200px) {
    .container {
        max-width: 100% !important
    }

    .modal-lg {
        min-width: 1000px
    }

    .modal-mid {
        min-width: 700px;
    }
}

@media (min-width: 1600px) {
    .modal-lg {
        min-width: 1200px
    }
}

input[type="checkbox"]:disabled + label.onoffswitch-label {
    cursor: not-allowed !important;
}

.onoffswitch {
    position: relative;
    width: 86px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.onoffswitch-checkbox {
    display: none
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #666;
    border-radius: 20px
}

.onoffswitch-inner, .onoffswitch-inner.fr {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin .3s ease-in 0s
}

.onoffswitch-inner:before, .onoffswitch-inner.fr:before, .onoffswitch-inner:after, .onoffswitch-inner.fr:after {
    display: block;
    float: left;
    width: 50%;
    height: 30px;
    padding: 0;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    box-sizing: border-box
}

#addDeviceModal .onoffswitch-inner:after, #addDeviceModal .onoffswitch-inner.fr:after {
    color: #2a1b46 !important;
    padding-right: 1em
}



.web-clock-url-container.web-clock-url-disabled {
    background: #EAECEF;
    border-radius: .25rem;
    padding: .375rem .75rem;
}

.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: var(--theme-color-active-main);
    border-color: var(--theme-color-active-main);
    color: #fff
}

.onoffswitch-inner.fr:before {
    content: "SUR";
    padding-left: 10px;
    background-color: #3f89e7;
    color: #fff
}

.onoffswitch-inner.es:before {
    content: "EN";
    padding-left: 10px;
    background-color: #3f89e7;
    color: #fff
}

.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #fff;
    color: #666;
    text-align: right
}

.onoffswitch-inner.fr:after {
    content: "DE";
    padding-right: 10px;
    background-color: #fff;
    color: #666;
    text-align: right
}

.onoffswitch-inner.es:after {
    content: "APAGADO";
    padding-right: 10px;
    background-color: #fff;
    color: #666;
    text-align: right
}

#display_status_button .onoffswitch-inner:after {
    content: "INACTIVE";
    font-size: 10px;
    color: #000;
    padding-right: 10px !important
}

#display_status_button .onoffswitch-inner.fr:after {
    content: "INACTIVE";
    font-size: 10px;
    color: #000;
    padding-right: 10px !important
}

#display_status_button .onoffswitch-inner.es:after {
    content: "INACTIVO";
    font-size: 10px;
    color: #000;
    padding-right: 10px !important
}

#display_status_button .onoffswitch-inner:before {
    content: "ACTIVE";
    font-size: 10px
}

#display_status_button .onoffswitch-inner.fr:before {
    content: "ACTIVE";
    font-size: 10px;
}

#display_status_button .onoffswitch-inner.es:before {
    content: "ACTIVO";
    font-size: 10px;
}

.onoffswitch-switch {
    display: block;
    width: 18px;
    margin: 6px;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 56px;
    border: 1px solid #666;
    border-radius: 20px;
    transition: all .3s ease-in 0s
}

/* all modals inside benadmin */
.gh-ba-container .modal .modal-header {
    background: var(--theme-color-desaturated-blue);
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner, .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner.fr {
    margin-left: 0
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0
}

.loc-map-editor {
    margin-top: 10px;
    display: flex;
    justify-content: space-between
}

.loc-map-editor button {
    min-width: fit-content;
    height: 27px;
    margin-left: 10px;
}

.display-none {
    display: none !important
}

.sheet-block-page {
    padding-right: 5px;
    padding-left: 0;
    height: 100%
}

.sheet-block-page:last-child {
    padding-right: 0
}

.sheet-block-head {
    background-color: #d0d9e8;
    border: 1px solid #e9f0f4;
    font-weight: bold;
    font-size: 16px;
    padding-top: 5px;
    padding-bottom: 5px
}

.sheet-block-body {
    background-color: #fff;
    font-size: 14px;
    border: 1px solid #e9f0f4;
    height: 90%;
    overflow: auto
}

.sheet-block-body.dropped {
    background-color: #edf1f7
}

.sheet-block-item-bk {
    margin: 20px 0 0;
    background-color: #c9e653;
    border: 2px double #e9f0f4;
    cursor: pointer;
    min-width: 120px
}

.sheet-block-item-text {
    background-color: #fff;
    margin-left: 10px;
    padding: 10px 0 10px 10px
}

.sheet-preview {
    background-color: #fff;
    box-shadow: 0 3px 3px #a8aaab;
    border: 1px solid #fff;
    margin-top: 10px;
    font-size: 12px;
    margin-left: 10px;
    margin-right: 10px
}

.sheet-preview.over {
    border-top: 3px dashed #c9e653;
    padding-top: 5px
}

.sheet-preview:hover {
    border: 1px solid #c9e653
}

.sheet-preview-head {
    display: flex;
    justify-content: space-between
}

.wh-100 {
    width: 100%;
    height: 100%
}

.z-bottom {
    z-index: -1;
    position: relative
}

.btn-delete-block {
    border: 0;
    background: 0
}

.btn-config {
    font-size: 12px
}

.sheet-conf-sub-head {
    background-color: #edf1f7;
    padding: 6px 10px 6px 10px
}

.sheet-conf-switch-line {
    display: flex;
    justify-content: space-between;
    padding: 15px 15px 0 15px
}

.sheet-conf-switch-line label {
    font-weight: 500
}

.sheet-conf-switch-line .onoffswitch {
    position: relative;
    width: 96px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    min-width: 96px;
    min-height: 38px
}

.sheet-conf-switch-line .onoffswitch.es {
    position: relative;
    width: 126px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    min-width: 126px;
    min-height: 38px
}

.sheet-conf-switch-line .onoffswitch-checkbox {
    display: none
}

.sheet-conf-switch-line .onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 20px;
    border: 0
}

.sheet-conf-switch-line .onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin .3s ease-in 0s
}

.sheet-conf-switch-line .onoffswitch-inner:before, .sheet-conf-switch-line .onoffswitch-inner.fr:before, .sheet-conf-switch-line .onoffswitch-inner:after, .sheet-conf-switch-line .onoffswitch-inner.fr:after {
    display: block;
    float: left;
    width: 50%;
    height: 30px;
    padding: 0;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    box-sizing: border-box
}

.sheet-conf-switch-line .onoffswitch-inner:before {
    content: "Enable";
    padding-left: 15px;
    background-color: var(--theme-color-active-main);
    color: #fff
}

.sheet-conf-switch-line .onoffswitch-inner.fr:before {
    content: "Activer";
    padding-left: 15px;
    background-color: #3f89e7;
    color: #fff
}

.sheet-conf-switch-line .onoffswitch-inner.es:before {
    content: "Habilitar";
    padding-left: 15px;
    background-color: #3f89e7;
    color: #fff
}

.sheet-conf-switch-line .onoffswitch-inner.y_n:before {
    content: "Yes";
    padding-left: 30px
}

.sheet-conf-switch-line .onoffswitch-inner.y_n.fr:before {
    content: "Oui";
    padding-left: 30px;
}

.sheet-conf-switch-line .onoffswitch-inner.d-all:before {
    content: "Enable All";
    padding-left: 10px
}
.sheet-conf-switch-line .onoffswitch-inner.y_n.es:before {
    content: "Si";
    padding-left: 30px;
}

.sheet-conf-switch-line .onoffswitch-inner.a_ina:before {
    content: "Active";
}

.sheet-conf-switch-line .onoffswitch-inner.a_ina.fr:before {
    content: "Actif";
}

.sheet-conf-switch-line .onoffswitch-inner.a_ina.es:before {
    content: "Activo";
}

.sheet-conf-switch-line .onoffswitch-inner:after {
    content: "Disable";
    padding-right: 10px;
    background-color: #bbb;
    color: #fff;
    text-align: right
}
.sheet-conf-switch-line .onoffswitch-inner.d-all::after {
    content: "Disable All";
    padding-right: 10px;
    background-color: #bbb;
    color: #fff;
    text-align: right
}

.sheet-conf-switch-line .onoffswitch-inner.fr:after {
    content: "Désactiver";
    padding-right: 10px;
    background-color: #bbb;
    color: #fff;
    text-align: right
}

.sheet-conf-switch-line .onoffswitch-inner.es:after {
    content: "Deshabilitado";
    padding-right: 4px;
    background-color: #bbb;
    color: #fff;
    text-align: right
}

.sheet-conf-switch-line .onoffswitch-inner.y_n:after {
    content: "No";
    padding-right: 30px
}

.sheet-conf-switch-line .onoffswitch-inner.y_n.fr:after {
    content: "Non";
    padding-right: 30px;
}

.sheet-conf-switch-line .onoffswitch-inner.y_n.es:after {
    content: "No";
    padding-right: 30px;
}

.sheet-conf-switch-line .onoffswitch-inner.a_ina:after {
    content: "Inactive";
}

.sheet-conf-switch-line .onoffswitch-inner.a_ina.fr:after {
    content: "Inactif";
}

.sheet-conf-switch-line .onoffswitch-inner.a_ina.es:after {
    content: "Inactivo";
}

.sheet-conf-switch-line .onoffswitch-switch {
    display: block;
    width: 22px;
    height: 22px;
    margin: 4px;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 8;
    right: 62px;
    border-radius: 20px;
    border: 0;
    transition: all .3s ease-in 0s
}

.sheet-conf-switch-line .onoffswitch-switch.es {
    display: block;
    width: 22px;
    height: 22px;
    margin: 4px;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 8;
    right: 93px;
    border-radius: 20px;
    border: 0;
    transition: all .3s ease-in 0s
}

.sheet-conf-switch-line .onoffswitch-switch.d-all{
    right: 80px;
}

.sheet-conf-switch-line .onoffswitch.d-all {
    width: 115px;
}

.sheet-conf-switch-line .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner, .sheet-conf-switch-line .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner.fr {
    margin-left: 0
}

.sheet-conf-switch-line .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 3px
}

.sheet-conf-switch-line .onoffswitch-label.fr {
    display: block;
    overflow: hidden;
    width: 115px;
    cursor: pointer;
    border-radius: 20px;
    border: 0;
}

.sheet-conf-switch-line .onoffswitch-switch.fr {
    display: block;
    width: 22px;
    height: 22px;
    margin: 4px;
    background: #fff;
    /* position: absolute; */
    top: 0;
    bottom: 8;
    right: 80px;
    border-radius: 20px;
    border: 0;
    /* transition: all .3s ease-in 0s; */
}

.sheet-conf-switch-line .onoffswitch.fr {
    position: relative;
    width: 115px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    min-width: 115px;
    min-height: 38px;
}

.sheet-conf-check-line {
    display: flex;
    justify-content: space-between;
    padding: 15px 15px 0 15px
}

.sheet-conf-check-line span {
    font-weight: 500
}

#display_custom_job_code_switch.sheet-conf-switch-line .onoffswitch-inner:before {
    content: "ON";
}

#display_custom_job_code_switch.sheet-conf-switch-line .onoffswitch-inner:after {
    content: "OFF";
}

#display_custom_job_code_switch.sheet-conf-switch-line .onoffswitch-inner.es:before {
    content: "En";
}

#display_custom_job_code_switch.sheet-conf-switch-line .onoffswitch-inner.es:after {
    content: "Agado";
}

.sheet-checkbox {
    display: inline;
    position: relative;
    margin-right: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px
}

.sheet-checkbox:hover input ~ .checkmark {
    background-color: #ccc
}

.sheet-checkbox input:checked ~ .checkmark {
    background-color: #555
}

.sheet-checkbox input {
    cursor: pointer;
    visibility: hidden
}

.sheet-checkbox .checkmark {
    position: absolute;
    top: -2px;
    left: -4px;
    height: 22px;
    width: 22px;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 2px
}

.sheet-checkbox input:checked ~ .checkmark:after {
    display: block
}

.sheet-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 5px;
    top: 1px;
    width: 10px;
    height: 15px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

select.sheet-conf-dropdown {
    width: 200px
}

td select.sheet-conf-dropdown {
    width: auto
}

select.sheet-conf-dropdown.wide {
    width: 350px
}

.flex-col-between {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.flex-row-between {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.sheet-conf-edit-line {
    display: flex;
    justify-content: stretch;
    padding: 15px 15px 0 15px
}

.sheet-block-body .inline-text {
    padding-top: 5px;
    padding-right: 5px
}

.sheet-block-body .inline-input {
    height: 30px
}

.sheet-conf-edit-line .inline-input {
    width: 60px
}

.overflow-show {
    overflow: visible;
}

.overflow-show-strict {
    overflow: visible !important;
}

.sheet-conf-message-line {
    padding: 15px 0 0;
    width: 100%
}

.sheet-conf-message-line div:first-child {
    min-width: 60px
}

.sheet-conf-message-line input {
    height: 30px;
    width: 100%
}

.sheet-conf-message-line textarea {
    width: 100%;
    border-color: #ccc;
    display: block
}

#addSheetModal .modal-header .xquit-modal, #updateSheetModal .modal-header .xquit-modal {
    cursor: pointer
}

#updateSheetModal .select2-selection.select2-selection--single  {
    height: 34px !important;
}

#timesheet_option_container a.btn {
    background-color: #fff;
    color: var(--theme-color-desaturated-blue);
}

.sheet-conf-switch-line.light {
    margin-top: -2px;
    padding: 0
}

a.btn.btn-sm[disabled="disabled"] {
    pointer-events: none;
    opacity: 0.6;
}

span[aria-disabled="true"] {
    opacity: 0.6;
}
.sheet-conf-switch-line.left-grouping {
    margin-top: -1px;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.immutable-notice {
    color: #aaa;
}

.sheet-head-bar {
    background-color: #e7eaef;
    display: flex;
    justify-content: space-between;
    transition: all .3s ease-in-out
}

.sheet-head-bar.expanded {
    background-color: #c0cde2;
    transition: all .3s ease-in-out
}

.sheet-head-bar .arrow {
    margin-right: 10px;
    margin-top: 4px;
    width: 12px;
    height: 12px;
    border: solid #000;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: all .3s ease-in-out
}

.sheet-head-bar.expanded .arrow {
    margin-top: 2px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all .3s ease-in-out
}

.sheet-head-bar > div:first-child > span {
    padding-left: 10px
}

.sheet-head-bar.expanded > div:first-child > span ::before {
    content: "+ "
}

#sheet-update-modal-body {
    height: auto
}

#sheet-update-modal-body.tall {
    height: 900px
}

#sheet-update-modal-body.short {
    height: 710px
}

#sheet-partial-blocks {
    height: 750px
}

#sheet-partial-settings {
    min-height: 522px;
}

#hint-to-drop {
    padding-top: 330px
}

.sheet-settings-ip-address-line {
    padding: 15px 15px 0;
    width: 100%
}

.schedule-item-container {
    padding: 2px;
    position: relative;
}

.sheet-settings-ip-address-line.disabled {
    color: #ccc;
    opacity: .5
}

.sheet-settings-ip-address-line.disabled button {
    background-color: #ccc
}

.sheet-settings-ip-address-line input {
    height: 30px;
    width: 100%
}

.sheet-settings-ip-address-line.disabled input:placeholder {
    color: #ccc;
    opacity: .5
}

.btn-add-ip-address {
    display: block;
    width: 100%;
    min-width: 44px;
    border: 0
}

.ip-address-xdelete-panel {
    position: relative;
    min-width: 29px
}

.settings-ip-address-xdelete {
    cursor: pointer;
    position: absolute;
    font-size: 28px;
    font-weight: 600;
    top: -6px
}

.sheet-settings-ip-address-line.disabled .settings-ip-address-xdelete {
    cursor: default
}

.overflow-scroll {
    overflow: scroll
}

.overflow-auto {
    overflow: auto
}

.nav-link.active.nav-striped {
    background-color: #f8fbff
}

div.error {
    color: #F53F3F;
    padding-top: 2px;
    padding-left: 4px
}

input.error, textarea.error, .select2.error > span.selection > span.select2-selection, select.error {
    border: 1px solid #F53F3F;
    background-color: rgba(224, 67, 39, 0.1)
}

.error-message {
    height: 21px;
    text-align: left;
    margin-top: 5px;
    display: none
}

.error-container {
    height: 21px
}

.employee-view-claim {
    position: absolute;
    border-top : none;
    display: none !important;
    text-align: center;
    cursor: pointer;
    color: #fff;
    width: 100%;
    /*height: 100%;*/
    top: 0;
    z-index: 295;
}

.schedule-item-container:hover .employee-view-claim {
    display: block !important;
}

.employee-view-schedule-name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/*.schedule-item-container:hover .schedule-item{*/
    /*border-bottom-left-radius: 0 !important;*/
    /*border-bottom-right-radius: 0 !important;*/
/*}*/

.schedule-item-container.placeholder {
    pointer-events: none;
}

#employer_view_shift_detail_modal .tooltip { pointer-events: none; }

#claim_open_shift_modal .shift-info-item .shift-info-text,
#drop_shift_modal .shift-info-item .shift-info-text,
#swap_shift_modal .shift-info-item .shift-info-text
{
    color: var(--theme-color-main);
    font-weight: bold;
}

.shift-info-container {
    background-color: #F7F9FA;
    border: 2px solid #F0F1F2;
    border-radius: 6px;
}

.shift-info-container i {
    width: 20px !important;
}

.shift-info-text,
.text-break-word
{
    word-break: break-word;
}

.shift-info-container .shift-info-item .custom-field-attachment-items{
    display: flex;
    flex-direction: column;
}

.shift-info-container .shift-info-item .custom-field-attachment-items .attachment-item {
    font-weight: 600;
    cursor: pointer;
    word-break: break-all;
    color: #088CCD;
}



.shift-name-dot {
    border-radius: 50%;
    height: 20px;
    width: 20px;
}

.checked-employee {
    height: 53px;
    width: 53px;
    background-color: var(--theme-color-active-main, #4FA8BC);
    border-radius: 50%;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
}

.checked-employee:after {
    content: "";
    position: absolute;
    left: 20px;
    top: 10px;
    width: 15px;
    height: 26px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
}

.td-center {
    height: 53px;
    line-height: 53px;
}

.disabled-tr {
    pointer-events: none;
    opacity: 0.3;
}

.bck-white {
    background-color: #fff !important;
}


/* end - employee schedule table */

/* start - employee shift notifications */
.notification-card {
    border: 1px solid #DEDEE1;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 3px 3px 3px #a8aaab;;
}

.status-container {
    font-size: 0.8em;
    color: #F1C17F
}

.font-capitalized {
    text-transform: capitalize;
}

/* end - employee shift notifications */



/* start - employee unavailability modal */
.unavailability-btn-group {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}



/*#clockTableTableViewContainer*/



#clockTableTableViewContainer .timepicker-container .bootstrap-datetimepicker-widget.dropdown-menu {
    height: 92px !important;
}

#clockTableTableViewContainer .timepicker-container .bootstrap-datetimepicker-widget table td {
    width: 26px !important;
    height: 22px !important;
    line-height: 22px !important;
}

#clockTableTableViewContainer .bootstrap-datetimepicker-widget table td span, .timepicker-container .bootstrap-datetimepicker-widget table td i {
    width: 26px !important;
    height: 22px !important;
    line-height: 22px !important;
}

#clockTableTableViewContainer .timepicker-container .bootstrap-datetimepicker-widget .timepicker-hour,
#clockTableTableViewContainer .timepicker-container .bootstrap-datetimepicker-widget .timepicker-minute,
#clockTableTableViewContainer .timepicker-container .bootstrap-datetimepicker-widget .timepicker-second {
    width: 26px !important;
    padding-top: 6px
}

#clockTableTableViewContainer .timepicker-container .bootstrap-datetimepicker-widget a[data-action] {
    padding: 0 !important;
}




.timepicker-container .bootstrap-datetimepicker-widget.dropdown-menu {
    width: 160px;
    height: 130px;
    z-index: 100
}

.timepicker-container .bootstrap-datetimepicker-widget table {
    border: 0
}

.timepicker-container .bootstrap-datetimepicker-widget table td {
    width: 28px;
    height: 28px;
    line-height: 28px;
    border: 0;
    background-color: #fff
}

.timepicker-container .bootstrap-datetimepicker-widget table td span, .timepicker-container .bootstrap-datetimepicker-widget table td i {
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin: 0
}

.timepicker-container .bootstrap-datetimepicker-widget .timepicker-hour,
.timepicker-container .bootstrap-datetimepicker-widget .timepicker-minute,
.timepicker-container .bootstrap-datetimepicker-widget .timepicker-second {
    width: 28px;
    padding-top: 6px
}

.timepicker-container .bootstrap-datetimepicker-widget table td.separator {
    padding-top: 6px
}

.timepicker-container .bootstrap-datetimepicker-widget table td, .timepicker-container .bootstrap-datetimepicker-widget table th {
    padding: 0
}

.none-outline {
    outline: none !important
}

.esheet-table {
    border: 0;
    word-wrap: break-word
}

.esheet-table tr {
    border-bottom: 0
}

.esheet-table thead th {
    border: 1px solid #fff;
    background-color: #e7eaef
}

.esheet-table td {
    border: 1px solid #fff;
    background-color: #f2f4f8
}

.timepicker-pair-container {
    display: flex !important
}

.timepicker-pair-container label {
    white-space: nowrap
}

.timepicker-pair-panel {
    display: flex !important;
    border: 1px solid #e9f0f4;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-left: none;
    background-color: #fff
}

.timepicker-pair-tag {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    min-width: 14px
}

label.work {
    color: #05a37e
}

label.rest {
    color: #ffb800
}

div.work {
    background-color: #05a37e
}

div.rest {
    background-color: #ffb800
}

.timepicker-pair-line {
    display: flex !important;
    min-height: 46px;
    align-items: flex-start
}

select.dst-change {
    display: block;
    height: calc(2.25rem + 2px);
    background-color: #fff;
    border: 1px solid #ced4da
}

select.dst-change.sm {
    height: auto;
    width: 100%
}

div.dst-group {
    display: none
}

.timepicker-interval input {
    background-color: inherit
}

#esheet-inout-table div.tall {
    height: 90px !important;
}

#esheet-inout-table div.medium {
    height: 64px !important;
}

#esheet-inout-table div.short {
    height: 46px !important;
}

i.fa-comment-alt.message-pop {
    color: #088CCD
}

a.anchor-addline {
    color: #088CCD
}

a.anchor-addline:hover {
    text-decoration: underline
}

.w-100 {
    width: 100% !important
}

.flex-between {
    display: flex;
    justify-content: space-between
}

.round-checkbox {
    margin-bottom: 8px !important;
}

.round-checkbox input[type="checkbox"] {
    visibility: hidden
}

.round-checkbox input[type="checkbox"] + label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 35px;
    width: 35px;
    line-height: 32px;
    text-align: center
}

.round-checkbox input[type="checkbox"]:checked + label {
    background-color: var(--theme-color-active-main);
    color: #fff
}

.round-radio {
    position: relative
}

.round-radio input[type="radio"] {
    visibility: hidden
}

.round-radio input[type="radio"] + label {
    cursor: pointer
}

.round-radio input[type="radio"] + label::before {
    cursor: pointer;
    position: absolute;
    width: 25px;
    height: 25px;
    content: "";
    border-radius: 50%;
    border: 1px solid #ccc;
    background-color: #fff;
    top: -3px;
    left: -12px
}

.round-radio input[type="radio"] + label:hover::before {
    background-color: #ccc
}

.round-radio input[type="radio"] + label::after {
    display: none;
    position: absolute;
    width: 13px;
    height: 13px;
    content: "";
    border-radius: 50%;
    background-color: #000;
    top: 3px;
    left: -6px
}

.round-radio input[type="radio"]:checked + label::after {
    display: block
}

.gh-ba-container .h-30 {
    height: 30px
}

.gh-ba-container .pos-tr {
    top: 1em;
    right: 1em;
    height: auto !important;
    line-height: auto !important
}

.gh-ba-container .lh-45-field input[type="file"] {
    -webkit-appearance: unset;
    -moz-appearance: none;
    line-height: normal
}

.gh-ba-container button.btn.btn-gh-sm {
    padding: 4px 8px;
    font-size: 13px
}

.gh-ba-container .gh-tree-dropdown {
    position: absolute;
    display: none;
    z-index: 9999;
}

.gh-ba-container .gh-tree-dropdown ul li {
    padding: 0
}

.gh-ba-container .gh-tree-dropdown ul li.gh-tree-item-disabled > label {
    background: #ddd !important;
    opacity: .6;
    cursor: not-allowed;
}
.gh-ba-container .gh-tree-dropdown ul li.gh-tree-item-disabled > label * {
    pointer-events: none;
}

.gh-ba-container .gh-tree-dropdown ul li > label {
    /*border-bottom: 1px solid #d9dce0;*/
    cursor: pointer;
    position: relative;
    min-height: 30px;
    line-height: 30px;
    transition: all ease .15s;
    overflow: hidden;
    transform-origin: top;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.gh-ba-container .gh-tree-dropdown ul li > label:hover {
    background-color: aliceblue
}

.gh-ba-container .gh-tree-dropdown ul li[data-level="0"] > label {
    padding-left: 9px;
}

.gh-ba-container .gh-tree-dropdown ul li[data-level="1"] > label {
    padding-left: 39px;
}

.gh-ba-container .gh-tree-dropdown ul li[data-level="2"] > label {
    padding-left: 69px;
}

.gh-ba-container .gh-tree-dropdown ul li[data-level="3"] > label {
    padding-left: 99px;
}

.gh-ba-container .gh-tree-dropdown ul li[data-level="4"] > label {
    padding-left: 129px;
}

.gh-ba-container .gh-tree-dropdown ul li[data-level="4"] > label {
    padding-left: 159px;
}

.gh-ba-container .gh-tree-dropdown .gh-tree-root-node > label {
    height: 0 !important;
    border: 0 !important
}

.gh-ba-container .gh-tree-dropdown .gh-tree-root-node ul li[data-level="1"] > label {
    padding-left: 9px
}

.gh-ba-container .gh-tree-dropdown .gh-tree-root-node ul li[data-level="2"] > label {
    padding-left: 39px
}

.gh-ba-container .gh-tree-dropdown .gh-tree-root-node ul li[data-level="3"] > label {
    padding-left: 69px
}

.gh-ba-container .gh-tree-dropdown .gh-tree-root-node ul li[data-level="4"] > label {
    padding-left: 99px
}

/* April 15 2020 */
/* BEN-5413 - new group-tree/select2 UI */
/* Applies to only tree/select2 inside a .gh-select-tree-v2-container */
.gh-ba-container .gh-select-tree-v2-container.gh-tree-hide-filter .gh-tree-dropdown .gh-tree-filter {
    display: none;
}
.gh-ba-container .gh-select-tree-v2-container .gh-tree-dropdown ul li[data-level="0"] > label {
    font-weight: 400;
}
.gh-ba-container .gh-select-tree-v2-container .gh-tree-dropdown .gh-tree-root-node ul li[data-level="1"] > label {
    padding-left: 39px
}

.gh-ba-container .gh-select-tree-v2-container .gh-tree-dropdown .gh-tree-root-node ul li[data-level="2"] > label {
    padding-left: 69px
}

.gh-ba-container .gh-select-tree-v2-container .gh-tree-dropdown .gh-tree-root-node ul li[data-level="3"] > label {
    padding-left: 99px
}

.gh-ba-container .gh-select-tree-v2-container .gh-tree-dropdown .gh-tree-root-node ul li[data-level="4"] > label {
    padding-left: 129px
}
.gh-ba-container .gh-select-tree-v2-container .gh-tree-dropdown-select.gh-multiline-tree > label {
    padding-top: 7px;
    color: #888;
    padding-bottom: 1px;
    margin-bottom: -6px !important;
}
.gh-ba-container .gh-select-tree-v2-container .gh-tree-dropdown-select.gh-multiline-tree > label > span.gh-selected-label {
    margin-top: -6px;
    margin-bottom: 6px;
}
.gh-ba-container .gh-select-tree-v2-container .gh-tree-dropdown-select.gh-multiline-tree > label:after {
    top: 12px;
    left: calc(100% - 22px);
}
.gh-select2-v2-select-all {
    cursor: pointer;
    font-weight: 400;
    position: relative;
    padding: 6px 6px 6px 30px;
}
.gh-select2-v2-select-all[data-disabled="true"] {
    color: #888;
    opacity: .75;
    cursor: not-allowed;
}
.gh-select2-v2-select-all[data-checked]:before {
    content: ' ';
    position: absolute;
    left: 7px;
    top: 10px;
    outline: 0;
    cursor: pointer;
    box-shadow: unset;
    width: 13px;
    height: 13px;
    border-radius: 3px;
    background: #fff no-repeat -5px -5px;
    background-size: 21px;
    vertical-align: baseline;
    margin-right: 8px;
    border: 1px solid var(--theme-color-desaturated-blue);
}
.gh-select2-v2-select-all[data-disabled="true"]:before {
    opacity: .75;
}
.gh-select2-v2-select-all[data-checked="true"]:before {
    background-image: url(/v4/img/checked.svg);
    background-color: var(--theme-color-desaturated-blue);
}
.gh-select2-v2-select-all:hover {
    background: #e9f5fa;
}
.select2-container.select2-container--default.select2-container--open .select2-results__options.gh-select2-v2-options > li {
    margin-left: 0px;
    padding-left: 60px !important;
}
body .select2-container--default .select2-dropdown > .select2-results:first-child .select2-results__options.gh-select2-v2-options > .select2-results__option:not([role="group"]):not(.select2-results__message):before {
    left: 37px;
}
body .select2-container--default .select2-dropdown > .select2-results:first-child .select2-results__options > .select2-results__option:not([role="group"]):not(.select2-results__message):hover {
    background: #e9f5fa !important;
}
body .select2-container--default .select2-dropdown > .select2-results:first-child .select2-results__options > .select2-results__option:not([role="group"]):not(.select2-results__message).select2-results__option--highlighted:not(:hover) {
    background: transparent;
}
body .select2-container.select2-container--default.select2-container--open .select2-results__options.gh-select2-v2-options > li {
    color: var(--theme-color-desaturated-blue);
    font-weight: 300;
}
/* ENd BEN-5413 */

.gh-ba-container .gh-tree-dropdown ul li[data-level="0"]:last-child > label {
    border-bottom: 0
}

.gh-ba-container .gh-tree-dropdown .gh-branch-toggle {
    position: absolute;
    right: 0;
    top: 0;
    height: 30px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.7);
    text-indent: 0
}

.gh-ba-container .gh-tree-dropdown label:hover > .gh-branch-toggle {
    opacity: 1;
}

.gh-ba-container .gh-tree-dropdown .gh-branch-toggle > i.fa-angle-down {
    display: none
}

.gh-ba-container .gh-tree-dropdown .gh-branch-toggle > i.fa-angle-right {
    display: block
}

.gh-ba-container .gh-tree-dropdown li.gh-branch-open > label > .gh-branch-toggle > i.fa-angle-down {
    display: block
}

.gh-ba-container .gh-tree-dropdown li.gh-branch-open > label > .gh-branch-toggle > i.fa-angle-right {
    display: none
}

.gh-ba-container .gh-tree-dropdown li:not(.gh-branch-open) > ul label {
    border: 0;
    max-height: 0;
    min-height: 0;
    transform: scaleY(0);
}

.gh-ba-container .gh-tree-dropdown input.gh-tree-filter {
    height: 35px;
    width: 100%;
    display: block;
    margin-bottom: 3px;
    border-width: 0;
    border-bottom-width: 1px;
    padding: 0 8px;
    outline: 0
}

.gh-ba-container .gh-tree-dropdown .gh-checkbox-and-text-container {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.gh-ba-container .gh-tree-dropdown-select > label {
    white-space: nowrap;
    text-overflow: ellipsis;
    /*overflow: hidden;*/
    cursor: pointer;
    position: relative;
    width: 100% !important;
    padding-right: 30px;
    /*padding-top: .5rem !important;*/
    font-weight: normal;
}

.gh-ba-container .gh-tree-dropdown-select.gh-multiline-tree > label {
    white-space: normal;
    cursor: pointer;
    position: relative;
    padding-top: 3px;
    margin-bottom: -3px;
}

.gh-ba-container .gh-tree-dropdown-select > label:after {
    position: absolute;
    content: '';
    background: transparent url(/v4/img/arrow-dn4.svg) no-repeat center;
    right: 12px;
    height: 100%;
    width: 12px;
    pointer-events: none;
}

.gh-ba-container .gh-tree-dropdown-select.gh-multiline-tree > label:after {
    top: 10px;
}

.gh-ba-container .gh-tree-dropdown-select {
    padding: 0 8px
}
.gh-ba-container .gh-tree-dropdown-select.tree-displayed {
    border-color: black;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.gh-ba-container .gh-tree-dropdown-select.gh-multiline-tree {
    padding: 5px 8px 0;
}

.gh-ba-container .gh-tree-dropdown-select > label > span.gh-selected-label {
    line-height: 29px;
    height: 29px;
    background: #044270;
    border-color: #044270 !important;
    color: #fff;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 4px;
    font-weight: bold;
    margin-right: 8px !important;
    max-width: 100%;
}

/*benefits plan/eligibility/coverage/contribution dropdown tree start*/
.gh-ba-container .plan-components .gh-tree-dropdown-select > label > span.gh-selected-label {
    background: var(--theme-color-active-main) !important;
    border-color: var(--theme-color-active-main) !important;
}
.plan-components .select2-selection__choice{
    background: var(--theme-color-active-main) !important;
}
/*benefits plan/eligibility/coverage/contribution dropdown tree end*/


/*benefits report dropdown tree start*/
.gh-ba-container .bf-report-component .gh-tree-dropdown-select > label > span.gh-selected-label {
    background: var(--theme-color-active-main) !important;
    border-color: var(--theme-color-active-main) !important;
}
.bf-report-component .select2-selection__choice{
    background: var(--theme-color-active-main) !important;
}

/*benefits report dropdown tree end*/

/*OpenEnrollment dropdown tree start*/
#openEnrollmentsComponent .gh-tree-dropdown-select > label > span.gh-selected-label {
    background: var(--theme-color-active-main) !important;
    border-color: var(--theme-color-active-main) !important;
}
#openEnrollmentsComponent .select2-selection__choice{
    background: var(--theme-color-active-main) !important;
}
/*OpenEnrollment dropdown tree end*/

/* broker reports bg updates */
.gh-ba-container #gh_Report_Form .select2-container .select2-selection .select2-selection__choice,
.gh-ba-container .gh-ba-reports-filters .select2-container .select2-selection .select2-selection__choice {
    background: var(--theme-color-active-main);
}
.gh-ba-container #gh_Report_Form .gh-tree-dropdown-select > label > span.gh-selected-label,
.gh-ba-container .gh-ba-reports-filters .gh-tree-dropdown-select > label > span.gh-selected-label {
    background: var(--theme-color-active-main) !important;
    border-color: var(--theme-color-active-main) !important;
}

.report-legacy-content{
    color: #088CCD !important;
    font-weight: 700;
}
.gh-ba-container .gh-tree-dropdown-select.gh-multiline-tree > label > span.gh-selected-label {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.gh-ba-container .gh-tree-dropdown-select.gh-multiline-tree > label > span.gh-selected-label {
    margin-top: -3px;
    margin-bottom: 3px;
}

.gh-ba-container div.invalid {
    height: 90px;
}

.gh-ba-container div.invalid .gh-tree-dropdown-select[data-restricted=true] {
    background-color: rgba(224, 67, 39, 0.1) !important;
}

.gh-ba-container .gh-tree-dropdown-select[data-restricted=true] + .error-label {
    display: none;
    color: #F53F3F;
}

.gh-ba-container div.invalid .gh-tree-dropdown-select[data-restricted=true] + .error-label {
    display: block;
}

.modal-body .bf-content-header .nav {
    background: var(--theme-color-desaturated-blue)
}

.gh-ba-container .gh-oedc .gh-oedc-base {
    background-color: #d1e1e8;
    width: 100%;
    position: relative
}

.gh-ba-container .gh-oedc .gh-oedc-base .gh-oedc-filled {
    height: 45px;
    background-color: var(--theme-color-desaturated-blue)
}

.gh-ba-container .gh-oedc .gh-oedc-base.gh-oedc-upcoming .gh-oedc-filled {
    width: 30%
}

.gh-ba-container .gh-oedc .gh-oedc-base.gh-oedc-ongoing .gh-oedc-filled, .gh-ba-container .gh-oedc .gh-oedc-base.gh-oedc-completed .gh-oedc-filled {
    width: 100%
}

.gh-ba-container .gh-oedc .gh-oedc-base .gh-oedc-marker {
    position: absolute;
    width: 4px;
    height: calc(100% + 8px);
    bottom: 0
}

.gh-ba-container .gh-oedc .gh-oedc-base .gh-oedc-marker.gh-oedc-today {
    background-color: #0472be
}

.gh-ba-container .gh-oedc .gh-oedc-base .gh-oedc-marker.gh-oedc-start {
    background-color: #0193a4
}

.gh-ba-container .gh-oedc .gh-oedc-base .gh-oedc-marker.gh-oedc-end {
    background-color: #044270
}

.gh-ba-container .gh-oedc .gh-oedc-base.gh-oedc-upcoming .gh-oedc-marker.gh-oedc-today {
    left: 0
}

.gh-ba-container .gh-oedc .gh-oedc-base.gh-oedc-upcoming .gh-oedc-marker.gh-oedc-start {
    left: 0;
}

.gh-ba-container .gh-oedc .gh-oedc-base.gh-oedc-upcoming .gh-oedc-marker.gh-oedc-end {
    right: 0
}

.gh-ba-container .gh-oedc .gh-oedc-base.gh-oedc-ongoing .gh-oedc-marker.gh-oedc-today {
    left: calc(50% - 2px)
}

.gh-ba-container .gh-oedc .gh-oedc-base.gh-oedc-ongoing .gh-oedc-marker.gh-oedc-start {
    left: 0
}

.gh-ba-container .gh-oedc .gh-oedc-base.gh-oedc-ongoing .gh-oedc-marker.gh-oedc-end {
    right: 0
}

.gh-ba-container .gh-oedc .gh-oedc-base.gh-oedc-completed .gh-oedc-marker.gh-oedc-today {
    left: 0;
    /* display: none */
}

.gh-ba-container .gh-oedc .gh-oedc-base.gh-oedc-completed .gh-oedc-marker.gh-oedc-start {
    left: 0
}

.gh-ba-container .gh-oedc .gh-oedc-base.gh-oedc-completed .gh-oedc-marker.gh-oedc-end {
    right: 0
}

.gh-ba-container .gh-oedc .gh-oedc-base .gh-oedc-bubble {
    position: relative;
    width: 100px;
    padding: 5px 8px;
    color: #fff;
    border-radius: 3px;
    bottom: 45px;
    font-size: 11px;
    white-space: nowrap;
    height: 42px
}

.gh-ba-container .gh-oedc .gh-oedc-base .gh-oedc-bubble.gh-oedc-bubble:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(241, 241, 241, 0);
    border-width: 8px;
    margin-left: -8px
}

.gh-ba-container .gh-oedc .gh-oedc-base .gh-oedc-marker.gh-oedc-today .gh-oedc-bubble {
    background-color: #0472be
}

.gh-ba-container .gh-oedc .gh-oedc-base .gh-oedc-marker.gh-oedc-start .gh-oedc-bubble {
    background-color: #0193a4
}

.gh-ba-container .gh-oedc .gh-oedc-base .gh-oedc-marker.gh-oedc-end .gh-oedc-bubble {
    background-color: #044270
}

.gh-ba-container .gh-oedc .gh-oedc-base .gh-oedc-marker.gh-oedc-today .gh-oedc-bubble:after {
    border-top-color: #0472be
}

.gh-ba-container .gh-oedc .gh-oedc-base .gh-oedc-marker.gh-oedc-start .gh-oedc-bubble:after {
    border-top-color: #0193a4
}

.gh-ba-container .gh-oedc .gh-oedc-base .gh-oedc-marker.gh-oedc-end .gh-oedc-bubble:after {
    border-top-color: #044270
}

.gh-ba-container .gh-oedc .gh-oedc-base.gh-oedc-upcoming .gh-oedc-marker.gh-oedc-today .gh-oedc-bubble {
    left: -15px
}

.gh-ba-container .gh-oedc .gh-oedc-base.gh-oedc-upcoming .gh-oedc-marker.gh-oedc-start .gh-oedc-bubble {
    left: -48px
}

.gh-ba-container .gh-oedc .gh-oedc-base.gh-oedc-upcoming .gh-oedc-marker.gh-oedc-end .gh-oedc-bubble {
    left: -82px
}

.gh-ba-container .gh-oedc .gh-oedc-base.gh-oedc-upcoming .gh-oedc-marker.gh-oedc-today .gh-oedc-bubble:after {
    left: 17px
}

.gh-ba-container .gh-oedc .gh-oedc-base.gh-oedc-upcoming .gh-oedc-marker.gh-oedc-start .gh-oedc-bubble:after {
    left: 50px
}

.gh-ba-container .gh-oedc .gh-oedc-base.gh-oedc-upcoming .gh-oedc-marker.gh-oedc-end .gh-oedc-bubble:after {
    left: 84px
}

.gh-ba-container .gh-oedc .gh-oedc-base.gh-oedc-ongoing .gh-oedc-marker.gh-oedc-today .gh-oedc-bubble {
    left: -48px
}

.gh-ba-container .gh-oedc .gh-oedc-base.gh-oedc-ongoing .gh-oedc-marker.gh-oedc-start .gh-oedc-bubble {
    left: -15px
}

.gh-ba-container .gh-oedc .gh-oedc-base.gh-oedc-ongoing .gh-oedc-marker.gh-oedc-end .gh-oedc-bubble {
    left: -82px
}

.gh-ba-container .gh-oedc .gh-oedc-base.gh-oedc-ongoing .gh-oedc-marker.gh-oedc-today .gh-oedc-bubble:after {
    left: 50px
}

.gh-ba-container .gh-oedc .gh-oedc-base.gh-oedc-ongoing .gh-oedc-marker.gh-oedc-start .gh-oedc-bubble:after {
    left: 17px
}

.gh-ba-container .gh-oedc .gh-oedc-base.gh-oedc-ongoing .gh-oedc-marker.gh-oedc-end .gh-oedc-bubble:after {
    left: 84px
}

.gh-ba-container .gh-oedc .gh-oedc-base.gh-oedc-completed .gh-oedc-marker.gh-oedc-today .gh-oedc-bubble {
    left: -48px
}

.gh-ba-container .gh-oedc .gh-oedc-base.gh-oedc-completed .gh-oedc-marker.gh-oedc-start .gh-oedc-bubble {
    left: -15px
}

.gh-ba-container .gh-oedc .gh-oedc-base.gh-oedc-completed .gh-oedc-marker.gh-oedc-end .gh-oedc-bubble {
    left: -82px
}

.gh-ba-container .gh-oedc .gh-oedc-base.gh-oedc-completed .gh-oedc-marker.gh-oedc-today .gh-oedc-bubble:after {
    left: 50px
}

.gh-ba-container .gh-oedc .gh-oedc-base.gh-oedc-completed .gh-oedc-marker.gh-oedc-start .gh-oedc-bubble:after {
    left: 17px
}

.gh-ba-container .gh-oedc .gh-oedc-base.gh-oedc-completed .gh-oedc-marker.gh-oedc-end .gh-oedc-bubble:after {
    left: 84px
}

.gh-ba-container .gh-oe-sub-heading {
    background-color: #e7eaef;
    font-size: 19px
}

.gh-ba-container .gh-oe-stats .gh-oe-stat {
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    margin-right: 10px
}

.gh-ba-container .gh-oe-stats .gh-oe-stat.gh-oe-not-started {
    background-color: #ce1025
}

.gh-ba-container .gh-oe-stats .gh-oe-stat.gh-oe-in-progress {
    background-color: #FCBC03
}

.gh-ba-container .gh-oe-stats .gh-oe-stat.g#h-oe-completed {
    background-color: #0193a4
}

.gh-ba-container .gh-oe-stats .gh-oe-stat-link {
    color: #088CCD;
    border-bottom: 1px solid
}

.gh-ba-container .gh-oe-stats button.btn-success {
    background: #006B62;
    border-color: #006B62;
    border-radius: 8px;
}

.gh-ba-container .gh-oe-stats ul.nav-tabs > li.nav-item {
    border-top: 2px solid #EDEDFF;
    border-bottom: 2px solid #EDEDFF;
    padding-bottom: 0;
    padding-top: 10px;
}
.gh-ba-container .gh-oe-stats ul.nav-tabs > li.nav-item:first-child {
    border-left: 2px solid #EDEDFF;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.gh-ba-container .gh-oe-stats ul.nav-tabs > li.nav-item:last-child {
    border-right: 2px solid #EDEDFF;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.gh-ba-container .gh-oe-stats ul.nav-tabs > li.nav-item a.nav-link {
    padding-bottom: 10px;
    padding-top: 5px;
    font-size: 14px;
    font-weight: 700;
    color: #022234 !important;
}
.gh-ba-container .gh-oe-stats ul.nav-tabs > li.nav-item a.nav-link.active {
    color: var(--theme-color-active-main) !important;
    border-color: var(--theme-color-active-main) !important;
    border-width: 2px;
}

.gh-ba-container .gh-prior-oes table > thead, 
.gh-ba-container .gh-oe-comms-tabs table > thead {
    font-weight: 600;
    font-size: 12px;
    color: #6E779F;
    padding-bottom: 1.25rem;
}
.gh-ba-container .gh-prior-oes table > body td, 
.gh-ba-container .gh-oe-comms-tabs table > tbody td {
    vertical-align: middle;
    padding-top: 15px;
    padding-bottom: 15px;
}
.gh-ba-container .gh-prior-oes table > body td a, 
.gh-ba-container .gh-oe-comms-tabs table > tbody td a {
    color: var(--theme-color-active-main);
}

.gh-ba-container .gh-oe-enrollment-status table > tbody td {
    padding-top: 2px;
    padding-bottom: 2px;
}

.gh-ba-container .gh-prior-oes .gh-collapse-oes {
    display: none
}

.gh-ba-container .gh-prior-oes.gh-prior-oes-expanded .gh-collapse-oes {
    display: block
}

.gh-ba-container .gh-prior-oes .gh-expand-oes {
    display: block
}

.gh-ba-container .gh-prior-oes.gh-prior-oes-expanded .gh-expand-oes {
    display: none
}

.gh-ba-container .gh-prior-oes .gh-prior-oes-table-container {
    transition: height .4s;
    height: 0;
    overflow: hidden
}

.gh-ba-container .gh-prior-oes.gh-prior-oes-expanded .gh-prior-oes-table-container {
    height: auto
}

.gh-ba-container .bf-content-header.gh-oe-comms-tabs, .gh-ba-container .bf-content-header.gh-oe-comms-tabs .nav {
    background: 0
}

.gh-ba-container .bf-content-header.gh-oe-comms-tabs .nav a {
    color: #aaa;
    border-width: 1px;
    font-size: 13px;
    border-color: transparent
}

.gh-ba-container .bf-content-header.gh-oe-comms-tabs .nav a.active {
    color: #088CCD !important;
    border-color: #088CCD !important;
}

.gh-ba-container .file-upload {
    width: 100%;
    min-height: 50px;
    position: relative;
    background-color: #fafafa;
    border: 1px dashed #D1E1E8;
    box-sizing: border-box;
    border-radius: 4px;
}

.gh-ba-container .uploaded-file-content {
    width: 100%;
    border: 1px solid #D1E1E8;
    box-sizing: border-box;
    filter: drop-shadow(0px 4px 28px rgba(50, 49, 93, 0.1));
    border-radius: 4px;
}

.gh-ba-container .uploaded-file-content .progress {
    height: 0.6rem;
}

.gh-ba-container .file-upload.admin-pov-employee-document-file {
    width: 400px;
    margin: 20px auto;
    box-shadow: none !important;
    background: transparent;
}

.gh-ba-container .file-upload input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

.gh-ba-container .file-upload img {
    max-width: 130px
}

.time-attendance.nav-pills .nav-link {
    font-weight: bold;
    color: var(--theme-color-inactive-main) !important;
    padding: 10px 5px 10px 20px;
}

.time-attendance.nav-pills .nav-link.active,
.gh-ba-container .gh-ep-tab-content .nav-pills .show > .nav-link {
    background: 0;
    border-left: 4px solid var(--theme-color-main) !important;
    color: var(--theme-color-main) !important;

}

.gh-ba-container .gh-bg-light {
    background: #f3f5f8 !important
}

.gh-ba-container .gh-ep-tab-content .tab-content {
    border-top: 4px solid #3273e2
}

.gh-ba-container .gh-ep-tab-content .tab-content .gh-effective-date-input {
    border-color: orange;
    color: #ff8d00;
    background: #ffa5000f;
    font-weight: bold
}

.gh-ba-container .gh-vslide {
    transition: height .4s ease;
    overflow: hidden
}

.gh-ba-container .gh-vslide-collapsed {
    height: 0 !important
}

.gh-ba-container #gh_EditEmployeeModal .bf-content-header {
    height: 52px
}

table#schedule-table > thead > tr:not(.month-view) > th:first-child {
    width: 16%
}

.gh-ba-container .gh-ep-hslide-left {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 2em;
    width: 270px;
    transition: width .4s ease;
    overflow: hidden
}

.gh-ba-container .gh-ep-hslide-left > div.nav {
    width: 260px;
    margin-bottom: 2em
}

.gh-ba-container .gh-ep-hslide-right {
    width: 100%;
    margin-left: calc(260px + 4em);
    margin-right: 2em;
    z-index: 2;
    transition: margin-left .4s ease
}

.gh-ba-container .gh-hslide-collapsed .gh-ep-hslide-left {
    width: 0
}

.gh-ba-container .gh-hslide-collapsed .gh-ep-hslide-right {
    margin-left: 2em
}

.gh-ba-container .tab-content.gh-ep-tab-content {
    min-height: 400px
}

.gh-ba-container .bg-theme-color {
    background-color: var(--theme-color-desaturated-blue) !important
}

.gh-ba-container .theme-color, .theme-color{
    color: var(--theme-color-desaturated-blue) !important
}

.gh-ba-container .align-self-center {
    align-self: center
}

.gh-ba-container #resourcesComponent input[type="file"] {
    height: unset !important;
    line-height: 1 !important
}

.gh-ba-container #resourcesComponent input[type="file"] ~ .invalid-feedback {
    height: auto;
    line-height: 1.5 !important
}

.gh-ba-container .title-icon {
    width: 35px
}

.gh-ba-container .cart-icon {
    width: 25px
}

.gh-ba-container .tab-icon {
    width: 27px;
    margin-top: -5px
}

.gh-ba-container .tab-icon-small {
    width: 17px
}

.gh-ba-container .font_12 {
    font-size: 12px
}

.gh-ba-container .plan-logo {
    width: 115px;
    height: 125px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2)
}

.gh-ba-container .plan-logo img {
    width: 100%
}

.gh-ba-container .plan-feature-title {
    display: inline-block;
    min-width: 150px;
    font-size: 11px
}

.gh-ba-container a.primary-link {
    color: #088CCD;
    text-decoration: underline
}

.gh-ba-container .new-oe-color{
    color: #088CCD!important;
}

.gh-ba-container a.primary-link.no-underlined {
    text-decoration: none
}

.gh-ba-container a.primary-link.no-underlined:hover {
    text-decoration: underline
}

.gh-ba-container span.required {
    color: inherit;
    padding-left: 2px
}

.gh-ba-container .gh-ba-select .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 45px;
    line-height: 45px
}

#openEnrollment {
    min-width: 300px;
}

.open-enrollment span {
    font-weight: 500;
    color: #022234;
}

.open-enrollment .text-grey {
    color: #777F8E;
}

.gh-ba-container #openEnrollment .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 35px;
    line-height: 35px
}

.gh-ba-container .gh-ba-select .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none
}

.gh-ba-container .shadow-bottom {
    box-shadow: 4px 4px 6px #33385017
}

.gh-ep-hslide-left a.nav-link {
    position: relative
}

.gh-ep-hslide-left a.nav-link > i {
    position: absolute;
    right: 1rem;
    top: 1.2rem;
    opacity: .3
}

.gh-ep-hslide-left a.nav-link.complete > i {
    opacity: 1
}

#employeeContainer .negate-padding {
    height: 230px
}

#employeeContainer .negate-padding .bf-content-header {
    position: absolute;
    width: 100%
}

table#schedule-table > tbody > tr.month-view > td > div.item-container {
    min-height: 180px
}

div.ta-duration-table-container {
    width: auto;
    overflow-x: auto;
}

body.gh-ie11 div.ta-duration-table-container {
    margin-right: 10em;
    margin-left: 300px
}

table.ta-duration-employee {
    width: auto !important;
    white-space: nowrap
}

table.ta-duration-employee > tbody > tr > td:first-child > label.error,
table.ta-duration-employee > tbody > tr > td.stick-cell > label.error
{
    position: absolute;
    top: -4px;
    font-size: 12px
}

table.ta-duration-employee > tbody > tr > td.stick-cell > div.custom-field-error {
    position: absolute;
    top: -6px;
    font-size: 12px
}

table.ta-duration-employee > thead > tr > th {
    background-color: #F0F4F7
}

table.ta-duration-employee > thead > tr > th.error > div {
    border: 2px solid #F53F3F;
    color: #F53F3F;
    background-color: rgba(224, 67, 39, 0.1);
}

table.ta-duration-employee > tbody > tr > td {
    background-color: #F0F4F7;
    margin: 0;
    white-space: nowrap;
}

table.ta-duration-employee > tbody > tr > td:not(:first-child, :last-child) {
    position: relative !important;
}

table.ta-duration-employee > thead > tr > th.stick-cell,
table.ta-duration-employee > tbody > tr > td.stick-cell{
    max-width: 200px;
    min-width: 200px;
    position: relative;
    background-color: #d9dce0;
    margin-top: -1px;

}

table.ta-duration-employee > thead > tr > th:first-child:before {
    content:'';
    position: absolute;
    left: -1px;
    top: 0;
    height:100%;
    border-left: 1px solid #d9dce0;
}

body.gh-ie11 table.ta-duration-employee > thead > tr > th:first-child {
    position: absolute;
    left: 3.5rem;
}

table.ta-duration-employee > thead > tr > th:first-child,
table.ta-duration-employee > tbody > tr > td:first-child {
    min-width: 300px;
    max-width: 300px;
    position: sticky;
    position: -webkit-sticky;
    left: 0;
    background-color: #d9dce0
}

table.ta-duration-employee.printing > thead > tr > th:first-child,
table.ta-duration-employee.printing > tbody > tr > td:first-child {
    position: static;
}

table.ta-duration-employee > tbody > tr > td:first-child:before,
table.ta-duration-employee > tbody > tr > td.stick-cell:before
{
    content:'';
    position: absolute;
    left: -1px;
    top: 0;
    height:100%;
    border-left: 1px solid #dee2e6;
}

body.gh-ie11 table.ta-duration-employee > tbody > tr > td:first-child {
    position: absolute;
    left: 3.5rem;
}

table.ta-duration-employee > thead > tr > th:last-child {
    margin-top: -1px
}

table.ta-duration-employee > thead > tr > th:last-child,
table.ta-duration-employee > tbody > tr > td:last-child {
    width: 10em;
    background-color: #d9dce0 !important;
    position: sticky;
    /*position: -webkit-sticky;*/
    right: 0;
}

table.ta-duration-employee.printing > thead > tr > th:last-child,
table.ta-duration-employee.printing > tbody > tr > td:last-child {
    position: static !important;
}

table.ta-duration-employee > tbody > tr:last-child > td:last-child:after,
table.ta-duration-employee > thead > tr > th:last-child:after {
    content:'';
    position: absolute;
    right: -1px;
    top: 0;
    height:100%;
    border-right: 1px solid #dee2e6;
}

table.ta-duration-employee > tbody > tr:not(:last-child) > td:last-child:after {
    content:'';
    position: absolute;
    right: -2px;
    top: 0;
    height:100%;
    border-right: 1px solid #dee2e6;
}

body.gh-ie11 table.ta-duration-employee > thead > tr > th:last-child,
body.gh-ie11 table.ta-duration-employee > tbody > tr > td:last-child {
    position: absolute;
    right: 4em;
    top: auto;
}

table.ta-duration-employee > tbody > tr > td:last-child:not(.total-time-off) {
    align-items: center
}

table.ta-duration-employee > tbody > tr > td:last-child > div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    min-height: 40px;
}

table.ta-duration-employee > tbody > tr > td > div.duration-input-container {
    display: flex;
    flex-direction: row;
    align-items: center
}

table.ta-day-level-field-table:not(.sheet-level-field-table) {
    width: 100% !important;
}
table.ta-day-level-field-table > thead > tr > th:first-child,
table.ta-day-level-field-table > tbody > tr > td:first-child {
    min-width: 160px !important;
    max-width: 160px !important;
    white-space: normal !important;
    word-break: break-all;
}

table.ta-day-level-field-table > thead > tr > th,
table.ta-day-level-field-table > tbody > tr > td {
    max-width: 230px;
    min-width: 230px;
    vertical-align: middle !important;
}

table.ta-day-level-field-table .value-container {
    word-break: break-word;
    white-space: initial !important;
    background-color: #fff;
    border: 1px solid #CFD4DA;
    min-height: 33px;
    border-radius: .3rem;
    cursor: not-allowed !important;
    padding: .375rem .75rem;
    text-align: left;
    opacity: 0.7;
}


.add-new-ta-duration > a, .add-new-ta-clock > a {
    cursor: pointer;
    font-weight: bold
}

.sheet-header {
    padding-top: .5rem;
    padding-bottom: 1rem
}

.sheet-title-container {
    font-size: 150%;
    font-weight: bold;
    padding-bottom: .5rem
}

.total-number-container {
    font-weight: bold;
    width: 60%;
    overflow-x: auto;
    margin-right: 50px
}

h5#ta-duration-modal-title {
    margin-bottom: 0
}

#ta-duration-week-total-row {
    background: #6D757C !important;
}

.ta-duration-total-row td{
    background: #6D757C !important;
    font-weight: bold;
    color: #fff;
}

.circle-button {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    justify-content: center
}

#taskList .empty-hint {
    text-align: center;
}

#taskList.list {
    overflow-y: auto;
}

#taskList.list > li label,
#groupList.list > li label
{
    padding-left: 10px
}

#taskList.list > li > ul label,
#groupList.list > li > ul label
{
    padding-left: 35px
}

#taskList.list > li > ul > li > ul label,
#groupList.list > li > ul > li > ul label
{
    padding-left: 60px
}

#taskList.list > li > ul > li > ul > li > ul label,
#groupList.list > li > ul > li > ul > li > ul label
{
    padding-left: 85px
}

#taskList.list > li > ul > li > ul > li > ul > li > ul label,
#groupList.list > li > ul > li > ul > li > ul > li > ul label
{
    padding-left: 110px
}

#taskList.list > li > ul > li > ul > li > ul > li > ul > li > ul label,
#groupList.list > li > ul > li > ul > li > ul > li > ul > li > ul label
{
    padding-left: 135px
}

#taskList.list > li > ul > li > ul > li > ul > li > ul > li > ul label,
#groupList.list > li > ul > li > ul > li > ul > li > ul > li > ul label
{
    padding-left: 150px
}

#taskList.list li.filter-out > label,
#groupList.list li.filter-out > label
{
    display: none
}

.job-option {
    cursor: pointer;
    width: 100%;
    border-bottom: 1px solid #d9dce0;
    margin-bottom: 0;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 5px;
}

.job-option:not(.disabled):hover {
    background-color: #0b8cd8;
    color: #FFF
}

.job-option.disabled {
    color: #999;
    cursor: not-allowed
}

.job-search-result-container {
    width: 100%;
    font-size: 1.3em;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    line-height: 44px;
    display: flex;
    align-items: flex-start;
    padding-left: .5rem;
    padding-right: .5rem;
    cursor: default;
    position: relative;
    background-color: #fff;
    flex-direction: column;
    justify-content: center;
    z-index: 10;
}

.job-search-result-container > i {
    position: absolute;
    border-radius: 50%;
    background-color: #fff;
    opacity: .4
}

.job-search-result-container > p.parent-path,
.shift-job-name-container > p.parent-path {
    font-size: .7rem;
    vertical-align: middle;
    text-align: left;
    color: #bbb;
    line-height: 1rem;
    overflow: hidden;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 95%
}

.job-search-result-container > p.leaf-path,
.shift-job-name-container > p.leaf-path {
    line-height: 1.2rem;
    font-size: 1rem;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0;
    text-align: left;
    width: 95%;
    white-space: nowrap;
}

.job-search-result-container > i:hover {
    opacity: 1
}

input:disabled ~ .jobDropDownView,
input:disabled ~ .job-search-result-container {
    pointer-events: none;
    background-color: #e9ecef;
}

div.jobDropDownView > p.empty-hint,
div#groupDropDownView > p.empty-hint,
div.groupDropDownView > p.empty-hint
{
    text-align: center;
    margin: 0
}

div.jobDropDownView.dropdown-menu,
div#groupDropDownView.dropdown-menu,
div.groupDropDownView.dropdown-menu
{
    left: auto;
    top: unset;
    overflow: scroll;
    overflow-x: unset !important;
    z-index: 2000;
}


div.jobDropDownView.dropdown-menu label span,
div#groupDropDownView.dropdown-menu label span,
div.groupDropDownView.dropdown-menu label span
{
    word-break: break-all !important;
}



.text-lg {
    font-size: 120%
}

@media screen and (max-width: 1440px) {
    .text-lg {
        font-size: 100%
    }
}

.text-size-sm {
    font-size: 80%
}

.text-xlg {
    font-size: 150%
}

tbody#ta-clock-table-body > tr > td {
    padding-top: 0;
    padding-bottom: 0
}

tbody#ta-clock-table-body > tr > td div.punch-container,
#clockTableTableViewContainer div.multi-row-cell div.punch-container
{
    padding-left: 1.8rem;
    margin-left: 2.1rem;
    position: relative;
    padding-top: 1rem;
    padding-bottom: 2.5rem;
    overflow-x: visible
}

#clockTableTableViewContainer div.multi-row-cell div.punch-container.no-image {
    padding-top: 0 !important;
}

tbody#ta-clock-table-body > tr > td div.user-avatar-container,
#clockTableTableViewContainer div.multi-row-cell div.user-avatar-container
{
    position: absolute;
    top: 0;
    left: -27px
}

tbody#ta-clock-table-body > tr > td .user-avatar,
#clockTableTableViewContainer div.multi-row-cell .user-avatar
{
    border-radius: 50%;
    border: 5px solid;
    height: 50px;
    width: 50px
}

tbody#ta-clock-table-body > tr > td div.missing-punch,
#clockTableTableViewContainer div.multi-row-cell div.missing-punch
{
    border-radius: 50%;
    border: 5px solid;
    height: 50px;
    width: 50px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem
}

.clock-table-job .with-ellipsis{
    word-break: break-all;
}

.with-ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    /*
    not standard css and cuase unexpected strange issue
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    */
}

tbody#ta-clock-table-body > tr > td div.punch-nav-container {
    font-size: 1.5rem
}

.cursor-default:hover {
    cursor: default
}

.punch-list-container {
    padding-top: .7rem;
    /*max-height: 550px;*/
    /*overflow-y: auto;*/
    padding-right: 0.5em;
}

.punch-info-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.punch-empty-hint {
    margin: .3rem 1rem 0.5rem;
    text-align: center;
    font-size: 110%;
    font-weight: bold
}

.punch-continue-hint {
    position: absolute;
    background-color: #088CCD;
    padding: .4rem;
    border-radius: 2rem;
    color: #fff;
    font-weight: bold;
    left: -19px;
    bottom: 0;
    font-size: .7rem
}

.punch-continue-hint:hover {
    cursor: default
}


.radio-group-row {
    font-size: 120%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start
}

.gh-ba-container .input-group.gh-readonly-dollar-prefix .input-group-text {
    background: 0;
    border: 0;
    padding: 0;
    padding-right: 7px;
    font-size: 95%;
    color: #777
}

.gh-ba-container .striped-card {
    border: 1px solid #d9dce0;
    border-top: 3px solid
}

.gh-ba-container .striped-card.primary {
    border-top-color: #088CCD
}

.gh-ba-container .striped-card > div {
    border-bottom: 1px solid #d9dce0
}

.striped-card > div:last-child {
    border-bottom: 0
}

.gh-ba-container .gh-summary-smaller-text {
    font-size: 90% !important
}

.gh-ba-container .gh-hide-overflow {
    overflow: hidden !important
}
.gh-ba-container .gh-bg-success {
    background: #006B62 !important;
}
.gh-ba-container .gh-text-success {
    color: #006B62 !important;
}

.gh-ba-container .needs-validation.was-validated .gh-has-error,
.gh-ba-container .gh-has-error.gh-singular,
.gh-ba-container .needs-validation.was-validated .gh-has-error ~ .select2 .select2-selection,
.gh-ba-container .needs-validation.was-validated .gh-has-error .search-border
{
    border-color: #F53F3F !important
}

.gh-ba-container .needs-validation.was-validated .gh-has-error input:not([type="checkbox"]):not([type="radio"]), .gh-ba-container .needs-validation.was-validated .gh-has-error select {
    border-color: #F53F3F !important
}

.gh-ba-container .needs-validation.was-validated .gh-has-error .invalid-feedback {
    display: block
}


.gh-ba-container .select2-container--default .select2-search--inline .select2-search__field {
    margin-top: 12px
}

.gh-ba-container .needs-validation.was-validated .gh-has-error .gh-required-field .invalid-feedback, .gh-ba-container .needs-validation.was-validated .gh-tree-dropdown-select.gh-required-field.gh-has-error ~ .invalid-feedback {
    display: block
}

.gh-ba-container .needs-validation.was-validated .gh-has-error .select2-container .select2-selection {
    border-color: #F53F3F !important
}

.gh-ba-container table.coverage-table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    border-collapse: collapse
}

.gh-ba-container table.coverage-table thead tr th {
    padding-bottom: 10px;
    padding-left: 10px
}

.gh-ba-container table.coverage-table tbody {
    border: 1px solid #ddd
}

.gh-ba-container table.coverage-table tbody tr td {
    padding: 10px
}

.gh-ba-container table.coverage-table tbody tr td.title {
    background-color: #f5f5f5;
    font-weight: bold;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.gh-ba-container .gh-no-scroll {
    overflow: hidden !important
}

[v-cloak] {
    display: none
}

@media print {
    .gh-ba-container #planSummaryComponent .collapse {
        display: block
    }

    .gh-ba-container #planSummaryComponent .summary_label > .item.shadow-bottom {
        page-break-after: always
    }
}

#taemployeesheet-table {
    table-layout: fixed
}

#taemployeesheet-table th, #timeoff-rules .gh-table > thead > tr > th {
    width: 200px;
    white-spae: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    border: 1px solid #fff;
    background-color: #e7eaef
}

#taemployeesheet-table td.text-right {
    text-align: right
}

a.anchor-esheet-data {
    color: var(--theme-color-active-main) !important;
    cursor: pointer
}

a.anchor-esheet-data:hover {
    text-decoration: underline
}

#tasheetHeaderBadge {
    font-size: .7rem;
    align-self: flex-start
}

#tasheetHeaderDateContainer {
    display: flex;
    align-items: center;
    flex-direction: row
}

#tasheetHeaderDateContainer > h5 {
    margin-bottom: 0
}

.horizontal-nav-pills.no-border .pill {
    border-bottom: 3px solid transparent;
    opacity: .6;
    cursor: pointer;
    padding-bottom: 5px
}

.horizontal-nav-pills.no-border .pill.active {
    border-bottom: 3px solid var(--theme-color-nav-border);
    opacity: 1
}

.horizontal-nav-pills.no-border .badge-danger {
    background-color: var(--theme-color-desaturated-blue)
}

div.table-unit {
    width: 200px
}

div.table-unit.double-width {
    width: 400px
}

.approval_status_switch .onoffswitch {
    position: relative;
    width: 101px;
    margin-top: 7px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

#ApprovalForm .select2-selection__arrow,
#custom-fields-modal .select2-selection__arrow
{
    height: 100%;
}

.approval_status_switch .onoffswitch-checkbox {
    display: none
}

.approval_status_switch .onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 20px
}

.approval_status_switch .onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin .3s ease-in 0s
}

.approval_status_switch .onoffswitch-inner:before, .approval_status_switch .onoffswitch-inner.fr:before, .approval_status_switch .onoffswitch-inner:after, .approval_status_switch .onoffswitch-inner.fr:after {
    display: block;
    float: left;
    width: 50%;
    height: 30px;
    padding: 0;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    box-sizing: border-box
}

.approval_status_switch .onoffswitch-inner:before {
    content: "Enable";
    padding-left: 10px;
    background-color: #5489e0;
    color: #fff
}

.approval_status_switch .onoffswitch-inner.fr:before {
    content: "Activer";
    padding-left: 10px;
    background-color: #5489e0;
    color: #fff
}

.approval_status_switch .onoffswitch-inner.es:before {
    content: "Habilitar";
    padding-left: 10px;
    background-color: #5489e0;
    color: #fff
}

.approval_status_switch .onoffswitch-inner:after {
    content: "Disabled";
    padding-right: 10px;
    background-color: #d9dce0;
    color: #999;
    text-align: right
}

.approval_status_switch .onoffswitch-inner.fr:after {
    content: "Désactiver";
    padding-right: 10px;
    background-color: #d9dce0;
    color: #999;
    text-align: right
}

.approval_status_switch .onoffswitch-inner.es:after {
    content: "Deshabilitado";
    padding-right: 1px;
    background-color: #d9dce0;
    color: #999;
    text-align: right
}

.approval_status_switch .onoffswitch-switch {
    display: block;
    width: 24px;
    margin: 5px;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 67px;
    border: 2px solid #fff;
    border-radius: 20px;
    transition: all .3s ease-in 0s
}

.approval_status_switch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0
}

.approval_status_switch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0
}

.align-group {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center
}

.align-group label.error {
    margin-bottom: 0;
    margin-left: .5rem
}

.align-group-space-between {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center
}

.align-items-last-baseline {
    align-items: last baseline;
}


.custom-report-field {
    align-items: flex-start;
}

.template-drop-down {
    display: inline-block;
    visibility: hidden;
} 

.approval-path-condition {
    margin: -2px auto 0;
    border: 1px solid #CCC;
    border-top: 0;
    box-shadow: 0 0 8px #333;
    padding-top: 10px;
    padding-left: 10px
}

.custom-select-group .custom-select {
    position: relative;
    padding: 0 0 !important;
    border: 1px solid #ced4da !important;
    border-radius: 3px !important;
    border-collapse: separate
}

.custom-select-group .custom-select select {
    display: none;
    border: none !important
}

.custom-select-group .select-selected {
    background-color: #fff;
    border-radius: 3px !important;
    border-collapse: separate
}

.custom-select-group .select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #000 transparent transparent transparent
}

.custom-select-group .select-selected.select-arrow-active:after {
    border-color: transparent transparent #000 transparent;
    top: 7px
}

.custom-select-group .select-items div, .select-selected {
    padding: 8px 16px;
    border-bottom: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    background-color: #fff
}

.custom-select-group .select-sm .select-items div, .select-sm .select-selected {
    padding: 4px 8px !important
}

.select-selected {
    border-bottom: none !important
}

.custom-select-group .select-items {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border: 1px solid #ced4da
}

.custom-select-group .select-items:last-child {
    border-bottom: 0
}

.custom-select-group .select-hide {
    display: none
}

.custom-select-group .select-items div:hover, .same-as-selected {
    background-color: #f3f5f8 !important
}

.criteria-group-section {
    background-color: #e8ecf3;
    padding: 8px 5px !important
}

.custom-select-group:first-child {
    margin-left: 0 !important
}

.criteria-delete {
    font-size: 1.3em;
    margin-right: 1em
}

.criteria-section {
    margin-bottom: 0 !important
}

.approval-method-delete {
    font-size: 1.3em;
    margin-right: .5rem
}

.add-criteria {
    color: #357cde;
    margin-top: -10px
}

.add-criteria span {
    cursor: pointer
}

#add-criteria-condition {
    color: #357cde;
    margin: 1em 0
}

#add-criteria-condition span {
    cursor: pointer
}

.delete-approval-condition-section-container {
    position: absolute;
    right: 10px;
    font-size: 1.3rem;
    z-index: 20;
}

.approval-condition-border {
    position: relative
}

.approval-condition-border:not(:last-child) {
    border-bottom: 1px solid #19e4e9;
    margin-bottom: 1em
}

.approval_method_approvers ul.select2-selection__rendered li.select2-selection__choice.cannot-edit {
    opacity: 0.5;
    cursor: not-allowed;
}

.approval_method_approvers ul.select2-selection__rendered li.select2-selection__choice.cannot-edit .select2-selection__choice__remove {
    pointer-events: none;
}

textarea {
    resize: none
}

.approval_method_approvers {
    background-color: #e8ecf3;
    padding: 8px 5px
}

.approval_method_approvers > div {
    border: 1px solid #d1e1e8;
    border-radius: 3px;
    background-color: #fff;
    padding: 5px 3px;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center
}

.approval_method_approvers > div > textarea {
    border: none !important;
    outline: none !important;
    min-width: 2%;
    max-width: 50%;
    height: 2em !important
}

.approver-info:not(:last-child) {
    background-color: #5489e0;
    color: #fff;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    border-radius: 3px;
    padding: 6px 5px;
    margin-right: 5px
}

.add-criteria, .add-approver-step {
    color: #357cde;
    margin-top: -10px
}

.add-criteria span, #add-criteria-condition span, .add-approver-step span {
    cursor: pointer
}

.shadow-none {
    box-shadow: none
}

.approval_method_approvers span.select2 {
    width: 100% !important
}

.approval_method_approvers span.select2-selection--multiple {
    border: 1px solid #ced4da
}

.approval_method_approvers input.select2-search__field {
    margin-top: 5px;
    font-weight: 300;
    font-size: 16px !important;
    line-height: 24px
}

.criteria-group-section span.select2 {
    width: 100% !important;
    min-width: 150px;
}

.approval_method_action span.select2 {
    width: 100% !important;
    min-width: 150px;
}

.supervisor-hierarchy-level-input {
    width: 60px;
    margin-left: 5px;
    margin-right: 5px
}

#addTimeOffModal .xquit-modal, #updateTimeOffModal .xquit-modal {
    cursor: pointer
}

.timeoff-conf-message-line {
    padding: 15px 15px 0;
    width: 100%
}

.timeoff-conf-message-line div:first-child {
    min-width: 200px
}

.timeoff-conf-message-line textarea {
    width: 100%;
    border-color: #ccc;
    display: block
}

#timeoff-update-modal-body {
    overflow: hidden
}

#timeoff-update-modal-body.tall {
    height: 900px
}

#timeoff-update-modal-body.short {
    height: 710px
}

.timeoff-setting-right-line {
    border-right: 1px solid #d9dce0;
    padding-bottom: 20px
}

.timeoff-rule-line {
    padding: 10px 0 10px 0
}

.timeoff-rule-line span {
    padding: 0;
    margin-right: .3em
}

.timeoff-rule-line span.italic-span {
    padding: 3px 5px 0 10px;
    font-style: italic;
    font-size: 12px
}

.timeoff-rule-line span.span-after-switch {
    padding: 8px 5px 0 10px
}

.timeoff-rule-line span a {
    cursor: pointer
}

.timeoff-rule-line span a:hover {
    font-weight: bold
}


#terminate-pay-rate-multiplier{
    width: 208px;
}

.line-through-text {
    width: 100%;
    text-align: center;
    border-bottom: 1px dashed #000;
    line-height:0.1em;
    margin: 10px 0;
}

.line-through-text span {
    background: #fff;
    padding: 0 10px;
}


#timeoff-rules span.padding-left-5 {
    padding-left: 5px
}

.timeoff-rule-checkbox input {
    display: none
}

.timeoff-rule-checkbox input[type=checkbox] + label {
    display: inline-block;
    border: 1px solid var(--theme-color-active-main);
    border-radius: 50%;
    background: #fff;
    height: 32px;
    width: 48px;
    margin-right: 5px;
    line-height: 28.5px;
    text-align: center;
    cursor: pointer;
    margin-top: 1px;
}

.timeoff-rule-checkbox input[type=checkbox]:checked + label {
    background: var(--theme-color-active-main);
    color: #fff
}

#timeoff-rules .card-header {
    background-color: #dde3ec
}

#timeoff-rules .card-header i {
    float: right;
    font-size: 30px;
    margin-right: 5px
}

.gh-ba-container .gh-no-rates-defined {
    display: none
}

.gh-ba-container .invalid-feedback.gh-radio-set-invalid-feedback {
    margin-top: -10px
}

.gh-ba-container .needs-validation.was-validated .gh-no-rates-defined {
    display: block
}

.gh-ba-container .invalid-feedback.text-warning {
    color: #885800 !important
}

.gh-ba-container .benefit-selection-label {
    height: 45px
}

.gh-ba-container .benefit-selection-label[has-reduction="1"] {
    height: 80px
}

.gh-ba-container .benefit-selection-label[has-approval="1"] {
    height: 100px
}

.gh-ba-container .benefit-selection-label[has-reduction="1"][has-approval="1"] {
    height: 130px
}

.gh-ba-container .text-gh-warning {
    color: #c39300 !important
}

#timeoff-rules .card-header span {
    font-weight: bold;
    font-size: 20px;
    color: #2a2f46;
    background-color: transparent;
    cursor: pointer
}

#timeoff-rules .card-header span.collapsed i {
    transform: rotate(-90deg);
    font-size: 30px
}

#timeoff-rules .sub-header {
    font-weight: bold;
    margin-top: 8px;
    padding-left: 5px
}

.hour-based-accrual {
    background-color: #f0f4fb;
    padding: 10px;
    border-radius: 3px
}

.gh-ba-container .needs-validation.was-validated .gh-has-error .select2-container .select2-selection, .gh-ba-container .needs-validation.was-validated .gh-has-error .coverage-tier-outer, .gh-ba-container .needs-validation.was-validated .form-control:invalid ~ .select2.select2-container .select2-selection, .gh-ba-container .needs-validation.was-validated .gh-has-error .gh-required-field .gh-required-field-border {
    border-color: #F53F3F !important
}

.gh-ba-container .needs-validation.was-validated .custom-select.is-valid, .gh-ba-container .needs-validation.was-validated .form-control.is-valid, .gh-ba-container .needs-validation.was-validated .custom-select:valid, .gh-ba-container .needs-validation.was-validated .form-control:valid {
    border-color: #d1e1e7
}

.gh-ba-container table.coverage-table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    border-collapse: collapse
}

#timeoff-rules .sub-header {
    font-weight: bold;
    margin-top: 8px;
    padding-left: 5px
}

#timeoff-rules .sub-content {
    padding-left: 10px
}

.timeoff-rule-line span.selector1-div, .selector2-div, .selector3-div {
    padding: 0;
    margin-right: .3em
}

.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%
}

.vertical-align-center {
    display: table-cell;
    vertical-align: middle
}

.datepicker thead tr:first-child th {
    background: #d9dce0
}

.gh-ba-container .light-text {
    color: #aaa
}

.gh-ba-container .tab-border-light {
    border: 1px solid #ddd;
    border-top: none !important
}

.gh-ba-container .light-navs {
    background-color: #fff;
    padding: 0
}

.gh-ba-container .light-navs li a {
    padding: 12px 30px
}

.gh-ba-container .light-navs li a.active {
    color: #3273e2 !important
}

.gh-ba-container .beneficiary-summary-nav {
    background: unset !important;
    padding: 0 !important;
}

.gh-ba-container .beneficiary-summary-nav li {
    background: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    margin-bottom: 0 !important;
     margin-right: 10px;
}

.gh-ba-container .beneficiary-summary-nav li a:not(.active){
    background: lightgrey !important;
}

.gh-ba-container .beneficiary-summary-nav li a {
    border: none !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 10px 15px 12px !important;
}

.gh-ba-container .beneficiary-summary-content {
    background-color: #F1F2F4;
    border-radius: 8px;
}

.gh-ba-container .employee-cards div {
    flex: 1;
    text-align: center;
    padding: 20px;
    font-size: 15px;
    font-weight: bold;
    background-color: #fff
}

.gh-ba-container .employee-cards .benefits {
    color: #3969c5
}

.gh-ba-container .employee-cards .resources {
    color: #eaa13d
}

.gh-ba-container .elections-container {
    border: 1px solid #d9dce0;
    border-top: 0;
    padding: 20px;
    padding-bottom: 0
}

.gh-ba-container .padding_10 {
    padding: 10px
}

.gh-ba-container .btn-plan-action {
    width: 135px
}

.gh-ba-container .employer-pay-cost {
    color: #777F8E
}

.gh-ba-container .table-comparison, .gh-ba-container .table-comparison table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    border-collapse: collapse
}

.gh-ba-container .table-comparison thead tr th, .gh-ba-container .table-comparison tbody tr td {
    border: 0;
    text-align: left;
    padding: 10px
}

.gh-ba-container .table-comparison table {
    background-color: #fff
}

.gh-ba-container .table-comparison table thead tr th, .gh-ba-container .table-comparison table tbody tr td {
    border: 0
}

.gh-ba-container .selected-comparison-plan {
    position: relative
}

.gh-ba-container .selected-comparison-plan .remove {
    position: absolute;
    top: 5px;
    right: 5px
}

.info-complete, .info-incomplete {
    color: #90bb47 !important;
    font-size: 14px !important
}

.info-incomplete {
    color: #F53F3F !important
}

.datepicker .day:hover {
    border-radius: 50px
}

.datepicker .day.active {
    border-radius: 50px;
    background-color: #3f89e7;
    color: #fff
}

.max-height-400 {
    max-height: 400px
}
.max-height-600 {
    max-height: 600px
}

.max-height-800{
    max-height: 800px
}

.overflow-y-scroll {
    overflow-y: scroll
}

#nonEmptyFileField {
    display: flex;
    align-items: center
}

.ta-time-off-report-card {
    background-color: #fff;
    border-radius: .2em;
    height: 490px
}

.ta-time-off-report-card-title {
    font-size: 1.5em;
    color: var(--theme-color-active-main);
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.view-more-option {
    color: var(--theme-color-active-main) !important;
    font-weight: bold;
    border-top: 1px solid #e9e2e5
}

.height_45 {
    height: 45px !important
}

@media print {
    .gh-ba-container #planSummaryComponent .collapse {
        display: block
    }

    .gh-ba-container #planSummaryComponent .summary_label > .item.shadow-bottom {
        page-break-after: always
    }
}

.gh-ba-container #planSummaryComponent .error-icon {
    align-self: center;
}

.gh-ba-container #planSummaryComponent input[readonly] {
    border: 0 !important;
    background: 0 !important;
}

.gh-ba-container #planSummaryComponent input.empty-rate {
    max-width: 0;
}

.gh-ba-container #planSummaryComponent input.empty-rate + .error-icon {
    display: block !important;
    padding-left:6px;
}

.gh-ba-container .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    min-width: 100px
}

.gh-ba-container .select2-selection__rendered .select2-search.select2-search--inline:first-child > .select2-search__field {
    min-width: 100px !important;
    /*width: auto !important;*/
}

.gh-ba-container .select2-search__field::placeholder {
    color: transparent !important
}

.gh-ba-container .select2-selection__rendered .select2-search.select2-search--inline:first-child > .select2-search__field::placeholder {
    color: #888 !important
}

.gh-ba-container i.fa.fa-trash {
    color: #c82333;
    cursor: pointer
}

.align-group-center-col {
    display: flex;
    flex-flow: column nowrap;
    align-content: center;
    justify-content: flex-start;
}


.approval-path-condition {
    margin: -2px auto 0;
    border: 1px solid #CCC;
    border-top: none;
    box-shadow: 0 0 8px #333;
    padding-top: 10px;
    padding-left: 10px;
}


.custom-select-group .custom-select {
    position: relative;
    padding-left: 30px;
    background: #fff
}

body .select2-container--default .select2-results__group {
    padding: 0;
    padding-left: 2px
}

body .select2-container--default .select2-dropdown > .select2-results:first-child .select2-results__options > .select2-results__option:not([role="group"]):not(.select2-results__message) {
    color: var(--theme-color-desaturated-blue);
    position: relative;
    padding-left: 30px;
    background: #fff
}

body .select2-container--default .select2-dropdown > .select2-results:first-child .select2-results__options > .select2-results__option:not([role="group"]):not(.select2-results__message)[aria-selected=true] {
    background: #fff
}

body .select2-container--default .select2-dropdown > .select2-results:first-child .select2-results__options > .select2-results__option:not([role="group"]):not(.select2-results__message)[aria-disabled=true] {
    color: #888;
    opacity: .75;
    cursor: not-allowed;
}

body .select2-container--default .select2-dropdown > .select2-results:first-child .select2-results__options > .select2-results__option:not([role="group"]):not(.select2-results__message):hover, body .select2-container--default .select2-dropdown > .select2-results:first-child .select2-results__options > .select2-results__option:not([role="group"]):not(.select2-results__message).select2-results__option--highlighted {
    background: #e9f5fa;
    color: var(--theme-color-desaturated-blue)
}

body .select2-container--default .select2-dropdown > .select2-results:first-child .select2-results__options > .select2-results__option:not([role="group"]):not(.select2-results__message):before {
    content: ' ';
    position: absolute;
    left: 7px;
    top: 10px;
    outline: 0;
    cursor: pointer;
    box-shadow: unset;
    width: 13px;
    height: 13px;
    border-radius: 3px;
    background: #fff no-repeat -5px -5px;
    background-size: 21px;
    vertical-align: baseline;
    margin-right: 8px;
    border: 1px solid var(--theme-color-desaturated-blue)
}

body .select2-container--default .select2-dropdown > .select2-results:first-child .select2-results__options > .select2-results__option:not([role="group"]):not(.select2-results__message)[aria-selected=true]:before {
    background-image: url(/v4/img/checked.svg);
    background-color: var(--theme-color-desaturated-blue)
}

body .select2-container--default .select2-dropdown > .select2-results:first-child .select2-results__options > .select2-results__option:not([role="group"]):not(.select2-results__message)[aria-disabled=true]:before {
    opacity: .75
}

.bf-content a[disabled="true"], .gh-ba-container a[disabled="true"], .gh-ba-container button[disabled="true"] {
    opacity: .5;
    cursor: not-allowed !important;
}

.bf-content a[disabled] i,
.gh-ba-container a[disabled] i,
.gh-ba-container button[disabled] i {
    pointer-events: none;
}

.gh-ba-container a[disabled] * {
    cursor: inherit !important
}

a.disabled-link {
    cursor: not-allowed
}

a.disabled-dropdown-link {
    pointer-events: none;
    opacity: 0.5;
}

i.disabled {
    opacity: .6;
    pointer-events: none
}

.gh-ba-container .coverage-summary-column {
    word-break: break-all;
    width: 100%;
    font-size: inherit
}

.gh-ba-container .item > a > .fa-angle-down, .gh-ba-container .item > a.collapsed > .fa-angle-up {
    display: none
}

.gh-ba-container .item > a > .fa-angle-up, .gh-ba-container .item > a.collapsed > .fa-angle-down {
    display: inline-block
}

.gh-ba-container .gh-plan-completion-status {
    height: 20px;
    width: 20px;
    vertical-align: top;
    margin-left: 4px
}

.gh-ba-container .gh-activate-help {
    padding: 0 5px;
    margin-left: -10px
}


.gh-ba-container #agentTeamComponent .gh-activate-help {
    margin-left: -5px
}

.gh-ba-container #acceptInviteComponent .gh-activate-help {
    margin-left: -5px
}
.gh-ba-container #agenciesBaseComponent .gh-activate-help {
    margin-left: -5px
}
.gh-ba-container #agentCompaniesComponent .gh-activate-help {
    margin-left: -5px
}

.gh-ba-container #agencySignupComponent .gh-activate-help {
    margin-left: -5px
}

.table-wrapper:not(#ghemployees_table_clone_wrapper) {
    width: 100%;
    overflow-x: auto
}

.table-wrapper#ghemployees_table_clone_wrapper {
    position: absolute;
    top: 0;
    pointer-events: none
}

.table-wrapper#ghemployees_table_clone_wrapper .tree-table-empty-placeholder {
    visibility: hidden;
}

.table-wrapper td p {
    margin-bottom: 0 !important;
    white-space: normal;
}

table#ghemployees_table_clone tr > td:first-child {
    pointer-events: all
}

table#ghemployees_table_clone thead tr > th:not(:first-child), table#ghemployees_table_clone tbody tr > td:not(:first-child) {
    visibility: hidden;
    border: none;
}

table#ghemployees_table thead tr > th:first-child, table#ghemployees_table tbody tr > td:first-child {
    visibility: hidden;
}

table.employees-table {
    max-width: none
}

.org-table-container#ghemployees_div {
    position: relative
}

table.employees-table th, table.employees-table td {
    width: 200px !important;
    vertical-align: unset
}

div#changeGhEmployeesListSettingModal ul,
div#changeListTaEmployeeSheetsSettingModal ul {
    background: #d9dce0;
    padding: 1rem;
}

div#changeGhEmployeesListSettingModal li:not(:last-child),
div#changeListTaEmployeeSheetsSettingModal li:not(:last-child) {
    padding-bottom: .6rem;
}

#changeGhEmployeesListSettingButton {
    display: flex;
    justify-content: flex-end;
    font-size: 1rem;
    position: absolute;
    right: 0;
    top: 5px
}

#overview_tab .feature_container {
    padding: 0 !important
}

#overview_tab .feature-border {
    border-radius: 8px !important;
    height: 100% !important
}

#overview_tab .feature-border-header,
#timesheets_tab .feature-border,
#pay_rules_and_rates_tab .feature-border,
#time_off_tab .feature-border,
#shift_schedules_form .feature-border,
#zkt-config-component .feature-border
{
    border-bottom: 2px solid #f4f4f6
}

.zkt-setting-row-container .zkt-setting-mapping-item:not(:first-child) {
    margin-top: 1em;
}

.zkt-FpFaceID-status-bar {
    background-color: #F1F2F4;
}

#zkt-config-component #zkt-config-form input:disabled{
    background-color: white;
    border-width:0px;
    border:none;
}

#zkt-config-component #zkt-config-form .tooltip-arrow,
.white-tooltip + .tooltip > .tooltip-inner {
    color: black;
    background-color: white;
}


/* Config Overtime Rule starts*/
#zkt-config-component .select2.select2-container {
    width: 100% !important;
}
#zkt-config-component .select2-selection.select2-selection--single {
    height: 33.5px !important;
    border: 1px solid #ced4da !important;
}
#zkt-config-component .select2-selection__rendered {
    height: 100% !important;
    line-height: 31px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 16px;
    padding-top: 5px;
}
#zkt-config-component .select2-selection__arrow {
    height: 100% !important;
    top: 0 !important;
}
#zkt-config-component .select2-results__option {
    word-break: break-word !important;
    padding-left: 16px;
}

/* zkt clock settings */
#zktClockRestartModal .clock-restart-confirm {
    background-color: #F1F2F4;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    margin: 1rem;
    font-weight: bold;
}

#zktClockAssignJobsMappingContainer .jobs-mapping-container {
    background-color: #F1F2F4;
    /*display: flex;*/
    align-items: center;
    justify-content: left;
    padding: 1rem;
    margin: 1rem;
    font-weight: bold;
}


#zktClockAssignJobsMappingContainer .nav {
    padding: 0;
    margin-bottom: 15px
}

#zktClockAssignJobsMappingContainer .form-control {
    font-size: 14px
}

#zktClockAssignJobsMappingContainer .list {
    border: 1px solid #d9dce0;
    border-radius: 5px;
    height: 300px;
    overflow-y: auto;
    background-color: white
}

#zktClockAssignJobsMappingContainer .list li label {
    display: block;
    width: 100%;
    padding: 7px 10px;
    margin-bottom: 0;
    border-bottom: 1px solid #d9dce0
}

#zktClockAssignJobsMappingContainer .list li.filter-out > label {
    display: none
}

#zktClockAssignJobsMappingContainer .list li label > i {
    float: right;
    margin-right: 5px;
    margin-top: 7px
}

#zktClockAssignJobsMappingContainer .list li.has-child {
    padding: 0
}

#zktClockAssignJobsMappingContainer .list li.has-child.closed > ul {
    display: none
}

#zktClockAssignJobsMappingContainer .list li.has-child.closed label > i {
    transform: rotate(180deg)
}

#zktClockAssignJobsMappingContainer .list ul li:last-child {
    border-bottom: 0
}

#zktClockAssignJobsMappingContainer .list span {
    padding-left: 5px;
    display: inline-block;
    width: 90%;
    vertical-align: middle
}

#zktClockAssignJobsMappingContainer .list > li > ul label {
    padding-left: 35px
}

#zktClockAssignJobsMappingContainer .list > li > ul > li > ul label {
    padding-left: 60px
}

#zktClockAssignJobsMappingContainer .list > li > ul > li > ul > li > ul label {
    padding-left: 85px
}

#zktClockAssignJobsMappingContainer .list > li > ul > li > ul > li > ul > li > ul label {
    padding-left: 110px
}

#zktClockAssignJobsMappingContainer .list > li > ul > li > ul > li > ul > li > ul > li > ul label {
    padding-left: 135px
}

#zktClockAssignJobsMappingContainer .list > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul label {
    padding-left: 150px
}

#zktClockAssignJobsMappingContainer .list > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul label {
    padding-left: 165px
}

#zktClockAssignJobsMappingContainer .selected-item {
    padding: .25rem .5rem;
    margin-bottom: .25rem;
    margin-right: .25rem;
    float: left;
    border-radius: .25rem;
    border: 1px solid #dee2e6;
    background-color: white
}



.ipad-clock-profile-config-container {
    justify-content: space-between;
    background-color: #F1F2F4;
    margin: 7px 5px;
    border-radius: 10px;
}



#employeeComponent .onoffswitch {
    position: relative;
    width: 74px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

#employeeComponent .onoffswitch-checkbox {
    display: none
}

#employeeComponent .onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #fff;
    border-radius: 20px
}

#employeeComponent .onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin .3s ease-in 0s
}

#employeeComponent .onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #666;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    box-sizing: border-box
}

#employeeComponent .onoffswitch-inner:before {
    content: "Yes";
    padding-left: 10px;
    background-color: #4572da;
    color: #fff
}

#employeeComponent .onoffswitch-inner.fr:before {
    content: "Oui";
    padding-left: 10px;
    background-color: #4572da;
    color: #fff
}

#display-revenue-data-toggle .shift-conf-switch-line .onoffswitch-label {
    margin-bottom: 0;
}

#display-revenue-data-toggle .shift-conf-switch-line .onoffswitch-inner.es:before {
    content: "On";
    padding-left: 10px;
    background-color: #4572da;
    color: #fff
}

#display-revenue-data-toggle .shift-conf-switch-line .onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #fff;
    color: #666;
    text-align: right
}

#employeeComponent .onoffswitch-inner.es:before {
    content: "Si";
    padding-left: 10px;
    background-color: #4572da;
    color: #fff
}

#employeeComponent .onoffswitch-inner:after {
    content: "No";
    padding-right: 10px;
    background-color: #2a2f46;
    color: #fff;
    text-align: right
}

#employeeComponent .onoffswitch-inner.fr:after {
    content: "Non";
    padding-right: 10px;
    background-color: #2a2f46;
    color: #fff;
    text-align: right
}

#employeeComponent .onoffswitch-inner.es:after {
    content: "No";
    padding-right: 10px;
    background-color: #2a2f46;
    color: #fff;
    text-align: right
}

#employeeComponent .onoffswitch-switch {
    display: block;
    width: 23px;
    margin: 5.5px;
    height: 23px;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 40px;
    border: 2px solid #fff;
    border-radius: 20px;
    transition: all .3s ease-in 0s
}

#employeeComponent .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner, #employeeComponent .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner.fr {
    margin-left: 0
}

#employeeComponent .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0
}

.effective_date,
.variable-schedule-settings-table-foot input.datetimepicker{
    background-color: #f8f0df;
    border-color: #efddb6 !important;
    color: #d8ab4b !important
}

.row[data-changed="true"] .effective_date::-webkit-input-placeholder, .row[data-date-changed="true"] .effective_date::-webkit-input-placeholder{
    color: var(--theme-color-desaturated-blue) !important;
}
.row[data-changed="true"] .effective_date:-moz-placeholde, .row[data-date-changed="true"] .effective_date:-moz-placeholde{
    /* FF 4-18 */
    color: var(--theme-color-desaturated-blue) !important;
    opacity: 1;
}
.row[data-changed="true"] .effective_date::-moz-placeholder, .row[data-date-changed="true"] .effective_date::-moz-placeholder{
    /* FF 19+ */
    color: var(--theme-color-desaturated-blue) !important;
    opacity: 1;
}
.row[data-changed="true"] .effective_date:-ms-input-placeholder, .row[data-date-changed="true"] .effective_date:-ms-input-placeholder{
    /* IE 10+ */
    color: var(--theme-color-desaturated-blue) !important;
}
.row[data-changed="true"] .effective_date::-ms-input-placeholder, .row[data-date-changed="true"] .effective_date::-ms-input-placeholder{
    /* Microsoft Edge */
    color: var(--theme-color-desaturated-blue) !important;
}
.row[data-changed="true"] .effective_date::placeholder, .row[data-date-changed="true"] .effective_date::placeholder{
    /* modern browser */
    color: var(--theme-color-desaturated-blue) !important;
}

.row[data-changed="true"] .effective_date, .row[data-date-changed="true"] .effective_date{
    background-color: #88A5E5;
    color: var(--theme-color-desaturated-blue)!important;
    border-color: #396CEF !important;
    font-weight: 400;
}

.assign-btn {
    color: #5489e0;
    cursor: pointer
}

.align-group-flex-start {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center
}

.align-group-flex-end {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center
}

.border-none {
    border: none !important
}

.search-border {
    border: 1px solid #d1e1e8;
    border-radius: 5px
}

.align-group-col {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}

.align-group-col-start {
    display: flex;
    flex-flow: column nowrap
}

.align-group-center {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center
}

.align-group-start {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: flex-start;
}

#employeeComponent .lh-45 {
    line-height: 45px
}

#employeeComponent a.disabled, #employeeComponent input.disabled {
    pointer-events: none
}

.min_height_200 {
    min-height: 200px
}

.unassign {
    color: #4774db;
    cursor: pointer
}

.pin-code-num {
    background-color: #f3f5f8;
    padding: 8px;
    border-radius: 5px
}

.send-notification-box {
    background-color: #FFFFFF;
    border-radius: 5px;
    flex-wrap: wrap !important;
}

.send-notification-box .fg-1 {
    flex-basis: 66.6%;
}

.send-notification-box .fg-2 {
    flex-basis: 33.3%;
}

.see_more {
    border-top: 2px solid #f4f4f6;
    color: #4b76db;
    height: 3em;
    cursor: pointer;
    width: 100%
}

.fg-1 {
    flex-grow: 1
}


.ml-auto {
    margin-left: auto;
}

.section-check {
    font-size: 1.5em;
    color: #5a77d4
}

.change-queue-delete:hover i.far.fa-trash-alt {
    display: block !important
}

.table_td_border_top_none td {
    border-top: none !important
}

.gh-ba-container .arrow_box {
    position: relative;
    background: #fff;
    border: 1px solid #ccc;
    display: none
}

.gh-ba-container .arrow_box:after, .arrow_box:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.gh-ba-container .arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 6px;
    margin-top: -6px
}

.gh-ba-container .arrow_box:before {
    border-color: rgba(204, 204, 204, 0);
    border-right-color: #ccc;
    border-width: 7px;
    margin-top: -7px
}

.gh-ba-container .arrow_box.bg-dark:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #1F2022;
    border-width: 6px;
    margin-top: -6px
}

.gh-ba-container .arrow_box.bg-dark:before {
    border-color: rgba(204, 204, 204, 0);
    border-right-color: #1F2022;
    border-width: 7px;
    margin-top: -7px
}

.gh-ba-container .gh-activate-help .arrow_box {
    position: absolute;
    top: -11px;
    left: 27px;
    padding: 4px 9px;
    width: 180px;
    border-radius: 3px;
    z-index: 999
}
.gh-ba-container .gh-activate-help .arrow_box.left-arrow {
    right: 27px !important;
    left: auto !important;
    width: 280px !important;
}

.gh-ba-container .gh-activate-help .arrow_box.up-right-arrow {
    right: -10px !important;
    left: auto !important;
    top:-93px!important;
    width: 280px !important;
}

.gh-ba-container .gh-activate-help:hover .arrow_box {
    display: block
}


.gh-ba-container .gh-activate-help .arrow_box:after, .arrow_box:before {
    right: 100%;
    top: 19px
}

.gh-ba-container .gh-activate-help .left-arrow.arrow_box:after, .left-arrow.arrow_box:before {
    left: 100% !important;
}


.gh-ba-container .left-arrow.arrow_box:after {
    border-left-color: #fff;
    border-right-color: transparent;
}

.gh-ba-container .up-right-arrow.arrow_box:after {
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: #fff;
    top: calc(100% + 6px) !important;
    right: 11px  !important;
}


.gh-ba-container .left-arrow.arrow_box:before {
    border-left-color: #ccc;
    border-right-color: transparent;
}

.gh-ba-container .up-right-arrow.arrow_box:before {
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: #ccc;
    top: calc(100% + 7px) !important;
    right: 10px  !important;
}

.gh-ba-container .gh-oe-status-label {
    font-size: 13px
}

body .toast-item p {
    font-family: sans-serif;
    margin-right: 28px
}

.gh-ba-container .selected-file {
    position: relative;
    border-radius: 15px;
    border: 1px solid #2d67cc;
    height: auto !important;
    padding: 5px 15px;
    color: #2d67cc !important;
    margin-bottom: 10px;
    margin-right: 15px;
    display: inline-block !important
}

.gh-ba-container .selected-file .remove {
    position: absolute;
    top: -10px;
    right: -5px;
    color: #F53F3F
}

.gh-ba-container .attach-more {
    cursor: pointer;
    color: #2d67cc !important;
    text-decoration: underline !important;
    font-size: 12px
}

.gh-ba-container .bg-light-white {
    background-color: #fafafa
}

.gh-ba-container .plans-list {
    width: 100%
}

.gh-ba-container .plans-list tr {
    border: 1px solid #ddd;
    box-shadow: 0 2px 2px #e7ebef
}

.gh-ba-container .plans-list td {
    padding: 5px
}

.gh-ba-container .plans-list td img {
    max-width: 45px
}

.gh-ba-container .break-word {
    word-wrap: break-word
}

.gh-ba-container .no-wrap {
    white-space: nowrap
}

.gh-ba-container .align-items-baseline {
    align-items: baseline
}

.gh-ba-container .align-items-flex-end {
    align-items: flex-end
}
.gh-ba-container .align-items-center {
    align-items: center;
}

.gh-ba-container .bg-light-table-header {
    background-color: #e6e9ee
}

#employeeSideNav .site-nav.sidenav {
    height: 100%;
}

table#payroll-table {
    table-layout: fixed
}

table#payroll-table th, table#payroll-table td {
    width: 200px
}
#payRollDateRangeDropDown > button {
    text-align: left;
    background-color: white;
    border: 1px solid #ced4da;
    font-weight: normal;
}
#payRollDateRangeDropDown > button > i.fa-chevron-down {
    position: absolute;
    right: 10px;
    top: calc(50% - 6px);
}
#payRollDateRangeDropDown > button:after {
    display: none;
}
#payRollDateRangeDropDown > .dropdown-menu {
    width: 100%;
}
#payRollDateRangeDropDown .dropdown-submenu {
    position: relative;
}
#payRollDateRangeDropDown .dropdown-submenu > a {
    text-overflow: ellipsis;
    overflow: hidden;
}
#payRollDateRangeDropDown .dropdown-submenu > a > i {
    float: right;
    margin-top: 0.25rem;
    position: absolute;
    right: 10px;
}
#payRollDateRangeDropDown .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -.5rem;
}
#payRollDateRangeDropDown .dropdown-submenu:not([data-type=dates]) > .dropdown-menu {
    max-height: 400px;
    overflow-y: auto;
}
#payRollDateRangeDropDown .dropdown-submenu .daterangepicker {
    top: -15px !important;
    left: 0 !important;
    display: block !important;
}
#payRollDateRangeDropDown .dropdown-submenu .daterangepicker::before,
#payRollDateRangeDropDown .dropdown-submenu .daterangepicker::after{
    border: none !important;
}

.gh-material-spinner {
    height: 50px;
    width: 50px;
    flex-shrink: 0;
    flex-grow: 0;
    border-radius: 100px;
    border: 5px transparent solid;
    border-top: 5px var(--theme-color-main) solid;
    animation: rotate 2s infinite;
}

#sheetPrintProgressModal .gh-material-spinner,
#bulk-print-loader .pending-container .gh-material-spinner {
    border: none !important;
    vertical-align: middle !important;
    background-image: url(/v4/img/vega-loader.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    min-width: 16px !important;
    min-height: 16px !important;
    -webkit-animation: circle-loader-animation 2000ms linear infinite !important;
    animation: circle-loader-animation 2000ms linear infinite !important;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.donut {
    width: 1.2rem;
    height: 1.2rem;
    margin-right: .5rem;
    border-radius: 50%;
    border: .3rem solid rgba(151, 159, 208, 0.3);
    border-top-color: #979fd0;
    -webkit-animation: 1.5s spin infinite linear;
    animation: 1.5s spin infinite linear
}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

#createPayrollButton {
    color: #fff;
    width: 100%;
    border-radius: 7px
}

#taHolidayForm .ta-holiday-dropdown, #taHolidayItemForm .ta-holiday-dropdown {
    background-color: #fff;
    color: #2a2f46;
    border: 1px solid #d1e1e8;
    width: 50%
}

.add-holidays {
    color: #5a62e2 !important;
    cursor: pointer
}

.add-holidays.dropdown-toggle::after {
    display: none !important
}

.navmenu .dropdown-toggle::after {
    display: none !important
}

.dropdown-menu.text-normal .dropdown-item {
    font-weight: normal !important
}

.gh-ba-container .gh-transparent {
    opacity: 0;
    pointer-events: none
}

.gh-ba-container .text-orange {
    color: #ffa500 !important
}

.gh-ba-container .fixed-table-columns {
    table-layout: fixed
}

.gh-ba-container .font-weight-400, .font-weight-400 {
    font-weight: 400
}
.gh-ba-container .font-weight-700, .font-weight-700 {
    font-weight: 700
}
.gh-ba-container .font-weight-500, .font-weight-500 {
    font-weight: 500 !important;
}
.gh-ba-container .font-weight-600, .font-weight-600 {
    font-weight: 600;
}

.font-semi-bold{
    font-weight: 600 !important;
}

.gh-ba-container table.plan-details-table {
    width: 100%;
    table-layout: fixed
}

.gh-ba-container table.plan-details-table thead tr th {
    padding: 15px;
    font-size: 14px;
    color: #66788A;
}

.gh-ba-container table.plan-details-table tbody tr td {
    font-size: 14px;
    padding: 0px;
}

.gh-ba-container table.plan-details-table tbody tr td > div {
    padding: 0px 15px;
}

.gh-ba-container table.plan-details-table thead tr th.bg-theme, .gh-ba-container table.plan-details-table tbody tr td.bg-theme {
    background-color: #F5F5F6;
}

.gh-ba-container table.plan-details-table:not(.plan-details-table) tbody tr:last-child td {
    padding-bottom: 30px
}

.gh-ba-container .plan-detail-link {
    width: 100%;
    margin-bottom: 15px;
    padding-bottom: 15px
}

.gh-ba-container .plan-detail-link .link-icon {
    width: 30px;
    background-color: var(--theme-color-desaturated-blue);
    color: #fff;
    margin-right: 15px;
    display: flex;
    justify-content: center
}

.gh-ba-container .plan-detail-link .link-icon i {
    align-self: center
}

.gh-ba-container .plan-detail-link .link-text {
    color: #4285f4;
    font-weight: bold
}

.gh-ba-container .plan-detail-link .link-text.underlined {
    border-bottom: 1px solid #4285f4
}

.ql-editor strong {
    font-weight: bold
}

.gh-ba-container .gh-flipped, .gh-ba-container .gh-flipped table.table-comparison {
    transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg)
}

@media screen and (width: 1366px) {
    .table-responsive table {
        max-width: 99%
    }
}

.divider {
    height: 1px;
    width: 100%;
    display: block;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

#ghAccountPermissionsList input[type=checkbox] + span {
    transition: all 0.15s ease-in-out;
    opacity: 0.5;
}

#ghAccountPermissionsList input[type=checkbox]:checked + span {
    opacity: 1;
}

.field-error {
    border-color: #F53F3F !important
}

.invalid-feedback-error {
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #F53F3F
}

.form-control-label {
    text-transform: uppercase
}

#taShiftTemplateModal .color-picker {
    height: 30px;
    width: 30px;
    cursor: pointer;
    position: relative;
    outline: 0;
    float: left;
    border-radius: 4px;
    margin: 0 6px 6px 0
}

button.shift-template-repeat-btn-hover-disabled.active {
    background: var(--theme-color-active-main) !important;
    color: #fff !important;
}


.shift-template-repeat-btn-hover-disabled,
.shift-template-repeat-btn-hover-disabled:hover {
    background: #fff !important;
    color: #676D7A !important;
}

.hover-pointer:hover {
    cursor: pointer
}

.gh-ba-container .gh-employee-header {
    margin: -30px;
    margin-bottom: 0
}

.gh-ba-container .gh-termination-banner {
    background-color: #e5d4d7
}

.gh-ba-container .gh-termination-text {
    color: #c11730;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif
}

.gh-ba-container .gh-termination-text button {
    color: #c11730;
    background-color: transparent;
    background-image: none;
    border-color: #c11730;
}

.gh-ba-container .gh-termination-text button:hover {
    color: #ffffff;
    background-color: #c11730;
    background-image: none;
    border-color: #c11730;
}

.gh-ba-container .gh-multivalue-item {
    padding: 5px 0
}

.gh-ba-container .gh-multivalue-item:first-child {
    padding-top: 0
}

.gh-ba-container .gh-multivalue-item:last-child {
    padding-bottom: 0;
    border: 0
}

.gh-ba-container textarea.gh-tall-textarea-1 {
    height: 100px !important
}

.gh-ba-container .gh-pt-100 {
    padding-top: 100px
}

.gh-ba-container .gh-button-icon {
    width: 14px
}

.gh-ba-container .gh-button-icon-md {
    width: 18px
}

.gh-ba-container .btn-negative:not(:disabled):not(.disabled).active, .btn-negative:not(:disabled):not(.disabled):active, .show > .btn-negative.dropdown-toggle {
    color: #000;
    background-color: #888;
    border-color: #555
}

.gh-ba-container .btn-negative:not(:disabled):not(.disabled).active:hover, .btn-negative:not(:disabled):not(.disabled):active:hover, .show > .btn-negative.dropdown-toggle:hover {
    background-color: #666;
    border-color: #555
}

.gh-ba-container .employee-row:hover > td:not(:last-child) {
    color: #088CCD
}

.gh-ba-container .std-equiwidth-button {
    width: 130px;
}

.gh-ba-container .gh-ba-icon-8, .gh-ba-icon-8 {
    max-width: 8px;
    max-height: 11px;
}

.gh-ba-container .gh-ba-icon-16, .gh-ba-icon-16 {
    max-width: 16px;
    max-height: 18px;
}
.gh-ba-container .gh-ba-icon-16-w-min, .gh-ba-icon-16-w-min {
    min-width: 16px;
    max-width: 16px;
    max-height: 18px;
}

.gh-ba-container .gh-ba-icon-20, .gh-ba-icon-20 {
    max-width: 20px;
    max-height: 20px;
}

.gh-ba-container .gh-ba-icon-20-w-min, .gh-ba-icon-20-w-min {
    min-width: 20px;
    max-width: 20px;
    max-height: 20px;
}

.gh-ba-container .gh-ba-icon-24, .gh-ba-icon-24 {
    max-width: 24px;
    max-height: 24px;
}

.gh-ba-container .gh-ba-icon-26, .gh-ba-icon-26 {
    max-width: 26px;
    max-height: 26px;
}

.gh-ba-container .gh-ba-icon-33, .gh-ba-icon-33 {
    max-width: 33px;
    max-height: 33px;
}

.gh-ba-container .gh-ba-icon-44, .gh-ba-icon-44 {
    max-width: 44px;
    max-height: 44px;
}

.gh-ba-topnav-user-menu::after {
    display: none;
}
.gh-ba-topnav-user-menu>img {
    display: none;
}
.gh-ba-topnav-user-menu[aria-expanded="false"]:not(:hover)>img.inactive {
    display: block;
}
.gh-ba-topnav-user-menu:hover>img.active,
.gh-ba-topnav-user-menu[aria-expanded="true"]>img.active {
    display: block;
}
.gh-ba-topnav-user-menu + .dropdown-menu .dropdown-item:hover {
    background-color: #e9f5fa;
}

.gh-ba-filter-menu img {
    display: none;
}
.gh-ba-filter-menu:not(.show):not(:hover) img.inactive {
    display: block;
}
.gh-ba-filter-menu:hover img.active,
.gh-ba-filter-menu.show img.active {
    display: block;
}
.gh-ba-filter-menu + .dropdown-menu .dropdown-item:hover {
    background-color: #e9f5fa;
}

.gh-ba-container .gh-bottom-alert {
    position: fixed;
    width: calc(100% - 350px);
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: 99999;
    bottom: 1.5rem;
    margin: 0;
}

#ghTimePickerWrapper,
.gh-time-picker-container
{
    position: absolute;
}

.gh-time-picker-wrapper {
    max-height: 150px;
    width: 8.5em;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    outline: 0;
    z-index: 10001;
    margin: 0
}

ul.gh-time-picker-wrapper {
    overflow-y: auto
}

.gh-time-picker-wrapper li {
    padding: 3px 0 3px 5px;
    cursor: pointer;
    white-space: nowrap;
    color: #000;
    list-style: none;
    margin: 0
}

.gh-time-picker-wrapper li:hover, .gh-time-picker-wrapper li.selected {
    background: #1980ec;
    color: #fff
}

.gh-time-picker-wrapper.ta-clock-modal-timepicker {
    width: 100%;
    /*box-shadow: none !important;*/
}

.gh-time-picker-wrapper.ta-clock-modal-timepicker ul {
    width: 100%;
    border: none;
    box-shadow: none !important;
}

.sync-progress {
    margin: auto;
    margin-top: 20px;
    width: 450px;
    height: 25px;
    background-color: #d4dbf9
}

.approved-time-off, .requested-time-off {
    margin: 1rem;
    display: inline-block;
    font-size: .8rem;
    border-radius: .25rem;
    padding: .2rem .4rem
}

.approved-time-off {
    background-color: #009C53;
    color: #FFF
}

.approved-time-off.others {
    background-color: #FFF;
    color: #000;
    border: 4px solid #009C53
}

.requested-time-off {
    background-color: #FCBC03;
    color: #000
}

.requested-time-off.others {
    background-color: #FFF;
    color: #000;
    border: 4px solid #FCBC03
}

.gh-event.none-border {
    border: 0
}

.gh-event.more-border {
    border: 4px solid
}

.gh-event.default-cursor {
    cursor: default !important
}

.gh-event.pointer-cursor {
    cursor: pointer !important
}

#GhCalendarTable, #GhCalendarTable table {
    width: 100%;
    box-sizing: border-box;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em
}

#GhCalendarTable th {
    border: 1px solid #ddd
}

#GhCalendarTable td {
    padding: 0
}

.gh-calendar-row-container {
    position: relative;
    min-height: 150px;
    box-sizing: content-box
}

.gh-calendar-bg {
    position: absolute;
    top: 0;
    height: 100%
}

.gh-calendar-bg > table > tbody > tr > td {
    border: 1px solid #ddd;
    border-top: 0 hidden transparent
}

.gh-calendar-bg > table > tbody > tr > td:hover {
    background-color: #f1f2f4;
    opacity: .3
}

.gh-calendar-bg table {
    height: 100%
}

.not-current-month {
    opacity: .3
}

.gh-event-container {
    box-sizing: content-box;
    background-color: transparent
}

.gh-event {
    cursor: pointer;
    color: #FFF;
    position: relative;
    display: block;
    font-size: .85em;
    line-height: 1.3;
    border-radius: 3px;
    border: 1px solid #FFF;
    margin: 1px 2px 0;
    padding: 0 5px;
    background-color: #3a87ad;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.gh-event:hover {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .15) !important
}

.gh-event-not-start {
    margin-left: 0;
    border-left-width: 0;
    padding-left: 1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.gh-event-not-end {
    margin-right: 0;
    border-right-width: 0;
    padding-right: 1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

#GhCalendarTableContainerHeader > input#monthSelector {
    font-size: 1.5rem;
    border: 0;
    cursor: pointer;
    flex: none;
}

#GhCalendarTableContainerHeader > button[type="submit"] {
    margin-left: auto !important;
}

.dashboard-card-container {
    min-height: 600px;
}

#taEmployeeDashboardCardContainer {
    padding-top: 5%;
    /*max-height: 1000px;*/
    /*overflow-y: auto;*/
}

#taEmployeeDashboardCardContainer .operation-warning {
    font-size: 18px;
    border: 1px solid #FCBC03;
    background-color: #FFF6D8;
    border-radius: 5px;
    margin: 0 30px;
    padding: 10px;
}

#taEmployeeDashboardHeader {
    background-color: var(--theme-color-desaturated-blue);
    color: white
}

.ta-employee-dashboard-button-group {
    padding: 1rem
}

.web-clock-confirmation-container {
    background: #fff;
    border: 1px solid rgba(214, 214, 214, 0.5);
    box-shadow: 0px 6px 8px rgba(89, 102, 122, 0.08);
    border-radius: 5px;
}

.web-clock-confirmation-content-container {
    min-height: 500px;
}


.close-confirmation-btn {
    font-size: 1.3em;
}

.close-confirmation-btn:hover {
    opacity: 0.8;
}





/*.ta-employee-dashboard-button-group select:invalid {*/
    /*color: #b0b0b0*/
/*}*/

.ta-employee-dashboard-button-group button {
    font-weight: bold;
    color: #fff;
    border-radius: 1rem;
    width: 100%;
    margin-top: .5rem
}

.ta-employee-dashboard-button-group button:hover, .ta-employee-dashboard-button-group button:active {
    color: white
}

.ta-employee-dashboard-button-group .job-search-result-container {
    /*border: 0*/
}

#taEmployeeDashboardStatusContainer {
    background-color: #3d4359
}

#taEmployeeDashboardAvatarContainer {
    background-color: #3d4359;
    padding-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: center
}

#taEmployeeDashboardAvatarContainer .user-avatar {
    border-radius: 50%
}

#afterClockOutHeader {
    line-height: 150px;
    font-size: 28px
}

#afterClockInHeader {
    display: flex;
    height: 150px;
    align-items: center;
    flex-direction: row;
    justify-content: center
}

#afterClockInHeader .ticker-container {
    text-align: left;
    font-size: 20px;
    width: 100%;
    white-space: nowrap;
}

#afterClockInHeader .ticker-content {
    font-size: 200%
}

.ta-employee-dashboard-button-group .col-md-12 {
    padding: .5rem 2rem
}

.ta-employee-dashboard-button-group .col-md-12 > div {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    border-radius: 1rem;
    padding: .5rem 1.5rem 1.5rem
}

.gh-ba-container .gh-report-section {
    width: calc(33.33% - 15px);
}

.gh-ba-container .gh-ta-import-section,.w-45 {
    width: 45%;
}

.gh-ba-container img.gh-report-section-icon {
    min-width: 32px;
    max-width: 32px;
    margin-top: 5px;
    align-self: flex-start;
}

.gh-ba-container #reportsComponent .select2-selection__rendered .select2-search.select2-search--inline:first-child > .select2-search__field {
    height: 35px !important;
    margin: 0 !important;
    font: inherit;
    padding-top: 7px
}

#reportsComponent .panel {
    width: max-content;
}

.bf-report-component .report-title {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-end;
}

.bf-report-component .form-group .gh-tree-dropdown-select > label {
    cursor: text;
}

.gh-ba-container .bf-report-component .select2-selection__rendered .select2-search.select2-search--inline:first-child > .select2-search__field::placeholder {
    color: var(--theme-color-desaturated-blue) !important
}

.bf-report-component table thead tr th{
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    white-space: nowrap;
}


.gh-ba-container .expandable {
    display: block;
    width: 100%;
    max-height: 0;
    transition: max-height .15s ease-out;
    overflow: hidden
}

.gh-ba-container .expandable.expanded {
    max-height: 500px;
    transition: max-height .25s ease-in
}

.gh-ba-container #rate_detail .expandable.expanded {
    max-height: none;
}

.gh-ba-container #reportsComponent .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    min-width: 10px
}

.gh-ba-container #reportsComponent .select2-selection__rendered .select2-search.select2-search--inline:first-child > .select2-search__field {
    min-width: 150px
}

.gh-ba-container #cobra-report .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    min-width: 10px
}

.gh-ba-container #cobra-report .select2-selection__rendered .select2-search.select2-search--inline:first-child > .select2-search__field {
    height: 35px !important;
    margin: 0 !important;
    font: inherit;
    padding-top: 7px;
    min-width: 150px
}

.gh-ba-container .text-break {
    word-break: break-all
}

.gh-graph-tooltip {
    position: absolute;
    text-align: center;
    padding: 8px;
    margin-top: 25px;
    margin-left: 45px;
    opacity: .9;
    background: #ddd;
    pointer-events: none;
    z-index: 9999
}



.c3-gh-tooltip {
    text-align: center;
    padding: 8px;
    opacity: .9;
    background: #ddd;
    white-space: nowrap;
}

.gh-graph-grid line {
    stroke: lightgrey;
    stroke-opacity: .7;
    shape-rendering: crispEdges
}

.ta-employee-report-option-button {
    background-color: #fff !important;
    color: #000 !important;
    width: 100% !important;
    border-color: #d1e1e8 !important
}

.gh-ba-container .gh-mb-500 {
    margin-bottom: 500px
}

.gh-ba-container .text-inactive {
    color: #aaa
}

.gh-ba-container .gh-product-type-401k .gh-hide-for-401k {
    display: none
}

.gh-ba-container .mw-150px {
    max-width: 150px
}
.gh-ba-container .minw-150px {
    min-width: 150px !important;
}

.gh-ba-container .shadow-none {
    box-shadow: none !important
}

.gh-ba-container .gh-form-control-sm {
    width: 100px !important
}

.gh-ba-container .gh-form-control-md {
    width: 170px !important
}

.gh-ba-container .gh-form-control-xs {
    min-width: 60px !important;
    width: 60px !important
}

.gh-ba-container .beneficiary-item {
    border-bottom: 1px solid #dee2e6
}

.gh-ba-container .beneficiary-item:last-child {
    border: 0
}

.gh-ba-container .light-drop-shadow {
    box-shadow: 0 2px 2px #e7ebef;
}

.gh-ba-container .gh-no-pointer-events {
    pointer-events: none
}
.gh-ba-agency-header .gh-no-pointer-events {
    pointer-events: none
}

.gh-ba-container .gh-all-pointer-events {
    pointer-events: all
}

.gh-ba-container .gh-bf-broker-status-panel {
    width: 350px
}

.gh-ba-container .gh-bf-dashboard-icon {
    font-size: 30px
}

.gh-ba-container .gh-bf-dashboard-icon>img {
    width: 47px;
}

.gh-ba-container .gh-bf-db-section-upper {
    height: 120px;
}
.gh-ba-container .gh-bf-db-section-upper-sm {
    height: 100px;
    padding: 34px 0 0px 30px;
    margin-bottom: 35px;
}
.gh-ba-container .gh-bf-db-section-bottom {
    padding: 28px 0 28px 0;
}
.gh-ba-container .gh-bf-db-table-row {
    min-height: 72px;
}
.gh-ba-container .gh-bf-db-table-wrapper {
    max-height: 216px;
    overflow-y: auto;
    font-size: 16px;
}
.gh-ba-container .gh-bf-db-table-wrapper.empty {
    height: 175px;
    overflow: hidden !important;
}
.gh-ba-container .gh-agency-free-trial-box {
    width: 370px;
}
.gh-ba-container .w-5 {
    width: 5% !important;
}
.gh-ba-container .w-10 {
    width: 10% !important;
}
.gh-ba-container .w-15 {
    width: 15% !important;
}
.gh-ba-container .w-20 {
    width: 20% !important;
}
.gh-ba-container .gh-agency-free-trial-box .bg-primary {
    background: #0572be !important;
}
.gh-ba-container .gh-agency-free-trial-box .text-primary {
    color: #0572be !important;
}
.gh-ba-container .gh-agency-free-trial-box .border-primary {
    border-color: #0572be !important;
}

.gh-ba-container .close.position-absolute {
    top: 0;
    right: 0;
    font-size: 30px
}

.gh-ba-container .gh-bf-ap-modal-head-img {
    width: 150px
}

.gh-ba-container .gh-bf-ap-modal-head-img-2 {
    width: 230px
}

.gh-ba-container .gh-bf-agency-signup-form {
    width: 600px
}

.gh-ba-container .gh-bf-agent-signup-form {
    width: 450px
}

.gh-ba-container .gh-bf-agency-approve-form {
    width: 600px
}

.gh-ba-container .gh-bf-ap-modal-head-img-sm {
    width: 70px
}

.gh-ba-container .gh-ba-agent-invite-icon {
    width: 45px
}

.gh-ba-container .gh-ba-agent-invite-panel {
    min-width: 650px
}

.gh-ba-container .gh-text-ellipsis {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.gh-ba-container .gh-text-ellipsis.no-font-override {
    font-size: inherit;
}
.gh-ba-container .btn.btn-special {
    background: #044270 !important;
    color: #fff !important
}

ul.nav.gh-ba-agency-nav .dropdown-menu > a {
    padding: 5px 10px;
    font-size: 13px
}

ul.nav.gh-ba-agency-nav .dropdown-menu > a:hover {
    background: #d9dce0
}

ul.nav.gh-ba-agency-nav .dropdown-menu > .dropdown-divider {
    padding: 0;
    margin: 0;
    opacity: .2
}

.gh-ba-container .w-70p {
    width: 70px;
}

.gh-ba-continer .w-100p,.w-100p {
    width: 100px;
}

.gh-ba-container .w-140p {
    width: 140px;
}
.gh-ba-container .w-160p {
    width: 160px;
}
.gh-ba-container .w-180p {
    width: 180px;
}

.gh-ba-container .mw-160p {
    min-width: 160px
}

.gh-ba-container .mw-270p {
    min-width: 270px
}
.gh-ba-container .mw-300p {
    min-width: 300px
}
.gh-ba-container .gh-ba-input-hint {
    left: calc(100% + 12px);
    top: 41px;
}
.gh-ba-container .gh-ba-input-hint .arrow_box {
    width: 300px;
    background: #088CCD;
    color: #fff;
    padding: 6px 10px;
    font-size: 12px;
}
.gh-ba-container .gh-ba-input-hint .arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #088CCD;
}

#coverageComponent .gh-ba-input-hint .arrow_box {
    width: 300px;
    background: #fff !important;
    color: rgb(0, 0, 0);
    padding: 6px 10px;
    font-size: 12px;
}
#coverageComponent .gh-ba-input-hint  .arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
}


.table-hover tbody tr.no-hover-effect:hover {
    background: none;
}

/* IE fixes */
body.gh-ie11 .gh-ba-container div.gh-ba-select > select.form-control::-ms-expand {
    display: none
}

body.gh-ie11 .gh-ba-container div.gh-ba-select::after, body.gh-ie11 .gh-ba-container .gh-tree-dropdown-select > label:after {
    top: 0
}

body.gh-ie11 .gh-ba-container input[type="radio"]:checked, body.gh-ie11 .gh-ba-container input[type="checkbox"]:checked {
    background-image: url(/v4/img/checked-ie11.png);
    background-color: var(--theme-color-desaturated-blue)
}

body.gh-ie11 .gh-ba-container input[type="radio"], body.gh-ie11 .gh-ba-container input[type="checkbox"] {
    background-size: 16px;
    background-position: center 0;
    box-shadow: 0 0 0 2px var(--theme-color-desaturated-blue)
}

body.gh-ie11 .gh-ba-container input[type="checkbox"]::-ms-check {
    display: none
}

body.gh-ie11 .gh-ba-container input[type="radio"]::-ms-check {
    color: transparent;
    background: transparent
}

body.gh-ie11 .gh-ba-container .form-control.rate-input[readonly] {
    line-height: 30px !important
}

body.gh-ie11 .gh-ba-container .was-validated input[type="radio"]:invalid, body.gh-ie11 .gh-ba-container .was-validated input[type="checkbox"]:invalid {
    box-shadow: 0 0 0 2px #F53F3F
}

body.gh-ie11 .sidenav.main-sidenav:not(.collapse) {
    min-width: 310px !important
}

body.gh-ie11 .sidenav.main-sidenav.closed {
    min-width: auto !important
}

.tooltip-inner {
    text-align: left
}

.dashboard-avatar-container {
    margin-right: 22px
}

.avatar-placeholder {
    position: absolute;
    background: #FFF;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 32px;
    display: flex;
    border: 2px solid;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    overflow: hidden;
}

.employee-avatar-wrapper .avatar-placeholder {
    font-size: 40px
}

.c3-axis-x text:not("#ta-report-timeoff-component text") {
  font-size: 12px;
  font-weight: bold;
  font-family: 'Montserrat';
  color: #022234;
}

.c3-axis-y text:not("#ta-report-timeoff-component text") {
    font-size: 9px;
    color: #022234;
    font-family: 'Montserrat';
}

.c3-texts-value {
    font-size: 14px;
    font-family: 'Montserrat';
    font-weight: bold;
}

@keyframes highlight {
    0% {
        background: #ff9
    }
    100% {
        background: 0
    }
}

.highlight {
    animation: highlight 2s
}

.gh-employee-status {
    font-weight: bold
}

.gh-employee-status.active {
    color: #009C53 !important
}

.gh-employee-status.pending {
    color: #676D7A !important
}

.gh-employee-status.inactive {
    color: #FCBC03 !important
}

.gh-employee-status.terminated {
    color: #F53F3F !important
}

.employee_actions_btn {
    background-color: #fff !important;
    color: #2a2f46 !important
}

table.gh-table {
    border: 0;
    font-size: 13px;
    word-wrap: break-word;
}

body.gh-ie11 div.gh-ie11-table-scroll {
    max-width: 100%;
    overflow-x: auto;
}

body.gh-ie11 table.gh-table-ie11 {
    table-layout: fixed;
}

body.gh-ie11 table.gh-table-ie11 tr {
    display: table-row;
}

body.gh-ie11 table.gh-table-ie11 > thead > tr > th:not(:first-child),
body.gh-ie11 table.gh-table-ie11 > tbody > tr > td:not(:first-child) {
    display: table-cell;
}

body:not(.gh-ie11) table.gh-table-ie11 {
    /*table-layout: auto;*/
}

table.gh-table > thead > tr > th{
    border: 1px solid #FFF;
    background-color: #eaedee;
    text-align: left;
    padding: .5rem;
    vertical-align: middle;
}

table.gh-table > tbody > tr > td {
    border: 1px solid #FFF;
    font-weight: normal;
    padding: .5rem;
    background-color: #F1F2F4;
    transition: background-color 200ms linear;
}

body:not(.gh-ie11) table.gh-table > thead > tr > th:not(:first-child),
body:not(.gh-ie11) table.gh-table > tbody > tr > td:not(:first-child) {
    min-width: 110px;
}

table.gh-table > tfoot.summary-tfoot > tr > td{
    background-color: #676D7A!important;
    font-weight: bold;
    border: none;
    color: white;
}

table.gh-table > thead > tr {
    flex-wrap: nowrap;
}

table.gh-table > tbody > tr {
    border-bottom: none !important;
    flex-wrap: nowrap;
}

table.gh-table > tbody > tr:hover > td {
    background-color: #e1e1e1
}

.gh-ba-container table.gh-ba-table-grey {
    border: 1px solid #ddd;
    font-size: 13px;
    word-wrap: break-word;
    border-collapse: unset;
    border-radius: 5px;
    border-spacing: unset;
}
.gh-ba-container table.gh-ba-table-grey thead tr th {
    border: 0;
    border-bottom: 1px solid #ddd;
    background-color: #F1F2F4;
    text-align: left;
    padding: 10px .5rem;
}
.gh-ba-container table.gh-ba-table-grey thead tr th:first-child {
    border-top-left-radius: 5px;
}
.gh-ba-container table.gh-ba-table-grey thead tr th:last-child {
    border-top-right-radius: 5px;
}
.gh-ba-container table.gh-ba-table-grey tbody tr td {
    border: 0;
    border-bottom: 1px solid #ddd;
    font-weight: normal;
    padding: 1rem .5rem;
    background-color: #fff;
}
.gh-ba-container table.gh-ba-table-grey thead tr th:first-child,
.gh-ba-container table.gh-ba-table-grey tbody tr td:first-child {
    padding-left: 2rem;
}
.gh-ba-container table.gh-ba-table-grey thead tr th:last-child,
.gh-ba-container table.gh-ba-table-grey tbody tr td:last-child {
    padding-right: 1.5rem;
}
.gh-ba-container table.gh-ba-table-grey tbody tr:last-child td {
    border: 0;
}
.gh-ba-container table.gh-ba-table-grey tbody tr:last-child td:first-child {
    border-bottom-left-radius: 5px;
}
.gh-ba-container table.gh-ba-table-grey tbody tr:last-child td:last-child {
    border-bottom-right-radius: 5px;
}

.gh-ba-container table.gh-ba-table-grey tr {
    border-bottom: none !important
}

.gh-ba-container table.gh-ba-table-grey tbody tr:hover td {
    background-color: #efefef
}

.gh-ba-container table.gh-ba-table-grey.gh-plans-table thead tr th:first-child,
.gh-ba-container table.gh-ba-table-grey.gh-plans-table tbody tr td:first-child {
    padding-left: 48px;
}
.gh-ba-container table.gh-ba-table-grey.gh-plans-table tbody tr.heading-row td.planheading {
    padding-left: 20px;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
}
.gh-ba-container table.gh-ba-table-grey.gh-plans-table tbody:first-of-type tr.heading-row td.planheading {
    border-top: 0;
}
.gh-ba-container table.gh-ba-table-grey.gh-plans-table thead tr th {
    border-bottom: 1px solid #d6d6d6;
}

span.search-highlight {
    /* background-color: #fffe54 */
}

.gh-ba-container .pending-approval {
    color: #FCBC03;
}

.opacity_50 {
    opacity: .5
}

.opacity_10 {
    opacity: .1
}

#breakModal .overtime-cal-include {
    position: absolute;
    bottom: 0
}

#container_ats_side_nav.user-ats-menu{
    background-color: #fff;
    box-shadow: inset 5px 5px 5px #d9dce0;
}

#container_ats_side_nav.user-ats-menu ul{
    border: 1px solid #E6EAF1;
}
#container_ats_side_nav.user-ats-menu ul li:not(:first-child){
    border-top: 1px solid #E6EAF1;
}
#container_ats_side_nav.user-ats-menu ul li a{
    font-weight: 300;
    letter-spacing: 1px;
    color: black;
    border-bottom: unset;
}

#container_ats_side_nav.user-ats-menu ul li.selected a, #container_ats_side_nav.user-ats-menu ul li a:hover{
    font-weight: 400;
}
#container_ats_side_nav.user-ats-menu .menu-title{
    font-weight: 600;
    color: black;
    height: 70px;
}
#modal-photo-uploader form {
    position: relative;
    height: 200px;
    margin-right: 20px;
    margin-left: 20px;
    margin-top: 10px;
    outline: 2px dashed #000;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear
}

/* #modal-photo-uploader form.is-dragover, #modal-photo-uploader form:hover {
    outline-offset: -20px;
    outline-color: #000;
    border: 1px dashed blue;
} */

#modal-photo-uploader form p {
    position: absolute;
    text-align: center;
    font-weight: bold;
    font-size: 110%;
    color: #000;
    top: 0;
    height: 100%;
    width: 100%;
    pointer-events: none
}

#modal-photo-uploader form i {
    margin-top: 30px;
    font-size: 100px
}

#modal-photo-uploader form input.file {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: 0;
    opacity: 0;
    cursor: pointer
}


#face-id-upload-modal form.is-dragover, #modal-photo-uploader form:hover{
    outline-offset: -20px;
    outline-color: #000;
    background-color: #f1f2f4
}

.employee-profile #modal-photo-uploader form{
    outline: none;
    outline-offset: 0;
}
.employee-profile #modal-photo-uploader form:hover, .employee-profile #modal-photo-uploader form.dragover{
    outline: 2px dashed #000;
    outline-offset: 0;
}

.employee-profile #modal-photo-uploader #photo_error{
    margin: auto 20px;
}
.employee-profile #modal-photo-uploader #selected-photo-name{
    margin-top: 3px;
    font-size: 12px;
    text-align: left;
    display: none;
}

.employee-profile #modal-photo-uploader form{
    margin-top: 0px;
}
.employee-profile .gh_dialog_close.modal-header{
    background-color: #2a2f46!important;
}
.employee-profile .gh_dialog_close_link.close{
    margin-right: 5px;
}

.dashboard-employee-image {
    max-width: 40px !important;
    max-height: 40px !important;
}

.employee-avatar-wrapper {
    position: relative;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 1px 1px 15px -5px #000;
    transition: all .3s ease
}

.employee-avatar-wrapper-sm {
    position: relative;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    overflow: hidden;
    /* box-shadow: 1px 1px 15px -5px #000; */
    transition: all .3s ease
}

.employee-avatar-wrapper .upload-button {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
    opacity: 0;
    transition: all .3s ease;
    background-color: #f1f2f4;
    cursor: pointer
}

.employee-avatar-wrapper .upload-button:hover {
    opacity: .9
}

.employee-avatar-wrapper .upload-button i {
    position: absolute;
    font-size: 50px;
    top: 25px;
    left: 25px;
    text-align: center;
    color: #34495e
}

.employee-faceid-wrapper div.face-id-hover{
    height: 100px;
    width: 100px;
    border-radius: 50%;
    z-index: 200;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #D6D6D6;
}

.employee-faceid-wrapper div.face-id-hover:hover{
    cursor: pointer;
    background-color: #b8b6b6;
    opacity: 0.5;
}

.employee-faceid-wrapper {
    display: inline-block;
    width: 100px;
    height: 100px;
    position: relative;
    border-radius: 50%;
}

.employee-avatar {
    border-radius: 50%;
    height: 100px;
    width: 100px
}
.employee-avatar-sm {
    border-radius: 50%;
    height: 40px;
    width: 40px;
    border: 0;
    background: #044270;
    color: #fff;
}

.site-nav.sidenav.benefits-sidenav.collapse .employee-avatar-wrapper-sm {
    margin-top: 40px;
    margin-bottom: -40px;
    position: relative;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 1px 1px 15px -5px #000;
    transition: all .3s ease
}
.site-nav.sidenav.benefits-sidenav.collapse .employee-avatar-sm {
    border-radius: 50%;
    height: 40px;
    width: 40px;
    border: 0;
    background: #044270;
    color: #fff;
    font-size: 17px;
}
.cursor_auto {
  cursor: auto !important;
}
#avatar-box {
    display: flex;
    justify-content: center;
    padding-bottom: .5rem
}

#avatar-box-reset-button,
#avatar-box-rotate-button
{
    position: absolute;
    z-index: 1000;
    font-size: 120%;
    color: #fff;
    top: 5px;
    right: 5px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

#avatar-box-reset-button:hover,
#avatar-box-rotate-button:hover
{
    color: #e4e4e4
}

#avatar-box-rotate-button {
    right: 30px !important;
}


#avatar-box-left {
    position: relative;
    width: 350px;
    float: left;
    padding-right: 18px;
    border-right: 1px solid #ccc
}

#avatar-box-left img {
    width: 350px;
    margin: 0 auto;
    display: block
}

#avatar-box-right {
    width: 104px;
    float: left;
    padding-left: 18px
}


.enroll-header{
    width: 100%;
    background: #980014;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.enroll-header i{
    font-size: 20px;
    color: #fff;
}

.enroll-header img {
    max-width: 8rem;
}

#avatar-box-preview {
    outline: 1px solid #ddd;
    width: 100px;
    height: 100px;
    margin: 2rem auto;

}

#avatar-box-preview .preview-container {
    width: 100px;
    height: 100px;
    overflow: hidden
}

#avatar-faceid-box {
    display: flex;
    justify-content: center;
    padding-bottom: .5rem
}

#avatar-faceid-box-left {
    position: relative;
    width: 350px;
    float: left;
    padding-right: 18px;
    border-right: 1px solid #ccc
}

#avatar-faceid-box-left img {
    width: 350px;
    margin: 0 auto;
    display: block
}

#avatar-faceid-box-right {
    border-radius: 50%;
    width: 104px;
    float: left;
    padding-left: 18px
}

#avatar-faceid-box-preview {
    border-radius: 50%;
    width: 100px;
    height: 100px
}

#avatar-faceid-box-preview .preview-container {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    overflow: hidden
}

.gh_dialog {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10002;
    overflow: auto
}

.gh_overlay {
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1003;
    opacity: .7;
    filter: alpha(opacity=70)
}

.gh_dialog_inner {
    -moz-box-shadow: 0 5px 5px #333;
    -webkit-box-shadow: 0 5px 5px #333;
    box-shadow: 0 5px 5px #333;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #666;
    overflow: visible
}

.gh_dialog_inner .modal-dialog {
    margin: 0 auto
}

.gh_dialog_inner.modal_lg {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    border: 0
}

a.gh_dialog_close_link {
    text-decoration: none;
    color: #777
}

a.gh_dialog_close_link:hover {
    color: #555
}

.gh_dialog_bottom_bar {
    padding: 10px;
    text-align: right;
    background-color: #F1F2F4;
    border-top: 1px solid #ccc
}

#div_onboarding_sender_confirm .gh_dialog_bottom_bar, #div_onboarding_sender_result .gh_dialog_bottom_bar {
    margin-bottom: -20px
}

#div_onboarding_sender_result {
    padding: 20px 0
}

.gh_dialog_bottom_bar a {
    padding-top: 6px;
    font-size: 16px;
    color: white
}

.gh_dialog_bottom_bar a.btn-default {
    color: #000;
    border: 1px solid #ccc
}

.gh_dialog_bottom_bar .btn-default:hover {
    background-color: #dee2e6
}

.font_blue.font_bolder.margin_bottom_20 {
    display: none
}

.ui-helper-hidden {
    display: none
}

.gh_dialog_close.modal-header {
    align-items: center;
    background-color: #2a2f46;
    color: #fefefe
}

.gh_dialog_close.modal-header .close {
    font-size: 1rem
}

.gh_dialog_close.modal-header .close:hover {
    color: #f1f2f4
}

button.gh_dialog_close_link {
    color: #fff;
    opacity: 1
}

table.border-table tr:not(:last-child) {
    border-bottom: 1px solid #ccc
}

table.border-table tr > th:not(:last-child), table.border-table tr > td:not(:last-child) {
    border-right: solid 1px #ccc
}

#timeOffLieuModal label.error {
    margin-bottom: 0;
    margin-left: .5rem
}

#timeOffPayCodeModal .select2-container {
    flex: 1
}

#timeOffPayCodeModal .select2-selection:not(.select2-selection--multiple) .select2-selection__rendered {
    font-size: 1rem
}

#lieuPayCodeTable {
    border-radius: .5rem;
    overflow: hidden;
    border: 1px solid #ccc
}

#taSheetTimeOffBankTable {
    word-break: break-word;
    width: 100%;
    max-width: 100%;
    text-align: center;
}

#taSheetTimeOffBankTable thead th {
    text-align: center
}

#taSheetTimeOffBankTable thead th > div {
    height: 100%;
    width: 100%;
    display:flex;
    align-items: center;
    justify-content: center
}

.employee-avatar-wrapper .avatar-placeholder {
    font-size: 16px;
}

#taSheetTimeOffBankTable tbody td {
    padding: 0
}

#taSheetTimeOffBankTable tbody td > div {
    display: flex;
    align-items: center;
    height: 62px;
    width: 100%;
    justify-content: center;
    padding: 1rem
}

#taSheetTimeOffBankTableContainer {
    border-radius: .5rem;
    overflow-y: hidden;
    border: 1px solid #ccc
}

.import-action-card {
    background-color: #fff;
    border-radius: 5px
}

.import-action-card-upload {
    color: #7b9de4 !important;
    cursor: pointer
}

.import-action-card div.disabled {
    cursor: not-allowed;
}

.import-btn-group.active-btn {
    background-color: #088CCD;
    border-color: #088CCD;
    color: #F0F4F7;
}

.import-btn-group {
    background-color: #F0F4F7;
    border-color: #275F8B;
    color: #275F8B;
    font-weight: normal;
    font-size: 12px;
}
.btn-lock {
    background: #a1338d;
    border-color: #a1338d;
    color: #fff;
    z-index: 1;
}
.btn-lock:hover {
    background: #a1338d;
    border-color: #a1338d;
    color: #fff;
}
.btn-unlock {
    background: #006B62;
    border-color: #006B62;
    color: #fff;
    z-index: 1;
}
.btn-unlock:hover {
    background: #006B62;
    border-color: #006B62;
    color: #fff;
}

#toggle-tooltip {
    font-size: 12px;
}

.line-break {
    border-top: 1px solid #dcdee3;
}

.line-break-dashed {
    border-top: 2px dashed #dcdee3;
}

.text-light-blue {
    color: #275F8B
}

.text-yellow {
    color: #FCBC03
}

.border-light-blue {
    border-color: #275F8B
}

.border-light-grey {
    border-color: #808080
}

.import-action-card ol {
    font-weight: bold
}

.import-action-card ol li div {
    font-weight: normal
}

.re-upload-btn {
    border: 1px solid #000;
    border-radius: 5px;
    padding: 5px;
    cursor: pointer
}

.re-upload-btn:hover {
    background: #E3E6EA;
    color: #000;
    font-weight: bold;
    border: none;
}

.re-upload-btn:active {
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.3)
}

.offscreen {
    position: absolute !important;
    top: -9999px !important
}

.gh-ba-container .input-w-45 {
    min-width: 45px !important
}

.gh-ba-container .input-w-150 {
    width: 150px !important
}

.gh-ba-agency-header {
    box-shadow: 0 2px 5px #aaa
}

.gh-ba-agency-header > .row.logo {
    background: #fff
}

.gh-ba-agency-header > .row.logo h4,
.brokerage-name-logo {
    color: var(--theme-color-desaturated-blue) !important;
    font-size: 26px;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    text-align: left !important;
}
.brokerage-name-logo.text-transparent {
    color: transparent !important;
}

.gh-ba-agency-header > .row.logo ul li.selected {
    border-bottom: 4px solid #119daf
}

.gh-ba-agency-header > .row.logo ul li a:link, .gh-ba-agency-header > .row.logo ul li a:visited {
    color: #000 !important;
    font-weight: normal
}

.gh-ba-agency-header > .row.logo ul li.selected a:link, .gh-ba-agency-header > .row.logo ul li.selected a:visited {
    color: #000 !important;
    font-weight: normal
}

.gh-ba-agency-header .brokerage-name-logo {

}

.gh-ba-agency .sidenav.site-nav {
    background: #fff;
    color: #333;
    box-shadow: 2px 0px 5px #ddd;
}

.gh-ba-agency .sidenav.site-nav a.selected,
.gh-ba-agency .sidenav.site-nav a:hover {
    background: var(--theme-color-main-background);
}
.gh-ba-agency .sidenav.site-nav a.selected {
    font-weight: bold;
}

.agency-report-empty-border{
    border: 1px solid transparent !important;
}

.gh-ba-container .gh-ba-reports-filters {
    width: 280px;
    float: left;
}
.gh-ba-container .gh-ba-reports-filters+div {
    float: right;
    width: calc(100% - 300px);
}
.gh-ba-container .gh-ba-reports-filters .card-header {
    font-weight: bold;
}
.gh-ba-container .gh-ba-reports-filters label:not(.gh-no-decoration):not(.company-group-label):not(.error),
.gh-ba-container .gh-ba-reports-filters div.label-has-border-bottom
{
    font-weight: normal !important;
    border: 1px solid #d1e1e8;
    display: block;
    border-bottom: 0;
    margin: 0 !important;
    padding: 7px 10px;
    border-radius: .25rem !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    color: #777;
}

.gh-ba-container .gh-ba-reports-filters label.label-has-border-bottom,
.gh-ba-container .gh-ba-reports-filters div.label-has-border-bottom
{
    border-bottom: 1px solid #d1e1e8 !important;
    border-bottom-left-radius: 0.25em !important;
    border-bottom-right-radius: 0.25em !important;
}

.gh-ba-container .gh-ba-reports-filters label:not(.gh-no-decoration)+input {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.gh-ba-container .bf-ag-db-empty-img {
    height: 80px;
    min-height: 80px;
}

.gh-ba-container .dynamically-loaded-section {
    opacity: 0;
    transition: opacity 1s ease;
}

.gh-ba-container .has-hover-child {
    outline: none;
}
.gh-ba-container .has-hover-child .position-absolute {
    display: none;
}
.gh-ba-container .has-hover-child:focus .position-absolute {
    display: block;
}
.gh-ba-container .has-hover-child .gh-filter-menu {
    width: 170px;
    left: calc(50% - 85px);
}

/* plans listing + add-plan */
.gh-ba-container .text-gh-dark {
    color: var(--theme-color-desaturated-blue) !important;
}
.gh-ba-container .bg-gh-dark {
    background-color: var(--theme-color-desaturated-blue) !important;
}
.gh-ba-container .bg-gh-light {
    background-color: #F1F2F4 !important;
}
.gh-ba-container .font-12 {
    font-size: 12px;
}

.gh-ba-container .font-15 {
    font-size: 15px;
}

.gh-ba-container .font-19 {
    font-size: 19px;
}

.gh-ba-container .font-22 {
    font-size: 22px;
}
.gh-ba-container .font-24 {
    font-size: 24px;
}
.gh-ba-container .gh-search-input {
    padding-left: 40px !important;
    background: url(/v4/img/lens.svg) no-repeat 12px center;
    background-size: 18px;
    background-color: #fff;
}
body .gh-search-input-standalone {
    border-radius: 3px;
    border: 1px solid #d1e1e8;
    height: 45px !important;
    line-height: 45px !important;
    padding: 0 10px;
    color: var(--theme-color-desaturated-blue);
    font-weight: 300;
    padding-right: 0;
    padding-left: 40px !important;
    background: url(/v4/img/lens.svg) no-repeat 12px center;
    background-size: 18px;
    background-color: #fff;
}
body .gh-search-input-standalone.no-lens-bg {
    border-radius: 3px;
    border: 1px solid #E0E0E0;
    height: 40px !important;
    line-height: 40px !important;
    padding: 0 10px;
    color: var(--theme-color-desaturated-blue);
    font-weight: 300;
    padding-right: 0;
    padding-left: 10px !important;
    background-image: none;
    background-size: 18px;
    background-color: #fff;
    border-color: #E0E0E0 !important;
}
body .gh-list-top-lhs-button-standalone {
    height: 45px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 45px !important;
}
body .gh-list-top-lhs-button-standalone-40 {
    height: 40px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 40px !important;
}
.gh-ba-container .gh-report-page-button {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    padding: 0;
}
.gh-ba-container .gh-report-link-inactive {
    color: var(--theme-color-inactive-main) !important;
    font-weight: 500;
}

/* benefits-sidenav */
.benefits-sidenav.site-nav.sidenav a {
    border-color: rgba(84, 97, 148, 0.12);
}
.benefits-sidenav.site-nav a + ul {
    background-color: transparent;
}
.benefits-sidenav.site-nav > ul > li.selected > a {
    border-left: 0;
}
.benefits-sidenav.site-nav > ul > li li > a {
    border-left: 0;
}
.benefits-sidenav.site-nav.sidenav > ul a:hover {
    font-weight: 600;
    color: var(--theme-color-agency);
    background: transparent;
    opacity: 1;
}
.benefits-sidenav.site-nav.sidenav > ul li.selected a:hover {
    background: var(--theme-color-main-background);
}
.benefits-sidenav .collapse-wing {
    background: url("/v4/img/pie/collapse_wing_ben.png") no-repeat;
    background-size: 30px 46px;
    top: 9px;
}
.benefits-sidenav.site-nav.sidenav.collapse .collapse-wing {
    background-image: url("/v4/img/pie/expand_wing_ben.png");
    background-size: 30px 46px;
}
.benefits-sidenav.sidenav ul li img {
    margin-right: 0
}
.benefits-sidenav.sidenav .has-child > ul > li > a {
    padding-left: 62px
}

.benefits-sidenav.site-nav.sidenav > ul a {
    color: #fff;
    font-size: 16px;
    font-weight: 200
}

.benefits-sidenav.site-nav.sidenav li.selected a {
    font-weight: 600;
}

/* time & attendance dashboard-partial starts */

#taEmployerDashboardTaClockCardContainer .list-body > .col-md-12 {
    margin-bottom: 0 !important;
}

#taEmployerDashboardTaClockCardContainer .list-body > .col-md-12 .card-header {
    background-color: transparent;
}

#taEmployerDashboardTaClockCardContainer .list-body > .col-md-12:not(:last-child) > .card {
    border-bottom: unset;
    border-bottom-left-radius: unset !important;
    border-bottom-right-radius: unset !important;
}

#taEmployerDashboardTaClockCardContainer .list-body > .col-md-12 > .card {
    border-top: unset;
    border-top-left-radius: unset !important;
    border-top-right-radius: unset !important;
}

#taEmployerDashboardTaClockCardContainer .clock-nav-header {
    /*flex: 1;*/
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    margin-right: 15px;
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
    border: 1px solid rgba(0, 0, 0, .125);
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.075) !important;
}

#taEmployerDashboardTaClockCardContainer .clock-nav-header a {
    padding: 5px 20px;
}

#taEmployerDashboardTaClockCardContainer .clock-nav-header a:not(:last-child) {
    border-right: 1px solid #ddd;
}

#taEmployerDashboardTaClockCardContainer .clock-nav-header a.selected > span {
    font-weight: 600;
    border-bottom: 3px solid var(--theme-color-nav-border);
    padding-bottom: 3px;
}

.status-header > div > span.active,
.status-header > span.active {
    border-bottom: 3px solid;
}



/* time & attendance dashboard-partial ends */

/* payroll exception modal starts */

#createDraftExceptionsContainer .table-header {
    background-color: #f1f1f1;
    border: 1px solid #cfcfcf;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

#createDraftExceptionsContainer .table-body {
    border: 1px solid #cfcfcf;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-top: unset;
    max-height: 300px;
    overflow-y: auto;
}

#createDraftExceptionsContainer .table-container:not(:last-child) {
    margin-bottom: 2rem;
}

#createDraftExceptionsContainer .table-body ul li:not(:last-child) {
    border-bottom: 1px solid #cfcfcf;
}

#createDraftExceptionsPlaceholderContainer {
    margin-top: 1rem;
    min-height: 400px;
    border: 1px solid #cfcfcf;
    border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#missingPunchSheetsOperationContainer,
#unapprovedSheetsOperationContainer {
    background-color: #EBF5FF;
    align-items: center;
    margin-left: -2rem !important;
    margin-right: -2rem !important;
    margin-bottom: 0.5rem;
}

/* payroll exception modal ends */

/* payroll holiday confirm modal starts */

#holiday-list-container .table-header {
    background-color: #f1f1f1;
    border: 1px solid #cfcfcf;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

#taHolidayListBody {
    border: 1px solid #cfcfcf;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-top: unset;
    max-height: 500px;
    overflow-y: auto;
}

#taHolidayOperationContainer {
    background-color: #EBF5FF;
    align-items: center;
    margin-left: -2rem !important;
    margin-right: -2rem !important;
    margin-bottom: 0.5rem;
}

#taHolidayPlaceholderContainer {
    margin-top: 1rem;
    min-height: 400px;
    border: 1px solid #cfcfcf;
    border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#taHolidayOperationContainer .btn.disabled {
    pointer-events: none;
}

#taHolidayListBody ul li:not(:last-child) {
    border-bottom: 1px solid #cfcfcf;
}

#holidayModalEntitySelect .badge-danger,
.gh-nav-pills-tab .badge-danger {
    background-color: #F53F3F !important;
}

#holidayModalEntitySelect a[data-status="unresolved"].active,
.gh-nav-pills-tab a[data-type="pending"].active {
    border-color: #1F2022!important;
}

#holidayModalEntitySelect a[data-status="current"].active,
.gh-nav-pills-tab a[data-type="completed"].active {
    border-color: #009C53!important;
}

#holidayModalEntitySelect a[data-status="future"].active,
.gh-nav-pills-tab a[data-type="archived"].active {
    border-color: #FEF7E2!important;
}

#holidayModalEntitySelect a[data-status="ignore"].active {
    border-color: #F53F3F!important;
}

/* payroll holiday confirm modal ends */

/* payroll holiday override modal starts */

#holiday-override-list-container .table-header {
    background-color: #f1f1f1;
    border: 1px solid #cfcfcf;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

#taHolidayOverrideListBody {
    border: 1px solid #cfcfcf;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-top: unset;
    max-height: 500px;
    overflow-y: auto;
}

#taHolidayOverrideListBody ul li:not(:last-child) {
    border-bottom: 1px solid #cfcfcf;
}

/* payroll holiday override modal ends */

/* company profile starts */

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

#companyProfileCard .btn-default {
    border-color: #aaa !important;
    border-radius: .15rem
}

#companyProfileCard .btn-default:hover {
    background-color: #d9dce0 !important
}

#companyProfileCard .btn-default.active {
    border-color: var(--theme-color-main) !important;
    color: var(--theme-color-main) !important
}

#companyProfileCard .align_center {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#companyProfileCard #companyLogo .margin_bottom_10.margin_top_20 {
    width: 90%;
    display: flex;
    flex-direction: row;
}

#companyProfileCard .margin_bottom_5 {
    margin-bottom: 5px;
}

#companyProfileCard .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px;
}

#companyProfileCard .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px;
}

#companyProfileCard label {
    white-space: nowrap;
}
/* company profile ends */

/* company employer account page starts */

#employerAccountContainer label, #employeeAccountContainer label {
    white-space: nowrap;
}

#employerAccountContainer label.required ,#employeeAccountContainer label.required{
    color: inherit;
}

#employerAccountContainer label.required::after, #employeeAccountContainer label.required::after, .question_label.required::after {
    content: '*';
    display: inline-block;
    color: #FF4500;
    padding-left: 4px;
    vertical-align: baseline;
    position: relative;
    font-size: 1em;
}

#employerAccountContainer span.error, #employeeAccountContainer span.error {
    padding-left: 15px;
}

#employerAccountContainer .form-group span.error, #employeeAccountContainer .form-group span.error {
    display: none !important;
}

#employerAccountContainer .form-group.has-error span.error, #employeeAccountContainer .form-group.has-error span.error {
    display: block !important;
}

#employerAccountContainer .icon-question-sign:before, #employeeAccountContainer .icon-question-sign:before {
    content: "\f059";
    text-decoration: inherit;
    display: inline-block;
}

#employerAccountContainer .section_header_title, #employeeAccountContainer .section_header_title {
    padding-bottom: 1rem;
    border-bottom: 1px solid #d9dce0;
}

#employerAccountContainer .form-group.margin_top_20 .control-label, #employeeAccountContainer .form-group.margin_top_20 .control-label {
    display: none;
}

#employerAccountContainer .btn-success, #employeeAccountContainer .btn-success {
    background-color: var(--theme-color-active-main);
    border-color: var(--theme-color-active-main);
}

#employerAccountContainer .btn-success:hover, #employeeAccountContainer .btn-success:hover {
    color: #fff;
    background-color: var(--theme-color-active-hover-main);
    border-color: var(--theme-color-active-hover-main);
}

#employerAccountContainer .btn-success:focus, #employeeAccountContainer .btn-success:focus, #employerAccountContainer .btn-success.focus, #employeeAccountContainer .btn-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

#employerAccountContainer .btn-success.disabled, #employeeAccountContainer .btn-success.disabled, #employerAccountContainer .btn-success:disabled, #employeeAccountContainer .btn-success:disabled {
    color: #fff;
    background-color: #F75F5F;
    border-color: #055176;
}

#employerAccountContainer .btn-success:not(:disabled):not(.disabled):active, #employeeAccountContainer .btn-success:not(:disabled):not(.disabled):active,
#employerAccountContainer .btn-success:not(:disabled):not(.disabled).active, #employeeAccountContainer .btn-success:not(:disabled):not(.disabled).active,
.show > #employerAccountContainer .btn-success.dropdown-toggle, .show > #employeeAccountContainer .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #005952;
    border-color: #10707f;
}

#employerAccountContainer .btn-success:not(:disabled):not(.disabled):active:focus, #employeeAccountContainer .btn-success:not(:disabled):not(.disabled):active:focus
#employerAccountContainer .btn-success:not(:disabled):not(.disabled).active:focus, #employeeAccountContainer .btn-success:not(:disabled):not(.disabled).active:focus,
.show > #employerAccountContainer .btn-success.dropdown-toggle:focus, .show > #employeeAccountContainer .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

#employerAccountContainer .select2-container--default .select2-selection--single .select2-selection__rendered, #employeeAccountContainer .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px;
}

#employerAccountContainer .select2-container--default .select2-selection--single .select2-selection__arrow, #employeeAccountContainer .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px;
}

#employerAccountContainer .modal-error-msg, #employeeAccountContainer .modal-error-msg{
    display: none;
    max-width: 320px;
    text-align: left;
    color: #721c24;
    background-color: #fddbdb;
    border-color: #f5c6cb;
    padding: 0.5rem 1rem;
    border-radius: 0.25rem;
}

/* company employer account page ends */

/* gh account modal starts */

#ghAccountEditForm label.required {
    color: inherit;
}

#ghAccountEditForm label.required::after {
    content: '*';
    display: inline-block;
    color: #FF4500;
    padding-left: 4px;
    vertical-align: baseline;
    position: relative;
    font-size: 1em;
}

#ghAccountEditForm .form-group {
    width: 60%;
}

#createGhAccountFieldsContainer .select2.select2-container.select2-container--default {
    width: 100% !important;
}

#createGhAccountFieldsContainer .select2-selection.select2-selection--single {
    height: 34px !important;
}

#createGhAccountFieldsContainer .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px;
}

#createGhAccountFieldsContainer .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px;
}

/* gh account modal ends */

/* holiday and time_off_policies assign modal starts */
select.select2-hidden-accessible.error + span.select2.select2-container.select2-container--default span.select2-selection.select2-selection--single {
    background-color: rgba(224, 67, 39, 0.1) !important;
    border-color: #F53F3F !important;
}

.assigned-holiday-container {
    border: 1px solid lightgrey;
    height: 458px;
    overflow-y: scroll;
}
/* holiday and time_off_policies assign modal ends */

.employee-table-body-scroll {
    max-height: 370px;
    overflow: scroll;
}

.holiday-container {
    max-height: 300px;
    overflow: scroll;
}

.horizontal_scroll {
    overflow-x: scroll;
}

/* job group select starts */

.select2-container--gh-job-group {
    border: 1px solid #ced4da !important;
    border-radius: 0.25rem;
    background-color: #fff;
}

.select2-container--gh-job-group .select2-search.select2-search--dropdown input {
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.select2-container--gh-job-group {
    height: 33px;
}

.select2-container--gh-job-group .select2-selection__rendered {
    height: 33px;
    line-height: 33px;
}

.select2-container--gh-job-group .select2-results__option > div {
    color: inherit !important;
    transition: background-color 200ms linear;
}

.select2-container--gh-job-group .select2-results__option.select2-results__option--highlighted > div {
    background-color: #f5f5f5;
}

.select2-container--gh-job-group .select2-results__option[aria-selected="true"] > div {
    background-color: #eaeaea;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

.select2-container--gh-job-group .select2-dropdown {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important
}

.select2-container--gh-job-group .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}

.select2-container--gh-job-group .select2-selection--single .select2-selection__arrow b {
    border-color: #000 transparent transparent transparent;
    top: 60%;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    width: 0;
}

.select2-container--gh-job-group.select2-container--open .select2-selection__arrow b {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.select2-container--gh-job-group .job-search-result-container {
    background: transparent !important;
    cursor: inherit;
    padding-left: 0;
    height: 100%;
    border: none;
}

select.error + .select2-container--gh-job-group {
    background-color: rgba(224, 67, 39, 0.1);
    border-color: #F53F3F !important;
}

/* job group select ends */

.table-scroll-y {
    display: block;
    overflow: auto;
    width: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.table-scroll-y::-webkit-scrollbar {
    display: none;
}

.blue-circle {
    background-color: #fff;
    border: 2px solid #3f89e7;
    /*color: #3f89e7;*/
    border-radius: 50%;
    cursor: pointer;
    height: 20px;
    width: 20px;
    line-height: 17px;
    text-align: center;
    font-size: 18px;
}

a.sheet-conf-add-anchor {
    display: flex;
    color: #3f89e7 !important;
    font-weight: bold;
}

a.sheet-conf-add-anchor :not(.blue-circle):hover {
    text-decoration: underline;
}

#config-punch #punch-enforce-break-duration-content,
#config-punch #punch-auto-breaks-content {
    padding: 15px 15px 0 15px;
}

#config-inout #inout-auto-breaks-content {
    padding: 15px 15px 0 15px;
}

.tasheet-break-card {
    border-radius: 5px;
    background-color: #ebebeb;
    padding: 10px;
    margin-bottom: 5px;
    border: 1px solid rgba(0,0,0, .1);
    display: flex;
    justify-content: space-between;
}

.assigned-holiday-item {
    padding: 0.5em 0.8em;
    border-bottom: 1px solid #d9dce0;
}

body:not(.gh-ie11) #holiday-preview-table-body {
    display:block;
    overflow:auto;
    width:100%;
}

body.gh-ie11 #holiday-preview-table-body {
    overflow:auto;
    width:100%;
}

#holiday-preview-table {
    /*border: 1px solid lightgrey;*/
    border-radius: 5px;
}

.div-scroll-y {
    width: 100%;;
    overflow-y: auto;
}

#group_ul.error {
    background-color: rgba(224, 67, 39, 0.1);
    border-color: #F53F3F;
}

/* gh chat starts */

body.chat-scroll-lock {
    overflow: hidden;
}

#ghChatMainButton {
    font-size: 16px;
}

#ghChatMainButton:hover {
    color: #0D81FF;
}

#ghChatSideContainer {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 19002;
    pointer-events: none;
    transition: 0.2s;
    background: transparent;
}

#ghChatSideContainer.active {
    pointer-events: all;
    background: rgba(0, 0, 0, 0.3);
}

#ghChatSideContainer #ghChatSideMenu {
    height: 100vh;
    position: absolute;
    top: 0;
    width: 25%;
    right: -25%;
    background-color: var(--theme-color-main-background);
    transition: 0.2s;
}

#ghChatSideMenuCloseButton {
    font-size: 120%;
}

#ghChatSideContainer.active #ghChatSideMenu {
    right: 0;
    display: unset;
}

.chat-contact-list-item {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    border-bottom: 1px solid var(--theme-color-border-grey);
    transition: background-color 0.2s;
}

.chat-contact-list-item:hover {
    background-color: var(--theme-color-light-grey);
}

.chat-contact-list-item:last-child {
    border-bottom: unset;
}

.chat-page {
    display: none;
    pointer-events: none;
    top: 0;
    left: 0;
    min-height: 100%;
    padding: 1rem;
    width: 100%;
    z-index:3000;
}

.chat-page.shown {
    display: block !important;
    pointer-events: all;
}

.chat-message-item {
    margin: 0 1rem;
    padding: 1rem;
}

.chat-message-item .message-container {
    max-width: 90%;
}

.chat-message-item .message-content {
    padding: 0.35rem 1rem;
    border: 1px solid var(--theme-color-border-grey);
    background-color: var(--theme-color-light-grey);
    border-radius: 0.5rem;
    word-break: break-word;
}

.chat-message-item .message-time {
    font-size: 80%;
    color: #999;
}

#ghChatMessageContainer {
}

.select2-container--gh-chat-contact-create .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
}

.select2-container--gh-chat-contact-create .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
}

.select2-container--gh-chat-contact-create .select2-selection--multiple{
    background-color:white;
    border-radius:4px;
    cursor:text
}
.select2-container--gh-chat-contact-create .select2-selection--multiple .select2-selection__rendered{
    box-sizing:border-box;
    list-style:none;
    margin:0;
    padding:0 5px;
    width:100%
}
.select2-container--gh-chat-contact-create .select2-selection--multiple .select2-selection__rendered li{
    list-style:none
}
.select2-container--gh-chat-contact-create .select2-selection--multiple .select2-selection__placeholder{
    color:#999;
    margin-top:5px;
    float:left
}
.select2-container--gh-chat-contact-create .select2-selection--multiple .select2-selection__clear{
    cursor:pointer !important;
    float:right !important;
    font-weight:700 !important;
    margin-top:5px !important;
    margin-right:10px !important;
}
.select2-container--gh-chat-contact-create .select2-selection--multiple .select2-selection__choice{
    background-color: white !important;
    font-weight: bold !important;
    color: black !important;
    border:1px solid var(--theme-color-border-grey) !important;
    border-radius:4px !important;
    cursor:default !important;
    float:left !important;
    margin-right:5px !important;
    margin-top:5px !important;
    padding:0 5px !important;
}
.select2-container--gh-chat-contact-create .select2-selection--multiple .select2-selection__choice__remove{
    color:#999 !important;
    cursor:pointer !important;
    display:inline-block !important;
    font-weight:700 !important;
    margin-right:2px !important;
}
.select2-container--gh-chat-contact-create .select2-selection--multiple .select2-selection__choice__remove:hover{
    color:#333
}
.select2-container--gh-chat-contact-create[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--gh-chat-contact-create[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--gh-chat-contact-create[dir="rtl"] .select2-selection--multiple .select2-search--inline{
    float:right
}
.select2-container--gh-chat-contact-create[dir="rtl"] .select2-selection--multiple .select2-selection__choice{
    margin-left:5px;
    margin-right:auto
}
.select2-container--gh-chat-contact-create[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{
    margin-left:2px;
    margin-right:auto
}

.select2-container--gh-chat-contact-create .select2-results__option {
    transition: background-color 0.2s;
}

.select2-container--gh-chat-contact-create .select2-results__option:not(:last-child) {
    border-bottom: 1px solid var(--theme-color-border-grey);
}

.select2-container--gh-chat-contact-create .select2-results__option[role=group]{
    padding:0
}
.select2-container--gh-chat-contact-create .select2-results__option[aria-disabled=true]{
    color:#999
}

.select2-container--gh-chat-contact-create .select2-results__option[aria-selected=true] .selected-indicator {
    display: block !important;
}

.select2-container--gh-chat-contact-create .select2-results__option .select2-results__option{
    overflow-x: hidden;
    word-break: break-all;
    padding-left:1em
}
.select2-container--gh-chat-contact-create .select2-results__option .select2-results__option .select2-results__group{
    padding-left:0
}
.select2-container--gh-chat-contact-create .select2-results__option .select2-results__option .select2-results__option{
    margin-left:-1em;
    padding-left:2em
}
.select2-container--gh-chat-contact-create .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
    margin-left:-2em;
    padding-left:3em
}
.select2-container--gh-chat-contact-create .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
    margin-left:-3em;
    padding-left:4em
}
.select2-container--gh-chat-contact-create .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
    margin-left:-4em;
    padding-left:5em
}
.select2-container--gh-chat-contact-create .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
    margin-left:-5em;
    padding-left:6em
}
.select2-container--gh-chat-contact-create .select2-results__option--highlighted{
    background-color: var(--theme-color-border-grey);
}
.select2-container--gh-chat-contact-create .select2-results__group{
    cursor:default;
    display:block;
    padding:6px
}

.select2-container--gh-chat-contact-create.select2-container--open {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
}

.select2-container--gh-chat-contact-create .select2-dropdown.select2-dropdown--below {
    max-height: 80vh;
    overflow-y: auto;
    position: relative !important;
}

.select2-container--gh-chat-contact-create.select2-container--open .select2-dropdown.select2-dropdown--below {
    width: 100% !important;
    border-radius: 0;
    border: 1px solid var(--theme-color-border-grey);
    border-left: unset;
    border-right: unset;
}

.new-contact-search-dropdown-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.chat-count-container {
    position: absolute;
    background-color: var(--theme-color-chat-icon-main);
    height: 18px;
    width: 18px;
    border-radius: 50%;
    display: flex;
    font-size: 8px;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: white;
    top: -13px;
    right: -10px;
}

.unread-message-count-container {
    background-color: var(--theme-color-chat-icon-main);
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: flex;
    font-size: 12px;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: white;
}

@keyframes gh-status-spinner {
    to {transform: rotate(360deg);}
}

.gh-status-spinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 35%;
    right: 65%;
    width: 14px;
    height: 14px;
    margin-top: -20px;
    margin-right: -20px;
    border-radius: 50%;
    border: 2px solid #ccc;
    border-top-color: var(--theme-color-chat-icon-main);
    animation: gh-status-spinner .6s linear infinite;
}

@media (max-width: 1500px) {
    #ghChatSideContainer #ghChatSideMenu {
        width: 500px;
        right: -500px;
    }
}

input.gh-chat-file-upload {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: 0;
    opacity: 0;
    position: absolute;
    z-index: 2;
}

input.gh-chat-file-upload:hover {
    cursor: pointer;
}

#ghChatEditForm .file-drag-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    z-index: 3;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;
    color: #d9dce0;
    user-select: none;
    pointer-events: none;
}

.is-dragover .file-drag-overlay {
    display: flex !important;
}

/* gh chat ends */


#groupSelectContainer .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 45px;
}

.gh-ba-container .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100% !important;
}

#groupSelectContainer .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 45px;
    padding: 0;
    line-height: 45px;
}

.custom-select-group .select2-selection__rendered {
    line-height: 34px !important;
}

.custom-select-group .select2-selection {
    height: 39px !important;
}

#AssignNewTimeOffPolicyModal .select2-selection {
    height: 28px !important;
}

/* Bf-employee Start*/
.page-component {
    display: none;
}

.page-component.active {
    display: block !important;
}

.waive-reason {
    border: 1px solid #FEF7E2;
    background: #FEF7E2;
    border-radius: 10px;
}

.bf_employee_loader {
    border: 5px solid lightgrey;
    border-radius: 50%;
    border-top: 5px solid #387BF6;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* Bf-employee End*/
.gh-ba-select-error .select2-selection.select2-selection--single{
    background-color:  rgba(224, 67, 39, 0.1) !important;
    border-color: #F53F3F !important;
}

.gh-ba-select-error + .invalid-feedback {
    display: block !important;
}

.system-readonly, .edit-disabled,
.field-disabled
{
    pointer-events: none;
    opacity: 0.5;
    /*background: #E9ECEF;*/
}

input.system-readonly, select.system-readonly {
    background: #E9ECEF;
}

.system-readonly-company-group {
    pointer-events: none;
    background: #E9ECEF;
}

.gh-table tbody .sticky-column,
.gh-table thead .sticky-column,
.gh-table thead .sticky-header{
    z-index: 2;
}

.gh-table .sticky-column:before,
.gh-table .sticky-header:before{
    content: '';
    position: absolute;
    pointer-events: none;
    left: -1px;
    top: -1px;
    height: calc(100% + 2px);
    width: calc(100% + 2px);
    border: 1px solid #FFF;
}

.gh-table .sticky-footer,
.gh-table .sticky-header {
    z-index: 3;
}

.gh-table .sticky-header.sticky-column,
.gh-table .sticky-footer.sticky-column {
    z-index: 4 !important;
}

input[type=number][data-maxdecimaldigits]::-webkit-inner-spin-button,
input[type=number][data-maxdecimaldigits]::-webkit-inner-spin-button {
    /*-webkit-appearance: none;*/
    margin: 0;
}

.employee-setting-edit-disabled {
    opacity: 0.7;
    pointer-events: none;
}

.employee-setting-edit-disabled .no-disable {
    opacity: 1 !important;
    pointer-events: auto !important;
}

#uploadButton input[type=file] {
    display:none;
}

#uploadButton {
    display: inline-block;
}


.search-query-container .gh-tree-dropdown {
    z-index: 1200 !important;
}

.search-query-container .search-query-container-clear-button {
    position: absolute;
    top: 0;
    right: 0;
}

.search-query-container ::placeholder {
    color: #aaa !important;
}

.search-query-selections .gh-tree-dropdown-select {
    min-height: 44px;
    line-height: 44px;
}

.search-query-selections .gh-tree-dropdown-select > label {
    display: flex !important;
    flex-wrap: wrap;
    width: 100% !important;
    color: #aaa;
}

.search-query-selections .gh-tree-filter {
    line-height: 1.5 !important;
    font-size: 1rem !important;
}

.search-query-selections .gh-tree-dropdown-select > label::after {
    display: none;
}

.search-query-selections .gh-tree-dropdown-select > label > span.gh-selected-label {
    line-height: 21px !important;
    height: 23px !important;
    background-color: #777F8E !important;
    border-color: #777F8E !important;
    font-weight: normal !important;
    display: block !important;
    margin: 8px 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search-query-selections .select2-selection__choice {
    background-color: var(--theme-color-active-main) !important;
    border-color: var(--theme-color-active-main) !important;
    color: #fff;
    font-weight: normal !important;
    height: 23px !important;
    line-height: 23px !important;
}

.search-query-selections .select2-selection__choice__remove {
    color: #fff;
    font-weight: 500 !important;
    font-size: 23px !important;
    display: block;
}

.search-query-selections .select2-container .select2-selection {
    border-radius: 4px !important;
}

.search-query-selections .select2-container .select2-selection .select2-selection__rendered {
    padding: 0 8px !important;
}

.search-query-selections .gh-tree-dropdown > ul {
    max-height: 500px;
    overflow-y: auto;
}

.select2-container--default.select2-container--disabled .select2-selection__clear {
    display: none;
}

#tasheet_day_modal #searchQueryContainerExpandButton {
    position: absolute;
    top: -33px;
    left: 35%;
}

.cursor-pointer,
.cursor-pointer-group *
{
    cursor: pointer !important;
}

.cursor-not-allowed {
    cursor: not-allowed !important;
}

.form-filter-container {
    border: 2px solid #EDEDED;
    border-radius: 10px;
}

/* plan setup font size fixes */

.gh-ba-container .body_title {
    font-size: 20px !important;
}
.gh-ba-container .body_title_2 {
    font-size: 18px !important;
}
.gh-ba-container .body_title_3 {
    font-size: 16px !important;
}
.gh-ba-container .body_title_4 {
    font-size: 14px !important;
}

.search-query-selections .select2-search__field,
.search-query-selections .select2-selection.select2-selection--multiple {
    cursor: pointer;
}

.font_italic {
    font-style: italic;
}

.width_100P {
    width: 100%;
}

.icon-disabled {
    pointer-events: none;
    opacity: 0.3;
}

.gh-ba-container .gh-ba-bs-lighter-v2.carrier-form-card {
    border-top: none !important;
    border-radius: 0 !important;
    overflow: unset;
}

.gh-ba-container .gh-ba-bs-lighter-v2.carrier-form-card:last-of-type {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.gh-ba-container .gh-ba-bs-lighter-v2.has-selected-form {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.gh-ba-container .plan-disclosures-table table thead {
    font-size: 12px;
    color: #66788A;
}

.gh-ba-container .plan-disclosures-table table tbody tr:not(:last-child) {
    border-bottom: 1px solid #dee2e6;
}

.gh-ba-container .plan-disclosures-table table tbody tr:hover {
    background-color: #F2F2F2;
}

.gh-ba-container .upload-file-border {
    border-style: dashed;
    border-width: 2px;
    border-color: #088CCD;
    border-radius: 10px;
}

.gh-ba-container .upload-file-border.dragging-file{
    background-color: #ebf3fe !important;
}

.active_form {
    color: #0775AB !important;
}

.text-overflow-eclipse {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.text-overflow-break {
    word-break: break-all !important;
}

.filter-color {
    color: #A7C4F5

}
.rates-container .row{
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.rates-container > div {
    padding: 0 1rem !important;
}

.lighter-front {
    font-weight: lighter;
}

.pointer-cursor {
    cursor: pointer;
}

/* HeartlandAdmin Begin */


@media (max-width: 1220px) {
    .login-img {
        display: none;
    }
}

.heartland-admin-component-title {
    font-size: 20px;
    font-weight: bold;
}

.heartland-admin-table-container .table-responsive{
    border-radius: 10px;
}

.table-responsive.scroll-table-body {
    overflow-y: auto;
    max-height: 330px;
}

table.heartland-admin-table {
    border: 0;
    font-size: 13px;
    word-wrap: break-word
}

table.heartland-admin-table > thead > tr > th{
    border: 1px solid #FFF;
    background-color: #54555A;
    color: #FFF;
    text-align: left;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
}

table.heartland-admin-table.ease-clients-table > thead > tr > th{
    border: 0;
    background-color: #022234;
}
table.heartland-admin-table.ease-clients-table > tbody > tr{
    cursor: default !important;
}
.heartland-benefits-clients-details .stats-container .panel {
    height: 155px;
}
table.heartland-admin-table.ease-errors-table > thead > tr > th{
    color: #000;
    background-color: #E1E8EF;
    position: sticky;
    z-index: 1;
    top: 0;
}
table.heartland-admin-table.ease-errors-table > tbody > tr{
    cursor: default !important;
}

.stat-count {
    min-width: 38px;
    height: 32px;
    text-align: center;
    padding: 6px;
    border-radius: 16px;
    background: #F0F0F7;
    color: #044270;
}
.stat-count.stat-danger {
    background: #FBB4B4;
    color: #F53F3F;
}

#terminationReasonMappingModal .disabled {
    color: #fff;
    background-color: #D6D6D6;
    border-color: #D6D6D6;
    pointer-events: none;
    cursor: not-allowed;
}

.text-secondary {
    color: #6B7788;
}

.icon-disabled {
    pointer-events: none;
    opacity: 0.3;
}

.gh-ba-container .gh-ba-bs-lighter-v2.carrier-form-card {
    border-top: none !important;
    border-radius: 0 !important;
}

.gh-ba-container .gh-ba-bs-lighter-v2.carrier-form-card:last-of-type {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.gh-ba-container .gh-ba-bs-lighter-v2.has-selected-form {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.active_form {
    color: #0775AB !important;
}

.filter-color {
    color: #A7C4F5

}
.rates-container .row{
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.rates-container > div {
    padding: 0 1rem !important;
}

.lighter-front {
    font-weight: lighter;
}



table.heartland-admin-table > tbody > tr > td {
    font-weight: normal;
    background-color: #FFF;
    transition: background-color 200ms linear;
    height: 40px;
    line-height: 40px;
}

table.heartland-admin-table > tbody > tr:hover {
    cursor: pointer;
}

table.heartland-admin-table > thead > tr > th:not(:first-child),
table.heartland-admin-table > tbody > tr > td:not(:first-child) {
    min-width: 110px;
}

table.heartland-admin-table > thead > tr {
    flex-wrap: nowrap;
}

table.heartland-admin-table > tbody > tr {
    border-bottom: none !important;
    flex-wrap: nowrap;
}

table.heartland-admin-table > tbody > tr:hover > td {
    background-color: #F2F7FA;
}
/* HeartlandAdmin End */

/* punch data diagram*/
#ta-report-timeoff-component line.c3-ygrid,
#hours-by-location-chart line.c3-ygrid,
#schedule-time-adherence-chart line.c3-ygrid,
.gh-c3-custom-legend line.c3-ygrid
{
    stroke: #E0E0E0 !important;
}

#ta-report-timeoff-component .c3-ygrid,
#hours-by-location-chart .c3-ygrid,
#schedule-time-adherence-chart .c3-ygrid,
.gh-c3-custom-legend .c3-ygrid
{
    stroke-dasharray: 0 !important;
}

#ta-report-timeoff-component .legend-label,
#hours-by-location-chart .legend-label,
#schedule-time-adherence-chart .legend-label,
.gh-c3-custom-legend .legend-label
{
    cursor: pointer;
    margin-right: 0.8em;
}
#ta-report-timeoff-component .legend-label:not(:last-child),
#hours-by-location-chart .legend-label:not(:last-child),
#schedule-time-adherence-chart .legend-label:not(:last-child),
.gh-c3-custom-legend .legend-label:not(:last-child)
{
    margin-bottom: 0.4em;
}

#ta-report-timeoff-component .legend-label.disabled-legend,
#hours-by-location-chart .legend-label.disabled-legend,
#schedule-time-adherence-chart .legend-label.disabled-legend,
.gh-c3-custom-legend .legend-label.disabled-legend
{
    opacity: 0.3;
}

#ta-report-timeoff-component .legend-container,
#hours-by-location-chart .legend-container,
#schedule-time-adherence-chart .legend-container,
.gh-c3-custom-legend .legend-container
{
    position: absolute;
    top: 0;
    border: 1px solid #000;
    background: #fff;
    padding: 0.4em 1em;
}


#ta-report-timeoff-component .legend-indicator,
#hours-by-location-chart .legend-indicator,
#schedule-time-adherence-chart .legend-indicator,
.gh-c3-custom-legend .legend-indicator
{
    width: 20px;
    height: 20px;
    margin-right: 0.3em;
}

#punch-table-body tr td,
#payroll-by-job-body tr td
{
    white-space: nowrap;
}



#timeoffModal .not-allowed > *:not([data-edit='always']) {
    pointer-events: none !important;
    z-index: 1;
}

#timeoffModal .not-allowed::after {
    content: '';
    position: absolute;
    width: 100%; height: 100%;
    top: 0; left: 0;
    cursor: not-allowed;
    z-index: 2;
}



#timeoffModal button.btn-outline-info.active,
#unavailabilityModal button.btn-outline-secondary.active
{
    background: var(--theme-color-active-main);
    font-weight: bold !important;
}

#timeoffModal button.btn-outline-info {
    font-weight: bold !important;
}

button.circle-button.btn-outline-info:hover {
    background-color: rgb(244, 246, 249) !important;
}

#timeoffModal button.circle-button.btn-outline-info:not(.active):hover {
    background: var(--theme-color-active-main) !important;
    color: #fff !important;
}

#timeoffModal button.circle-button.btn-outline-info.active:hover {
    background-color: rgb(244, 246, 249) !important;
    color: #777F8E !important;
}

#timeoffModal .timeoff-policy-disabled {
    margin-bottom: 20px;
    color: #F53F3F;
}

/* HeartlandAdmin Begin */
.heartland-admin-component-title {
    font-size: 20px;
    font-weight: bold;
}

.heartland-admin-table-container .table-responsive{
    border-radius: 10px;
}

table.heartland-admin-table {
    border: 0;
    font-size: 13px;
    word-wrap: break-word
}

table.heartland-admin-table > thead > tr > th{
    border: 1px solid #FFF;
    background-color: #54555A;
    color: #FFF;
    text-align: left;
    padding: .5rem 1rem .5rem;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
}

table.heartland-admin-table > tbody > tr > td {
    font-weight: normal;
    padding: .5rem 1rem .5rem;
    background-color: #FFF;
    transition: background-color 200ms linear;
    height: 40px;
    line-height: 40px;
}

table.heartland-admin-table > tbody > tr:hover {
    cursor: pointer;
}

table.heartland-admin-table > thead > tr > th:not(:first-child),
table.heartland-admin-table > tbody > tr > td:not(:first-child) {
    min-width: 110px;
}

table.heartland-admin-table > thead > tr {
    flex-wrap: nowrap;
}

table.heartland-admin-table > tbody > tr {
    border-bottom: none !important;
    flex-wrap: nowrap;
}

table.heartland-admin-table > tbody > tr:hover > td {
    background-color: #F2F7FA;
}

table.ease-contacts-table > thead > tr > th {
    background-color: #EBEDEE;
    padding: .5rem 1rem .5rem;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    border-bottom: 2px solid #FFFFFF;
}

table.ease-contacts-table > tbody > tr > td {
    font-weight: normal;
    padding: .5rem 1rem .5rem;
    background-color: #F1F2F4;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    border-bottom: 2px solid #FFFFFF;
}

/* HeartlandAdmin End */
.plan-locking-banner {
    border: 2px solid #FEF7E2;
    border-radius: 10px;
    background: #FEF7E2;
    padding-left: 2em;
    padding-right: 2em;
    font-weight: bold;
    text-align: left;
    display: inline-flex;
    width: 100%;
}
.plan-locking-diabled {
    background-color: #d9dce0 !important;
}
.plan-locking-diabled label{
    cursor: default !important;
}

#ta-report-timeoff-component .c3-xgrid-focus,
#payroll-report-component .c3-xgrid-focus{
    display: none;
}

/* punch data report ends */

/* payroll report start */

.gh_pie_loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    background-image: url("/pie/images/loaders/loader_3.gif");
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1000;
    -ms-filter: "alpha(opacity=80)";
    filter: alpha(opacity=80);
    opacity: .8;
    pointer-events: none;
}

.gh_pie_loader.p_relative {
    min-height: 300px;
}



#payroll-report-component #card_container_1 g.c3-chart g.c3-event-rects rect.c3-event-rect{
    pointer-events: none;
}


/* payroll report ends */


/* custom fields starts */

.text-number-item {
    width: 115px !important;
    height: 40px !important;
    cursor: pointer;
    border: 1px solid #D6D6D6;
    border-radius: 5px;
}

.text-number-item:first-child {
    border-right: none;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.text-number-item:last-child {
    border-left: none;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}


.text-number-item.active {
    background: var(--theme-color-active-main);
    color: #fff;
}

.text-number-item.active:hover {
    background: var(--theme-color-active-main);
}

.link-text {
    cursor: pointer;
    color: #088CCD !important;
}

#dropdown-option-container {
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
}


.dropdown-option-placeholder {
    border: 1px solid #D6D6D6;
    border-radius: 5px;
    background: #f1f1f1;
    height: 150px;
}

.timesheet-template-block-title {
    padding: 6px 10px;
    background: #edf1f7;
}

.custom-fields-card {
    border-radius: 5px;
    min-width: 200px;
}

.custom-field-edit-group {
    position: absolute;
    right: 0 !important;
    top: 0.2em;
}

.drag-item-container {
    padding: 0;
}


.drag-item-container .cf-option-container {
    background: #f1f1f1;
    background-clip: padding-box;
}

.drag-item-container:first-child .cf-option-container {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.drag-item-container:last-child .cf-option-container{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

label[for="screening-multipleChoice"] input[type="checkbox"],
input[type="checkbox"].gh-themed.sm {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 16px;
    height: 16px;
    background: #fff;
    border: 1px solid var(--theme-color-active-main, #5EC6DA);
    outline: 0;
    vertical-align: text-bottom;
    cursor: pointer;
    border-radius: 4px;
    box-shadow: unset;
    position: relative;
}
input[type="checkbox"].gh-themed.sm:checked {
    background: var(--theme-color-active-main, #5EC6DA);
}

input[type="checkbox"].gh-themed.sm:checked::after {
    content: '';
    box-sizing: unset;
    position: absolute;
    left: 3px;
    top: 0px;
    width: 5px;
    height: 8px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}


.custom-fields-item {
    background: #edf1f7;
    border-radius: 5px;
    padding: 6px 10px;
    cursor: move;
}

.drag-over-block {
    opacity: 0.3;
    border-top: 2px dashed rgba(0, 0, 0, 0.3);
    border-radius: 0;
    padding-top: calc(0.25rem - 2px);
}

.cf-dragging {
    background: #D2D9E7;
    border-radius: 5px;
}


.cf-dragging .custom-fields-item {
    background: #D2D9E7 !important;
}


.placeholder-item.drag-over-block {
    opacity: 0.3 !important;
    background: #fff !important;
}

.placeholder-item.drag-over-block .custom-fields-item {
    background: #fff !important;
}


.custom-field-container-component {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

#taEmployeeDashboardCardContainer .custom-field-container {
    margin-top: 1em;
}

.inout-custom-field-error-message {
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 56px;
}

.custom-field-name {
    font-weight: bold;
    font-size: 13px;
    color: #CDCFD1;
}

.custom-field-value {
    font-weight: bold;
    font-size: 15px;
}

.custom-field-arrow-down {
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.custom-field-select-status {
    font-size: 0.6em;
}

.inout-table-subline:not(:first-child) {
    margin-top: 1.5em !important;
}

.no-custom-field-show {
    position: relative !important;
    margin-top: 1em;
}

label.text-overflow-eclipse.w-100 {
    position: relative !important;
}

.required-absolute {
    position: absolute;
    top: 0;
}

/* custom fields ends */
#permissionSessionRefreshButton {
    padding: 0.5rem;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
}

#permissionSessionRefreshButton.loading {
    pointer-events: none;
    animation: rotate 2s infinite;
}

#permissionSessionRefreshButton:hover {
    box-shadow: 1px -2px 7px rgba(0,0,0,0.1);
    transform: rotate(180deg);
}

#permissionSessionRefreshButton.loading svg path,
#permissionSessionRefreshButton:hover svg path {
    fill: var(--theme-color-active-hover-main);
}

#formUnavailabilityTimezone .select2-selection.select2-selection--single {
    height: 33px;
}

/* gh-toggle-checkbox starts */
label.gh-toggle-checkbox {
    width: 96px;
    height: 30px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    margin-bottom: 0;
}

label.gh-toggle-checkbox input[type=checkbox] {
    position: absolute;
    top: 10px;
    left: 10px;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}

label.gh-toggle-checkbox input[type=checkbox]:after {
    content: '';
    width: 24px;
    height: 24px;
    border-radius: 50%;
    position: absolute;
    transition: all 0.4s;
    z-index: 2;
    right: auto;
    left: -6px;
    top: -7px;
    background-color: #fff;
    cursor: pointer;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

label.gh-toggle-checkbox input[type=checkbox]:checked:after {
    transform: translateX(64px);
    right: auto;
}

label.gh-toggle-checkbox input[type=checkbox]:before {
    content: 'Disabled';
    color: #fff;
    font-weight: bold;
    width: 200px;
    transition: all 0.4s;
    background-color: #bbb;
    position: absolute;
    height: 30px;
    left: -110px;
    transform: translateX(0px);
    top: -10px;
    z-index: 1;
    cursor: pointer;
    text-align: right;
    padding-right: 8px;
    font-size: 13px;
    padding-top: 5px;
}

label.gh-toggle-checkbox.fr input[type=checkbox]:before {
    content: 'Désactivé';
    color: #fff;
    font-weight: bold;
    width: 200px;
    transition: all 0.4s;
    background-color: #bbb;
    position: absolute;
    height: 30px;
    left: -110px;
    transform: translateX(0px);
    top: -10px;
    z-index: 1;
    cursor: pointer;
    text-align: right;
    padding-right: 8px;
    font-size: 13px;
    padding-top: 5px;
}

label.gh-toggle-checkbox.es input[type=checkbox]:before {
    content: 'Deshabilitado';
    color: #fff;
    font-weight: bold;
    width: 200px;
    transition: all 0.4s;
    background-color: #bbb;
    position: absolute;
    height: 30px;
    left: -110px;
    transform: translateX(0px);
    top: -10px;
    z-index: 1;
    cursor: pointer;
    text-align: right;
    padding-right: 8px;
    font-size: 13px;
    padding-top: 5px;
}

label.gh-toggle-checkbox.y_n input[type=checkbox]:before {
    content: 'No';
    padding-right: 35px;
}

label.gh-toggle-checkbox.fr.y_n input[type=checkbox]:before {
    content: 'Non';
    padding-right: 35px;
}

label.gh-toggle-checkbox.es.y_n input[type=checkbox]:before {
    content: 'No';
    padding-right: 35px;
}

label.gh-toggle-checkbox input[type=checkbox]:checked:before {
    content: 'Enabled';
    background-color: var(--theme-color-main);
    text-align: left;
    padding-left: 8px;
    transform: translateX(100px);
}

label.gh-toggle-checkbox.fr input[type=checkbox]:checked:before {
    content: 'Activé';
    background-color: var(--theme-color-main);
    text-align: left;
    padding-left: 8px;
    transform: translateX(100px);
}

label.gh-toggle-checkbox.es input[type=checkbox]:checked:before {
    content: 'Habilitado';
    background-color: var(--theme-color-main);
    text-align: left;
    padding-left: 8px;
    transform: translateX(100px);
}

label.gh-toggle-checkbox.y_n input[type=checkbox]:checked:before {
    content: 'Yes';
    padding-left: 30px;
}

label.gh-toggle-checkbox.fr.y_n input[type=checkbox]:checked:before {
    content: 'Oui';
    padding-left: 30px;
}

label.gh-toggle-checkbox.es.y_n input[type=checkbox]:checked:before {
    content: 'Si';
    padding-left: 30px;
}

label.gh-toggle-checkbox[for="statusToggle"] {
    width: 64px;
    height: 30px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    margin-bottom: 0;
}

#statusToggle:before {
    content: '' !important;
}

#statusToggle:before:checked {
    content: '' !important;
}

#statusToggle:checked:after {
    transform: translateX(32px);
    right: auto;
}

/* gh-toggle-checkbox ends */


/* gh-checkbox-kit starts */
/* Customize the label (the container) */
.gh-checkbox-kit input[type=checkbox] {
    -moz-appearance:initial;
}
.gh-checkbox-kit {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.gh-checkbox-kit input {
    position: absolute !important;
    box-shadow: none;
    border: none;
    cursor: pointer;
    left: 5px;
    top: 5px;
}

.gh-checkbox-kit input:checked {
    border: none;
    box-shadow: none;
}

/* Create a custom checkbox */
.gh-checkbox-kit input:before {
    content: '';
    position: absolute !important;
    top: -3px !important;
    left: -2px !important;
    height: 16px !important;
    width: 16px !important;
    border: 1px solid #D6D6D6 !important;
    background: #fff !important;
    border-radius: 3px !important;
    transform: unset !important;
    visibility: visible;
}

/* On mouse-over, add a grey background color */
.gh-checkbox-kit:not(.disabled):hover input:not(:checked):not(:disabled):before {
    background-color: #f1f1f1;
}

/* When the checkbox is checked, add a blue background */
.gh-checkbox-kit input:checked:before {
    background-color: var(--theme-color-main) !important;
}

/* Create the checkmark/indicator (hidden when not checked) */
.gh-checkbox-kit input:after {
    content: "";
    position: absolute !important;
    display: none;
}

/* Show the checkmark when checked */
.gh-checkbox-kit input:checked:after {
    display: block;
}

/* Style the checkmark/indicator */
.gh-checkbox-kit input:after {
    left: 3px !important;
    top: -2px !important;
    width: 6px !important;
    height: 11px !important;
    border: solid white !important;
    border-width: 0 2px 2px 0 !important;
    -webkit-transform: rotate(45deg) !important;
    -ms-transform: rotate(45deg) !important;
    transform: rotate(45deg) !important;
    visibility: visible;
}

.gh-checkbox-kit input[disabled]:after,
.gh-checkbox-kit input[disabled]:before {
    cursor: not-allowed !important;
}

.gh-checkbox-kit input[type="checkbox"][disabled]:not(.switch)::before {
    top: -3px !important;
    left: -2px !important;
    opacity: 0.3 !important;
}

.gh-checkbox-kit input[type="checkbox"][disabled]:not(.switch){
    visibility: hidden;
}

.gh-checkbox-kit.disabled input,
.gh-checkbox-kit.disabled,
.disabled-gh-checkbox-kit *,
.disabled-gh-checkbox-kit {
    cursor: not-allowed !important;
}

.disabled-gh-checkbox-kit {
    opacity: 0.5;
}

/* gh-checkbox-kit ends */
.width-100 {
    width: 100% !important;
}

/* TaShiftPremiumPolicy starts */
#upsert-shift-premium-policy-modal input.input-s {
    text-align: center;
    width: 70px
}
#upsert-shift-premium-policy-modal input.input-m {
    text-align: center;
    width: 100px
}
#upsert-shift-premium-policy-modal input[type="text"],
#upsert-shift-premium-policy-modal input[type="number"] {
    height: 2.5rem;
    border-radius: .4rem;
    border: 1px solid #ccc;
    padding: 0 10px
}
#upsert-shift-premium-policy-modal span.group-title,
#upsert-shift-premium-policy-modal label.group-title {
    line-height: 2.5rem
}
#upsert-shift-premium-policy-modal .modal-alert {
    color: #721c24;
    background-color: #fddbdb;
    border-radius: 8px;
}
#upsert-shift-premium-policy-modal .modal-alert ul > li {
    padding: .5rem 0 0 .5rem;
}
#upsert-shift-premium-policy-modal input:disabled {
    background: #d9dce0;
}
#upsert-shift-premium-policy-modal .error-days label {
    border: 1px solid red;
    color: #F53F3F;
}
/* #upsert-shift-premium-policy-modal .gh-tree-dropdown-select #select-job::-webkit-scrollbar {
    display: none;
} */
#upsert-shift-premium-policy-modal .gh-tree-dropdown-select #select-job {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
#upsert-shift-premium-policy-modal .gh-tree-dropdown-select label {
    line-height: 2.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#upsert-shift-premium-policy-modal .gh-tree-dropdown-select > label {
    display: flex !important;
    flex-wrap: wrap;
    width: 100% !important;
    color: #aaa;
    max-height: 200px;
}

#upsert-shift-premium-policy-modal .gh-tree-dropdown-select > label:after {
    top: 15px;
}
#upsert-shift-premium-policy-modal .gh-tree-dropdown-select > label > span.gh-selected-label {
    line-height: 2rem !important;
    height: 2rem !important;
    font-weight: normal !important;
    display: block !important;
    margin: 0.25rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
}
#upsert-shift-premium-policy-modal .gh-tree-dropdown > ul {
    max-height: 500px;
    overflow-y: auto;
}
#upsert-shift-premium-policy-modal .gh-tree-dropdown > input{
    border-radius: 0;
    border-style: none none solid none;
}
/* TaShiftPremiumPolicy ends */

.user-select-nont {
    user-select: none;
}

/* Switch accounts submenu starts */

.switch-accounts-menu .link_switch_account_container {
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    padding: 10px 15px;
    position: relative;
}

.switch-accounts-menu .link_switch_account_container:not(:last-child) {
    border-bottom: 1px solid #dee2e6 !important;
}

.switch-accounts-menu .link_switch_account_container.selected {
    pointer-events: none;
    background-color: #fafafa;
}

.switch-accounts-menu .link_switch_account_container.selected:before {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    font-weight: 900;
    position: absolute;
    left: 8px;
    top: 12px;
    font-size: 10px;
}

/* Switch accounts submenu ends */

/* user login info menu ends */

/* edit pin code start */

.zkt_verification_method-container {
    display: none;
    width: 100%;
}

.zkt_verification_method-container .zkt-pin-code_container {
    max-width: 100%;
}

#zkt-pin_code-container {
    display: none;
    background-color: #F1F2F4;
}

#zkt-pin_code-container .hardware-text {
    line-height: 17px;
}

#zkt-pin_code-container a.link-text {
    line-height: 32px;
}

.hardware-signed-container .font-weight-bold{
    font-size: 1.1em;
}

.hardware-unsigned-container #tosSignInputPlaceholder {
    width: 10px;
    opacity: 0 !important;
}

#biometricContainer {
    display: none;
}

.pin_code .edit-mode {
    display: none;
}

.pin_code .non-edit-mode {
    display: block;
}

.pin_code.edit .edit-mode {
    display: inline;
    width: auto;
    padding-left: 5px;
    padding-right: 10px;
    background-clip: padding-box;
    border-color: grey;
}

.pin_code.edit .edit-mode input{
    width: 90px;
    height: 32px;
    margin-right: 20px;
}

.pin_code.edit .edit-mode div{
    width: auto;
    height: 32px;
    margin-right: 10px;
}

.pin_code.edit .non-edit-mode {
    display: none;
}

/* edit pin code end */

/* payroll by job report starts */

.vertical [data-type="horizontal"] {
    display: none !important;
}

.horizontal [data-type="vertical"] {
    display: none !important;
}

.horizontal .gh-table-td[data-type="horizontal"] {
    display: block !important;
}

/* payroll by job report ends */

/* GH Table V2 starts */

div.gh-table-pie {
    border: 0;
    font-size: 13px;
    word-wrap: break-word;
    overflow-x: auto;
}

div.gh-table-pie .gh-table-row {
    display: flex;
    flex-direction: row;
}

div.gh-table-pie .gh-table-th,
div.gh-table-pie .gh-table-td {
    min-width: 110px;
    flex: 1 1 0px;
    padding: 0.75rem;
}

div.gh-table-pie > .gh-table-head > .gh-table-row > .gh-table-th{
    font-weight: bold;
    border: 1px solid #FFF;
    background-color: #eaedee;
    text-align: left;
    padding: .5rem;
    vertical-align: middle;
}

div.gh-table-pie > .gh-table-body > .gh-table-row > .gh-table-td {
    border: 1px solid #FFF;
    font-weight: normal;
    padding: .5rem;
    background-color: #F1F2F4;
    transition: background-color 200ms linear;
}

div.gh-table-pie > .gh-table-body > .gh-table-row.bg-danger > .gh-table-td {
    border: 1px solid #FFF;
    font-weight: normal;
    padding: .5rem;
    background-color: #e5d4d7;
    transition: background-color 200ms linear;
}

div.gh-table-pie > .gh-table-foot.summary-foot > .gh-table-row > .gh-table-td{
    background-color: #676D7A !important;
    font-weight: bold;
    border: none;
    color: white;
}

div.gh-table-pie > .gh-table-head > .gh-table-row {
    flex-wrap: nowrap;
}

div.gh-table-pie > .gh-table-body > .gh-table-row {
    border-bottom: none !important;
    flex-wrap: nowrap;
}

div.gh-table-pie > .gh-table-body > .gh-table-row:hover > .gh-table-td {
    background-color: #e1e1e1
}

div.gh-table-pie > .gh-table-body > .gh-table-row.bg-danger:hover > .gh-table-td {
    background-color: #e3bac1
}

div.gh-table-pie > .gh-table-body > .gh-table-row.gh-table-row-total-row > .gh-table-td{
    background-color: #eaedee !important;
    font-weight: bold !important;
}

.gh-table-pie .gh-table-body .sticky-column,
.gh-table-pie .gh-table-head .sticky-column {
    z-index: 2;
}

.gh-table-pie .sticky-footer,
.gh-table-pie .sticky-header {
    z-index: 3;
}

.gh-table-pie .sticky-header.sticky-column,
.gh-table-pie .sticky-footer.sticky-column {
    z-index: 4 !important;
}

.gh-table-pie .gh-table-row[has-child="1"] > .gh-table-td:first-child > i {
    padding-right: 5px;
    cursor: pointer
}

.gh-table-pie .gh-table-row.closed[has-child="1"] > .gh-table-td:first-child > i {
    transform: rotate(-90deg);
    padding-bottom: 5px;
    vertical-align: top
}

.gh-table-pie .gh-table-row[level="1"] > .gh-table-td:first-child:before {
    content: '';
    padding-left: 45px
}

.gh-table-pie .gh-table-row[level="1"][has-child="1"] > .gh-table-td:first-child:before {
    content: '';
    padding-left: 30px
}

.gh-table-pie .gh-table-row[level="2"] > .gh-table-td:first-child:before {
    content: '';
    padding-left: 75px
}

.gh-table-pie .gh-table-row[level="2"][has-child="1"] > .gh-table-td:first-child:before {
    content: '';
    padding-left: 60px
}

.gh-table-pie .gh-table-row[level="3"] > .gh-table-td:first-child:before {
    content: '';
    padding-left: 105px
}

.gh-table-pie .gh-table-row[level="3"][has-child="1"] > .gh-table-td:first-child:before {
    content: '';
    padding-left: 90px
}

.gh-table-pie .gh-table-row[level="4"] > .gh-table-td:first-child:before {
    content: '';
    padding-left: 135px
}

.gh-table-pie .gh-table-row[level="4"][has-child="1"] > .gh-table-td:first-child:before {
    content: '';
    padding-left: 120px
}

.gh-table-pie .gh-table-row[level="5"] > .gh-table-td:first-child:before {
    content: '';
    padding-left: 165px
}

.gh-table-pie .gh-table-row[level="5"][has-child="1"] > .gh-table-td:first-child:before {
    content: '';
    padding-left: 150px
}

.gh-table-pie .gh-table-row[level="6"] > .gh-table-td:first-child:before {
    content: '';
    padding-left: 195px
}

.gh-table-pie .gh-table-row[level="6"][has-child="1"] > .gh-table-td:first-child:before {
    content: '';
    padding-left: 180px
}

.gh-table-pie .gh-table-row[level="7"] > .gh-table-td:first-child:before {
    content: '';
    padding-left: 225px
}

.gh-table-pie .gh-table-row[level="7"][has-child="1"] > .gh-table-td:first-child:before {
    content: '';
    padding-left: 210px
}

.gh-table-pie .gh-table-row[level="8"] > .gh-table-td:first-child:before {
    content: '';
    padding-left: 255px
}

.gh-table-pie .gh-table-row[level="8"][has-child="1"] > .gh-table-td:first-child:before {
    content: '';
    padding-left: 240px
}

.gh-table-body > .gh-table-customized-foot > .gh-table-td,
.gh-table .total-tr > td
{
    background-color: #676D7A!important;
    font-weight: bold!important;
    border: none!important;
    color: white!important;
}

/* GH Table V2 ends */

/* Report Settings Modal Checkbox List starts */

.report-settings-checkbox-list li[draggable] {
    cursor: move;
    position: relative;
}

.report-settings-checkbox-list li[draggable].drag-over {
    border-top: 2px dashed var(--theme-color-active-main);
    padding-top: calc(0.25rem - 2px) !important;
}

.report-settings-checkbox-list li[draggable].select-multiple-for-drag {
    background-color: #d9dce0;
}

.report-settings-checkbox-list li[draggable]:after {
    content: '\f141';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 15px;
    position: absolute;
    right: 10px;
    top: 3px;
}

.report-settings-checkbox-list li[draggable] label.gh-checkbox-kit {
    max-width: calc(100% - 35px);
}

.report-settings-checkbox-list.bf-change-plan-order-container li[draggable]:after {
    top: 7px !important;
}

/* Report Settings Modal Checkbox List ends */


/* client invite broker updates - 16-Sep-2019 */
body .px-6 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
}
body .bg-disabled {
    background: #d6d6d6 !important;
}
body .border-disabled, body .border-disabled:hover {
    border-color: #d6d6d6 !important;
}
body .btn-info, body .btn-info:hover {
    background: #5EC6DA;
    border-color: #5EC6DA;
}
body .btn-danger {
    background: #F53F3F;
    border-color: #F53F3F;
}
body .text-info {
    color: #5EC6DA;
}

body .gh-overflow-hidden {
    overflow: hidden !important;
}

/* Switch owner account starts */

.select-owner-account-container {
    padding: 0.5rem;
    border-radius: 0.25rem;
    margin-top: 0.5rem;
}

.select-owner-account-container p {
    margin-bottom: 0.5rem;
}

.switch-owner-select-account-container {
    display: flex;
    flex-direction: column;
}

.switch-owner-select-account-container label.switch-owner-title {
    order: 1;
}

.switch-owner-select-account-container span.select2-container {
    order: 2
}

.switch-owner-select-account-container label.error {
    order: 3;
}

#switchOwnerAccountSelect.error ~ .select2.select2-container .select2-selection.select2-selection--single {
    background-color: rgba(224, 67, 39, 0.1) !important;
    border-color: #F53F3F !important;
}

form#ghAccountEditForm [switch-owner] {
    display: none;
}

form#ghAccountEditForm.switch-owner [switch-owner] {
    display: flex !important;
}

.punch-custom-field-item.error {
    padding: 0 !important;
}

/* Switch owner account ends */


/* Aca starts */
.white-bck-card {
    border-radius: 10px;
    box-shadow: 0px 4px 4px rgba(41, 47, 72, 0.08);
    background: #FFFFFF;
}

.aca-ul-list {
    list-style: disc inside !important;
}

.axis-container, .note-arrow-line-container{
    display: flex;
    width: 100%;
}
.timeline {
    border: 1px solid black;
    height: 10px;
    border-bottom: none !important;
}

.timeline:not(:last-child) {
    border-right: none !important;
}

.dot {
    border-radius: 50%;
    height: 10px;
    width: 10px;
    background: blue;
    position: absolute;
    top: 8px;
    left: -5px;
}

.inline-dot {
    border-radius: 50%;
    height: 16px;
    width: 16px;
    background: blue;
    display: inline-block;
}

.inline-dot-small {
    border-radius: 50%;
    height: 10px;
    width: 10px;
    background: blue;
    display: inline-block;
}

.placeholder-box {
    border-right: 1px solid #000;
    height: 50px;
    width: 50% !important;
}

.dot-last {
    left: calc(100% - 5px) !important;
}

.position-relative{
    position: relative !important;
}

.aca-list-group-item.active {
    background: #F8F9FB !important;
    border-color: rgba(0,0,0,.125) !important;
    color: #495057;
}

.measurement-and-stability-subcomponent {
    display: none;
}

.measurement-and-stability-subcomponent.active {
    display: block !important;
}

.aca-dashboard-header {
    margin: -30px -45px auto -45px;
}

.aca-dashboard-header a.nav-link{
    cursor: pointer;
}

.aca-dashboard-header a.nav-link:not(:active),
.aca-dashboard-header a.nav-link:hover,
#acaEFileLink
{
    color: #022234;
}

.upload-missing-hour-container {
    background: #F6E6D7;
    border-radius: 4px;
}

a.link-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}


#task_assign_nav.disabled{
    cursor: not-allowed;
}

.border-radius-10 {
    border-radius: 10px;
}

.aca-status-icon {
    font-size: 3em;
}

.aca-status-btn {
    background: rgba(111,207,151,0.15);
    color: #27AE60;
    border-radius: 4px;
}

.aca-bar-chart-nav {
    font-weight: bold;
    cursor: pointer;
}

.aca-bar-chart-nav.active {
    color: #088CCD;
    border-bottom: 3px solid #088CCD;
}

.aca-bold-text {
    color: #3A7DE5;
    font-size: 36px;
    font-weight: bold;
}

#dashboard_index_container .c3-text {
    transform: translateY(25px);
    fill: #fff !important;
    font-size: 1.5em;
    font-weight: bold;
}

.compliance-icon {
    font-size: 1.3em;
    position: relative !important;
}

#compliance-overview-table-body td,
#ongoing-measurement-period-table-body td,
#newhire-measurement-period-table-body td,
#manage-changes-table-body td
{
    vertical-align: middle !important;
}

.gh-popover {
    position: absolute;
    top: calc(1.3em + 6px);
    left: -15px;
    z-index: 2000;
}

.gh-popover-arrow {
    position: absolute;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    background: #fff;
    left: 15px;
    top: -6px;
    border: 1px solid #EEEDEE;
    border-bottom: none;
    border-right: none;
}

.gh-popover-content {
    background: #fff;
    min-width: 230px;
    min-height: 100px;
    border-radius: 4px;
    border: 1px solid #EEEDEE;
    padding: 8px;
    font-size: 0.8em;
}

.period-status-box {
    border-radius: 2px;
    height: 16px;
    width: 24px;
}

.period-status-box.period-empty-box {
    background: #fff !important;
    border: 1px solid #0F8BEF !important;
}


.period-status-box.period-not-enrolled {
    background: linear-gradient(to top right, #fff calc(50% - 1px), #BDBDBD, #fff calc(50% + 1px));
    border: 1px solid #BDBDBD !important;
}

/* Aca ends */
.punch-table-custom-fields-item {
    word-break: break-all;
}

.punch-table-custom-fields-item .file-name {
    font-weight: 600;
    cursor: pointer;
    color: #088CCD;
}

/* Pending clock start */

.pending-clock-container {
    background-color: #D73D37;
    border-radius: 5px;
    color: #fff;
}

.pending-clock-title {
    border-radius: 50%;
    border: 2px solid #fff;
    width: 30px;
    height: 30px;
}


.pending-clock-detail-container {
    border-radius: 5px;
    background-color: #FDF5E7;
}

.pending-clock-detail-container table td,
.pending-clock-detail-container table th
{
    border: none !important;
    padding: 0.5em !important;
}


.pending-clock-detail-container .table-header {
    border-bottom: 2px solid #FAE7C4;
}

/* Pending clock end */

/* Add plan from library starts */
.disclaimer-container {
    border: 1px solid #ED8532;
    border-radius: 5px;
    background-color: #FBEBDA;
    word-wrap: normal !important;
}

.zipcode-container {
    border: 1px solid #d1e1e8;
    background-color: #e9ecef;
    padding: 0.5em 1em;
    border-radius: 3px;
}

.zipcode-item {
    background-color: #044270;
    color: #fff;
    border-radius: 5px;
    padding: 5px;
    margin-top: 0.5em;
}
/* Add plan from library ends */

.job-input-arrow-down {
    position: absolute;
    right: 10px;
    z-index: 1;
}

/* benefits report refactor start */
.datetimepicker-input-container .datetimepicker-input-icon,
.datetimepicker-input-container img
{
    position: absolute;
    left: 0.5em;
    top: calc(50% - 8px);
}

.datetimepicker-input-container input {
    padding-left: calc(0.5em + 30px) !important;
}

.gh-benefit-complex-container label {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.gh-benefit-complex-container input {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

input.report-datetimepicker.form-control.error {
    border-color: #F53F3F !important;
}

/* benefits report refactor end */

#config-punch .config-rounding-punch div.error{
    padding: 1px;
    position: absolute;
    top: 30px;
    white-space: nowrap;
    left: 0
}

/* timesheet punch layput refactor start */

.ta-clock-table-multi-row-container {
    width: 100%;
}

.ta-clock-table-multi-row-container > div.multi-row {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
}

.ta-clock-table-multi-row-container.multi-row-container-one-row > div.multi-row {
    width: 100%;
    display: block !important;
    white-space: nowrap;
}

.ta-clock-table-multi-row-container.multi-row-container-one-row > div.multi-row div.multi-row-cell {
    display: inline-block !important;
    vertical-align: top;
}

.ta-clock-table-multi-row-container.multi-row-container-lg  div.body-row div.multi-row-cell {
    padding-left: 1em !important;
}


.ta-clock-table-multi-row-container.multi-row-container-lg  div.body-row div.punch-list-container {
    padding-right: 1.2em !important;
}

.ta-clock-table-multi-row-container.multi-row-container-lg  div.body-row div.timeoff-detail-list-container,
.ta-clock-table-multi-row-container.multi-row-container-lg  div.body-row div.clock-table-holiday-container
{
    margin-left: -1em !important;
}

.ta-clock-table-multi-row-container div.multi-row-cell {
    padding: 0.75em;
    border: 1px solid #dee2e6;
}

.ta-clock-table-multi-row-container div.body-row div.multi-row-cell {
    padding: 0 !important;
    padding-bottom: 1em !important;
}

.ta-clock-table-multi-row-container div.body-row div.multi-row-cell {
    padding-left: 0 !important;
    padding-top: 0 !important;
}

.ta-clock-table-multi-row-container div.body-row .multi-row-cell{
    border-bottom: none !important;
}

.ta-clock-table-multi-row-container div.multi-row-cell:not(:last-child) {
    border-right: none !important;
}


.ta-clock-table-multi-row-container:not(:first-child) {
    margin-top: 4em;
}

.multi-row-th-info {
    display: flow;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.multi-row-th-item-info {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
}

.ta-clock-table-multi-row-container {
    overflow-x: auto;
}

.ta-clock-table-multi-row-container div.multi-row {
    min-width: 1200px;
}

.multi-row-th-info.multi-row-th-info-sm {
    flex-flow: column nowrap !important;
    justify-content: space-between !important;
}

.multi-row-th-info-sm .multi-row-th-item-info > div {
    margin-right: 0.5em !important;
}

.multi-row-th-info-sm .multi-row-th-item-info {
    flex-flow: row nowrap !important;
    justify-content: flex-start !important;
}

.punch-operation-container {
    position: absolute;
    right: 0.2em;
    bottom: 10px;
}

#selectFilterButtonContainer div.dropdown-menu > div:not(:first-child) {
    margin-top: 0.75em;
}

#selectFilterButtonContainer div.dropdown-menu > div{
    padding-left: 0.75em;
}

.avatar-placeholder-dot {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    left: -13px;
    position: absolute;

}

#selectFilterButtonContainer .clock-table-filter-item {
    pointer-events: none;
}

#selectFilterButtonContainer div.align-group-flex-start {
    cursor: pointer;
}

#selectDaysButtonContainer div.dropdown-item {
    cursor: pointer;
}

#esheet-inout-addline-modal .modal-content {
    min-width: 540px;
}

#taClockModal .select2.select2-container,
#esheet-inout-addline-modal .select2.select2-container
{
    width: 100% !important;
}
#taClockModal .select2-selection.select2-selection--single,
#esheet-inout-addline-modal .select2-selection.select2-selection--single
{
    border: 1px solid #ced4da !important;
    border-radius: 0.25em !important;
    outline: none !important;
}
#taClockModal .select2-selection__rendered,
#esheet-inout-addline-modal .select2-selection__rendered
{
    line-height: 34px !important;
}
#taClockModal .select2-container .select2-selection--single,
#esheet-inout-addline-modal .select2-container .select2-selection--single
{
    height: 34px !important;
}
#taClockModal .select2-selection__arrow,
#esheet-inout-addline-modal .select2-selection__arrow
{
    height: 34px !important;
}

#taClockModal .select2-selection__arrow,
#esheet-inout-addline-modal .select2-selection__arrow
{
    display: none !important;
}

#taClockModal .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #EAECEF !important;
}


.row-total-container {
    background: #F8F9FB;
}


/* timesheet punch layput refactor end */

/* HCE tooltips start */
/* Tooltip */
.custom-tooltip {
    background-color: #FFFFFF !important;
    color: #000000;
    font-size: 10px;
    width: 179px;
    padding: 0.5em;
    border-radius: 5px;
    position: absolute;
    top: 10px !important;
    transform: translate3d(0, 21px, 0px) !important;
    font-weight: 500 !important;
    text-align: center;
  }

  /* Tooltip on bottom */
  .hce {
    position: relative;
    background: #9ECDFF;
    border-radius: 5px;
    padding:4px;

    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    align-items: center;
    color: #005DC1;
  }

/* HCE tooltips end */

.hover-show-second *:nth-child(2) {
    display: none;
}

.hover-show-second:hover *:nth-child(2) {
    display: block !important;
}

.hover-show-second:hover *:not(:nth-child(2)) {
    display: none;
}

div.multi-row-container-lg div.clock-table-timeoff-item-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
}




/*add or button in plan eligibiliy start*/
#eligibilityComponent .add-or-button{
    padding:10px !important;
    width:60px;
    height:45px;
}
/*add or button in plan eligibiliy end*/

#custom-fields-modal .select2-selection__rendered {
    line-height: 45px !important;
}
.error-log-container {
    background: #FFFFFF;
    border-radius: 5px 5px 0px 0px;
    padding: 10px;
}
.show-calendar .drp-calendar {
    max-width: 350px !important;
}
.cancle-btn {
    color: #000 !important;
    background-color: #d9dce0;
}
#error-log-search-container {
    margin-bottom: 15px;
}

#error-log-search-container .select2-container .select2-selection {
    border-radius: 5px;
    border: 1px solid #dee2e6 !important;
}

#error-log-search-container .select2-selection__rendered {
    line-height: 35px !important;
}

#error-log-search-container .select2-container{
    display: block;
    width: 290px !important
}

#error-log-search {
    width: 297px;
    margin: 0 31px;
    border-radius: 5px; 
}

.calendar-container {
    position: relative; 
    width: 297px;
    margin: 0 31px;
}

#error_log_calendar .calendar-container i {
    font-size: 1.5em; 
    position: absolute; 
    left: 10px; 
    top: calc(50% - 1.5rem / 2); 
}

#error-log-search-btn {
    line-height: 45px;
    height: 45px;
    width: 100px;
    padding: 0px;
    border-radius: 4px !important;
}
.location_list {
    border: 1px solid #d9dce0;
    border-radius: 5px;
    overflow-y: auto;
    background-color: white;
}

.location_list.error {
    background-color: rgba(224, 67, 39, 0.1);
    border-color: #F53F3F;
}

#error-log-reset-btn {
    line-height: 45px;
    height: 45px;
    width: 100px;
    padding: 0px;
    border-radius: 4px !important;
}

#taReportCreatePasswordModal form input[name=password] ~ i {
    position: absolute;
    right: 5px;
    bottom: 10px;
    display: none;
}

#taReportCreatePasswordModal form input[name=password][type=password] ~ i[data-password=reveal] {
    display: block !important;
}

#taReportCreatePasswordModal form input[name=password][type=text] ~ i[data-password=hide] {
    display: block !important;
}
div.ticker-title {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: center;
    padding: 0 3em !important;
}

#pay-code-list-tbody tr td {
    overflow: auto;
    word-break: break-all;
 }

#PayrollTotalCostByJobReportTableSettingsModal .gh-checkbox-kit{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gh-input-wrapper.input-wrapper {
    width: 100% !important;
}

/*style plan count refresh button start*/
#planCountRefreshButton {
    padding: 0.5rem;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
}

#planCountRefreshButton.loading {
    pointer-events: none;
    animation: rotate 2s infinite;
}

#planCountRefreshButton:hover {
    box-shadow: 1px -2px 7px rgba(0, 0, 0, 0.1);
    transform: rotate(180deg);
}

#planCountRefreshButton.loading svg path,
#planCountRefreshButton:hover svg path {
    fill: var(--theme-color-active-hover-main);
}
/*style plan count refresh button end*/


/* Benefit plan refactor starts */

#plansComponent table.gh-ba-table-grey,
#customizationComponent table.gh-ba-table-grey {
    border: none !important;
}

#plansComponent table tr th,
#customizationComponent table tr th {
    background: #fff !important;
}

.bf-change-plan-order-container {
    border: 1px solid #F1F2F9;
    box-shadow: 0px 4px 40px rgba(34, 64, 100, 0.08);
    background: #fff;
    border-radius: 5px;
}

#document-forms-component .list-container {
    overflow-y: auto;
    /* height: 608px; */
}

#document-forms-component .footer-container {
    border-top: 1px solid #F8F8F8;
}

#document-forms-component .card-container {
    min-height: 350px;
}


/* #document-forms-component .card-container[data-type='carrier_forms'] .list-container {
    height: calc(350px + 1em);
} */

#document-forms-component div.empty-card-placeholder {
    height: 200px;
}
#document-forms-component div.list-item {
    border-bottom: 1px solid #f1f2f4;
}
#document-forms-component div.list-item-sub-component {
    flex-basis: 50%;
}

#show-file-modal div.file-content-container {
    height: 800px;
    overflow-y: auto;
    background: #EFEFEF;
}

#show-file-modal div.file-content-container-no-show {
    height: 360px;
    overflow-y: auto;
    background: #EFEFEF;
}

#show-file-modal div.action-container div.action-item {
    cursor: pointer;
}


/* Benefit plan refactor end */

/* Variable Schedule Settings Table starts */

.variable-schedule-settings-table-container:not(.editing) [data-edit-show] {
    display: none !important;
}

.variable-schedule-settings-table-container.editing [data-edit-hide] {
    display: none !important;
}

.variable-schedule-settings-table-container:not(.editing) [data-edit-disable] {
    pointer-events: none !important;
}

.variable-schedule-settings-table-header {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 13px;
}

.variable-schedule-settings-table-header .add-week,
.variable-schedule-settings-table-header .show-history {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: var(--theme-color-active-main);
    cursor: pointer;
}

.variable-schedule-settings-table-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.variable-schedule-settings-table-row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.variable-schedule-settings-table-row:first-child [data-action=delete]{
    display: none;
}

.variable-schedule-settings-table-row:not(:first-child) {
    margin-top: 20px;
}

.variable-schedule-settings-table-row-header {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #022234;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: #EBEDEE;
    padding: 10px 18px;
    width: 100%;
}

.variable-schedule-settings-table-row-body {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    max-width: 100%;
    overflow-x: auto;
}

.variable-schedule-settings-table-foot {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin: 20px -15px 0;
}

.variable-schedule-settings-table-weekday-item {
    flex: 0 0 14.28%;
    background-color: #F1F2F4;
    padding: 9px;
    display: flex;
    min-width: 132px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.variable-schedule-settings-table-weekday-item.time {
    min-width: 200px;
}

.variable-schedule-settings-table-weekday-item:not(:last-child) {
    border-right: 1px solid #fff;
}

.variable-schedule-settings-table-weekday-item .weekday-title {
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #022234;
    margin-bottom: 11px;
}

.variable-schedule-settings-table-fields-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    max-width: 100%;
}

.variable-schedule-settings-table-weekday-item .text-field,
.variable-schedule-settings-table-weekday-item .time-range-field {
    flex: 0 0 106px;
    height: 24px;
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    box-sizing: border-box;
    border-radius: 5px;
    font-weight: 500;
    font-size: 13px;
    line-height: 13px;
    color: #2A2F46;
}

.variable-schedule-settings-table-weekday-item .text-field {
    text-align: center;
    line-height: 22px;
    cursor: pointer;
}

.variable-schedule-settings-table-weekday-item .time-range-field {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    max-width: 160px;
}


.variable-schedule-settings-table-weekday-item .time-range-field div.input-wrapper {
    max-width: 45%;
}


.variable-schedule-settings-table-weekday-item .time-range-field input {
    max-width: 45%;
    height: calc(100% - 1px);
    border-radius: 5px;
    border: none;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.variable-schedule-settings-table-weekday-item a.dropdown-toggle {
    flex: 0 0 26px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
}

.variable-schedule-settings-table-weekday-item .dropdown-item {
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    line-height: 15px;
    padding: 11px;
}

.variable-schedule-settings-table-weekday-item .dropdown-item.active,
.variable-schedule-settings-table-weekday-item .dropdown-item:active {
    color: #fff !important;
    background-color: var(--theme-color-active-main);
}

.variable-schedule-settings-table-weekday-item.text .time-range-field {
    display: none !important;
}

.variable-schedule-settings-table-weekday-item.time .text-field {
    display: none !important;
}

.variable-schedule-settings-table-weekday-item.text .time-range-field {
    display: flex;
}

.variable-schedule-settings-history-item-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    font-size: 15px;
    font-weight: 600;
}

.variable-schedule-settings-history-item {
    margin: 20px 0;
    padding: 15px;
}

.variable-schedule-settings-history-list.pending .variable-schedule-settings-history-item:not([data-type=pending]),
.variable-schedule-settings-history-list.completed .variable-schedule-settings-history-item:not([data-type=completed]),
.variable-schedule-settings-history-list.archived .variable-schedule-settings-history-item:not([data-type=archived]) {
    display: none;
}

/* Variable Schedule Settings Table ends */

form[data-profile-section="employment"] div.gh-tree-dropdown-select{
    min-height: 45px !important;
    height: unset !important;
}

form[data-profile-section="employment"] div.gh-tree-dropdown-select > label {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    font-size: 12px;
    font-weight: 300;
}

form[data-profile-section="employment"] div.gh-tree-dropdown-select > label > span {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 14px;
    font-weight: 500;
}


/*Contribtion Irs* Start*/
.irs-annual-limit span{
    flex-basis: 50%;
}

/*Contribtion Irs* End*/
body .border-radius-10px {
    border-radius: 10px !important;
}
.gh-toast-bg-v2 {
    position: fixed;
    background: rgba(0,0,0,0.2);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9998;
}

.gh-toast-v2 {
    width: 320px;
    position: fixed;
    left: calc(50% - 160px);
    top: calc(50% - 150px);
    background: #fff;
    z-index: 9999;
    border-radius: 10px;
    padding: 2rem;
    text-align: center;
}

.gh-toast-v2 p {
    margin: 0;
    margin-top: 1.5rem;
    font-size: 16px;
    font-weight: bold;
}


/* Pieces Based Pay Rate Table starts */

#piecesBasedPayRateTableContainer.table-empty .empty-show {
    display: initial;
}

#piecesBasedPayRateTableContainer.table-empty .empty-hide {
    display: none !important;
}

#piecesBasedPayRateTableContainer:not(.table-empty) .empty-show {
    display: none !important;
}

#piecesBasedPayRateTableContainer:not(.table-empty) .empty-hide {
    display: initial;
}

/* Pieces Based Pay Rate Table ends */



/* BenAdmin Ui Updates: 01/31/2020 */
body .font_24 {
    font-size: 24px;
}
body .gh-ba-bs-lighter-v3 {
    box-shadow: 0px 6px 14px rgba(89,102,122,0.08);
    border: 0;
    border-radius: 10px !important;
}
body .flex-grow {
    flex-grow: 1;
}
body .overflow-hidden {
    overflow: hidden;
}
body .overflow-visible {
    overflow: visible;
}
body .overflow-visible-force {
    overflow: visible !important;
}
body .text-empty {
    color: #9096A3;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
}

body .text-intermed {
    color: #9096A3 !important;
}

body .text-table-heading-secondary,
body #plansComponent table tr th.text-table-heading-secondary,
body #customizationComponent table tr th.text-table-heading-secondary,
body #oe-plans-table tr th,
#carrierFeedsComponent table.gh-table > thead > tr > th {
    color: #6E779F !important;
    background-color: white;
    font-size: 12px !important;
    font-weight: normal !important;/*
    background-image: linear-gradient(
            to bottom,
            #f3f3f3,
            #ffffff
    ) !important;
    border-bottom-color: #d9dce0;*/
    border-radius: 0 !important;
}
body .empty-gradient-bg {
    background-image: linear-gradient(0.5turn, #f3f3f3 0px, #ffffff 30px) !important;
}
body .gh-ba-container table.gh-ba-table-grey.gh-plans-table tbody tr td,
#carrierFeedsComponent table.gh-table > tbody > tr > td {
    font-size: 14px;
}
body .gh-ba-container table.gh-ba-table-grey.gh-plans-table tbody tr:not(:last-child) td {
    border-bottom: 1px solid #d9dce0;
}
body .gh-ba-container table.gh-ba-table-grey.gh-plans-table a.primary-link,
body #oe-plans-table .primary-link{
    color: #006B62;
}
body #oe-plans-table tr td {
    border: 0;
    border-bottom: 1px solid #d9dce0;
}
body #oe-plans-table tr td:last-child {
    border-bottom: 0;
}
body .bf-content .table.table-main tr.table-bdr {
    border: 0;
    border-top: 1px solid #d9dce0;
}
body .gh-ba-container table.gh-ba-table-grey.gh-plans-table .text-success {
    color: #009C53 !important;
}
body .width_320 {
    width: 320px
}
#taClockTimezone {
    background: var(--theme-color-light-grey);
}
body .px-1p75rem {
    padding-left: 1.75rem !important;
    padding-right: 1.75rem !important;
}
body .br-5px {
    border-radius: 5px !important;
}
.bf-content-header .oe-setup-tabs .nav-link.active {
    border-bottom: 4px solid #006B62;
}
.bf-content-header .oe-setup-tabs.nav-tabs .nav-item {
    margin-bottom: 0 !important;
}
body .mx-n4 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
}
body .w-35 {
    width: 35%;
}
body .w-50px {
    width: 50px;
}
#add-new-open-enrollment .table-container {
    max-height: 50vh;
    overflow-y: scroll;
}
#add-new-open-enrollment .table-container.h-40pc {
    max-height: 40vh;
    overflow-y: scroll;
}
#add-new-open-enrollment .planstableheading {
    background: linear-gradient(180deg, #F0F0F0 0%, #FFFFFF 100%);
}
#add-new-open-enrollment .planheading {
    background: linear-gradient(180deg, #FFFFFF 0%, #F0F0F0 100%);
}
body #add-new-open-enrollment table.gh-ba-table-grey thead tr th,
body #add-new-open-enrollment table.gh-ba-table-grey tbody tr td {
    border-bottom: 1px solid #f2f2f2;
    border-color: #f2f2f2 !important;
}

#esheet-modal input:placeholder-shown { text-overflow: ellipsis;}

.employee-nav-container {
    left: calc(50% - 75px);
    top: 0 !important;
    height: 100%;
}

.employee-nav-btn.disabled,
.employee-nav-btn.disabled * {
    cursor: not-allowed !important;
    color: lightgrey !important;
}

/* custom pay group starts */
.custom-pay-days-item {
    background: #F1F2F4;
    border-bottom: 1px solid #fff;
}

.icon-disabled {
    pointer-events: none;
    opacity: 0.5;
}
/* custom pay group ends */

/* Ta Employee Fringe Starts */
input.inline-form-control {
    border-radius: 3px;
    border: 1px solid #d1e1e8;
    padding: 0 10px;
    color: var(--theme-color-desaturated-blue);
    font-weight: 300;
    padding-right: 0;
    line-height: 45px;
    height: 45px;
    outline: none;
}

input.inline-form-control:focus {
    border-color: #000;
}


div.input-icon-container {
    position: absolute;
    height: 100%;
    color: #fff;
    background-color: #022234;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    top: 0;
    left: 0;
}

input.inline-form-control.dollar-input {
    width: 100px;
}


a.link-btn {
    color: #088CCD;
}


/* Ta Employee Fringe Ends */

/*loader*/
.gh-msg-loader {
    border: 5px solid #f3f3f3; /* Light grey */
    border-top: 5px solid #555; /* Blue */
    border-right: 5px solid #555;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*tab-bar*/
.bottom-tab-bar {
    display: flex;
    z-index:1024;
    align-items: center;
    justify-content: space-around;
    height: 63px;
    width: 500px;
    background-color: white;
    position: fixed;
    bottom: 0;
    border-top: 1px solid #e2e2e2;
}

.bottom-tab-bar > div {
    display: flex;
    flex: 1;
    height: 36px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 7px 0 7px;
}

.bottom-tab-bar span {
    font-size: 12px;
    font-weight: bold;
    line-height: 10px;
    margin-top: 7px;
    color: #022234;
}

.tab-item.disabled {
    pointer-events: none;
    opacity: 0.4;
}

.tab-item.active img {
    /*filter: invert(9%) sepia(100%) saturate(4669%) hue-rotate(344deg) brightness(113%) contrast(95%);*/
}

.tab-item.active i {
    color: var(--theme-color-main);
}

.tab-item.active span {
    color: var(--theme-color-main);
    font-weight: bold;
}
/*tab-bar*/
/* poe-warning badge */
.poe-warning {
    margin-left: 1rem;
    width: 24px;
    height: 24px;
    background-image: url(/v4/img/benefits-new/warning.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    position: relative;
}
.poe-warning[data-badge-count]::after {
    position: absolute;
    content: attr(data-badge-count);
    background: #717791;
    color: #fff;
    width: 12px;
    height: 12px;
    font-size: 9px;
    line-height: 12px;
    text-align: center;
    border-radius: 50%;
    font-weight: bold;
    right: -6px;
    top: -4px;
    border: 2px solid #fff;
    box-sizing: content-box;
}
.poe-warning-outer.poe-warning-box>p:last-child {
    margin-bottom: 0;
}
.poe-warning-outer {
    display: none;
}
.poe-warning-outer.poe-warning-box {
    top: 0;
    left: 0;
    position: absolute;
    z-index: 99999;
    margin-left: -10px;
    margin-top: 4px;
}
.poe-warning-outer.poe-warning-box.above-badge {
    margin: 0;
}
.poe-warning-outer.poe-warning-box .poe-warning-content {
    padding: 0.75rem 1rem;
    width: 280px;
    height: auto;
    background: #fff;
    border-radius: 5px;
    border:  1px solid #ccc;
    font-size: 12px;
    position: relative;
}
.poe-warning-outer.poe-warning-box .poe-warning-content::before,
.poe-warning-outer.poe-warning-box .poe-warning-content::after {
    content: '';
    border: 6px solid transparent;
    position: absolute;
    left: 15px;
}
.poe-warning-outer.poe-warning-box .poe-warning-content::before {
    top: 100%;
    border-top: 6px solid #ccc;
}
.poe-warning-outer.poe-warning-box .poe-warning-content::after {
    border-top: 6px solid #fff;
    top: calc(100% - 1px);
}

/*top nav*/

.shown {
    display: block !important;
    pointer-events: auto !important;
}

.mobile-page-body {
    height: calc(100vh - 45px); /*parent of scroll section must have a specified height, so that the flex 1 can take up the rest height*/
    width: 100%;
    display: flex;
    flex-direction: column;
}

.fixed-section {
    width: 100%;
    height:auto;
}

.scrollable-section {
    height: auto;
    width:100%;
    overflow-y: auto;
    overflow-x: hidden;
    flex: 1;
}


/* gh table sort start */
.gh-table-sort-icon
{
    font-size: 1.1rem;
    color: #088CCD;
}

.gh-table-filter-icon {
    color: #088CCD;
}

.gh-sort-content {
    position: absolute;
    background: #fff;
    box-shadow: 0px 6px 10px rgba(89, 102, 122, 0.08);
    border-radius: 5px;
    top: calc(100% + 5px);
    left: 0;
    white-space: nowrap;
}

.gh-sort-content .gh-sort-item {
    position: relative;
    padding: 0.5rem;
    cursor: pointer;
    padding-right: 40px !important;
    font-weight: normal !important;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}


.gh-sort-content .gh-sort-item.active:after {
    content: "";
    position: absolute;
    width: 15px;
    height: 10px;
    border: 0 solid #fff;
    right: 13px;
    border-left: 3px solid #088CCD !important;
    border-bottom: 3px solid #088CCD !important;
    transform: rotate(-45deg);
    top: 9px;
}


.gh-sort-content .gh-filter-item {
    padding: 0.5rem;
}


.gh-sort-content .gh-sort-item:hover {
    background: var(--theme-color-main-background) !important;

}
/* gh table sort end */

/* gh dropdown list*/
#gh-dropdown-label-container label{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.gh-dropdown-item .gh-dropdown-item-title {
    font-size: 1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.gh-dropdown-item .gh-dropdown-item-des {
    font-size: 0.8rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.gh-dropdown-list-component {
    position: absolute;
    background: #fff;
    box-shadow: 0px 6px 10px rgba(89, 102, 122, 0.08);
    border-radius: 5px;
    top: calc(100%);
    left: 0;
    white-space: nowrap;
    display: none;
    z-index: 10000;
    max-height: 250px;
    overflow: scroll;
    overflow-x: hidden;
}

#locationDropdownContainer.gh-dropdown-list-component::-webkit-scrollbar {
    display: none;
}

#locationDropdownContainer.gh-dropdown-list-component {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.gh-dropdown-label-container[data-type="componentLabel"] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 0 !important;
}

.gh-dropdown-item .gh-checkbox-kit{
    height:20px;
    width:20px;
}
/* gh dropdown list end*/

/* gh crisis index start*/
.gh-event-card {
    box-shadow: 0px 4px 8px rgba(89, 102, 122, 0.15);
    border-radius: 8px;
    overflow: hidden;
    background: #FFFFFF;
    margin-top: 6px;
    margin-bottom: 6px;
}

.gh-event-card-detail * {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.gh-event-detail-box {
    box-shadow: 0px 3px 8px rgba(128, 126, 134, 0.08);
    border-radius: 4px;
    padding: 5px;
}

.gh-event-detail-box .gh-event-detail-num {
    color: white;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
}

.gh-event-detail-box .gh-event-detail-text {
    color: #737A8F;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
}

.gh-event-detail-box .gh-event-detail-num-sm {
    color: white;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    width: 20px;
    height: 20px
}

.gh-event-detail-box .gh-event-detail-text-sm {
    color: #737A8F;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    padding-top: 1px;
    padding-left: 5px;
}
/* gh crisis index end*/

/* gh crisis modal start*/
#locationContainer {
    border-radius: 3px;
    border: 1px solid #d1e1e8;
    height: 45px !important;
}
/* gh crisis modal end*/

/* gh crisis event start*/
.gh-event-go-back-link {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
}

.gh-event-edit-button {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #005DCD;
}

#crisis_time:after {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    background-color: #C4C4C4;
    border-radius: 3px;
    margin: 2px 8px;
}

.crisis-employee-checkbox[disabled] {
    cursor: default !important;
}

/* On mouse-over, add a grey background color */
#locationDropdownSelectAll:not(.disabled):hover input:not(:indeterminate):not(:checked):not(:disabled):before {
    background-color: #f1f1f1;
}

/* When the checkbox is indeterminate, add a certain background */
#locationDropdownSelectAll:indeterminate:before {
    background-color: var(--theme-color-main);
}

/* Show the indeterminate mark when indeterminate */
#locationDropdownSelectAll:indeterminate:after {
    display: block;
}

/* Style the indeterminate mark when inderterminate*/
#locationDropdownSelectAll:indeterminate:after {
    left: 2px;
    top: -2px;
    width: 8px;
    height: 8px;
    border: solid white;
    border-width: 0 0 2px 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

#crisisemployeesSearchInput {
    padding-left: 40px !important;
    padding-right: 50px !important;
}
/* gh crisis event end*/

/* pay rule select start */
#assign_payrules_container_1 .select2.select2-container {
    width: 100% !important;
}


#assign_payrules_container_1 .select2-selection.select2-selection--single {
    height: 33.5px !important;
    border: 1px solid #ced4da !important;
}


#assign_payrules_container_1 .select2-selection__rendered {
    height: 100% !important;
    line-height: 31px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#assign_payrules_container_1 .select2-selection__arrow {
    height: 100% !important;
    top: 0 !important;
}


#assign_payrules_container_1 .select2-results__option {
    word-break: break-word !important;
}

/* pay rule select end */

#bulk-print-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000000;
    background: #fff;
}

/**/
.mobile-page {
    width: 100%;
    max-width: 500px;
    height: 100vh;
    position: absolute;  /*because we animate the motion of page by change the value of left, in order left property to take effect, position has to be relative or absolute,*/
    /*absolute makes the animation more smoothly*/
    top: 0;
    right: 0;
    padding: 0;
    display: none;
    pointer-events: none;
    scroll-behavior: smooth;
    background-color: #f4f6f9;
    -webkit-overflow-scrolling : touch; /* make content inside overflow container scroll smoothly*/

}

.mobile-page-header {
    box-sizing: border-box;
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    text-align: center;
    margin: 0;
    color: white;
    background-color: #2a2f46;
}

.mobile-page-header .title {
    font-weight: 800;
}

.fixed-section {
    width: 100%;
    height:auto;
}

.scrollable-section {
    height: auto;
    width:100%;
    overflow-y: auto;
    overflow-x: hidden;
    flex: 1;
}

/*sometimes the content in the area is too long, which will cause the the div shift*/
.scrollable-wrapper {
    position: relative;
    overflow: hidden;
}

/*mobile header*/
.mobile-page-header {
    position: relative;
    white-space: nowrap;
}

.left-header-item {
    position: absolute;
    left: 20px;
    /*padding-right: 15px;*/
}

.middle-header-item {
    font-weight: 700;
    margin: auto;
    text-transform: capitalize;
    max-width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.right-header-item {
    position: absolute;
    right:20px;
    min-width: 40px;
}

.circle-button-icon {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid white;
}

/*tab-bar*/
.mobile-portal-footer {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    background-color: white;
    position: absolute;
    bottom: 0;
    border-top: 1px solid #e2e2e2;
}

.mobile-portal-footer > div {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 7px 0 7px;
}

.mobile-portal-footer span {
    font-size: 12px;
    font-weight: bold;
    line-height: 10px;
    margin-top: 7px;
    color: #022234;
}

.tab-item.disabled {
    pointer-events: none;
    opacity: 0.4;
}

.tab-item.active img {
    filter: invert(9%) sepia(100%) saturate(4669%) hue-rotate(344deg) brightness(113%) contrast(95%);
}

.tab-item.active i {
    color: var(--theme-color-main);
}

.tab-item.active span {
    color: var(--theme-color-main);
    font-weight: bold;
}
/*tab-bar*/

/*top nav*/
.nav-tab-item {
    background-color: #2a2f48;
    width: 33.333333333%;
    padding: 10px 0;

    font-family: Verdana;
    letter-spacing: 0.5px;
    text-align: center;
    font-size: 0.9rem;
    color: rgb(135, 137, 130);
    font-weight: normal;
    border-bottom: 0 solid red;

    display: flex;
    justify-content: center;
    align-items: center;
}

.nav-tab-item.active {
    color: white;
    font-weight: bold;
    border-bottom: 4px solid var(--theme-color-main);
}

.top-nav-bar {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

/*loader*/
.gh-msg-loader {
    border: 5px solid #f3f3f3; /* Light grey */
    border-top: 5px solid #555; /* Blue */
    border-right: 5px solid #555;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.company-btn-color {
    background-color: #5EC6DA !important;
}

/*Open enrollment date/time picker*/
input.form-control.datepicker {
    background-image: url(/v4/img/employee/DatePickerInput-02.svg) !important;
    background-repeat: no-repeat !important;
    padding-left: 43px !important ;
    background-position: 11px center !important;
}

input.form-control.timepicker {
    background-image: url(/v4/img/employee/schedule_24px_outlined.svg) !important;
    background-repeat: no-repeat !important;
    padding-left: 43px !important ;
    background-position: 11px center !important;
    width: 160px;
}


input.form-control.timepicker.timepicker-date {
    background-image: url(/v4/img/employee/DatePickerInput-02.svg) !important;
}

.ta-employee-template-check-inline * {
    cursor: pointer;
}

.pointer-default {
    cursor: default;
}

.pointer-cursor {
    cursor: pointer;
}

.hover-background {

}

.hover-background:hover {
    background: lightgrey;
}

.nowrap {
    white-space: nowrap;
}

.text-gh-gray-blue {
    color: #475879 !important;
}
body .ba-gradient-pre {
    background-image: linear-gradient( to bottom, #f3f3f3, #ffffff) !important;
}
body .ba-gradient-reverse {
    background-image: linear-gradient( to bottom, #ffffff, #f3f3f3) !important;
}
body div.mh-50-table-container {
    max-height: 50vh !important;
    overflow: auto;
}
body .prior-oe-view-tab {
    background: #D0D0D0;
    padding: 0.75rem 1.5rem;
    color: #777F8E;
    border: 1px solid #d9dce0;
    box-sizing: border-box;
    border-radius: 5px 5px 0px 0px;
    border-bottom: 0;
}
body .prior-oe-view-tab.prior-oe-view-tab-current {
    background: #fff;
    border-color: #D0D0D0;
    color: #022234;
}
body .prior-oe-view-tab.prior-oe-view-tab-current>span {
    display: block;
    position: relative;
}
body .prior-oe-view-tab.prior-oe-view-tab-current>span:after {
    content: '';
    position: absolute;
    background: #006B62;
    border-radius: 3px;
    left: -5px;
    top: calc(100% + 2px);
    width: calc(100% + 10px);
    height: 4px;
}

/*imag modal*/
.mobile-img-modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.9);
}

.modal-img {
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.modal-img {
    animation-name: zoom;
    animation-duration: 0.6s;
}

.loading-disabled {
    opacity: 0.6;
    pointer-events: none;
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

.chat-img {
    max-width: 100px;
    max-height: 100px;
}

.chat-img-room {
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.9);
    width: 100vw;
    height: 100vh;
    object-fit: contain;
    animation-name: zoom;
    animation-duration: 0.6s;
}

/* TS button refactor starts */

.screen-sm {
    display: none;
}

@media screen and (max-width: 1100px) {
    .row-by-screen .screen-lg {
        display: none;
    }

    .row-by-screen .screen-sm {
        display: block;
    }
}

.modal-header button {
    outline: none !important;
}


.org-modal-header img {
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
}

.fg-1 {
    flex-grow: 1;
}



@media screen and (min-width: 1500px) {
    .row-by-screen a.screen-lg-1,
    .row-by-screen a.screen-lg-2 {
        display: none;
    }


    .row-by-screen button.screen-lg-1,
    .row-by-screen button.screen-lg-2 {
        display: block;
    }
}

@media screen and (max-width: 1500px) and (min-width: 1190px){
    .row-by-screen a.screen-lg-1,
    .row-by-screen button.screen-lg-2{
        display: none;
    }

    .row-by-screen button.screen-lg-1,
    .row-by-screen a.screen-lg-2 {
        display: block;
    }

}

@media screen and (max-width: 1190px) {
    .row-by-screen a.screen-lg-1,
    .row-by-screen a.screen-lg-2 {
        display: block;
    }

    .row-by-screen button.screen-lg-1,
    .row-by-screen button.screen-lg-2 {
        display: none;
    }
}

.btn-nowrap {
    overflow: visible !important;
    white-space: nowrap !important;
}

.timeoff-index-btn-row {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

@media screen and (max-width: 1350px) {
    .timeoff-index-btn-row {
        flex-flow: column nowrap;
    }


    .timeoff-index-btn-row > div {
        width: 100%;
    }

    .timeoff-index-btn-row > div:last-child {
        margin-top: 1em;
    }
}

/* TS button refactor ends */
/* BEN-5413 - select2 placeholder color */
body .gh-ba-container .gh-select-tree-v2-container .select2-selection__rendered .select2-search.select2-search--inline:first-child > .select2-search__field::placeholder {
    color: #888 !important;
    font-weight: normal !important;
    opacity: 1 !important;
}

#employeeEmploymentPage .lh-single.gh-multivalue-item > span.text-black > span {
    word-break: break-word;
}

/*Benefit Compare Plan*/
#electionElectionComponent .rounded-corner-table tr:first-child th:first-child{
    border-top-left-radius: 0;
    border-top:0!important;
}
#electionElectionComponent .rounded-corner-table tr:first-child th:not(:first-child){
    background-color: #F1F2F4;
}
.crisis-employee-select{
    width: 95px;
    height: 32px;
    overflow: hidden;
    border: 1px solid #CCD4DD;
    position: relative;
    padding: 10px 0;
    border-radius: 3px;
}

#electionElectionComponent .ghct_modal[data-has-current="1"] .rounded-corner-table tr:first-child th:nth-child(2){
    background-color: #C9CDD3;
}

#electionElectionComponent .rounded-corner-table tbody:last-child tr:last-child td{
    border-bottom: 0 !important;
}

#electionElectionComponent .rounded-corner-table tr th:last-child,
#electionElectionComponent .rounded-corner-table tr td:last-child{
    border-right: 0 !important;
    border-top-right-radius: 0;
}
#electionElectionComponent .disabled{
    color: #2A2F46;
    opacity: 0.2;
}
#electionElectionComponent .border2{
    border: 2px solid #D1E1E8;
    border-radius: 5px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    /* overflow: hidden; */
    color: #777F8E;
}
#electionElectionComponent .border2 i{
    color: #777F8E;
}
#electionElectionComponent a.plan-detail{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    /* line-height: 17px; */
}
#electionElectionComponent .cost_per_pay{
    line-height: 42px;
}
#electionElectionComponent .disabled .select2.select2-container{
    pointer-events: none;
} 
#electionElectionComponent .select2-container .select2-selection .select2-selection__rendered {
    padding: 5px 25px 0 8px;
}
#electionElectionComponent .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 10px;
}
#electionElectionComponent .flag_reduce_tip{
    color: #022234
}
#electionElectionComponent .separator{
    border-bottom: 1px solid #D1E1E8;
}
#electionElectionComponent .flag_gi_tip{
    color: #022234
}
#electionElectionComponent .text-grey{
    color:#777F8E
}
.opacity02{
    opacity: 0.2 !important;
}
#electionElectionComponent .select2-container.require .select2-selection{

    border: 1px solid #ee3f45 !important
}
.border-separate{
    border-width: 1.5px;
    border-color: #D6D6D6;
}
.text-justify{
    text-align: justify !important;
}
.line-height-26{
    line-height: 26px !important;
}
.benefit-compare-table-title{
    background-color: #044270 !important;
}
.crisis-employee-select{
    width: 95px;
    height: 32px;
    overflow: hidden;
    border: 1px solid #CCD4DD;
    position: relative;
    padding: 10px 0;
    border-radius: 3px;
}

.crisis-employee-select:after{
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #022234;
    position: absolute;
    top: 40%;
    right: 5px;
    content: "";
    z-index: 98;
}

.crisis-employee-select select{
    width: 125px;
    height: 36px;
    border: 0;
    position: relative;
    bottom: 12px;
    right: 2px;
    z-index: 99;
    background: none;
    text-indent: 4px;
}

.crisis-employee-checkbox:before{
    top: 0px !important;
    left: 0px !important;
}
.crisis-employee-checkbox:after{
    top: 0px !important;
    left: 5px !important;
}

input[type="checkbox"][disabled]:not(.switch)::before{
    top: 50% !important;
    left: 50% !important;
}

/* Ta Employee Sheet Import Starts */
.li-counter {
    background-color: #8A90A5;
    color: #fff;
}


.border-radius-50p {
    border-radius: 50%;
    width: 24px;
    height: 24px;

}

.ta-employee-sheet-import-content-container .import-action-card {
    box-shadow: 0px 6px 10px rgba(89, 102, 122, 0.08);
}

.match-fields-card {
    background: #F1F2F4;
}

.match-field-item .match-field-sub-item {
    flex-basis: 50%;
}

.match-field-item .match-field-sub-item-header {
    display: flex;
    flex-flow: row wrap;
    word-break: break-all !important;
}

.match-fields-card-multiple.match-fields-card > .match-field-item {
    margin-top: 1rem !important;
}



.error-message-container {
    color: #F53F3F;
}



.error-message-container .error-message-item:not(:first-child) {
    margin-top: 1rem;
}

/* Ta Employee Sheet Import Ends */

/* Config Overtime Rule starts*/
#assign_payrules_container_1 .select2.select2-container {
    width: 100% !important;
}
#assign_payrules_container_1 .select2-selection.select2-selection--single {
    height: 33.5px !important;
    border: 1px solid #ced4da !important;
}
#assign_payrules_container_1 .select2-selection__rendered {
    height: 100% !important;
    line-height: 31px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 16px;
}
#assign_payrules_container_1 .select2-selection__arrow {
    height: 100% !important;
    top: 0 !important;
}
#assign_payrules_container_1 .select2-results__option {
    word-break: break-word !important;
    padding-left: 16px;
}
.copy-rule-btn{
    background-color: #fff;
    color: #088CCD;
}
.copy-rule-btn.transparent{
    background-color: transparent;
}
.copy-rule-btn:active, .copy-rule-btn:hover{
    text-decoration: underline;
}
.copy-rule-message-line{
    padding: 15px 15px 0;
    width: 100%
}
#copyRuleConfigs{
    background-color: #E5E5E5;
    border-radius: 5px;
}
#copyRuleConfigs div.title{
    padding: 10px 0 10px 15px;
    font-weight: bold;
    font-size: 16px;
}
#copyRuleConfigs div.card-container{
    background-color: #fff;
}
#copyRuleConfigs div.card-container div.card{
    background-color: #f3f5f8;
}
#copyRuleConfigs div.card-container div.card div.card-title{
    font-weight: bold;font-size: 16px;margin: 10px 0 10px 15px;
}
/* Config Overtime Rule ends*/

/* Config Holiday Rule starts*/
#assign_holidayrules_container_1 .select2.select2-container {
    width: 100% !important;
}
#assign_holidayrules_container_1 .select2-selection.select2-selection--single {
    height: 33.5px !important;
    border: 1px solid #ced4da !important;
}
#assign_holidayrules_container_1 .select2-selection__rendered {
    height: 100% !important;
    line-height: 31px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 16px;
}
#assign_holidayrules_container_1 .select2-selection__arrow {
    height: 100% !important;
    top: 0 !important;
}
#assign_holidayrules_container_1 .select2-results__option {
    word-break: break-word !important;
    padding-left: 16px;
}
.copy-holiday-rule-message-line{
    padding: 15px 15px 0;
    width: 100%
}
#copyHolidayRuleConfigs{
    background-color: #E5E5E5;
    border-radius: 5px;
}
#copyHolidayRuleConfigs div.title{
    padding: 10px 0 10px 15px;
    font-weight: bold;
    font-size: 16px;
}
#copyHolidayRuleConfigs div.card-container{
    background-color: #fff;
}
#copyHolidayRuleConfigs div.card-container div.card{
    background-color: #f3f5f8;
}
#copyHolidayRuleConfigs div.card-container div.card div.card-title{
    font-weight: bold;font-size: 16px;margin: 10px 0 10px 15px;
}
/* Config Overtime Rule ends*/

.bg-desaturated-blue {
    background-color: var(--desaturated-blue);
}

.text-ellipsis {
    text-overflow: ellipsis;
}

.chat-name-ellipsis {
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    text-transform: capitalize;
    white-space: nowrap;
}

.mobile-employee-checked {
    height: 60px;
    width: 60px;
    background-color: var(--theme-color-active-main);
    border-radius: 50%;
    position: absolute;
    display: none;
    top: 0;
    left: 0;
}

.mobile-employee-checked:after {
    content: "";
    position: absolute;
    left: 23px;
    top: 7px;
    width: 18px;
    height: 34px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
}
.mobile-employee-checked.active {
    display: block;
}

.pb-4rem {
    padding-bottom: 4rem !important;
}

.pb-2rem {
    padding-bottom: calc(2rem - 6px) !important;
}


/* BEN-5456 - Unified color for links & buttons --theme-color-active-main */
.gh-ba-container .main .text-primary:not(.disabled-link):not(.text-secondary),
.gh-ba-container .main .text-bf-primary:not(.disabled-link):not(.text-secondary)
    /*.gh-ba-container .main a:not(.text-white):not(.disabled-link):not(.nav-link):link,
    .gh-ba-container .main a:not(.text-white):not(.disabled-link):not(.nav-link):visited*/
{
    color: var(--theme-color-active-main) !important;
}
.gh-ba-container .main a.btn-bf-primary,
.gh-ba-container .main a.btn.btn-primary {
    color: #fff !important;
}
.gh-ba-container .main a.btn-bf-primary,
.gh-ba-container .main a.btn.btn-primary {
    color: #fff !important;
}

.gh-ba-container .main .btn-bf-primary,
.gh-ba-container .main .btn.btn-primary {
    background: var(--theme-color-active-main) !important;
    border-color: var(--theme-color-active-main) !important;
    color: #fff !important;
}
.gh-ba-container .main .btn.btn-outline-primary {
    color: var(--theme-color-active-main) !important;
    border-color: var(--theme-color-active-main) !important;
}
.gh-ba-container .main .btn.btn-outline-primary:hover {
    color: #fff !important;
    background: var(--theme-color-active-main) !important;
}

/* select2 */

/* BEN-5456 - Unified color for checkboxes --theme-color-active-main */
body:not(.gh-ie11):not(.gh-ieedge) .gh-ba-container .main input.switch[type="checkbox"]:checked {
    background: var(--theme-color-active-main);
    border-color: var(--theme-color-active-main);
}
body:not(.gh-ie11):not(.gh-ieedge) .gh-ba-container .main input.switch[type="checkbox"]:checked::after {
    color: var(--theme-color-active-main);
}
/* switch checkbox position fix */
body:not(.gh-ie11):not(.gh-ieedge) .gh-ba-container .main input.switch[type="checkbox"]::after {
    left: 0;
    top: 0;
}
body:not(.gh-ie11):not(.gh-ieedge) .gh-ba-container .main input.switch[type="checkbox"]:checked::after {
    left: calc(100% - 26px);
}

/* OE details inner tabs */
.gh-oe-comms-tabs>ul.gh-oe-comms>li>a.active {
    color: var(--theme-color-active-main) !important;
}

/* Employee detail - benefits summary tabs */
ul#benefitsSummary>li>a.active {
    color: var(--theme-color-active-main) !important;
}

/* BEN 5651 - Import fields select2 clear icon */
#import_form .select2-container--default .select2-selection--multiple .select2-selection__clear {
    position: absolute;
    right: 1rem;
    margin: 0;
    top: 0.5rem;
}
#import_form .gh-ba-container .select2-container .select2-selection .select2-selection__rendered {
    padding-right: 35px;
}

.ele-disabled {
    cursor: not-allowed !important;
    opacity: 0.6;
}

/*bulk send email modal start*/
.gh-employee-option-btn {
    background-color: #fff;
    border-color: var(--theme-color-active-main);
    color: var(--theme-color-active-main);
}

#employeesSendEmailBulkModal .modal-dialog {
    max-width: 800px;
    margin: 1.75rem auto;
}

.bulk-email-table-head {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 141.4%;
    color: #66788A;

    box-shadow: 0px 4px 28px rgba(50, 49, 93, 0.1);
    border-radius: 8px;
}

.bulk-email-table-head .row {
    margin: 0;
}

.bulk-send-email-thead-name {
    padding-left: 35px;
}

.bulk-email-table-body {
    max-height: 400px;
    overflow: scroll;
    overflow-x: hidden;
}

.bulk-email-table-row {
    margin: 0;
    height : 64px;
    border-width: 0px 0px 1px 0px;
    border-color: #d9dce0;
    border-style: solid;
}

.bulk-email-table-row label {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bulk-email-table-row div[name="employee_name"] {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 141.4%;
    color: #022234;
}

.bulk-email-table-row div[name="details"] {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 141.4%;
    color: #044270;
}

.bulk-email-table-row div[name="status"] {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 141.4%;
    color: #022234;
}
/*bulk send email modal end*/


/*upload document browse*/
.text-document-browse p:first-child span{
    font-size: 14px;
    font-weight: 700;
    color:#088CCD;
}

.upload_file_container p.file-drop-text span{
    text-decoration: underline;
    font-weight: 700!important;
    color: #088CCD!important;
}

.dashboard-chat {
    color: var(--theme-color-main);
}


/* BEN-5456 - Unified color for links & buttons --theme-color-active-main */
.gh-ba-container .main .text-primary:not(.disabled-link):not(.text-secondary),
.gh-ba-container .main .text-bf-primary:not(.disabled-link):not(.text-secondary)
    /*.gh-ba-container .main a:not(.text-white):not(.disabled-link):not(.nav-link):link,
    .gh-ba-container .main a:not(.text-white):not(.disabled-link):not(.nav-link):visited*/
{
    color: var(--theme-color-active-main) !important;
}
.gh-ba-container .main a.btn-bf-primary,
.gh-ba-container .main a.btn.btn-primary {
    color: #fff !important;
}
.gh-ba-container .main a.btn-bf-primary,
.gh-ba-container .main a.btn.btn-primary {
    color: #fff !important;
}

.gh-ba-container .main .btn-bf-primary,
.gh-ba-container .main .btn.btn-primary {
    background: var(--theme-color-active-main) !important;
    border-color: var(--theme-color-active-main) !important;
    color: #fff !important;
}
.main .btn.btn-outline-primary {
    color: var(--theme-color-active-main) !important;
    border-color: var(--theme-color-active-main) !important;
}
.main .btn.btn-outline-primary:hover,
.main .btn.active.btn-outline-primary
{
    color: #fff !important;
    background: var(--theme-color-active-main) !important;
}

/* select2 */
/* BEN-5456 - Unified color for select2 choices --theme-color-active-main */
body .gh-ba-container .select2-selection__choice{
    background: var(--theme-color-active-main) !important;
}

/* BEN-5456 - Unified color for checkboxes --theme-color-active-main */
body:not(.gh-ie11):not(.gh-ieedge) .gh-ba-container .main input.switch[type="checkbox"]:checked {
    background: var(--theme-color-active-main);
    border-color: var(--theme-color-active-main);
}
body:not(.gh-ie11):not(.gh-ieedge) .gh-ba-container .main input.switch[type="checkbox"]:checked::after {
    color: var(--theme-color-active-main);
}
/* switch checkbox position fix */
body:not(.gh-ie11):not(.gh-ieedge) .gh-ba-container .main input.switch[type="checkbox"]::after {
    left: 0;
    top: 0;
}
body:not(.gh-ie11):not(.gh-ieedge) .gh-ba-container .main input.switch[type="checkbox"]:checked::after {
    left: calc(100% - 26px);
}

/* OE details inner tabs */
.gh-oe-comms-tabs>ul.gh-oe-comms>li>a.active {
    color: var(--theme-color-active-main) !important;
}

/* Employee detail - benefits summary tabs */
ul#benefitsSummary>li>a.active {
    color: var(--theme-color-active-main) !important;
}

/* BEN 5651 - Import fields select2 clear icon */
#import_form .select2-container--default .select2-selection--multiple .select2-selection__clear {
    position: absolute;
    right: 1rem;
    margin: 0;
    top: 0.5rem;
}
#import_form .gh-ba-container .select2-container .select2-selection .select2-selection__rendered {
    padding-right: 35px;
}

/*notification config modal start*/
.break-rule-section {
    background: #F0F0F0;
    border: 1px solid #F1F2F4;
    box-sizing: border-box;
    box-shadow: 0px 4px 16px rgba(89, 102, 122, 0.08);
    border-radius: 5px;
}

.break-rule-section label {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #022234;
}

#add-break-rule-btn {
    text-decoration: none;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    color: var(--theme-color-active-main);
}

.break-rule-input {
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    box-sizing: border-box;
    border-radius: 5px;
    width: 55px;
    height: 40px;
    text-align: center;
}

.break-rule-section .dropdown{
    width: 184px;
}

.break-type-label {
    display: inline-block;
    width: 165px;
    height: 40px;
}


/*notification config modal end*/

/* Benefits tooltips */
.gh-ba-container .arrow-content {
    display: none;
    position: absolute;
    align-items: center;
    width: 185px;
    height: auto;
    padding: 16px;
    background: #FFFFFF;
    box-shadow: 0px 6.53503px 21.7834px rgba(89, 102, 122, 0.2);
    border-radius: 2px;
    font-size: 10px;
    text-align: left;
    line-height: 1.6em;
    font-style: normal;
    font-weight: 300;
    color: #000000;
    z-index:100;
}

.gh-ba-container .arrow-triangle {
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    border: 12px solid transparent;
    border-top-color: #fff;
}

.arrow-content-bottom-right{
    bottom: 35px;
    right: 45px;
}

.arrow-content-bottom-left{
    bottom: 35px;
    left: -16px;
}

.arrow-content-bottom-middle{
    bottom: 35px;
    left: -84px;
}

.arrow-content-left-up{
    top: -17px;
    left: 33px;
}

.arrow-content-up-right{
    top: 33px;
    right: -10px;
}


.arrow-triangle-bottom-right{
    bottom: -23px;
    right: 16px;
}

.arrow-triangle-bottom-left{
    bottom: -23px;
    left: 14px;
}

.arrow-triangle-bottom-middle{
    bottom: -23px;
    left: calc(50% - 12px);
}

.arrow-triangle-up-right{
    top: -24px;
    right: 7px;
    transform: rotate(180deg);
}

.arrow-triangle-left-up{
    top: 14px;
    left: -23px;
    transform: rotate(90deg);
    -ms-transform:rotate(90deg); /* IE 9 */
    -moz-transform:rotate(90deg); /* Firefox */
    -webkit-transform:rotate(90deg); /* Safari and Chrome */
    -o-transform:rotate(90deg); /* Opera */
}

.gh-ba-container .gh-activate-help:hover .arrow-triangle,
.gh-ba-container .gh-activate-help:hover .arrow-content {
    display: flex;
}

.gh-ba-container .pending-amount-help > .arrow-content {
    font-size: 14px;
    font-weight: 400;
    width: 600px;
    bottom: -144px;
    left: -608px;
}

.gh-ba-container .pending-amount-help > .arrow-content.pii-message {
    font-size: 10px;
    width: 400px;
    bottom: -50px;
    left: -412px;
}

.gh-ba-container .pending-amount-help .arrow-triangle {
    bottom: 142px;
    left: 595px;
    border-left-color: #fff !important;
    border-top-color: transparent !important;
}

.gh-ba-container .pending-amount-help .pii-message .arrow-triangle {
    bottom: 47px;
    left: 398px;
}

.gh-ba-container .pending-amount-help:hover .arrow-triangle,
.gh-ba-container .pending-amount-help:hover .arrow-content {
    display: block;
}

.gh-ba-container .pending-amount-help .pending-data {
    border-radius: 8px;
    border: 1px solid #D6D6D6;
    box-shadow: 0px 6px 14px rgba(89, 102, 122, 0.08);
}

.gh-ba-container .pending-amount-help .pending-message-section {
    color: #66788A;
}

.gh-ba-container .pending-amount-help .pending-message-section:not(:last-of-type) {
    border-bottom: 1px solid #C0C5CB;
}

.pending-message-section .pending-text span {
    color: #FCBC03;
}

.select2-option-tooltip {
    display: none;
    position: fixed;
    z-index: 99999;
    align-items: center;
    width: 185px;
    height: auto;
    padding: 16px;
    background: #FFFFFF;
    box-shadow: 0px 6.53503px 21.7834px rgba(89, 102, 122, 0.2);
    border-radius: 2px;
    font-size: 10px;
    line-height: 1.6em;
    font-style: normal;
    font-weight: 300;
    color: #000000;
}

.select2-option-tooltip:before {
    position: absolute;
    content: "";
    left: -8px;
    top: 20px;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    transform-origin: 0 100%;
    background: #fff;
}

.bf-side-nav-tooltip {
    display: none;
    position: fixed;
    z-index: 99999;
    align-items: center;
    width: 235px;
    height: auto;
    padding: 16px;
    background: #FFFFFF;
    box-shadow: 0px 6.53503px 21.7834px rgba(89, 102, 122, 0.2);
    border-radius: 2px;
    font-size: 10px;
    line-height: 1.6em;
    font-style: normal;
    font-weight: 300;
    color: #000000;
}

.bf-side-nav-tooltip:before {
    position: absolute;
    content: "";
    left: 14px;
    top: -12px;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    transform-origin: 0 100%;
    background: #fff;
}

.progress-bar-tooltip {
    display: none;
    position: fixed;
    z-index: 99999;
    align-items: center;
    width: auto;
    height: auto;
    padding: 8px;
    background: #FFFFFF;
    box-shadow: -7px -2px 21.7834px 3px rgb(66 69 75 / 20%);
    border-radius: 2px;
    font-size: 12px;;
    line-height: 1.6em;
    font-style: normal;
    font-weight: 300;
    color: #000000;
    border-radius: 10px;
}


/*HDHP plan warning message start*/
.process-to-next{
    width: 199px;
    height: 40px;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    color: #fff;
    background: #088CCD;
    border-radius: 5px;
    border: 0;
}

.hdhp-warning-text{
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}

#pre-election-warning-modal .modal-body .hdhp-warning-text::before{
    content:"";
    position: absolute;
    background-image: url("/v4/img/employee/hdhp-medical-warning.svg");
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    top:0;
    left:-24px;
}

#pre-election-warning-modal .modal-dialog{
    top: 10%
}
/*HDHP plan warning message end*/

/* Custom timezone select starts */
.custom-form-group-select2 .select2-selection__rendered {
    line-height: 34px !important;
}

.custom-form-group-select2 .select2-container .select2-selection--single {
    height: 34px !important;
}

.custom-form-group-select2 .select2-selection__arrow {
    height: 34px !important;
    top: 0 !important;
}

.custom-form-group-select2 .select2-results__group,
.custom-timezone-select2 .select2-results__group
{
    font-weight: normal !important;
    color: #95a5a6;
    text-transform: uppercase;
    padding-top: 6px !important;
    padding-left: 6px !important;
}

/* Custom timezone select ends */
#time_off_container_5 .lh-45 {
    line-height: unset !important;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
}


.employee-view-open-shift-count {
    background: #F53F3F;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0,0,0, 0.25);
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: 0.7rem;
    cursor: pointer;
}
.employee-view-open-shift-count {
    background: #F53F3F;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0,0,0, 0.25);
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: 0.7rem;
    cursor: pointer;
}

#unavailabilityModal button:disabled,
#unavailabilityModal button:disabled i,
#unavailabilityModal button:disabled i:before
{
    cursor: not-allowed;
}

.time-picker-disabled {
    background: #EAECEF;
    pointer-events: none !important;
}

.gh-tooltip-item:hover + .gh-tooltip{
    display: block !important;
}


.gh-tooltip {
    position: absolute;
    background: #fff;
    box-shadow: 0 7px 22px rgba(89, 102, 122, 0.2);
    border-radius: 2px;
    bottom: calc(100% + 13px);
    left: -17px;
    padding: 1rem;
    font-weight: normal;
    min-width: 200px;
    display: none;
}


.gh-tooltip:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 10px;
    height: 20px;
    width: 20px;
    transform: rotate(45deg);
    transform-origin: 0 100%;
    background: #fff;
}

.hce-custom.gh-tooltip {
    left: 0 !important;
    top: 100% !important;
    color: #000;
    padding: 5px !important;
    font-size: 0.8rem !important;
    bottom: unset !important;
}

.hce-custom.gh-tooltip:before {
    position: unset !important;
}

select[name].error+.select2-container--default .select2-selection--multiple,
select[name='role-select'].error+.select2-container--default .select2-selection--multiple,
select.gh-custom-select2.error+.select2-container--default .select2-selection--multiple
{
    border: 1px solid #F53F3F !important;
    background: rgba(224, 67, 39, 0.1) !important;
}

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

.none-pointer-events {
    pointer-events: none;
}

.job-labor-fields-container .select2-search__field {
    width: unset !important;
}

.word-wrap-break {
    word-wrap: break-word;
}

/* payroll table reformat start */




div.gh-table-pie.payroll-table.table-has-payroll > .gh-table-body > .gh-table-row > .gh-table-td:first-child,
div.gh-table-pie.payroll-table.table-has-payroll > .gh-table-head > .gh-table-row > .gh-table-th:first-child,
div.gh-table-pie.payroll-table.table-has-payroll > .gh-table-foot > .gh-table-row > .gh-table-td:first-child
{
    max-width: 200px !important;
    min-width: 200px !important;
    left: 0;
}


div.gh-table-pie.payroll-table > .gh-table-body > .gh-table-row > .gh-table-td:first-child,
div.gh-table-pie.payroll-table > .gh-table-head > .gh-table-row > .gh-table-th:first-child,
div.gh-table-pie.payroll-table > .gh-table-foot > .gh-table-row > .gh-table-td:first-child
{
    max-width: 60px !important;
    min-width: 60px !important;
    position: sticky;
    position: -webkit-sticky;
    left: 0;
    padding: 0.5rem;
}


div.gh-table-pie.payroll-table.table-has-payroll > .gh-table-body > .gh-table-row > .gh-table-td:nth-child(2),
div.gh-table-pie.payroll-table.table-has-payroll > .gh-table-head > .gh-table-row > .gh-table-th:nth-child(2),
div.gh-table-pie.payroll-table.table-has-payroll > .gh-table-foot > .gh-table-row > .gh-table-td:nth-child(2)
{
    position: unset !important;
    left: unset !important;
    max-width: 130px !important;
    min-width: 130px !important;
}


div.gh-table-pie.payroll-table > .gh-table-body > .gh-table-row > .gh-table-td:nth-child(2),
div.gh-table-pie.payroll-table > .gh-table-head > .gh-table-row > .gh-table-th:nth-child(2),
div.gh-table-pie.payroll-table > .gh-table-foot > .gh-table-row > .gh-table-td:nth-child(2)
{
    position: sticky;
    left: 60px;
    max-width: 200px !important;
    min-width: 200px !important;
}


div.gh-table-pie.payroll-table > .gh-table-body > .gh-table-row,
div.gh-table-pie.payroll-table > .gh-table-head > .gh-table-row,
div.gh-table-pie.payroll-table > .gh-table-foot > .gh-table-row{
    width: fit-content;
    width: -moz-fit-content;
}


div.gh-table-pie.payroll-table .gh-table-th, div.gh-table-pie.payroll-table .gh-table-td {
    width: 140px;
    min-width: unset !important;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
}

div.gh-table-pie.payroll-table .gh-table-cell-period {
    max-width: 180px !important;
    min-width: 180px !important;
}


div.gh-table-pie.payroll-table > .gh-table-head {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 10;
}


div.gh-table-pie.payroll-table > .gh-table-foot {
    position: sticky;
    position: -webkit-sticky;
    bottom: 0;
    z-index: 10;
}


div.gh-table-pie.payroll-table div.gh-checkbox-kit {
    height: 20px;
    width: 20px;
    padding: 0;
    margin: 0 auto 0;
}


div.gh-table-pie.payroll-table .payroll-table-name-td {
    color:#2D67CC;
    cursor:pointer
}

div.gh-table-pie.payroll-table .payroll-table-name-td.payroll-table-name-encrypted {
    color:#999 !important;
    cursor: not-allowed !important;
    pointer-events:none !important;
}

.payroll-table-banner {
    background: #FFF1C8;
    border: 1px solid #F1D1A1;
    border-radius: 5px;
    box-shadow: 0 6px 8px rgba(89, 102, 122, 0.08);
}

/* MDV plan coverage details */
table.plan-details-table .mdv-coverage-content:hover{
    background: #fff;
    display: inline-flex;
    position: relative;
    z-index: 50;
    white-space: nowrap;
    box-shadow: 1px 1px 8px rgba(239, 239, 240);
}

.time-off-booking-type-container * {
    cursor: pointer;
}

.time-off-booking-type-container input[name='booking-type']{
    margin-top: -2px;
}

#groupCardListContainer button {
    outline: none !important;
}

#adjustTimeoffLedgerButton:disabled {
    cursor: not-allowed !important;
}

.web-clock-log-out {
    position: absolute;
    right: 1rem;
    font-weight: normal;
    cursor: pointer;
    font-size: 0.9em;
}

.web-clock-log-out:hover {
    opacity: 0.6;
}

.job-labor-fields-container .select2-search__field {
    width: unset !important;
}

.pie-plain-footer-hr {
    height: 3rem;
}

.web-clock-pie-plain-footer {
    position: absolute;
    width: 100%;
    bottom: 15px;
}

.flex-none {
    flex: none !important;
}

.pie-plain .main-content {
    min-height: calc(100vh - 3rem);
}

.heartland-nav-link-container {
    width: 100%;
}
.heartland-nav-link-container .heartland-nav-link-item:not(:last-child) {
    margin-right: 2rem;
}

.heartland-nav-link-container .heartland-nav-link-item.active {
    border-bottom: 4px solid #BD2E34;
}

.dashboard-filter-icon {
    font-size: 1.1em;
    color: unset !important;
}

.pos-sync-input-disabled input,
.pos-sync-input-disabled div,
.pos-sync-input-disabled label,
.pos-sync-input-disabled button
{
    cursor: not-allowed !important;
    opacity: 0.5 !important;
    pointer-events: none !important;
}

#holiday-pay-table-partial #holiday-pay-table-container .table-header {
    background-color: #eaedee;
    border: 1px solid #cfcfcf;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
#holiday-pay-table-partial #holiday-pay-table-container .table-row > .table-col:not(:last-child) {
    border-right: 1px solid #C0C5CB;
}
#holiday-pay-table-partial #holiday-pay-table-container #holidayListBody {
    border: 1px solid #cfcfcf;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-top: unset;
    max-height: 500px;
    overflow-y: auto;
}
#holiday-pay-table-partial #holiday-pay-table-container #holidayListBody .table-row:not(:last-child) {
    border-bottom: 1px solid #C0C5CB;
}
#holiday-pay-table-partial #holiday-pay-table-container #holidayListBody div.dropdown {
    width: 90%;
}
#holiday-pay-table-partial #holiday-pay-table-container #holidayListBody button.dropdown-toggle {
    background: 0;
    border: 1px solid #cfcfcf;
    width: 100%;
    text-align: left;
}
#holiday-pay-table-partial #holiday-pay-table-container #holidayListBody button.dropdown-toggle > span{
    overflow: auto;
    width: 90%;
    display: inline-flex;
}
#holiday-pay-table-partial #holiday-pay-table-container #holidayListBody button.dropdown-toggle::after {
    position: absolute;
    right: 6px;
    top: calc(50% - 1px);
}


.schedule-holiday-container {
    font-size: 0.9em;
    color: #088CCD;
}

.dashboard-filter-icon {
    font-size: 1.1em;
    color: unset !important;
}

.error-message.text-danger.fr {
    font-size: 12px;
}

/* life event information */
.welcome-life-event-info{
    transform: translateY(35px);
    color: #717791;
    position: absolute;
}

.text-gh-secondary {
    color: #717791;
}

.heartland-nav-link-container {
    width: 100%;
}
.heartland-nav-link-container .heartland-nav-link-item:not(:last-child) {
    margin-right: 2rem;
}

.heartland-nav-link-container .heartland-nav-link-item.active {
    border-bottom: 4px solid #BD2E34;
}

.gh-employee-name-display .gh-multivalue-item {
    overflow: hidden;
    text-overflow: ellipsis;
}

a.nav-link {
    color: var(--theme-color-active-main) !important;
}
a.nav-link:hover {
    color: var(--theme-color-active-hover-main) !important;
}


/*location track*/
.location-track-dot {
    width: 7px;
    height: 7px;
    position: absolute;
    z-index: 999;
    background-color: #022234;
    border-radius: 50%;
}
.btn-pressed {
    filter: invert(48%) sepia(13%) saturate(3207%) hue-rotate(130deg) brightness(95%) contrast(80%);
}

.map-play-btn .fas.fa-play {
    display: block;
}
.map-play-btn.map-pause .fas.fa-play {
    display: none;
}
.map-play-btn.map-pause .fas.fa-pause {
    display: block;
}
.map-play-btn .fas.fa-pause {
    display: none;
}

.read-only {
    pointer-events: none !important;
    background-color: #f8f8f8 !important;
    opacity: 0.5;
}

.read-only-no-background {
    pointer-events: none !important;
    opacity: 0.5;
}

.read-only-no-bg-no-opacity {
    pointer-events: none !important;
}

.payroll-report-comment {
    width: 180px !important;
    white-space: unset !important;
    word-break: break-all !important;
}
/*location track*/

.gh-employee-name-display .gh-multivalue-item {
    overflow: hidden;
    text-overflow: ellipsis;
}

.week-total-detail-container {
    font-weight: normal;
    font-size: 0.9em;
}

.circle-button {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 800;
    background-color: rgb(244, 246, 249);
    color: rgb(119, 127, 142);
    border:none;
}
/*location track*/


/* benefits check box disabled */
.benefits-checkbox-disabled{
    border-color: white !important;
    background-color: #C0C0C0 !important;
}
/* benefits check box disabled end */


.message-content .cur-message{
    display: block;
}

/* report page*/
#data_format_option_container .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    position: absolute;
    top: 15px;
    right: 10px;
}

/* report page end*/

.message-content .cur-message{
    display: block;
}

.primary-btn-color {
    background-color: var(--theme-color-active-main);
    color:white;
}

.primary-del-btn-color {
    background-color: var(--them-color-color-delete);
    color:white;
}

body .btn.btn-danger,
body .btn.btn-danger:hover {
    background-color: #F53F3F !important;
    border-color: #F53F3F !important;
} /*TS-10500*/

/*hide vue {{tag}}*/
[v-cloak]{
    display: none;
}

#benefitEligibilityChangeModal input[type="radio"]:disabled:checked,
#ineligibleEmployeesEnrolledViewComponent input[type=radio]:disabled:checked {
    background-image: url(/v4/img/Radio_button_activ@3x-new.png);
    opacity: 0.5;
    pointer-events: none;
}

#benefitEligibilityChangeModal .gh-activate-help {
    padding: 0 5px;
    margin-left: 0px
}

/* select2 globle css start*/
.select2-search__field:focus {
    outline: none;
}

.select2-selection {
    height: auto !important;
    line-height: auto;
    padding: .17rem 0;
    border: 1px solid #ccc !important;
}

.select2-selection:focus {
    outline: none;
    border-color: var(--theme-color-desaturated-blue) !important
}
/* select2 globle css end*/


.revert-row-padding {
    padding-left: 15px;
    padding-right: 15px;
}

#gh_EP_TerminationForm select[name=termination_reason] {
    background-image: none;
}

input.period-date {
    height: unset !important;
}

#gh_EP_TerminationForm select[name=termination_reason] {
    background-image: none;
}

.gh-ba-container #acaUnlockEnrollmentModal textarea.form-control[name="enrollment_reason_option"] {
    height: 100px !important;
}

#custom-report-empty-template {
    padding-top: 40px;
    padding-bottom: 20px;
}

.gh-custom-select2 .select2-search.select2-search--inline,
.gh-custom-select2 .select2-search__field,
.gh-custom-select2 .select2.select2-container
{
    width: 100% !important;
}

/*Employee Audit Trail Table Start*/
.audit_trail_changed_on{
    position: absolute;
    transform: translate(0, -35px);
}

table.audit-trail-table thead tr th {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    background: #FFFFFF;
    font-size: 13px;
    color: #66788A;
    font-weight: 700 !important;
}

table.audit-trail-table tbody tr td {
    font-size: 13px;
    color: #044270;
    font-weight: 500;
    background-color: rgb(254, 254, 254);
    border: none
}

table.audit-trail-table > tbody > tr:hover > td {
    background-color: #F6F6F6;
}

/*Employee Audit Trail Table End*/

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #444 !important;
}

.onboarding-step .onboarding-card{
    border: unset;
    border-radius: 10px !important;
    padding: 2rem;
}

.onboarding-step .onboarding-card input[type=checkbox]{
    box-shadow: unset;
}

.onboarding-modal .gh_dialog_close.modal-header{
    background-color: #2a2f46!important;
}

.onboarding-modal .gh_dialog_close_link.close {
    margin-right: 0;
}

input[type=file], /* FF, IE7+, chrome (except button) */
input[type=file]::-webkit-file-upload-button { /* chromes and blink button */
    cursor: pointer;
}

.truncate-text-mobile {
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.on-top {
    -webkit-transform: translate3d(0, 0, 200px);
    transform: translate3d(0, 0, 200px);
    position: absolute;
}

.gh-dialog-btn-width {
    width: 130px;
}

@media (min-width: 768px) {
    .gh-dialog-btn-width {
        width: 180px;
    }
}

.no-flex-shrink {
    flex-shrink: 0;
}


@media screen and (max-width: 768px) {
    .full-width-mobile {
        width: 100%;
    }
    .modal-dialog {
        position: relative;
        width: auto;
        margin: 1.5rem;
        pointer-events: none;
    }

    #avatar-box {
        display: flex;
        justify-content: center;
        padding-bottom: .5rem;
        flex-wrap: wrap;
    }

    #avatar-box-right {
        width: 100vw;
        margin-top: 1rem;
    }

    .zipcode {
        padding-left: 0rem !important;
        margin-top: 1rem;
    }

    .popover {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1060;
        display: block;
        max-width: 33%;
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Open Sans",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        font-style: normal;
        font-weight: 400;
        line-height: 1.5;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        word-spacing: normal;
        white-space: normal;
        line-break: auto;
        font-size: .875rem;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0,0,0,.2);
        border-radius: .3rem;
        margin-left: 38px;
    }
    .popover-body > div {
        margin-top: 5px;

    }

    .gh_overlay {
        height: 100vh !important;
    }
    .gh-d-flex {
        display: flex;
    }

    .gh_dialog {
        height: 100vh !important;
    }
}

@media only screen and (max-width: 1550px) {
    .timepicker-pair-container {
        display: unset !important;
    }

    .end-time-gap, .start-time-gap, .start-time-gap-line {
        display: none !important;
    }
    
    .timepicker-pair-container input.form-control.timepicker {
        width: 100%;
    }

    .dst-label {
        margin-top: 10px;
        margin-bottom: 10px !important;
    }
}

.employee_detail_row_content{
    float: left;
    width:100%;
}
.audit-trail li a {
    display: block;
    padding: 10px 5px 10px 20px;
    color: var(--theme-color-inactive-main)
}

.audit-trail ul:first-child > li {
    border-top: 1px solid #d9dce0;
}

.audit-trail li.selected > a {
    border-left: 3px solid var(--theme-color-main);
    font-weight: 600;
    color: var(--theme-color-main);
    padding-left: 17px
}

.gh-ba-container .text-new-oe-inactive {
    color: #FC484E
}

.gh-ba-container .text-new-oe-success {
    color: #006B62
}

.gh-ba-container .text-new-oe-activating {
    color: #3299E1
}

.new-oe-status {
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 14px;
}

.icon-new-oe {
    color: #088CCD;
}

.font-semi-bold.icon-new-oe[disabled] {
    cursor: not-allowed;
    opacity: 0.6;
}

.number-circle {
    display: inline-block;
    height: 23px;
    width: 23px;
    border-radius: 50%;
    margin-left: 75px;
    margin-right: 75px;
    margin-top: 25px;
    margin-bottom: 25px;
    position: relative;
    border: 1px solid #BDBDBD;
    color: #BDBDBD;
    text-align: center;
    /*padding-top: 2px;*/
    font-weight: 700;
    font-family: 'Montserrat';
}

.number-circle:not(:first-child):before {
    content: "";
    position: absolute;
    width: 130px;
    height: 0;
    border-bottom: 1px dashed #BDBDBD;
    top: -webkit-calc(50% - 3px);
    top: calc(50% - 3px);
    left: -140px;
    padding-top: 2px;
}

.number-circle-wrapper div.new-oe-add-past:not(:first-of-type):before,
.number-circle-wrapper div.new-oe-add-current:not(:first-of-type):before,
.number-circle-wrapper div.new-oe-edit:not(:first-of-type):before {
    content: "";
    position: absolute;
    width: 130px;
    height: 0;
    border-bottom: 1px dashed #006B62!important;
    top: -webkit-calc(50% - 3px);
    top: calc(50% - 3px);
    left: -140px;
    padding-top: 2px;
}

.number-circle-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    /*display: inline-block;
    margin-left: auto;
    margin-right: auto;
    width: 60%;*/
}

.under-circle {
    white-space: nowrap;
    overflow: auto;
    margin-left: -300%;
    margin-right: -300%;
    text-align: center;
    font-weight: 500;
}

.new-oe-bg-white {
    background: #fff;
}

.new-oe-prior-wrapper {
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 10px;
    box-shadow: 0px 6px 14px rgba(89,102,122,0.08);
    border: 1px solid #d9dce0;
    border-radius: 10px !important;
}

.new-oe-table-wrapper {
    margin-bottom: 10px;
    box-shadow: 0px 6px 14px rgba(89,102,122,0.08);
    border: 1px solid #d9dce0;
    border-radius: 10px !important;
}

.new-oe-product-type {
    color: #022234!important;
}

.new-add-oe-product-type {
    color: #022234!important;
    background-color: #F1F2F4!important;
}

.new-oe-table-header {
    font-weight: 500;
    font-size: 14px;
    color: #777F8E!important;
}

.new-oe-table-content {
    font-weight: 500;
    font-size: 14px;
    color: #022234!important;
}

.new-oe-table-content-carrier {
    font-weight: 400;
    font-size: 13px;
    color: #777F8E!important;
}

.new-oe-add-current {
    color: #006B62!important;
    border: 1px solid #006B62!important;
}

.new-oe-add-past, .new-oe-edit {
    color: #fff!important;
    border: 1px solid #006B62!important;
    background-color: #006B62!important;
}

.new-oe-add-past-under, .new-oe-edit-past-under {
    color: #022234!important;
}

.new-oe-edit-current-under {
    color: #006B62!important;
}

.new-oe-table-checkbox {
    border-color: #D1E1E8!important;
}

.sider-circle {
    position: relative;
    background: #717791;
    border-radius: 50%;
    height: 12px;
    width: 12px;
    color: #fff;
    text-align: center;
    top:-30%;
    left:70%;
    font-family: "Montserrat";
    font-size: 10px;
    font-weight: 700;
}

.warning-circle {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    border: 2px solid #FEF7E2;
    border-radius: 100px;
    background: #FEF7E2;
    margin: 7px;
}

.warning-circle:before, .warning-circle:after {
    content: '';
    display: block;
    position: absolute;
}

.exclamation-point:before {
    top: 15%;
    left: 40%;
    height: 8px;
    width: 3px;
    border: solid #fff;
    border-width: 0 3px 0 0;
}

.exclamation-point:after {
    top: 75%;
    left: 40%;
    height: 3px;
    width: 3px;
    border: solid #fff;
    border-width: 0 3px 0 0;
}


.warning-circle p {
  /*visiblity: hidden; */
  display: none;
  position: absolute;
  top: 0;
  left:100%;
  z-index: 999;
  margin-top: -30px; /* approx adjustment for arrow */
  margin-left: 25px; /* approx adjustment for arrow */
}

.warning-circle:hover  p {
/*   cursor: pointer; */
  display: inline-block;
  /*visibility: visible; */
  /* width: 80px;
  line-height: 20px; */
  width: 242px;
  padding: 8px;
  font-size: 14px;
  text-align: left;
  left: auto;
  right: calc(100% + 5px);
  z-index: 999;
  color: #000000;
  background: rgb(255, 255, 255);
  border: 1px solid #fff;
  border-radius: 5px;
  box-shadow: 0px 6.53503px 21.7834px rgba(89, 102, 122, 0.2);
  border-radius: 2px;
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 10px;
  pointer-events: none;
}

.warning-circle p:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 14px;
  border-style: solid;
  border-color: transparent transparent transparent #FFFFFF;
  top: 22px;
  right: -23px;
}

#openEnrollmentComponent input[disabled] {
    color: #DCDAD1!important;
}

.new-oe-tooltip {
  /*visiblity: hidden; */
  display: none;
  position: absolute;
  margin-top: -30px;
  margin-left: 25px;
  height: auto!important;
  line-height: auto!important;
}

.new-oe-tooltip-item:hover .new-oe-tooltip {
/*   cursor: pointer; */
  display: block;
  /*visibility: visible; */
  /* width: 80px;
  line-height: 20px; */
  width: 242px;
  padding: 8px;
  font-size: 14px;
  text-align: left;
  z-index: 999;
  color: #000000;
  background: rgb(255, 255, 255);
  border: 1px solid #fff;
  border-radius: 5px;
  box-shadow: 0px 6.53503px 21.7834px rgba(89, 102, 122, 0.2);
  border-radius: 2px;
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 10px;
  pointer-events: none;
}

.gh-ba-container .btn.btn-bf-new-oe {
    background-color: #006B62;
    border-color: #006B62
}

.gh-ba-container .btn-bf-new-oe {
    font-size: 15px;
    color: #ffffff!important;
}

.new-oe-email-checkbox.new-oe-email-checkbox {
    border: 1px solid #D1E1E8!important;
}

.eligibility_more_conditions {
    margin-left: -170px;
}

.eligibility_first_condition {
    margin-left: -70px;
}

.eligibility_more_conditions_space {
    margin-right: 24px;
}

.eligibility_more_conditions_in_modal {
    margin-left: -140px;
}

.eligibility_first_condition_in_modal {
    margin-left: -40px;
}

.eligibility_more_conditions_space_in_modal {
    margin-right: 50px;
}

.file_size_warning {
    font-family: "Montserrat";
    font-weight: 400;
    font-size: 12px;
    color: #FC484E;
}

.uploaded-file-content-warning {
    border: 1px solid #FC484E!important;
}

.passive-none {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px 20px;
    height: 48px;
    background: #FFFFFF;
    border-radius: 10px 0px 0px 0px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    color: #777F8E;
}

.padding-right-5 {
    padding-right: 5px!important
}
.bf-renew-button {
    background: #006B62;
    border-radius: 5px;
    border: 0;
    width: 83px;
    height: 28px;
    align-items: center;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    color: #FFFFFF;
}

.bf-renew-button-in-plan {
    background: #006B62;
    border-radius: 5px;
    border: 0;
    width: 120px;
    height: 40px;
    align-items: center;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    color: #FFFFFF;
}

.bf-renewed-label {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #777F8E;
    padding: 15px;
}

.bf-renewed-policy-link {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #088CCD!important;
}


.none-pointer-events {
    pointer-events: none;
}

.audit-trail ul.sub-tab li.selected > a {
    border-left: none;
}

.audit-trail-table td.empty-cell {
    background-color: var(--theme-color-main-background);
}

table.audit-trail-table > tbody > tr:hover > td.empty-cell {
    background-color: var(--theme-color-main-background);
}

.audit-trail-table td.details-label {
    background: #e3e3e3;
}

table.audit-trail-table > tbody > tr > td .col-md-6 {
    position: inherit;

}

.confirmation-report-container .block-label {
    font-weight: 600;
    font-size: 18px;
    color: #9096A3;
    padding-top: 10px;
    padding-bottom: 10px;
}

.confirmation-report-container .block-wrapper {
    padding-bottom: 10px;
    border: 2px solid #EDEDFF;
    border-radius: 5px !important;
}

.confirmation-report-container .block-wrapper-dependent-start {
    padding-bottom: 10px;
    border-bottom: 1px solid #EDEDFF;
    border-left: 2px solid #EDEDFF;
    border-right: 2px solid #EDEDFF;
    border-top: 2px solid #EDEDFF;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

.confirmation-report-container .block-wrapper-dependent-mid {
    padding-bottom: 10px;
    border-bottom: 1px solid #EDEDFF;
    border-left: 2px solid #EDEDFF;
    border-right: 2px solid #EDEDFF;
}

.confirmation-report-container .block-wrapper-dependent-end {
    padding-bottom: 10px;
    border-bottom: 2px solid #EDEDFF;
    border-left: 2px solid #EDEDFF;
    border-right: 2px solid #EDEDFF;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.confirmation-report-container .item-label {
    font-weight: 400;
    font-size: 12px;
    color: #022234;
}

.confirmation-report-container .item-value {
    font-weight: 600;
    font-size: 14px;
    color: #022234;
    word-wrap: break-word;
}


.confirmation-report-container hr .hr-head{
    margin-top: 30px; 
    margin-bottom: 10px;
    border: 0; 
    border-top: 2px solid #EDEDFF;
}

.confirmation-report-container .table-header {
    font-weight: 400;
    font-size: 12px;
    color: #022234;
    background-color: #FAFAFA;
}

.confirmation-report-container .table-summary {
    font-size: 14px;
    background-color: #F1F2F4;
}

.bf-confirmation-report-modal-footer {
    display: flex;
    align-item: center;
    justify-content: flex-start;
    padding: 2rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px); 
}

#benefitConfirmationReportModal .icon-label {
    font-weight: 700;
    font-size: 14px;
    color: #088CCD;
}

.confirmation-report-container .first-letter-uppercase:first-letter {
    text-transform: uppercase;
}

.confirmation-report-container .beneficiary-type-label {
    font-weight: 700;
    font-size: 16px;
    color: #8F94A7;
}

#confirmation-report-container .label-none {
    font-weight: 400;
    font-size: 14px;
    color: #022234;
}

.rules-between-warning {
    border-color: #F53F3F !important;
}

.multi-line-text {
    text-overflow: ellipsis; 
    overflow: hidden; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 10; 
    display: -webkit-box;
}

.invalid-between-feedback {
    color: #F53F3F !important;
    font-size: 80%;
}

.blue-font {
    color: #044270;
}
.bg-coverage-tab {
    background-color: var(--theme-color-main-background);
    border-radius: 5px;
}
.gray-font {
    color: #777F8E;
}
.ui_hr {
    border-radius: 4px;
    background-color: #d9dce0;
    height: 2px;
}

.pronouns-checkbox {
    margin: 0px 10px 0px 0px;
}

.pronouns-checkbox input[type=checkbox] {
    margin-right: 8px;
    width: 20px !important;
    height: 20px !important;
    border: 2px solid #D1E1E8 !important;
    border-radius: 2px !important;
}

.pronouns-checkbox input[type=checkbox]:checked {
    background-image: url(/v4/img/checked.svg) !important;
    background-color: #088CCD !important;
    height: 20px !important;
    width: 20px !important;
    background-size: 28px !important;
    background-position: center -6px !important;
}

.pronouns-checkbox input[type=checkbox][disabled]:not(.switch)::before {
    height: 20px !important;
    width: 20px !important;
}

.pronouns-checkbox input[type=text] {
    border: 1px solid #D1E1E8;
    border-radius: 3px;
    padding: 0px 0px 0px 10px;
    line-height: 38px;
    margin-left: 8px;
    width: 100%;
    background-color: #FFFFFF !important;
    outline: none;
}

.pronouns-checkbox input:disabled {
    background-color: #F2F2F2 !important;
    opacity: 0.5;
}

#OtherValue-error, #preferred_first_name-error {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    height: 15px;
    text-align: right;
    color: #F53F3F;
    position: absolute;
    top: 40px;
    right: 0px;
}

.pronouns-checkbox .error[type=text] {
    border: 1px solid red !important;
}

.pronouns_num_limit {
    height: 13px;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #777F8E;
    position: absolute;
    top: 30px;
    right: 40px;
    padding-left: 15px;
}

.lh-40 {
    line-height: 40px;
}

.h-40 {
    height: 40px !important;
}

.gh-activate-help-ml-7 {
    margin-left: 7px !important;
}

.pname-required-feedback {
    font-weight: 500;
    font-size: 12px;
    text-align: right;
    color: #F53F3F;
    line-height: 10px;
}

.required-feedback {
    font-weight: 500;
    font-size: 12px;
    text-align: right;
    color: #F53F3F;
    line-height: 10px;
    position: absolute
}


#cancle-btn-padding {
    padding: 16px 26px !important;
}
#planSummaryComponent .condition_logic_flag{
    /* color: gray; */
    margin-top: -11px;
    margin-bottom: 3px;
}
.proof_document_warning {
    display: inline-flex;
    background-color: #FEF7E2;
    border-radius: 7px;
    box-shadow: 0px 2px 10px 2px rgba(89, 102, 122, 0.06);
    border: 1px solid #F29339;
}

.not-allowed-click {
    cursor: not-allowed !important;
}

#integration-btn {
    padding: 11px 24px;
    border-radius: 5px !important;
}

.select2-results__option--highlighted[aria-selected]:has(#vendor-select-container) {
    background: #F8F9FB;
}

.select2-results__option:has(#vendor-select-container) {
    background: #fff;
    padding: 8px;
}

#vendor-select-error {
    position: absolute;
    left: 42px;
    bottom: 8px;
}

#vendor-footer button {
    border-radius: 4px !important;
}

#vendor-footer button:last-child {
    background-color: #5EC6DA;
    border: none;
}

.integration-table-text-synced {
    color: #6B7788;
}

.disconnect-modal-header {
    border-bottom: none !important;
}

.disconnect-modal-header img {
    width: 16px;
    height: 16px;
}

.disconnect-modal-footer {
    border-top: none !important;
}

.disconnect-modal-footer button {
    padding: 4px 16px 4px 16px;
}

#disconnectModal .modal-content {
    padding: 1rem;
}

#disconnectModal .modal-body {
    padding-bottom: 0px;
}

#disconnectModal .cancel-btn {
    border-color: #159ED5 !important;
    color: #159ED5 !important;
}

.disconnect-btn {
    display: flex;
    flex-direction: row-reverse;
}

#heartland-employee-navigator-client-details .disconnect-btn {
    margin-right: 5rem;
}

#heartland-ease-client-details .disconnect-btn {
    margin-right: 1rem;
}

#heartland-benefits-client-details .disconnect-btn {
    margin-right: 1rem; 
}

.benefit-elections-filters {
    width: 312px !important;
}

.benefit-elections-filters .arrow-content-bottom-left {
    min-width: 490px !important;
    font-size: 12px !important;
}

.benefit-elections-filters .filter-font-color-black {
    color: #022234;
}

.benefit-elections-filters +div {
    width: calc(100% - 330px) !important;
}

.arrow-content-width190 {
    width: 190px !important;
}

#punch-enforce-schedule-panel div.error {
    width: max-content;
}

#disconnect-text {
    color: #159ED5;
    font-size: 18px;
    line-height: 24px;
    cursor: pointer;
    font-weight: 700;
    display: block;
}

.width-max-content {
    width: max-content !important;
}

.mw-120 {
    min-width: 120px !important;
}

.max-width-fit {
    max-width: fit-content !important;
}

/* PayRuleConfig begin */

#configRuleModalContent .modal-title {
    font-size: 20px !important;
    font-family: Montserrat;
    font-weight: 600 !important;
}

#configRuleModalForm label {
    font-size: 14px !important;
    font-family: Montserrat;
    font-weight: 600 !important;
    font-style: normal;
    line-height: normal;
}

#configRuleModalForm .section-title {
    font-size: 14px !important;
    font-family: Montserrat;
    font-weight: 600 !important;
    font-style: normal;
}

#configRuleModalForm button {
    text-align: center;
    font-size: 14px !important;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600 !important;
    line-height: normal;
    background: #088CCD;
}

#configRuleModalForm input, select, textarea {
    font-size: 14px !important;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;
}

#configRuleModalForm .gh-tree-dropdown-select {
    padding: 3px;
}

#configRuleModalForm .gh-tree-dropdown-select label {
    line-height: 2.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#configRuleModalForm .gh-tree-dropdown-select > label {
    display: flex !important;
    flex-wrap: wrap;
    width: 100% !important;
    color: #aaa;
    background: none !important;
}

#configRuleModalForm .gh-tree-dropdown-select > label > span.gh-selected-label {
    line-height: 1.8rem !important;
    height: 1.8rem !important;
    display: block !important;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0.25rem;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600 !important;
    padding-right: 10px!important;
    border-radius: 5px;
    background: #088CCD;
}

#configRuleModalForm .gh-tree-dropdown-select > label > span.gh-selected-label > i {
    margin-right: 0.25rem!important;
}

#configRuleModalForm .gh-tree-dropdown-select > label > span.gh-selected-label > .fa-times:before {
    content: "\f00d";
    font-size: 17px;
}

#configRuleModalForm .gh-tree-dropdown > ul {
    max-height: 500px;
    overflow-y: auto;
}
#configRuleModalForm .gh-tree-dropdown > input {
    border-radius: 0;
    border-style: none none solid none;
}

#configRuleModalForm .gh-input-section {
    width: calc(33.33% - 15px);
}

#configRuleModalForm .card-header {
    border-radius: 3px;
    background: #bdbdbdcc;
    padding: 15px 0px 15px 25px;
}

#configRuleModalForm .card-background {
    background: #F3F5F8;
}

#configRuleModalForm .w-66 {
    width: 66%;
}

#configRuleModalForm .ml-4 {
    margin-left: 2.45rem!important;
}

#configRuleModalForm .ml-4s {
    margin-left: 1.5rem!important;
}

#configRuleModalForm .checkbox-sm {
    outline: none;
    box-shadow: none;
    border-radius: 2px;
    background: #fff;
    border: 2px solid #D1E1E8;
    width: 16px;
    height: 16px;
}

#configRuleModalForm .btn-icon {
    border:none;
    outline:none;
    background-color:transparent;
    box-shadow:none;
}

#configRuleModalForm .btn-icon-disabled {
    pointer-events: none;
}

#configRuleModalForm .gh-box {
    min-height: 40px;
    border-radius: 3px;
    border-color: #D1E1E8;
}

#configRuleModalForm select::-ms-expand {
    display: none;
}
    
#configRuleModalForm select {
    appearance: none;
    -webkit-appearance: none;
    background:#fff url(/v4/img/arrow-dn4.svg) no-repeat scroll calc(100% - 12px) center/12px 8px;
    padding-right: 35px !important;
}

#configRuleModalForm select:disabled {
    background-color: #e9ecef !important;
    opacity: 1;
}

#configRuleModalForm textarea {
    border-radius: 3px;
    border-color: #D1E1E8;
}

#configRuleModalForm .round-checkbox input[type="checkbox"] + label {
    background-color: #fff0;
    border: 0 solid;
    border-radius: 50%;
    cursor: pointer;
    height: 45px;
    width: 45px;
    line-height: 45px;
    text-align: center;
}

#configRuleModalForm .round-checkbox input[type="checkbox"]:checked + label {
    background-color: var(--theme-color-active-main);
    color: #fff;
}

#configRuleModalForm .time-picker {
    border-radius: 3px;
    border: 1px solid #D1E1E8;
    background: url("/v4/img/time-black.svg") no-repeat #fff 8% center;
    padding-left: 40px;
    min-height: 40px;
    width: 100%;
    min-width: 125px;
}

#configRuleModalForm .time-picker.error {
    border: 1px solid #F53F3F !important;
}

#configRuleModalForm label.time-error {
    color: #F53F3F !important;
}

#configRuleModalForm .gh-radio {
    border: 2px solid #D1E1E8 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    width: 20px !important;
    min-width: 20px;
    height: 20px !important;
    background: #fff !important;
    outline: 0 !important;
    margin-top: 10px;
    cursor: pointer !important;
    border-radius: 100% !important;
    box-shadow: unset !important;
    position: relative !important;
    overflow: hidden !important;
}

#configRuleModalForm .gh-radio::after {
    content: '' !important;
    transform: scale(0) !important;
    transition: all .2s ease-in-out !important;
}

#configRuleModalForm .gh-radio:checked {
    border: 0px solid !important;
    width: 20px !important;
    height: 20px !important;
    background: var(--theme-color-active-main) !important;
}

#configRuleModalForm .gh-radio:checked::after {
    display: block;
    background-color: #fff !important;
    box-sizing: border-box !important;
    position: absolute !important;
    border-radius: 100% !important;
    left: 6px !important;
    top: 6px !important;
    width: 8px !important;
    height: 8px !important;
    transform: scale(1) !important;
}

#configRuleModalForm .gh-ba-container input.switch[type="checkbox"] {
    height: 32px;
    width: 66px;
}

#configRuleModalForm .gh-ba-container input.switch[type="checkbox"]::after {
    width: 24px;
    height: 24px;
    top: 2px;
    left: 3px;
    line-height: 25.5px;
}

#configRuleModalForm .gh-ba-container input.switch[type="checkbox"]:checked::after {
    left: calc(100% - 26px);
}

#configRuleModalForm .gh-checkbox-kit input {
    top: -5px;
    left: 0px;
}

#configRuleModalForm .gh-checkbox-kit input:before {
    border: 2px solid #D1E1E8 !important;
}

#configRuleModalForm .gh-checkbox-kit input:checked:before {
    background-color: var(--theme-color-active-main) !important;
}

#radius_warning {
    display: block;
}

#ghAccountEditForm .form-group, #ghAccountEditForm .select2 {
    width: 100% !important;
}

#ApprovalForm .approval_method_action {
    padding: 8px 0px;
}

#ApprovalForm .approval_method_action + div.text-right {
    padding-top: 15px;
}

#ApprovalForm .approval_method_approvers {
    display: flex;
    flex-direction: column-reverse;
}

#ApprovalForm .approval-method-approvers-tmpl {
    align-items: flex-start;
}

@keyframes circle-loader-animation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

img[src*="/v4/img/vega-loader.svg"] {
    -webkit-animation: circle-loader-animation 2000ms linear infinite !important;
    animation: circle-loader-animation 2000ms linear infinite !important;
    background: none !important;
}

#configRuleModalForm .gh-checkbox-kit input:checked::before {
    border: 0px solid #D1E1E8 !important;
}

.print-modal-mask {
    opacity: 1 !important;
}

/* PayRuleConfig ends */

#deleteRuleModal #deleteRuleModalContent .modal-footer,
#deleteHolidayRuleModal #deleteHolidayRuleModalContent .modal-footer {
    justify-content: center !important;
}

#additional-settings-weekday-container .round-checkbox {
    margin-bottom: 0 !important;
}

#additional-settings-weekday-container .form-group.align-group-flex-start {
    align-items: normal;
}

#additional-settings-weekday-container .form-group.align-group-flex-start .section-title {
    line-height: 47px !important;
}

#additional-settings-weekday-container .btn-toolbar.error {
    padding-top: 0 !important;
    padding-left: 0 !important;
}

#additional-settings-weekday-container .error-container.error {
    padding-left: 8px !important;
}

#configRuleModalForm input[type="radio"]:disabled {
    cursor: not-allowed !important;
    opacity: 0.6 !important;
}

#configRuleModalForm .gh-tree-dropdown-select.errored {
    background-color: rgba(224, 67, 39, 0.1) !important;
}

#configRuleModalForm .error-text {
    color: #F53F3F;
}

#configOTRuleModal #setup-paycodes-excluded .vega-required-lebal-overrides + div.form-group {
    display: flex;
    flex-direction: column;
}
/* PayRuleConfig ends */

#compensationPayTypeModal input[type=number]::-webkit-inner-spin-button,
#compensationPayTypeModal input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#compensationPayTypeModal input[type=number] {
    -moz-appearance:textfield;
}

/* Begin Configurable Holiday Rule */
#configHolidayRuleTemplateModal .card-header {
    background: rgba(189, 189, 189, 0.8);
    padding: 8px 15px !important;
}

#configHolidayRuleTemplateModal .card-header + div {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

#NewHireReceiveHolidayPayAfterDay,
#RehireReceiveHolidayPayAfterDay {
    width: 70px !important;
}

#configHolidayRuleTemplateModalTitle {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
}

#configHolidayRuleTemplateModalBody {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

#configHolidayRuleTemplateModalBody .section-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}

#configHolidayRuleTemplateModalBody .gh-box {
    min-height: 40px;
    border-radius: 3px;
    border-color: #D1E1E8;
}

#configHolidayRuleTemplateModalBody select {
    appearance: none;
    -webkit-appearance: none;
    background: white url(/v4/img/arrow-dn2.svg)  no-repeat scroll calc(100% - 12px) center/12px 8px !important;
    padding-right: 35px;
}

#configHolidayRuleTemplateModalBody .card-background {
    background: #F3F5F8;
}

#NewHireReceiveHolidayPayAfterDay + label.error,
#RehireReceiveHolidayPayAfterDay + label.error {
    position: absolute;
    white-space: nowrap;
    left: 2px;
}

#NewHireEmployeeReceiveHolidayContainer:has(label.error:not([style*="display: none"])),
#RehireEmployeeReceiveHolidayContainer:has(label.error:not([style*="display: none"])) {
    margin-bottom: 28px !important;
}
/* End Configurable Holiday Rule */

.tatimeoffteambalance.mt-3.row {
    max-height: 74vh;     
    overflow-y: auto;
    margin: 0;
}
.tatimeoffteambalance .col-md-12 {
    padding: 0;
}
.tatimeoffteambalance #timeoff-team-table-container {
    overflow-x: visible !important;
}

#sheet-blocks .sheet-block-head + div {
    height: 90%;
    border: 1px solid #e9f0f4;
    overflow: hidden;
}

#sheet-blocks .sheet-block-body {
    height: 100%;
    padding-right: 0;
    border: none;
}
/*BEN-11559*/
    #compensationReportModal .modal-dialog {
        max-width: 1130px;
    }

    #compensationReportModal .compensation-group-icon {
        right: 1rem !important;
    }

    #compensationReportModal .compensation-print-icon {
        margin-right: 8px !important;
    }

    #compensationReportModal .compensation-download-icon {
        margin-right: 0px !important;
    }
/*BEN-11559*/

/* BEN-10393 */
@media (min-width: 768px) {
    .col-md-3-overrides {
        flex: 0 0 33%;
        max-width: 33%;
    }
}

.arrow-triangle-left-up_overrides {
    left: 50px;
}
/* BEN-10393 */
/* BEN-11414 */
.cov_detail_border_bottom_overrides {
    border-bottom: 1px solid #d9dce0;
}
/* BEN-11414 */

#notification-edit-modal-form .select2-container--default .select2-selection--multiple .select2-selection__choice {
    max-width: 300px !important;
}

#notification-edit-modal-form .select2-selection__rendered .select2-search.select2-search--inline:first-child > .select2-search__field {
   min-width: 110px !important;
}

#taEmployeeTemplateModal select {
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media (min-width: 576px){
    #taClockModalForBreak .modal-dialog {
        max-width: 525px;
        margin: 1.75rem auto;
    }
}
#unavailabilityTabForm .custom-checkbox.custom-control {
    z-index:0
}
#timeoff-team-balance-table-head tr th div{
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

#taTimeOffContainer .horizontal-nav-pills.no-border .badge-danger{
    margin-left: 4px;
}


#ghAccountEditForm label.gh-checkbox-kit {
  display: inline-block
}
#time_off_policy_modal .row {
    align-items: center;
}
.activation_link_container #activation_link {
    word-break: break-all;
}
#ghChatSideMenu #mobilePortalFooter .tab-item i,
#ghChatSideMenu #mobilePortalFooter .tab-item span {
    cursor: pointer;
}
._pendo-badge._pendo-badge_ {
    z-index: 999 !important;
}

#taEmployerDashboardTaClockCardContainer .map-body .map-content-container {
    min-height: 32px;
}

/* BEN-11414 */
.cov_detail_border_bottom_overrides {
    border-bottom: 1px solid #d9dce0;
}
/* BEN-11414 */

/* TS-20821 */
#collapse-additional .blackout-periods-item > div  .vega-addTenureBalanceRow-div-override:nth-child(1) {
    display: flex;
    min-width: 600px;
    margin-bottom: 20px;
    margin-right: 20px;
}

#ApprovalForm .approval-method-option-container input[type="number"].error + label {
    display: inline !important;
    position: absolute !important;
    top: 25px;
    left: 4px;
    white-space: nowrap;
}

#ApprovalForm .approval-method-option-container .supervisor-opt-tmpl:has(input[type="number"].error + label) {
    margin-bottom: 25px;
}

.ta-clock-date-input-container {
    position: relative;
}

.ta-clock-date-input-icon {
    position: absolute;
    font-size: 120%;
    left: 8px;
    top: 50%;
    transform: translate(0, -49%);
}

#collapse-additional .blackout-periods-item > div  .vega-addTenureBalanceRow-div-override:nth-child(1):has(.error) {
    margin-bottom: 0px;
}

#collapse-additional .blackout-periods-item > div {
    flex-wrap: wrap;
}

#collapse-additional .blackout-periods-item > div  .vega-addTenureBalanceRow-div-override:nth-child(2) {
    display: flex;
    min-width: 600px;
    margin-bottom: 20px;
}

#collapse-additional .blackout-periods-item > div > span {
    margin-top: 5px;
}

#collapse-additional .blackout-periods-item .remove-blackout-periods-button > i {
    margin-top: 5px;
}

#collapse-additional .timeoff-rule-line.blackout-periods-item > div {
    width: 100% !important
}

.main .text-align-left {
    text-align: left;
}

#plansComponent.bf-content .table.table-main td {
    min-height: 60px;
}
/* TS-20821 */

/* Begin Ben-10777 */
#carrierFeedsComponent .nav-tabs .nav-link.active {
    font-weight: 700;
}

#carrierFeedsComponent .card-header {
    padding: .75rem 1.5rem;
    border-bottom: none !important;
}

#carrierFeedsComponent .page-links {
    padding: .75rem 1.5rem 0 1.5rem;
}

#carrierFeedsComponent table.gh-table > thead > tr > th,
#carrierFeedsComponent table.gh-table > tbody > tr > td {
    background-color: #fff;
    padding: .75rem .45rem;
}

#carrierFeedsComponent table.gh-table > thead > tr > th:not(:first-child),
#carrierFeedsComponent table.gh-table > tbody > tr > td:not(:first-child) {
    min-width: unset;
}

#carrierFeedsComponent table.gh-table thead tr th {
    border-bottom: 1px solid #d6d6d6;
    border-right: 0;
    border-left: 0;
}

#carrierFeedsComponent table.gh-table tbody tr td {
    border: none;
}

#carrierFeedsComponent table.gh-table tbody tr td {
    border-bottom: 1px solid #d9dce0;
}

#carrierFeedsComponent table.gh-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}

#carrierFeedsComponent table.gh-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

#carrierFeedsComponent table.gh-table > tbody > tr .secondary-text {
    color: #777F8E;
    font-size: 10px;
}

#carrierFeedsComponent .page-item .page-link .fas {
    font-size: 12px;
}

.min-width-82 {
    min-width: 82px;
}

.min-width-fit {
    min-width: fit-content;
}

#carrierFeedsComponent .btn.disabled {
    pointer-events: none;
}

#carrierFeedsComponent button.btn {
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    text-align: center;
}

#carrierFeedsComponent [name=active-loading] {
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    color: rgba(0, 96, 202, 1);
}

#carrierFeedsComponent [name=deactive-loading] {
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    color: rgba(110, 119, 159, 1);
}

#carrierFeedsComponent [name=preparing-download] {
    font-size: 12px;
    font-style: italic;
    font-weight: 600;
    line-height: 18px;
    color: rgba(110, 119, 159, 1);
}

#carrierFeedsComponent :disabled {
    pointer-events: auto;
    cursor: not-allowed !important;
}

#carrierFeedsComponent .gh-non-primary-btn:hover:disabled {
    background-color: var(--theme-color-non-primary-main) !important;
    border: 1px solid var(--theme-color-non-primary-border) !important;
    color: var(--theme-color-non-primary-border) !important;
}

#carrierFeedsComponent .loading {
    animation: rotate 2s infinite linear;
}

#carrierFeedsComponent input.switch[type="checkbox"] {
    height: 28px !important;
    min-width: 68px;
}

#carrierFeedsComponent input.switch[type="checkbox"].gh-themed.sm::after {
    transform: none !important;
    text-transform: none !important;
}

#carrierFeedsComponent input.switch[type="checkbox"].gh-themed.sm:checked::after {
    border-width: 0 !important;
}

#carrierFeedsComponent table.gh-table tbody tr:hover td {
    background-color: #efefef;
}

#plansComponent .feed-status,
#policyComponent .feed-status {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-align: left;
    min-width: 180px;
    white-space: nowrap;
    width: fit-content;
}

#plansComponent .feed-status .connected,
#policyComponent .feed-status .connected {
    color: rgba(0, 96, 202, 1);
    vertical-align: middle;
}

#plansComponent .feed-status .not-connected,
#policyComponent .feed-status .not-connected {
    color: rgba(189, 189, 189, 1);
    vertical-align: middle;
}

.max-width-140 {
    max-width: 140px;
}

#file_transmissions_table [name=download-file-button],
#file_transmissions_table [name=view-file-button] {
    min-width: 109px;
}

.btn-result {
    background-color: rgba(110, 119, 159, 1);
    color: #ffffff !important;
}

#edi_file_transmissions_table_body .gh-non-primary-btn {
    border-color: #6E779F !important;
    color: #6E779F !important;
}

#edi_file_transmissions_table_body .gh-non-primary-btn:active,
#edi_file_transmissions_table_body .gh-non-primary-btn:hover:not(:disabled) {
    color: #222 !important;
}

.monospaced-font {
    font-family: sans-serif !important;
    font-weight: 300 !important;
}

.carrier-feed-banner {
    background: #E9F5FA;
    padding: 15px;
    border: 1px solid #088CCD;
    font-size: 14px;
    font-weight: 500;
    line-height: 27px;
    color: #04041CF2;
    border-radius: 5px;
}

.carrier-feed-banner .company-name {
    font-weight: 700;
}
.disabled-section {
    opacity: 0.4;
    pointer-events: none;
}
input[type="checkbox"].op-6:disabled {
    opacity: 0.6 !important; 
  }
.op-6:has(input[type="checkbox"]:disabled) {
    opacity: 0.6 !important; 
}
.disabled-section input {
    cursor: not-allowed;
}
/* End Ben-10777 */

/* start Int-1670 */

.int-dividing-line {
    color: rgb(5, 81, 118);
}

/* End Int-1670 */