.hide {
    display: none!important;
}

.pretaxrow1 {
    font-size:14px !important;
}

.btn-rounded {
    border-radius: 20px;
}

.tallhover {
	height:130px  !important;
}

.pretaxrow {
    font-size:15px;
}

.login-image {
    background-image: url('../images/login_side.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
}

.login-container {
    height: 100vh;
    color: #222B37;
}

.login-container,
.login-container a,
.login-container button {
    font-size: 14px;
    font-family: "Roboto";
}

.login-container a {
    color: #1391E0;
}

.login-container button {
    background-color: #638D61;
    font-weight: 700;
    width: 132px;
    height: 39px;
    color: #FFF;
    border-color: #638D61;
}

.login-container button:hover {
    background-color: rgb(68, 97, 67);
    border: rgb(68, 97, 67);
}

.login-container .form-check-input {
    -webkit-appearance: checkbox;
    height: 17px;
    width: 17px;
    margin-top: 7px;
}

.remember-label {
    margin-top: 7px;
    margin-left: 10px;
}

.login-card {
    padding-bottom: 59px;
    padding-top: 65px;
}

.login-title {
    font-size: 37px;
    color: #638D61;
}

.login-title-container {
    text-align: center;
    margin-bottom: 52px;
}

@media screen and (max-width: 766px) {
    .login-right {
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
    .login-image {
        background: none;
    }
    .forgot-password {
        position: absolute;
    }
}

@media screen and (min-width: 767px) {
    .login-card {
        margin-top: 85px;
    }
}

.add_client form#add_client_form ul li input.form-control {
    color: #222B37;
}

.error-block {
    color: #721c24;
    font-size: 12px;
}

.req-field {
    color: red;
}

.dataTables_wrapper .paginate-css .dataTables_paginate .paginate_button,
.dataTables_wrapper .paginate-css .dataTables_paginate .paginate_button.current {
    width: 35px;
    height: 35px;
    text-align: center;
    font-size: 14px;
    color: #4A4749;
    border: initial;
    background: initial;
}

.dataTables_wrapper .paginate-css .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .paginate-css .dataTables_paginate .paginate_button.current:hover {
    background: #638D61;
    color: #ffffff!important;
    padding: initial;
    border: initial;
    line-height: 35px;
}

table.dataTable tbody td {
    padding: 8px 18px;
}

.dataTables_wrapper .paginate-css .dataTables_paginate {
    float: left;
    margin: 5px 0 0 0;
}

.dataTables_wrapper .length-css .dataTables_length {
    float: right;
    margin: 10px 0 0 0;
}

.table.dataTable thead th {
    border-top: 4px solid #e9ebec;
    border-bottom: 4px solid #e9ebec;
}

.dataTables_length select {
    background-color: #FFF;
    padding: 10px 17px;
    width: 137px;
    height: 42px;
    font-size: 14px;
    color: #525252;
    border: solid 1px #D0D0D0;
    line-height: 15px;
}

.dataTables_length select:focus {
    border: solid 1px #D0D0D0;
    outline-color: #D0D0D0;
}

.dataTables_length select:hover {
    cursor: pointer;
}

.dataTables_wrapper table.dataTable.no-footer {
    border: none;
}

.dataTables_length select {
    /* make arrow and background */
    background: linear-gradient(45deg, transparent 50%, #D0D0D0 50%), linear-gradient(135deg, #D0D0D0 50%, transparent 50%);
    background-position: calc(100% - 21px) calc(1em + 5px), calc(100% - 16px) calc(1em + 5px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat;
    /* reset */
    border-radius: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.heading .household_name {
    min-height: 26px;
}

.ui-datepicker {
    z-index: 9999 !important;
}

.curent input.form-control,
.add_client form ul li input.form-control {
    color: #525252;
}


/*-------------------POPUPS------------------*/

.add_doc,
.add_client_note {
    width: 750px;
    display: none;
    margin: 0px auto 0;
    padding: 21px 29px 24px 29px;
    background: #FFFFFF;
    border: 1px solid #707070;
    position: relative;
}

.add_doc h4,
.add_client_note h4 {
    padding: 0 0 20px 0;
    font-size: 22px;
    line-height: 26px;
    color: #638D61;
    border-bottom: 1px solid #D0D0D0;
    margin: 0 0 21px 0;
}

.add_doc h6,
.add_client_note h6 {
    padding: 0 0 14px 0;
    font-size: 14px;
    line-height: 26px;
    color: #707070;
}

.add_doc form ul,
.add_client_note form ul {
    margin: 0 -15px;
    padding: 0 0 24px 0;
}

.add_doc form ul li,
.add_client_note form ul li {
    width: 50%;
    padding: 0 15px;
    position: relative;
}

.add_doc form ul li label,
.add_client_note form ul li label {
    font-size: 14px;
    line-height: 22px;
    color: #222B37;
    padding: 0 0 0 0;
    margin: 0;
    display: block;
    letter-spacing: -0.1px;
}

.add_doc form ul li input.form-control,
.add_client_note form ul li input.form-control {
    border: 1px solid #D0D0D0;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    padding: 0 15px;
    border-radius: 0px;
}

.add_doc form ul li .birth,
.add_client_note ul li .birth {
    position: relative;
}

.add_doc form ul li .birth small,
.add_client_note form ul li .birth small {
    position: absolute;
    left: 11px;
    top: 6px;
    cursor: pointer;
    z-index: 9;
}

.add_doc form ul li .birth input,
.add_client_note form ul li .birth input {
    padding: 0 35px;
}

.add_doc form ul li .form-group,
.add_client_note form ul li .form-group {
    margin: 0 0 17px 0;
}

.add_doc form ul li .form-group.adst1,
.add_client_note form ul li .form-group.adst1 {
    width: 70%;
}

.add_doc form ul li .form-group.adst2,
.add_client_note form ul li .form-group.adst2 {
    width: 22%;
}

.add_doc form ul li .form-check .add_client_note form ul li .form-check {
    padding: 12px 34px 0 0;
}

.add_doc form ul li .form-check label input,
.add_client_note form ul li .form-check label input {
    opacity: 0;
    visibility: hidden;
}

.add_doc form ul li .form-check label span,
.add_client_note form ul li .form-check label span {
    background: url(../images/rd-uncheck.png) no-repeat left center;
    padding: 4px 0 4px 26px;
}

.add_doc form ul li .form-check label input:checked~span,
.add_client_note form ul li .form-check label input:checked~span {
    background: url(../images/rd-check.png) no-repeat left center;
}

.add_doc form ul li.last-child,
.add_client_note form ul li.last-child {
    margin: 14px 0 0 0;
}

.add_doc .send-buton,
.add_client_note .send-buton {
    padding: 25px 0 0 0;
    margin: -12px 0 0 0;
    border-top: 1px solid #D0D0D0;
    position: relative;
}

.add_doc .send-buton .btn,
.add_client_note .send-buton .btn {
    background: #638D61;
    padding: 0 44px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    text-transform: uppercase;
    border-radius: 50px;
}

.add_doc .send-buton .close-add-doc,
.add_client_note .send-buton .close-add-client-note {
    position: absolute;
    right: 0px;
    bottom: 3px;
    font-size: 14px;
    line-height: 26px;
    color: #EB354B;
    cursor: pointer;
}

.choose-file-btn-cnt {
    top: 20px;
}

.choose-file-btn-cnt button:hover {
    color: #FFF;
}

.choose-client-file {
    background-color: #07B2F1;
    color: #FFF;
    font-weight: 700;
    padding-left: 24px;
    padding-right: 24px;
}

#add_client_doc_form small {
    color: #222B37;
}

#client_document_table,
#client_notes_table {
    text-align: left;
}

.add_client_note textarea {
    width: 100%;
    height: 273px;
}


/* Buttons */

.green-add-btn {
    font-size: 14px;
    line-height: 34px;
    font-weight: 700;
    color: #ffffff;
    background: #08D108;
    display: block;
    padding: 0 20px 0 42px;
    border-radius: 20px;
    position: relative;
    text-align: center;
}

.green-add-btn:before {
    content: '+';
    position: absolute;
    left: 5px;
    top: 4.5px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: #ffffff;
    color: #08D108;
    font-size: 20px;
    border-radius: 100%;
}

.green-add-btn:hover,
.green-add-btn:focus {
    color: #FFF;
}

.add_doc_popup {
    width: 139px;
}

.client-doc-head-container {
    margin: 22px 0;
    position: relative;
}

.client-dn-popup-btn {
    position: absolute;
    right: 0;
    bottom: 0;
}

.delete-document:hover,
.delete-note:hover,
.delete-liability:hover,
.delete-scenario:hover {
    cursor: pointer;
}

.payment-tooltip .send-buton.min-pmt-pop {
    margin-top: 5px;
}

.interaction-menu {
    background-color: #FFF;
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 1;
    width: 268px;
    height: 184px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
    border-radius: 5px;
}

.interaction-menu a {
    height: 38px;
    line-height: 38px;
    color: #1391E0;
    font-size: 14px;
}

.interaction-menu:hover {
    cursor: pointer;
}

.triangle {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid;
    position: absolute;
    right: 102px;
    bottom: -5px;
    transform-style: preserve-3d;
    color: #FFF;
    z-index: 2;
}

.triangle::after {
    content: "";
    position: absolute;
    top: 12px;
    left: 9px;
    width: 0;
    height: 0;
    box-sizing: border-box;
    border: 6px solid black;
    border-color: transparent transparent #FFF #FFF;
    transform-origin: 0 0;
    transform: rotate(135deg);
    box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.4);
}

.debit ul li a.active-pill {
    background-color: #638D61;
    border: #638D61;
    color: #FFF;
}

.import a.link-style {
    all: initial;
    background-color: transparent;
    color: #0000EE;
    cursor: pointer;
    text-decoration: underline;
    float: right;
    padding: 5px 5px;
}

.spouse .edit_btn.client_popup {
    line-height: 0;
}

table.dataTable thead th,
table.dataTable thead th.sorting_asc {
    color: #707070;
    font-size: 14px;
    font-weight: bold;
}

.anchor-link {
    all: initial;
    background-color: transparent;
    cursor: pointer;
    padding: 5px 5px;
    font-size: 14px;
}

.anchor-link,
.anchor-link:hover,
.anchor-link:focus {
    color: #1391E0;
}

.overview-info {
    min-height: 22px;
    min-width: 140px;
    display: block;
}

.liabilities-totals {
    background-color: #F2FAD5;
    border: 1px solid #D3F464;
}

.liabilities-totals td {
    color: #222B37;
    margin: 12px 0;
    font-size: 14px;
    font-weight: bold;
}

.w-33 {
    width: 33%!important;
}

.w-66 {
    width: 66%!important;
}

.top-border-gray {
    border-top: solid 1px #E1E4E5;
    margin: 5px 0;
}

.desc-text {
    color: #222b37;
    font-family: Roboto;
    font-size: 14px;
    line-height: 34px;
}

.min-payment-calc-container {
    padding: 13px;
}

.min-payment-calc-container ul {
    margin: 0 !important;
}

.min-payment-calc-container ul li {
    width: 100% !important;
    padding: 0 0 3px 0 !important;
}

.min-payment-calc-container ul li .form-check {
    padding: 0 0 0 0 !important;
}

.min-payment-calc-container ul li .form-check label {
    padding: 0 0 0 0 !important;
    line-height: 36px;
}

.min-payment-calc-container ul li .form-check input.form-control {
    opacity: 1 !important;
    visibility: visible !important;
    width: 63px !important;
    height: 36px !important;
    line-height: 36px !important;
    margin: 0 7px 0 4px;
    padding: 0 10px;
}

.min-payment-calc-container ul li .form-check label span small {
    font-size: 14px;
    display: inline-block;
    width: calc( 100% - 80px);
    width: -webkit-calc( 100% - 80px);
    width: -moz-calc( 100% - 80px);
    width: -oz-calc( 100% - 80px);
    width: -ms-calc( 100% - 80px);
}

.min-payment-calc-container ul li.min .form-check label span small {
    width: 62px;
    margin: 0 5px;
}

.min-payment-calc-container ul li.min {
    padding: 0 0 3px 30px !important;
}

.min-payment-calc-container ul li.min .form-check label span,
.min-payment-calc-container .send-buton .form-check label span {
    background: url(../images/ch-uncheck.png) no-repeat left center;
}

.min-payment-calc-container ul li.min .form-check label input:checked~span,
.min-payment-calc-container .send-buton .form-check label input:checked~span {
    background: url(../images/ch-check.png) no-repeat left center;
}

.min-payment-calc-container .send-buton .btn {
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    padding: 0 17px;
}

.min-payment-calc-container .send-buton {
    padding: 15px 40px 10px 5px;
}

.min-payment-calc-container .send-buton .form-check {
    display: inline-block;
    padding: 0 0 0 20px;
}

.min-payment-calc-container .send-buton .clos,
.min-payment-calc-container .send-buton .close {
    bottom: 10px;
}

.js_lb_overlay {
    height: 100vh;
}

.bg-gray {
    background-color: #EDEDED;
}

#restructure-modal-table td,
#restructure-modal-table td a,
#restructured-liabilities td,
#restructured-liabilities td a {
    font-size: 14px;
    color: #525252;
}

#restructured-liabilities td {
    padding: 8px 18px;
}

.my-account-container label {
    color: #222B37;
}

.grn-btn {
    font-size: 14px;
    line-height: 34px;
    font-weight: 700;
    color: #ffffff;
    background: #638D61;
    display: block;
    padding: 0 20px 0 20px;
    position: relative;
    text-align: center;
    border: none;
}

.btn-rounded {
    border-radius: 20px;
}

.my-account-container .user-info form {
    border: 1px solid #d3d3d3;
}

.license-container .header-container h2,
.global-variables .header-container h2 {
    font-size: 22px;
    font-weight: bold;
    color: #638D61;
}

.license-container .header-container,
.global-variables .header-container {
    border-bottom: 1px solid #E1E3E4;
}

.license-container .header-container div,
.global-variables .header-container div {
    font-size: 14px;
    color: #222B37;
}

.license-info .license-container {
    border-top: 1px solid #CECECE;
    border-bottom: 1px solid #CECECE;
    background-color: #f6f8f9;
}

.license-container .assigned-licenses h3,
.license-container .pending-licenses h3,
.license-container .remaining-licenses h3 {
    font-size: 16px;
    font-weight: bold;
    color: #638D61;
}

.license-container .remaining-licenses form button {
    top: 46%;
}

.gray-border {
    border: 1px solid #d3d3d3!important;
}

label.green-checkbox span {
    font-size: 14px;
    line-height: 22px;
    padding: 0 0 3px 0;
    display: block;
    color: #222B37;
}

.form-check {
    padding: 0;
}

.form-check label.green-checkbox input {
    opacity: 0;
    visibility: hidden;
}

.form-check label.green-checkbox span {
    background: url(../images/ch-uncheck.png) no-repeat left center;
    padding: 4px 0 4px 27px;
}

.form-check label.green-checkbox input:checked~span {
    background: url(../images/ch-check.png) no-repeat left center;
}

.form-check label.green-checkbox.rd span {
    background: url(../images/rd-uncheck1.png) no-repeat left center;
    padding: 4px 0 4px 27px;
}

.form-check label.green-checkbox.rd input:checked~span {
    background: url(../images/rd-check1.png) no-repeat left center;
}

.small-info-header {
    font-size: 20px;
    font-weight: bold;
    color: #638D61;
}