* {
    box-sizing: border-box;
}

html,
body {
    margin: 0px;
    padding: 0px;
    width: 100%;
    overflow-x: hidden;
}


.container{
    padding-left: 60px;
    padding-right: 60px; 
    width: 100%; 
    margin: 0 auto;
}


/* header caret css */

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    opacity: 0;
}

.tab {
    display: none;
}

* {
    box-sizing: border-box;
}

.mgb-10 {
    margin-bottom: 10px;
}

.mgt-10 {
    margin-top: 30px;
}

.mgb-30 {
    margin-bottom: 30px;
}

.mgt-30 {
    margin-top: 30px;
}

.mgtb-30 {
    margin: 30px 0px 0px 0;
    width: 17%;
}

.modal-body {
    position: relative;
    padding: 14px 29px;
}

.prev-mgtb-30 {
    margin: 29px 25px 70px 25px;
}

.prev-icon-left {
    position: absolute;
    color: white;
    margin: 8.5px 0 0 5px
}

.prev-icon-right {
    position: absolute;
    color: white;
    margin: 8.5px 0 0 -21px;
}

.savenxt {
    text-indent: -19px;
    width: 69%;
}

.p-m {
    padding: 0px 10px;
}

#swapborrower {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    float: left;
    margin-left: 51px;
    /* width: 100%; */
    margin-bottom: 7px;
}

.tbmargin {
    margin: 18px 0;
}

.top-style {
    padding-top: 0px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

label {
    color: #000;
    text-align: left;
    font-size: 12px;
    font-weight: 500;
}

.housing-rent {
    margin-top: 10px;
}

.input-text {
    border: 1px solid #dedede;
    width: 100%;
    padding: 2px;
    border-radius: 3px;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #bdbdbd !important;
    box-shadow: 1px 1px 5px 0px darkgrey;
    text-align: center;
}

.type-text {
    border: 1px solid #dedede;
    width: 100%;
    border-radius: 3px;
}

.description {
    width: 100%;
    height: auto;
    padding-bottom: 100px;
}

.coborrower {
    width: 100%;
    border: 1px solid black;
    margin-bottom: 10px;
}

.borrower2 {
    width: 75%;
    border: 1px solid black;
    margin-bottom: 10px;
    padding: 2px;
}

.gender {
    margin-top: 10px;
}

.coborrower3 {
    width: 100%;
    max-width: 40%;
    margin-left: 244px;
    margin-top: 5px;
    border: 1px solid black;
}

.head4 {
    font-size: 20px;
    background-color: #e3e9ef;
    padding: 7px;
    color: #337ab7;
    margin-top: 0px;
}

.input-filed {
    margin: 1px;
    padding-top: 2PX;
    border: 1px solid black;
}

table.dataTable thead .sorting {
    background: url(../images/sort_both.png) no-repeat center right;
    font-size: 12px;
}

.select1-2 {
    margin: 2px;
}

.icon-add-more-attachemnt {
    margin-left: auto;
    margin-right: auto;
}

.emp-box-line {
    border-bottom: 2px solid #0a76b3;
}

.box-shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    padding:35px 5px;
}

.card-box {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    padding: 5px 5px;
    margin-top: 10px;
}

.box-shadow-1 {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    padding: 0px 5px;
}

.box-shadow-2 {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    padding: 20px 5px;
}

.creditcard-bg {
    background-color: #337ab7;
    color: #fff;
    padding: 10px;
}

.liability-bg {
    background-color: #337ab7;
    color: #fff;
    padding: 8px;
}

.addmore-btn {
    float: left;
    margin-top: 10px;
    width: 10%;
    display: flex;
    justify-content: flex-start;
}

.work-page {
    padding: 15px;
    margin-top: 50px;
}

.delete-btn {
    float: right;
    display: flex;
    justify-content: flex-end;
}

.co-app-text {
    color: #ff8c00;
    /* color: #ff5f22; */
}

.facetofacequs label {
    margin-left: 30px;
}

.facetofacequs input {
    margin-left: 30px;
}

.readonlyText {
    width: 75%;
    margin-bottom: 10px;
    padding: 1px;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1 {
    position: relative;
    min-height: 1px;
    padding-right: 3px;
    padding-left: 3px;
}

.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2 {
    position: relative;
    min-height: 1px;
    padding-right: 3px;
    padding-left: 3px;
}

.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3 {
    position: relative;
    min-height: 1px;
    padding-right: 3px;
    padding-left: 3px;
}

.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4 {
    position: relative;
    min-height: 1px;
    padding-right: 3px;
    padding-left: 3px;
}

.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5 {
    position: relative;
    min-height: 1px;
    padding-right: 3px;
    padding-left: 3px;
}

.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6 {
    position: relative;
    min-height: 1px;
    padding-right: 3px;
    padding-left: 3px;
}

.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7 {
    position: relative;
    min-height: 1px;
    padding-right: 3px;
    padding-left: 3px;
}

.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8 {
    position: relative;
    min-height: 1px;
    padding-right: 3px;
    padding-left: 3px;
}

.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9 {
    position: relative;
    min-height: 1px;
    padding-right: 3px;
    /* padding-left: 3px;*/
}

.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10 {
    position: relative;
    min-height: 1px;
    padding-right: 3px;
    padding-left: 13px;
}

.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11 {
    position: relative;
    min-height: 1px;
    padding-right: 3px;
    padding-left: 3px;
}

.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

label.error,
.input-text.error,
.type-text.error {
    color: red!important;
    border-color: red!important;
}

.toolbar {
    text-align: right;
}

.btn {
    padding: 5px 5px;
}

.gov-mon {
    padding-left: 30px;
}

.table.table-bordered tbody th,
table.table-bordered tbody td {
    border-left-width: 0;
    border-bottom-width: 0;
    font-size: 13px;
}

.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
    border-top: 0;
    font-size: 12px;
}

table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td,
table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
    border-top: none;
    font-size: 13px;
}

table.dataTable.display tbody tr:first-child td {
    border-top: none;
    text-align: center;
}

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
    border-top: 1px solid #dddddd;
    font-size: 13px;
}

.btn-group-sm>.btn,
.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    font-size: 10px;
}

.mng-btn-1 {
    font-size: 13px;
}

.mng-btn-2 {
    font-size: 10px;
}

input[type=text],
textarea {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    border: 1px solid #DDDDDD;
}

input[type=text]:focus,
textarea:focus {
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    border: 1px solid rgba(81, 203, 238, 1);
}

input[type=currency],
textarea {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    border: 1px solid #DDDDDD;
}

input[type=currency]:focus,
textarea:focus {
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    border: 1px solid rgba(81, 203, 238, 1);
}

.input-text {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    border: 1px solid #DDDDDD;
}

.input-text:focus,
textarea:focus {
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    border: 1px solid rgba(81, 203, 238, 1);
}

.type-text {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    border: 1px solid #DDDDDD;
}

.type-text:focus,
textarea:focus {
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    border: 1px solid rgba(81, 203, 238, 1);
}

.borrower2 {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    border: 1px solid #DDDDDD;
}

.borrower2:focus,
textarea:focus {
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    border: 1px solid rgba(81, 203, 238, 1);
}

.dataTables_filter input {
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 5px;
    background-color: transparent;
    margin-left: 3px;
    width: 75%;
}

.dual-list .list-group {
    margin-top: 8px;
}

.list-left li,
.list-right li {
    cursor: pointer;
}

.list-arrows {
    margin-top: 93px;
}

.list-arrows button {
    margin-bottom: 20px;
    font-size: 10px;
    /* padding: 3px; */
    background-color: #f5f5f5;
    margin-right: 22px;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 16px 0px;
    margin-bottom: 7px;
    background-color: #fff;
    border: 1px solid #fff;
}

.gry-bg {
    min-height: 20px;
    padding: 19px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}

.mgt-100 {
    margin-top: 44px;
}

.mgt-22 {
    margin-top: 22px;
    padding: 0px 40px;
}

.white-bg-1 {
    background-color: #fff;
    height: 100%;
    max-height: 50%;
    margin-right: -45px;
}

.white-bg-2 {
    background-color: #fff;
    height: 100%;
    max-height: 50%;
    margin-left: -45px;
}

.import-btns {
    margin-left: -45px;
}

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

.credit-header-1 p {
    text-align: left;
    margin-left: -33px;
}

.credit-header-2 p {
    text-align: left;
    margin-left: -33px;
}

.populate-btn {
    text-align: center;
    margin-top: 20px !important;
}

#populateBtn {
    margin-top: 20px;
}

.loadLibilities {
    font-size: 10px;
    text-align: left;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: none !important;
}

.mgb-t {
    margin-top: -20px;
}

#libilites-menu-1 {
    text-align: left;
    margin-left: -32px;
    font-weight: 600;
}

div#libilites-menu-1 li {
    display: inline;
}

#libilites-menu-2 {
    text-align: left;
    margin-left: -37px;
    font-weight: 600;
}

div#libilites-menu-2 li {
    display: inline;
}

.pdl-5 {
    padding-left: 5px;
}

.pdl-8 {
    padding-left: 8px;
}

.pdl-10 {
    padding-left: 10px;
}

.pdl-15 {
    padding-left: 15px;
}

.pdl-20 {
    padding-left: 20px;
}

.pdl-25 {
    padding-left: 25px;
}

.pdl-30 {
    padding-left: 30px;
}

.list-group-item div {
    width: 20%
}

.notification {
    color: white;
    text-decoration: none;
    padding: 10px 26px;
    position: relative;
    display: inline-block;
    border-radius: 2px;
}

.notification:hover {
    background: red;
}

.notification .badge {
    position: absolute;
    top: 8px;
    right: 23px;
    padding: 2px 5px;
    border-radius: 50%;
    background: red;
    color: white;
}

.card-div {
    padding-left: 0px;
    padding-right: 0px;
}

.card-div2 {
    padding-left: 15px;
    padding-right: 15px;
}

.property-address {
    margin-top:5px;
    color: #000;
}

.income-table-div {
    padding: 0px 0px;
    display: flex;
    top: 13px;
}

.income-table {}

.income-table th {
    text-align: left !important;
    font-weight: 500;
    font-size: 13px;
}

.income-table td {
    padding: 0px 5px;
}

.trashloanid {
    float: right;
}

.profile-pic {
    /*width: 100%;*/
    width: 20px;
    height: 20px;
    border-radius: 10%;
}

.accessprivilege {
    width: 100%;
    max-width: 15%;
    padding: 5px 3px;
    font-size: 14px !important;
}

.accessprivilege-level {
    width: 100%;
    max-width: 80%;
    padding: 5px 3px;
    font-size: 14px !important;
    margin-bottom: 20px;
}

.refresh-btn {
    margin-top: 20px;
    padding: 5px 3px;
}

.mtb-5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.mtb-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mtb-15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.mtb-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mtb-25 {
    margin-top: 25px;
    margin-bottom: 25px;
}

.mtb-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.mt-5 {
    margin-top: 5px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-41 {
    margin-top: 41px;
}

.mb-5 {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-50 {
    margin-bottom: 50px;
}

.complted-by {
    margin-top: 15px;
    margin-bottom: 30px;
}

.loan-contact-tbl {}

.loan-contact-tbl th {
    font-weight: 500;
    text-align: left;
    background-color: #f1f1f1;
}

.third-party-box {
    box-shadow: 1px 1px 0px 1px rgb(213 213 213 / 37%);
    padding: 20px 5px;
    height: 300px;
    margin-bottom: 20px;
}

.third-party-box2 {
    box-shadow: 0px 2px 0px 0px rgb(213 213 213 / 37%);
    padding: 20px 5px;
    height: 300px;
    margin-bottom: 20px;
}

.third_prty_cntcts {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 5px 5px;
    padding-right: 5px;
    padding-left: 5px;
  margin-top: 10px;
}

.txt-area {
    height: 100px;
    width: 58%;
    border: 1px solid #ced4da !important;
    margin: 0 0 0 0.3%;
}

.third-party-box-end1 {
    box-shadow: 2px 0px 0px 0px rgb(213 213 213 / 37%);
    padding: 20px 5px;
    height: 300px;
    margin-bottom: 20px;
}

.third-party-box-end2 {
    padding: 20px 5px;
    height: 300px;
    margin-bottom: 20px;
}

.purchase_cntcts {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 5px 5px;
    padding-right: 5px;
    padding-left: 5px;
  margin-top: 10px;
}

.purchase-box {
    box-shadow: 1px 1px 0px 1px rgb(213 213 213 / 37%);
    padding: 20px 5px;
    height: 330px;
    margin-bottom: 20px;
    margin-left: -2px;
}

.purchase-box-sellers {
    box-shadow: 0px 2px 0px 0px rgb(213 213 213 / 37%);
    padding: 20px 5px;
    height: 330px;
    margin-bottom: 20px;
    margin-left: -2px;
}

.purchase-box-end1 {
    box-shadow: 2px 0px 0px 0px rgb(213 213 213 / 37%);
    padding: 20px 5px;
    height: 300px;
    margin-bottom: 20px;
}

.purchase-box-end2 {
    padding: 20px 5px;
    height: 300px;
    margin-bottom: 20px;
}

.loan-contact-tbl td,
th {
    text-align: left;
    padding: 8px;
}
button[disabled],
select[disabled],
input[disabled] {
    background-color: #DDDDDD;
    color: #666666;
    cursor: not-allowed;
    opacity: 1;
}


a,
a:hover,
a:focus {
    text-decoration: none;
    transition: all 0.3s;
}

.wrapper {
    display: flex;
    align-items: stretch;
}


.submenu {
    font-size: 12px;
    font-weight: 700;
}

#docs li a:hover {
    background-color: #322f3b8c;
    color: #fff
}

#docs li a:active {
    background-color: #7c7c7c8c;
    color: #fff
}

#loan li a:hover {
    background-color: #322f3b8c;
    color: #fff
}

#loan li a:active {
    background-color: #7c7c7c8c;
    color: #fff
}

#contacts li a:hover {
    background-color: #322f3b8c;
    color: #fff
}

#contacts li a:active {
    background-color: #7c7c7c8c;
    color: #fff
}

#trackdates li a:hover {
    background-color: #322f3b8c;
    color: #fff
}

#trackdates li a:active {
    background-color: #7c7c7c8c;
    color: #fff
}

#otheractions li a:hover {
    background-color: #322f3b8c;
    color: #fff
}

#otheractions li a:active {
    background-color: #7c7c7c8c;
    color: #fff
}

#accounts li a:hover {
    background-color: #322f3b8c;
    color: #fff
}

#accounts li a:active {
    background-color: #7c7c7c8c;
    color: #fff
}

#survey li a:hover {
    background-color: #322f3b8c;
    color: #fff
}

#survey li a:active {
    background-color: #7c7c7c8c;
    color: #fff
}

#designtmplt li a:hover {
    background-color: #322f3b8c;
    color: #fff
}

#designtmplt li a:active {
    background-color: #7c7c7c8c;
    color: #fff
}

.menu {
    background-color: #0078bf;
    color: #fff !important;
   
}

.menu a {
    text-decoration: none;
}

.sidebar-arrow {
    font-size: 7px;
    margin: 0 0 0 20% !important;
}

a[data-toggle="collapse"] {
    position: relative;
}

a[aria-expanded="false"]::before {
    content: '\e259';
    display: block;
    position: absolute;
    right: 20px;
    font-family: 'Glyphicons Halflings';
    font-size: 0.6em;
    top: 10px;
}

a[aria-expanded="true"]::after {
    content: '\e260';
    display: block;
    position: absolute;
    right: 20px;
    font-family: 'Glyphicons Halflings';
    font-size: 0.6em;
    top: 10px;
}


/* a[aria-expanded="true"]::before {
    content: '\e260';
} */

#sidebar.active {
    margin-left: 0;
}

#sidebarCollapse span {
    display: none;
}

.refresh-icon {
    margin-left: -20px;
}

#captcha-img {
    margin-right: 20px;
}

.sign-up-btn {
    margin-top: -3px !important;
    margin-left: 146px !important;
}

.cntr {
    margin: 3% 1% 1% 2% !important;
}

.price_menu {
    /*border-bottom: 0;
    background-color: #e8f3f366;
    color: #61a4dd;*/
    border-bottom: 0;
    background-color: #e8f3f366;
    color: #575252;
}

.plus {
    color: white;
    font-size: 11px;
    font-weight: 100 !important;
    line-height: 2 !important;
    text-align: center;
    font-weight: 800;
    float: right;
    background-color: #61a4dd !important;
    width: 22px;
    height: 22px;
    margin: -3px 0 0 0;
    /* border-radius: 50%; */
    border: 0;
    position: relative;
    left: 5px;
    border-top-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.txt_decor {
    /* color: #337ab7; */
    text-decoration: none !important;
    text-transform: capitalize;
}

table.striped td,
th {
    text-align: center;
    padding: 4px 5px !important;
}

.striped tr:nth-child(odd) {
    background-color: #e4f1f182;
}

.striped tr,
th {
    background-color: white;
    border: 0;
}

.panel-title a[aria-expanded]::before {
    content: '';
}

.dataTables_filter input {
    border: 1px solid #aaa;
    border-radius: 16px;
    padding: 5px;
    background-color: transparent;
    margin-left: 3px;
    width: 75%;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border-radius: 3px;
    border: 0px;
    background: linear-gradient(to bottom, #585858 0%, #111111 100%);
}

.dataTables_wrapper .dataTables_length {
    color: #333333;
    margin-bottom: 0.5%;
}

div.dataTables_length select {
    width: 75px;
    display: inline-block;
    height: 25px;
    font-size: 15px;
    text-align: center;
}

.profile-img {
    border-radius: 50%;
    width: 57%;
    height: 160px;
    object-fit: cover;
}

.center-block {
    display: block;
    margin: 0 0 0 16%;
}

.notifyText {
    text-align: center;
}

.dependents {
    padding: 0;
}

.buyratrny_chckbx {
    margin: 1% 0% 0 5% !important;
}

.buyr_attrny {
    margin: 0 0 0 -14%;
    font-size: 12px;
    font-style: italic;
}

.othr_actn_imprt_chck {
    margin: 2px 0 0 -18px !important;
}

.othr_actn_imprt_lbl {
    float: left;
    white-space: nowrap;
}


/* THIS IS FOR CLOSE BUTTON FONTSIZE IN MODAL */

.othr_actn_imprt_btn_fnt {
    font-size: 14px;
}

#cobrcreditscore {
    margin: 2% 0 4% 0;
}

.radio-btn-sectn {
    margin: 2% 0 0 0;
}

.co-applicant-label {
    margin: 5% 0 0 0;
}

.co-applicant-radio-btn {
    margin: 4% 0 0 0;
}


/*event page css*/

.eventcontrcontr-bg {
    background-color: white;
    width: 100% !important;
    margin-top: 4%;
    padding: 10px 17px !important;
    height: auto;
    /* height: 540px; */
}

.eventright-txt {
    margin: -4% 0 1% 9%;
}

.eventright-txt1 {
    margin: -3% 0 1% 11% !important;
}

.eventinpt-width {
    width: 54.4% !important;
    margin: 0 0 0 1%;
}

.eventselect {
    width: 33% !important;
    margin: -3% 0 1% 10%;
    border: 1px solid #c8c8c8;
    padding: 7px 10px;
    border-radius: 4px;
    color: #9d8a8a;
    font-size: 15px;
}

.eventdate {
    width: 11.5% !important;
    margin: -4% 0 2% 48%;
}

.eventtxt-area {
    height: 100px;
    width: 54%;
    border: 1px solid #ced4da !important;
    margin: 0 0 0 0.3%;
}

.eventcrt-evnt-btn {
    font-size: 13px !important;
    margin: 2% 0 0 4% !important;
}

.eventcriteria-div {
    width: 36.6% !important;
}


/* .content-card {
box-shadow: 4px 3px 9px 1px #cccbcb;
border-radius: 4px;
border: 2px solid #b8b3b3;
border-style: hidden;
width: 81%;
height: 244px;
padding: 3px;
cursor: pointer;
} */


/* textarea:focus{ 
    outline: #ced4da !important;
} */


/* .crd-icn{
    padding: 26px;
    text-align: center;
    font-size: 50px;
    color: #FF5733 ;
} */


/* .crd-title{
    color: #110505;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
} */


/* .crt-tmplt{
    color: #110505;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
} */


/* .cnt-row-pdng {
padding: 49px 112px !important;
margin: 0 0 0 -7%;
} */

.eventcntnr-width {
    width: 50% !important;
    margin: 0 0 0 8.6% !important;
}

.eventpreviewbtn {
    margin: 2% 0 0 0;
}

.eventshowlist {
    font-size: 13px !important;
    padding: 4px !important;
    margin: 1.6% 0 0 0;
    border-radius: 3px !important;
}


/* .recent-sent-div {
text-align: left;
padding: 97px 20px;
} */


/* .recent-sent-div span{
    font-weight: 600;
    color: #ff5733;
    font-size: 17px;
} */

.eventpreview-div {
    margin: 0 0 0 25%;
    padding: 9px;
    font-size: 14px;
    text-align: justify;
    box-shadow: 4px 3px 9px 1px #cccbcb;
    border-radius: 4px;
    width: 48% !important;
}

.eventtoast {
    margin: 3% 0 0 19%;
}

.eventmodalheader {
    border-bottom: 0px solid #dee2e6 !important;
}

.eventPreview-sbjtxt {
    margin: -5% 0 0 0%;
    font-size: 16px;
}

.eventimg-modal {
    width: 100%;
    margin: 3% 0 0 0;
}

.eventsignature {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    margin: -2% 0 0 -4%;
}

.eventlender-logo-txt {
    margin: 4px 2% 0 2%;
    font-size: 10px;
    position: absolute;
    line-height: 10px;
}

.eventmsg {
    text-align: justify;
    font-size: 14px;
    white-space: break-spaces;
    margin-top: 20px;
}

.eventconclusion {
    font-size: 14px;
    padding: 0 20px;
}


/* multiselect-1 css */

.ms-options-wrap>button {
    border: 1px solid #ced4da !important;
    padding: 8px 20px 4px 12px !important;
    margin-top: 1px;
    font-size: 15px !important;
    border-radius: 4px !important;
    color: #757576 !important;
}


/*event page css end*/


/*   **********Tasks CSS************    */

.task-check-icnAfter {
    font-size: 20px;
    border: 2px solid #a8de3a;
    width: 28px;
    height: 28px;
    padding: 2px 2px;
    border-radius: 50px;
    color: #a8de3a;
    background: white;
}


/* .card-row{
  margin: 6% 0 0 0;
} */

.task-card-icn {
    border-radius: 50px;
    width: 46px;
    margin: 10px 0 0 65px;
    border: 1px solid #d3cfcf;
    padding: 9px 7px 2px 9px;
    height: 46px;
    font-size: 19px;
    text-align: center;
}

.task-card-para {
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    /* color: #918f8f; */
    color: #787777;
}

.task-card-txt {
    font-size: 11px;
    font-weight: 900;
    display: inline-table;
    margin: -52px 0 9px 0;
    color: #8d8d8d;
    text-align: justify;
}

.task-card-time {
    font-size: 10px;
    font-weight: 700;
    color: whitesmoke;
    white-space: nowrap;
    /* color: #8d8d8d; */
}

.task-card-bottom {
    position: absolute;
    bottom: -1px;
    text-align: center;
    width: 91%;
    margin: 0 0 0 -6% !important;
    background-color: #ff9800;
    /* background-color: #fbbbbb; */
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.task-edited-card-bottom {
    position: absolute;
    bottom: -1px;
    text-align: center;
    width: 90%;
    margin: 0 0 0 -6% !important;
    background-color: #ff9800;
    /* background-color: #fbbbbb; */
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.task-custom-card {
    margin: 11% 1% 4% 0;
    height: 264px;
    width: 92%;
    cursor: pointer;
    box-shadow: 0 0 15px -3px #9e9e9e;
    background-color: whitesmoke !important;
    padding: 12px;
}

.task-created-status {
    background-color: #ffd51f;
    width: 7px;
    height: 7px;
    box-shadow: 0px 1px 9px 1px #ffd51f78;
    cursor: pointer;
    padding: 5px;
}

.task-progress-status {
    background-color: #33adff;
    width: 7px;
    height: 7px;
    box-shadow: 0px 1px 9px 1px #33adff8f;
    cursor: pointer;
    padding: 5px;
}

.task-finished-status {
    background-color: #44ff33;
    width: 7px;
    height: 7px;
    /* box-shadow: 0px 1px 9px 1px #d3d3ce; */
    box-shadow: 0px 1px 9px 1px #44ff3361;
    cursor: pointer;
    padding: 5px;
}

.task-edited-status {
    background-color: #ff7979;
    width: 7px;
    height: 7px;
    box-shadow: 0px 1px 9px 1px #ff7979f2;
    cursor: pointer;
    padding: 5px;
}

.task-edited-custom-card {
    margin: 11% 1% 4% 0;
    height: 264px;
    width: 92%;
    cursor: pointer;
    background-color: #a8de3a !important;
    box-shadow: 0 0 20px -3px #d0d0d0;
    padding: 14px;
}

.task-edited-card-bottom {
    position: absolute;
    bottom: -1px;
    text-align: center;
    width: 90%;
    margin: 0 0 0 -6% !important;
    background-color: #ff9800;
    /* background-color: #fbbbbb; */
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.task-trash-btn {
    color: whitesmoke;
    background-color: #f0f8ff00 !important;
    border: 0 !important;
    float: right;
}

.task-edited-card-icn {
    border-radius: 50px;
    width: 46px;
    margin: -6px 0 0 65px;
    border: 1px solid #fff;
    padding: 9px 7px 2px 9px;
    height: 46px;
    font-size: 19px;
    text-align: center;
}

.task-edited-card-para {
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    /* color: #918f8f; */
    color: #fff;
}

.task-edited-card-txt {
    font-size: 11px;
    font-weight: 900;
    display: inline-table;
    margin: -52px 0 9px 0;
    color: #fff;
    text-align: justify;
}

.task-edited-card-time {
    font-size: 10px;
    font-weight: 700;
    color: whitesmoke;
    white-space: nowrap;
}

.task-custom-card-selected {
    margin: 10% 1% 4% 0;
    height: 264px;
    width: 92%;
    color: #a8de3a;
    border: 1px solid #a8de3a !important;
    cursor: pointer;
}

.task-tick-crd {
    color: #a8de3a;
    margin: 0% 0 0 19%;
    position: absolute;
    z-index: 99;
    opacity: 0;
}

.task-tick-crdAfterselection {
    color: #a8de3a;
    margin: 36px 0 0 200px;
    position: absolute;
    z-index: 99;
    opacity: 1;
}

.task-operation-row {
    position: absolute;
    z-index: 99;
    margin: 24px 0 0 172px !important;
}

.task-edit {
    border: 0;
    margin: 0px 0 0 180%;
    color: #ff9800 !important;
    background-color: whitesmoke !important;
}


/* 
.task-drag{
      display: initial;
      grid-template-columns: repeat(5, 1fr);
     
}

*/


/* tool tip css */

.task-created-status:hover span {
    opacity: 1;
    transform: translate(-50%, 0);
}

.task-created-status span {
    position: absolute;
    left: 6%;
    bottom: 100%;
    opacity: 0;
    margin-bottom: -3em;
    padding: 1em;
    background-color: #000;
    font-size: 12px;
    line-height: 1.6;
    text-align: left;
    white-space: nowrap;
    transform: translate(-50%, 1em);
    transition: all 0.15s ease-in-out;
    color: white;
    z-index: 99;
}

.task-created-status span::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border: 0.5em solid transparent;
    border-top-color: #000;
    transform: translate(-50%, 0);
}

.task-progress-status:hover span {
    opacity: 1;
    transform: translate(-50%, 0);
}

.task-progress-status span {
    position: absolute;
    left: 6%;
    bottom: 100%;
    opacity: 0;
    margin-bottom: -3em;
    padding: 1em;
    background-color: #000;
    font-size: 12px;
    line-height: 1.6;
    text-align: left;
    white-space: nowrap;
    transform: translate(-50%, 1em);
    transition: all 0.15s ease-in-out;
    color: white;
    z-index: 99;
}

.task-progress-status span::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border: 0.5em solid transparent;
    border-top-color: #000;
    transform: translate(-50%, 0);
}

.task-finished-status:hover span {
    opacity: 1;
    transform: translate(-50%, 0);
}

.task-finished-status span {
    position: absolute;
    left: 6%;
    bottom: 100%;
    opacity: 0;
    margin-bottom: -3em;
    padding: 1em;
    background-color: #000;
    font-size: 12px;
    line-height: 1.6;
    text-align: left;
    white-space: nowrap;
    transform: translate(-50%, 1em);
    transition: all 0.15s ease-in-out;
    color: white;
    z-index: 99;
}

.task-finished-status span::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border: 0.5em solid transparent;
    border-top-color: #000;
    transform: translate(-50%, 0);
}

.task-edited-status:hover span {
    opacity: 1;
    transform: translate(-50%, 0);
}

.task-edited-status span {
    position: absolute;
    left: 6%;
    bottom: 100%;
    opacity: 0;
    margin-bottom: -2em;
    padding: 1em;
    background-color: #000;
    font-size: 12px;
    line-height: 1.6;
    text-align: left;
    white-space: nowrap;
    transform: translate(-50%, 1em);
    transition: all 0.15s ease-in-out;
    color: white;
    z-index: 99;
}

.task-edited-status span::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border: 0.5em solid transparent;
    border-top-color: #000;
    transform: translate(-50%, 0);
}


/* Fee worksheet */

.Lf-dollar {
    line-height: 35px;
    font-size: 16px;
    margin: 0 0 0 28%;
}

.Lf-totalfee {
    text-align: right;
    width: 64% !important;
    float: right !important;
}


/* Fee worksheet css*/

.table-mrg-top {
    margin: 0 0 -9px !important;
}

.lf-table-hdng {
    font-stretch: extra-condensed;
    font-weight: 500;
    border: 0 !important;
}

.lf-col-name {
    /* width: 36%; */
    text-align: left !important;
    font-size: 12px;
}

.lf-b-col-name {
    width: 21%;
    text-align: left !important;
    font-size: 12px;
}

.lf-h-col-name {
    width: 25%;
    text-align: left !important;
    font-size: 12px;
}

.lf-arp {
    text-align: center;
    font-size: 12px;
}

.lf-prepaids-dates {
    width: 0%;
    font-weight: 500;
    border: 0;
    text-transform: capitalize;
    font-size: 13px;
}

.lf-selectbox {
    font-size: 12px;
    padding: 0;
    height: 20px;
    /* width: 69%; */
    float: right;
}

.lf-b-selectbox {
    font-size: 12px;
    padding: 0;
    height: 20px;
    /* width: 104%; */
    float: right;
}

.lf-escrow-selectbox {
    height: 24px;
    padding: 0;
    font-size: 12px;
}

.lf-g-remaining {
    text-align: right;
    /* width: 49% !important; */
    float: right !important;
    padding: 3px;
    height: 24px;
    margin: 0 0 0 0;
    font-size: 12px;
}

.lf-percent {
    text-align: right;
    /* width: 74% !important; */
    float: right !important;
    padding: 3px;
    height: 24px;
    margin: 0 0 0 0;
    font-size: 12px;
}

.lf-totalfee {
    text-align: right;
    /* width: 58% !important; */
    float: right !important;
    padding: 3px;
    height: 24px;
    margin: 0 0 0 0;
    font-size: 12px;
}

.lf-g-months {
    text-align: center;
    /* width: 58% !important; */
    float: right !important;
    padding: 3px;
    height: 24px;
    margin: 0 0 0 0;
    font-size: 12px;
}

.lf-remaining {
    text-align: right;
    /* width: 74% !important; */
    float: right !important;
    padding: 3px;
    height: 24px;
    margin: 5% 0 0 0;
    font-size: 12px;
}

.lf-payee-inpt {
    float: left;
    /* width: 95%; */
    height: 23px;
    padding: 0;
    font-size: 12px;
}

.lf-payoff-payee-inpt {
    float: left;
    width: 80%;
    /* width: 95%; */
    height: 23px;
    padding: 0;
    font-size: 12px;
}

.lf-payoffs-totalfee {
    text-align: right;
    width: 80% !important;
    float: right !important;
    padding: 3px;
    height: 24px;
    margin: 0 0 0 0;
    font-size: 12px;
}

.lf-total {
    margin: -2% 5% 0 0%;
    text-align: right;
}

.lf-prepaidstotal {
    margin: -2% 0 0 76%;
    white-space: nowrap;
}

.lf-k-hdng {
    font-size: 12px;
    font-weight: 600;
    border: 0;
    text-align: left;
    text-indent: 78px;
}

.lf-k-date {
    font-size: 12px;
    font-weight: 500;
    border: 0;
    text-align: center;
}

.lf-f-date {
    width: 84%;
}

.lf-date-width {
    width: 75%;
    letter-spacing: 1px;
}

.lf-l-date-width {
    /* width: 65%; */
    width: 80%;
    letter-spacing: 1px;
}

.lf-adjustments-inpt {
    float: left;
    width: 100%;
    height: 23px;
    padding: 0;
    font-size: 12px;
}

.lf-tempselct {
    height: 32px;
    margin: 2% 0 0 0;
    width: 110%
}

label#app_agree\[\]-error {
    position: absolute;
    margin: 18px 0 0 2px !important;
    font-size: 11px;
}

label#coapp_agree\[\]-error {
    position: absolute;
    margin: 18px 0 0 2px !important;
    font-size: 11px;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';
    /* essential for enabling glyphicon */
    content: "\2b";
    /* adjust as needed, taken from bootstrap.css */
    float: right;
    /* adjust as needed */
    color: white;
    font-size: 11px;
    font-weight: 100 !important;
    line-height: 2 !important;
    text-align: center;
    font-weight: 800;
    float: right;
    background-color: #61a4dd !important;
    width: 22px;
    height: 22px;
    margin: -3px 0 0 0;
    /* border-radius: 50%; */
    border: 0;
    position: relative;
    left: 5px;
    border-top-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.panel-heading .accordion-toggle.collapse-in:after {
    /* symbol for "collapsed" panels */
    content: "\2212";
    /* adjust as needed, taken from bootstrap.css */
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\2b";
    /* adjust as needed, taken from bootstrap.css */
}

@-moz-document url-prefix() {
    #coAppAgreelabel {
        display: block;
        margin-left: -369px;
        margin-top: 38px !important;
    }
    #coAppAgreediv {
        margin-top: 9px !important;
        float: right;
        display: block;
    }
}


/* Prospects-Edit prospects CSS  */

.prospect-rightcard {
    left: -14px;
}

.prospect-incmdtls-title {
    margin: 7px 0 0 3px;
    line-height: 22px;
    font-size: 15px;
    color: #ff8c00;
}

.prospect-table-title {
    font-size: 15px;
    color: #ff8c00;
}

.prospect-incmdtls-labl-span {
    width: 28%;
    position: absolute;
    margin: 5px 0 0 131px;
    /* margin: 5px 0 0 166px; */
    /* margin: 5px 0 0 122px; */
}

.prospect-incmdtls-labl1 {
    font-size: 10px;
    margin: 3px 0 7px 10px;
}

.prospect-incmdtls-labl2 {
    font-size: 10px;
    margin: 0 0 0 10px;
}

.prospect-incmdtls-labl3 {
    font-size: 10px;
    margin: 5px 0 0 10px;
}

.prospect-incmdtls-chckbx1-span {
    width: 28%;
    position: absolute;
    margin: 5px 0 0 229px;
    /* margin: 5px 0 0 284px; */
    /* margin: 5px 0 0 251px; */
}

.prospect-incmdtls-chckbx2-span {
    width: 28%;
    position: absolute;
    margin: 5px 0 0 298px;
    /* margin: 5px 0 0 393px; */
    /* margin: 5px 0 0 363px; */
}

.prospect-incmdtls-chckbx {
    padding: 0;
    margin: 0 0 13px 0;
}


/* branch css */

.branch-modal-hdng {
    color: #ff8c00;
    font-weight: bold;
    /* position: absolute;
    top: 4.5%;
    left: 41%;
    background: white;
    padding: 5px 11px; */
}

.branch-emp-tbl {
    border: 0;
    font-size: 12px;
    color: #ff8c00;
}

.branch-brchmngrmodal {
    width: 26%;
    margin: 9% 0 0 36%;
}

.branch-panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';
    /* essential for enabling glyphicon */
    content: "\2b";
    /* adjust as needed, taken from bootstrap.css */
    float: right;
    /* adjust as needed */
    color: white;
    font-size: 11px;
    font-weight: 100 !important;
    line-height: 2 !important;
    text-align: center;
    font-weight: 800;
    float: right;
    background-color: #61a4dd !important;
    width: 22px;
    height: 22px;
    margin: -3px 0 0 0;
    /* border-radius: 50%; */
    border: 0;
    position: relative;
    left: 5px;
    border-top-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.branch-panel-heading .accordion-toggle.collapse-in:after {
    /* symbol for "collapsed" panels */
    content: "\2212";
    /* adjust as needed, taken from bootstrap.css */
}

.branch-panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\2b";
    /* adjust as needed, taken from bootstrap.css */
}


/* Edit user css */

.edituser-checkbx {
    float: left !important;
    margin: 1% 3% 0 0 !important;
}

.edituser-label {
    width: 100%;
}

.edituser-label-custmr {
    width: 100%;
    margin: 4% 0 0 2%;
}


/* 3rd party css */

.thirdparty-tables-hdng {
    margin: 35px 0 0 0;
}


/* Manage user css */

.inpt-brder {
    border: 0 !important;
}

.mngusr-stlic-state {
    width: 11%;
    font-size: 11px;
    text-align: center;
    border: 1px solid lightgrey;
}

.mngusr-stlic-lcnum {
    width: 14%;
    font-size: 11px;
    text-align: center;
    border: 1px solid lightgrey;
}

.mngusr-stlic-lcname {
    width: 36%;
    font-size: 11px;
    text-align: center;
    border: 1px solid lightgrey;
}

.mngusr-stlic-status {
    width: 16%;
    font-size: 11px;
    text-align: center;
    border: 1px solid lightgrey;
}

.mngusr-stlic-date {
    font-size: 11px;
    text-align: center;
    border: 1px solid lightgrey;
}


/*  password show and hide css*/

.changepwd-eye {
    margin: 8% 0 0 57%;
    position: absolute;
    cursor: pointer;
}

.changepwd-eye2 {
    margin: 8% 0 0 32%;
    position: absolute;
    cursor: pointer;
}


/*  setup show and hide css*/

.config_pwd {
    margin: 1.7% 0 0 89%;
    position: absolute;
    cursor: pointer;
}

.setup-multislct #ms-list-1.ms-options {
    width: 95% !important;
    margin-left: 2.5%;
}

.create-lc {
    background: blueviolet;
    color: white;
    width: 30%;
    height: 35px;
    padding: 8px;
    border-radius: 50px;
}

.createlc-dsktp {
    position: absolute;
    margin: -17% 0 0 31%;
    font-size: 13px;
}


/* managpipeline css */

.loans-prtyaddrs {
    display: block;
    width: 165px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/* survey css */

.survey-rating {
    font-weight: 600;
    width: 6%;
    background: white;
    border: 2px solid darkgray;
    border-radius: 3px;
    font-size: 12px;
    padding: 3px;
    margin: -3px;
}

.ExtremelySatisfied {
    font-size: 10px;
    color: #2daa04;
    font-weight: 600;
    margin: 0 0 0 7%;
}

.Satisfied {
    font-size: 10px;
    color: #60d53a;
    font-weight: 600;
    margin: 0 0 0 7%;
}

.Neutral {
    font-size: 10px;
    color: #d3d53a;
    font-weight: 600;
    margin: 0 0 0 6%;
}

.Dissatisfied {
    font-size: 10px;
    color: orange;
    font-weight: 600;
    margin: 0 0 0 2%;
}

.Extremelydissatisfied {
    font-size: 10px;
    color: red;
    font-weight: 600;
}

.survey-txtarea {
    border-top: 2px solid #cac7c7;
    padding: 9px 5px;
    width: 96%;
    margin: 0 0 0 2%;
    background: lightgray;
}

.survey-setuprating {
    padding: 9px 5px;
    width: 96%;
    margin: 0 0 0 20%;
}

.survey-checkbox {
    border-top: 2px solid #cac7c7;
    padding: 9px 5px;
    width: 96%;
    margin: 0 0 0 2%;
    background: lightgray;
}

.survey-radio {
    border-top: 2px solid #cac7c7;
    padding: 9px 5px;
    width: 96%;
    margin: 0 0 0 2%;
    background: lightgray;
}

.survey-add {
    color: azure;
    float: right;
    font-size: 20px;
    margin: 8% 0 0 0;
    cursor: pointer;
}

.survey-minus {
    color: azure;
    float: left;
    font-size: 20px;
    margin: 8% 0 0 0;
    cursor: pointer;
}


/*  tracking survey css */

.page-header {
    padding-bottom: 9px;
    margin: 0;
    border-bottom: 1px solid #eee;
}

.text-center {
    text-align: center;
}

#progressbar {
    /* margin: 0 0 30px 0; */
    margin: 11px 0 30px -62px;
    padding: 0;
    overflow: hidden;
    /*counter-reset: step;*/
}

#progressbar li {
    font-family: 'Roboto', Helvetica;
    list-style-type: none;
    color: #797979;
    text-transform: uppercase;
    font-size: 12px;
    width: 33%;
    height: 71px;
    float: left;
    position: relative;
    font-weight: 500;
}

#progressbar li:first-child:before {
    font-family: "Glyphicons Halflings";
    content: "\e144";
    /* content: "\e086"; */
    font-size: 22px;
}

#progressbar li:nth-child(2):before {
    font-family: "Glyphicons Halflings";
    content: "\e105";
    font-size: 22px;
}


/* #progressbar li:nth-child(3):before {
    font-family: "Glyphicons Halflings";
    content: "\e125";
    font-size: 27px;
} */

#progressbar li:last-child:before {
    font-family: "Glyphicons Halflings";
    content: "\e084";
    font-size: 22px;
}

#progressbar li:before {
    /*content: counter(step);*/
    /*counter-increment: step;*/
    width: 36px;
    height: 36px;
    font-family: Ionicons;
    font-size: 25px;
    line-height: 32px;
    border-radius: 50%;
    border: 2px solid #797979;
    background-color: white;
    display: block;
    margin: 0 auto 5px auto;
    /* margin: -8px auto 5px -4px; */
    /* position: fixed; */
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 15px;
    background-color: #797979;
    position: absolute;
    top: 11px;
    z-index: -1;
    left: -50%;
}

#progressbar li:first-child:after {
    content: none;
}

#progressbar li.active:before,
#progressbar li.active:after,
#progressbar li.active {
    border-color: #78AB46;
    color: #78AB46;
}

#progressbar li.active+li:after {
    /* background-color: #78AB46;
    content: ''; */
    background-color: #53b733;
    content: '';
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, #d8151500 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}

#progressbar li.deliver+li:after {
    background-color: #53b733;
    content: '';
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, #d8151500 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}

#progressbar li.accessed+li:after {
    background-color: #53b733;
    content: '';
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, #d8151500 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}

#progressbar li.complete+li:after {
    background-color: #53b733;
    content: '';
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, #d8151500 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}

#progressbar li.active:before {
    font-family: "Glyphicons Halflings";
    /*content: '\e008';*/
}


/* Wizard CSS End */


/* loan info css */

.loaninfo-inpt-txtalgn {
    text-align: right;
}


/* employment income page css */

.emplymnt-textcolor {
    width: 100%;
    color: #ff8c00;
    font-weight: bold;
    font-size: 12px;
}


/* conditions page css */


/* .conditions a[aria-expanded="true"]::before,
a[aria-expanded="false"]::before {
    content: '\e260';
    display: none;
}

.conditions-tab-hdng {
    background-color: #e3e9ef;
    padding: 7px;
    color: #337ab7;
} */


/* .survey-rating06 {
    border: 2px solid red;
    padding: 1px 6px;
    border-radius: 50px;
    width: 24px;
    height: 24px;
}

.survey-rating78 {
    border: 2px solid yellow;
    padding: 1px 6px;
    border-radius: 50px;
    width: 24px;
    height: 24px;
}

.survey-rating9 {
    border: 2px solid limegreen;
    padding: 1px 6px;
    border-radius: 50px;
    width: 24px;
    height: 24px;
} */

@media(min-width:768px) and (max-width:991px) {
    .lf-date-width {
        width: 89%;
    }
    .lf-l-date-width {
        width: 89%;
    }
}

@media(min-width:991px) and (max-width:1199px) {
    .lf-date-width {
        width: 85%;
    }
    .lf-l-date-width {
        width: 90%;
    }
}

.sub-company-logo {
    margin-left: -32px;
    width: 50%;
}

.sub-company-favicon {
    margin-left: -29px;
    width: 50%;
}

.sub-company-choosefile {
    background: #f2f2f2;
    padding: 3px 9px;
    line-height: 16px;
    border: 1px solid black;
    font-size: 14px;
}

.sub-company-choosefile1-close {
    font-weight: 600;
    position: absolute;
    margin: -16% 0 0 53%;
    z-index: 15;
    color: white;
    background: gray;
    width: 17px;
    height: 18px;
    padding: 0px 4px;
    border-radius: 40px;
    line-height: 18px;
    cursor: pointer;
}

.sub-company-choosefile2-close {
    font-weight: 600;
    position: absolute;
    margin: -16% 0 0 56%;
    z-index: 15;
    color: white;
    background: gray;
    width: 17px;
    height: 18px;
    padding: 0px 4px;
    border-radius: 40px;
    line-height: 18px;
    cursor: pointer;
}

.imageuploadify .imageuploadify-images-list .imageuploadify-container img {
    height: 24px;
    left: 84%;
    position: absolute;
    top: 16%;
    transform: translate(-50%, -50%);
    width: auto;
}
.choosefile {
    background: #f2f2f2;
    padding: 0 9px;
    line-height: 16px;
    border: 1px solid #DDDDDD;
    font-size: 14px;
}



.amtclass{
    width:10%;
    flex: 0 0 11.499%;
    max-width:10%;
}
.amtType{
    width: 20%;
    flex: 0 0 18.499%;
    max-width: 20%;
}

.width15{
     width:20%;
    flex: 0 0 11.499%;
    max-width:20%;
}

         
#gethelpwindow {
    writing-mode: vertical-rl;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    /* margin: 34px 0;  Optional: Maintain some spacing */
    padding: 11px;
    background: #337ab7;
    font-size: 13px;
    font-weight: bold;
    width: 34px;
    height: 107px;
    display: flex; /* Use flexbox to center content */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    text-align: center; /* Center text alignment */
}
     
        
        
        

           .helpbtn-container {
            max-width: 800px;
            margin: 20px auto;
            background-color: #fff;
            border: 1px solid #ccc;
            border-radius: 5px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }

        

        .accordion-item {
            border: 1px solid #ccc;
            margin: 0;
        }

        .accordion-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: #f0f0f0;
            padding: 10px;
            cursor: pointer;
        }

        .accordion-header:hover {
            background-color: #e0e0e0;
        }

        .accordion-content {
            display: none;
            padding: 10px;
        }

        .arrow {
            font-size: 20px;
        }

        .search-box {
            display: flex;
            align-items: center;
            background-color: #f0f0f0;
            padding: 10px;
        }

        .search-input {
            flex-grow: 1;
            padding: 5px;
            border: 1px solid #ccc;
            border-radius: 3px;
        }

        .search-button {
            padding: 5px 10px;
            background-color: #007bff;
            color: #fff;
            border: none;
            border-radius: 3px;
            cursor: pointer;
        }

        .modal-button {
            background-color: #007bff;
            color: #fff;
            border: none;
            border-radius: 3px;
            padding: 10px 20px;
            cursor: pointer;
            margin: 10px;
        }

        /* Modal Styling */
        .helpbtn-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            z-index: 1;
            justify-content: center;
            align-items: center;
        }

        .helpbtn-modal-content {
            background-color: #fff;
            padding: 20px;
            border-radius: 5px;
            width: 40%;
        }
        
       .accordion h5{
         font-weight:bold;
         padding:5px 10px;
        }
    
    
   .upload_docs_btn {
    font-size: 14px;
    /* float: right; */
    margin-left: 35%;
    padding: 3px
}
@media (max-width: 576px) {
    .table-responsive {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
    th, td {
        font-size: 12px; /* Adjust font size for smaller screens */
    }
}

.card-box_personal {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 15px 5px 0px 5px;
  position: relative;
  min-height: 1px;
  display: inline-block;
  width:100%;
}
.card-box_personal > .col-sm-12{
    padding: 2px 2px 5px 2px;
}