@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');




body
{
font-family: 'Poppins', sans-serif !important;
}

.form-control {
    font-family: 'Poppins', sans-serif !important;
}
.m-widget19 .m-widget19__content .m-widget19__header .m-widget19__info .m-widget19__username {
    line-height: 18px;
    margin: 0 !important;
    padding: 10px 0;

}
li.m-nav__item i {
    font-size: 10px;
}
.heading-seprator{
    /*border-top: 1px solid #dedede;*/
    /*border-bottom: 1px solid #dedede;*/
    padding: 1em 0.5em;
    margin-bottom:1em;
    background: #f4f5f8;
}
.heading-seprator label,
.heading-seprator h1,
.heading-seprator h2,
.heading-seprator h3,
.heading-seprator h4,
.heading-seprator h5,
.heading-seprator h6 
{
    margin: 0;
    font-family: 'Poppins', sans-serif;
}

.form-horizontal .m-form__actions {
    padding: 30px;
    border-top: 1px solid #ddd;
    width: 100%;
}

.m-widget19_document {
    position: relative;
}

.m-widget19_document .m-widget19__action {
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background:#575252;
    left: 0;
    right: 0;
    text-align: right;
    padding: 3px 5px;
}

.document-action-download .fa {
    color: #fff;
}

.download_lead_document {
    pointer-events: none;
}

.comment-text {
    height: auto;
    padding: 10px;
    box-shadow: 0 0 5px #d4d4d4;
    margin-bottom: 22px;
    border-radius: 60px;
}
.modal .modal-content .modal-footer 
{
    /*margin-bottom: 50px;*/
}

.fix-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 999;
}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

@media only screen and (max-width: 600px) {
    .m-grid--desktop.m-body{
    padding-left: 0 !important;
    padding-right: 0 !important;
    /*padding-top: 75px !important;*/
    }
}
.connector_header{
    width: 95% !important;
    margin-left: 40px !important;
}
.m-select-default{
    height: calc(1.5em + .75rem + 2px) !important;
}
.form-default-error,.form-default-error-validate{
    color: red;
}
.error-border,.verror{
    border-color: red !important;
}
.m-form-custom button[type=submit]{
    margin-left: 15px;
}
.m-form-settings button[type=submit]{
    margin-left: 31px;   
}
.payout-filter-btn{
    margin-right: 10px;
}
.agent-payout-content .payout-filter-btn
{
    margin-left: 10px;   
} 
.payout_filter_form{
  width: 100%;
  display: inherit;
}
.filter-label{
    margin-left: 15px;
    font-weight: 500;
    color: #575962;
}
.err_cus_add{
    color: #f4516c;
}
.form-control-feedback{
    font-size: 1rem !important;
    color: red !important;
}
.btn-secondary{
    color: #fff !important;
    background-color: #545b62 !important;
    border-color: #4e555b !important;
}
.alert-success .close,
.alert-danger .close{
    margin-top: 6px;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option{
    /*text-align: center;*/
}
.ediv,
.emsg,
.form-default-error,
.error-keyup-1,
.error-keyup-2,
.error-keyup-3,
.has-danger .form-control-feedback,
.form-default-error-validate,
.err_cus_add,
.error_feedback_exist_field{
    display: inline-block;
    padding-top: 3px;
}

#loan-form .m-portlet__body{
    padding-top: 0.5rem;
}
#add-co-applicant .modal-body{
    padding-top: 0;
}

#loan-form .nav-tabs .nav-link,
#add-co-applicant .nav-tabs .nav-link{
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
.lead-err-div.lead-error,
.lead-err-popup-div.lead-error {
    padding: 20px 20px 0px 20px;
}

.lead-document-collapse .panel-heading{
    background: #f4f5f8;
} 

.lead-document-collapse .panel-title{
    /*padding: 0.5em;
    margin-bottom: 0.7em;*/
    margin-bottom: 13px;
}
.lead-document-collapse .panel-title a{
    width: 100%;
    height: auto;
    padding: 20px;
    vertical-align: middle;
}
.lead-document-collapse .panel-title a{
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.2;
    color: #575962;
    padding: 14px 6px 14px 8px !important;
}
.lead-document-collapse .document-internal-collapse{
    padding-left: 1.5em;
}
.lead-document-collapse .icon-collapse{
    padding-top: 5px !important;
}
.lead-created-data.hide-lead-data{
    display: none;
}
/*.lead-document-collapse .icon-collapse{
    padding-top: 0px !important;
}*/
.document_type_wrap.hide_doc{
    display: none;
}
.lead-document-collapse .panel-heading i{
    margin-left: .3em;
}
.panel-heading.main-panel-heading{
    padding: 14px 6px 8px 8px !important;
    margin-bottom: 13px;
}
.lead-document-collapse .panel-title.main-title{
    margin-bottom: 0px;
}
.submit_loader{
    display: none;
    margin-left: 20px;
}
.submit_loader.show_loader{
    display: inline-block;
}

.agent-payout-content .date_payout span{
    width: 150px !important;
}
.agent-payout-content td[data-field*="Date"] span{
    width: 150px !important;   
}
.agent-payout-content .item_payout span{
    width: 455px !important;
}
.agent-payout-content td[data-field*="Item Details"] div{
    width: 455px !important;   
}
.payout_filters{
    padding-right: 0px !important;
}
.payout_filters .download_csv i{
    color: #fff;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {    
    float: right;
    margin-left: 6px;
    margin-top: 1px;
}
.error,
.has-danger > label,
.text-danger,
.emsg,
.emsg1,
.emsg2,
.error,
.err_cus_add,
.require-form-field{
    color: red!important;
}

.connector_referral_container th[data-field*="Primary Email"] span{
    width: 230px !important;
}
.connector_referral_container td[data-field*="Primary Email"] span{
    width: 230px !important;
}
td[data-field*="Email"] span,
td[data-field*="Primary Email"] span,
th[data-field*="Email"] span,
th[data-field*="Primary Email"] span,
th[data-field*="Customer Email"] span,
td[data-field*="Customer Email"] span ,td[data-field*="Customer Name"] span ,th[data-field*="Customer Name"] span{
    width: 230px !important;
    overflow-wrap: break-word!important;
}

td[data-field*="Customer Name"] span ,th[data-field*="Customer Name"] span{
    width: 200px !important;
    overflow-wrap: break-word!important;
}

td[data-field*="Loan Type Description"] span, td[data-field*="Bank Description"] span, td[data-field*="Product"] span, td[data-field*="Franchise"] span, td[data-field*="Name"] span, td[data-field*="Amount"] span, td[data-field*="Assigned To"] span , td[data-field*="Assigned To"] span , td[data-field*="Created By"] span{
     overflow-wrap: break-word!important;
}

th[data-field*="Customer Phone Number"] span,
td[data-field*="Customer Phone Number"] span{
    width: 200px !important;
    overflow-wrap: break-word!important;
}
.profile_alert{
    margin: 20px 30px 0px 30px !important;
}






/*design issues fixed  4-sept-20*/


#addconnector-referral .form-group .col-5,
#loantype .form-group .col-5,
 .form-group .col-5
 {
    width: 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

#user .form-group .col-7, #changepassword .form-group .col-7, #agent .form-group .col-7, .form-group .col-7 {
    max-width: 75%;
    flex: 0 0 75%;
}





/*#addconnector-referral .btn[type="submit"], #m_user_profile_tab_1 .btn[type="submit"] {
    padding: 15px 20px;
    min-width: 120px;
    margin-bottom: 5px;
}
*/

/*#loan-form,
 #addconnector-referral-edit,
#addconnector-referral
  {
    margin-bottom: 80px;
}*/

.m-portlet .m-portlet__body .btn-group.bootstrap-select {
    width: auto !important;
    padding-right: 0;
}
.m-portlet .m-portlet__body  .btn-group.bootstrap-select .btn.dropdown-toggle.btn-default {
    padding: 7px 27px 10px 15px !important;
}

.form-group .form-control {
    height: 40px;
}
.container-fluid form .form-group select.form-control {
    height: 40px;
}


.form-group .form-control.m-select-default {
    height: 40px !important;
}


#user .form-group, .tab-content form .form-group {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}


.table.calculator-table .input-groups input {
    width: 70px;
}

.btn.btn-primary, form .btn, .btn.btn-success, .btn, .btn.btn-danger{
    padding: 12px 30px;
    text-align: center;
}

.container-fluid .m-subheader .btn span {
    /*display: block;*/
    text-align: center;
    margin: 0 !important;
    left: 0 !important;
    padding: 0;
}
.container-fluid .m-subheader .btn span i {
    margin-right: 5px;
}

/*#loan-form .btn {
    margin-bottom: 10px;
}*/

.m-content .payout_filter_form .form-control {
    height: 53px !important;
}


.form-group.row .payout_filter_form .btn {
    height: 53px;
    line-height: 53px;
    padding: 0;
    min-width: 100px;
}



.mr-auto {
    width: 100%;
}
.m-portlet .m-portlet__body .m-form #generalSearch, .m-portlet .m-portlet__body .m-form #agent_id{
    height: 53px;
    margin-bottom: 10px;
    display: block;
}

/*.m-footer--push.m-aside-left--enabled:not(.m-footer--fixed) .m-aside-right,
 .m-footer--push.m-aside-left--enabled:not(.m-footer--fixed) .m-wrapper
 {
    margin-bottom: 80px;
 }*/
.m-content {
    /*margin-bottom: 80px;*/
}

#bank .form-group .table input[type="input"] {
    border: none;
    border: 1px solid #ddd;
    height: 40px;
    padding: 5px 10px;
    width: auto;
}

#user .form-group .col-md-4 {
    width: 75%;
    flex: 0 0 75%;
    max-width: 75%;
}


.container-fluid {
    max-width: 1200px;
    margin-bottom: 30px;
    min-height:calc(100% - 180px);
    overflow: hidden;
}


.container-fluid .m-subheader {
    padding: 14px 20px !important;
    background: #fff;
    margin-top: 40px;
    margin-bottom: 30px;
    box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);

}

.m-content .m-portlet__head-tools .nav-tabs .nav-link {
    border: none;
    border-bottom: 1px solid transparent;
    
}


.m-card-profile .m-card-profile__pic .m-card-profile__pic-wrapper {
    margin-top: 0;
}









.m-subheader .head-title-block {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.m-grid__item.m-wrapper {
    margin-bottom: 0 !important;
}

.m-subheader .mr-auto {
    margin: 0 !important;
}




.dashboard-stat {
    padding: 20px 5px;
    border-radius: 8px !important;
    box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
    margin-top: 20px;
    margin-bottom: 50px;
}
.dashboard-box-style {
    border-radius: 8px !important;
    overflow: hidden;
}

.container-fluid .m-wrapper {
    width: 100% !important;
    margin-left: 0;
}


.fix-footer .m-form__actions {
    height: auto !important;
    padding: 15px !important;
    overflow: hidden;
}


.fix-footer .m-form__actions {
    padding: 15px 15px;
}


.container-fluid .m-subheader .m-separator {
    margin: 0;
    border: none;

}
.container-fluid.main-page .m-subheader {
    margin-top: 30px;
}
.fix-footer .m-form__actions .btn {
    margin: 0 !important;
}

#tab_occupation_salaried .remove-row {
    margin-top: 5px;
    display: block;
}
#tab_occupation_salaried .remove-row .fa-remove {
    margin-top: 0 !important;
}
.occupation-ent-type-dependent .remove-row {
    margin-top: 5px;
    display: block;
}



.swal2-container.swal2-shown {
    z-index: 9999;
}


#document-upload-model .modal-dialog, #exampleModal .modal-dialog {
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    position: fixed;
    display: flex;
    align-items: center;
}



.select2-container--bootstrap.select2-container--focus .select2-selection,
 .select2-container--bootstrap.select2-container--open .select2-selection {
    border: 1px solid #ced4da !important;
    box-shadow: none !important;
    height: 40px;
}

.select2-container--open .select2-selection.select2-selection--multiple
 {
    border-color:#80bdff !important;

 }

.select2-container--open .select2-selection.select2-selection--multiple

.tab-content .select2-container--bootstrap .select2-selection--multiple {
    min-height: 40px !important;
}

.select2-container {
    border: none;
}


.tab-content form .form-group:last-child {
    /*margin-bottom: 0;*/
}
/*.select2-container--bootstrap .select2-selection--multiple .select2-search .select2-search__field*/

.modal .modal-content .modal-footer {
    justify-content: flex-start;
}

.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form {
    margin-top: 50px;
}


#bank .table tr td {
    width: 100%;
    vertical-align: middle;
}
#bank .table tr {
    display: block;
    align-items: center;
    width: 100%;
}


#bank .table th {
    width: 100%;
    text-align: left;
    min-width: 175px;
}
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell > span
{
    overflow: visible !important;
}

  .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell > span {
  overflow: auto;
  overflow-x: auto;
  overflow-y: auto;
  }



#bank .require-form-field.form-default-error {
    position: absolute;
    margin-left: 5px;
}



#user .form-group {
    vertical-align: top;
    align-items: center;
    margin-bottom: 0;
   
}

.tab-content > .tab-pane .form-group 
{
     margin: 15px 0;
}



#user .form-group .col-lg-4 {
    padding-bottom: 0;
    min-height: 95px;
    display: block;
}

#loan-form .tab-content > .tab-pane .col .form-group {
    border: none;
    /*min-height: 95px;*/
    height: auto;
     margin-bottom: 10px;
    margin-top: 10px;
}

#add-co-applicant .modal-body .col .form-group {
    height: auto;
    /*min-height: 95px;*/
    margin-bottom: 15px;
    margin-top: 15px;
}



.m-grid.m-grid--hor.m-grid--root.m-page {
    flex: unset !important;
      flex: 0 !important;
}


.table.calculator-table tr td {
    vertical-align: middle;
}

.container-fluid .m-subheader .mr-auto {
    margin: 0 !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.select2-container--bootstrap .select2-selection--multiple {
    min-height: 40px !important;
    box-shadow: none !important;
}

#loan-form .col .form-group label {
    min-height: 30px;
    margin-bottom: 0;
}




#state .form-group, #dropdown .form-group {
    display: flex;
    align-items: center;
}


.agent-dashboard .dashboard-stat.dashboard-stat-v2.blue, .agent-dashboard .dashboard-stat.green {
    pointer-events: none;
}


, .dashboard-stat.dashboard-stat-v2.blue


header .m-brand .m-brand__tools .m-brand__toggler span
{
    top: 14px;

}




.m-datatable__pager .m-datatable__pager-info {
    display: flex;
    align-items: center;
}






.main-footer {
    background: #fff;
    border: none;
    text-align: center;
    box-shadow: -2px -8px 41px -14px rgba(41, 50, 66, 0.05);
    height: 60px;
    display: flex;
    align-items: center;
    width: 100%;
}


.footer-content p {
    margin: 0;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}


body {
    display: block;
}
.bank-account-detail-table select.form-control:not([size]):not([multiple]){
    height: calc(1.5em + .75rem + 2px) !important;
}


.m-datatable__pager-info .m-datatable__pager-detail {
    text-transform: capitalize;
}


.m-card-user .m-card-user__details .m-card-user__email,
.m-card-user .m-card-user__details .m-card-user__name {
    overflow-wrap: break-word;
    width: 180px;
}




.icon-docs {
    height: auto;
    width: auto !important;
    margin-right: 20px !important;
}
.icon-docs::after {
    position: absolute;
    content: "\f0f6";
    font-family: fontawesome;
    font-style: normal;
    font-size: 15px;
    text-align: left;
}

#add-co-applicant .modal-dialog {
    width: 100%;
    max-width: 900px;
    display: block;

}
.modal .modal-content {
    margin-bottom: 30px;
    margin-top: 30px;
    border-radius: 10px !important;
 /*   max-height: 90vh;
     overflow-y: auto;*/
}


/*.lead_page .modal .modal-content {
    margin-bottom: 30px;
    margin-top: 30px;
    border-radius: 10px !important;
    max-height: 100%;
    overflow-y: auto;
}

*/




#add-co-applicant {
    padding-right: 0 !important;
}

.m-login.m-login--2 .m-login__wrapper .m-login__container {
    width: 100%;
    margin: 0 auto;
    max-width: 430px;
}

.input-group.date-cal .icon {
    position: absolute;
    right: 10px;
    top: 17px;
    color: #ced4da;
    background-color: #fff;
}
.input-group.date-cal .icon .fa{ font-size: 20px; }

.input-group.date-cal .input-form {
    position: relative;
}


/*.btn-group.dropdown.open .dropdown-menu {
    display: block;
}*/

.container-fluid.main-page .m-portlet .m-portlet__body .m-widget20__number {
    position: relative;
    top: -40px;
}


#addbankfile .modal-dialog,  {
    display: flex;
    align-items: center;
    left: 0;
    right: 0;
    margin: auto;
    height: 100%;
}
.modal .modal-dialog {
    display: flex;
    height: 100%;
    margin: auto;
    align-items: center;
    /*transform: translate(0,0) !important;*/
}
#loantype .form-group .col-3.col-form-label {
    display: flex;
    align-content: center;
    align-items: center;
}





/*tabe design */

table.dataTable.no-footer, table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid #ced4da;
    color: #575962;

}

table.dataTable thead th, table.dataTable thead td
{
    vertical-align: middle;

}


table
{
    color: #575962;
}
table.dataTable thead .sorting {
    background-image: url("https://datatables.net/media/images/sort_both.png");
}



table.dataTable thead .sorting_asc {
    background-image: url("https://datatables.net/media/images/sort_asc.png");
}
table.dataTable thead .sorting_desc {
    background-image: url("https://datatables.net/media/images/sort_desc.png");
}



 .table-responsive .dataTables_wrapper .dataTables_filter input[type="search"] {
    margin-left: 0.5em;
    border: 1px solid #ddd;
    height: 40px;

}


 .table-responsive .dataTables_wrapper .dataTables_paginate .paginate_button
{
    color: #575962;
    border: none !important;
    box-shadow: none !important;
}

 .table-responsive .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #32c5d2;
    border: none !important;
    color: #fff !important;
}
 .table-responsive .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
 .table-responsive .dataTables_wrapper .dataTables_paginate .paginate_button:hover

{
    border:none !important;
    background:#32c5d2 !important;
    color: #fff !important;

}
 .table-responsive .dataTable.no-footer {
    /*margin-bottom: 15px;*/
}
 .table-responsive #html_table_length select {
    height: 40px;
    width: 60px;
    border: 1px solid #ddd;
    cursor: pointer;
}

 .table-responsive table.dataTable thead th {
    border-bottom: 0;
    font-weight: 500;
    color: #666;
}

.m-subheader .m-subheader__title {

    font-family: 'Poppins', sans-serif !important;
   
}
.dropdown.custom-dropdown.open .dropdown-menu,
 .m-portlet__body .m-datatable__body .btn-group.open .dropdown-menu {
    /*display: block;*/
}




.m-portlet .m-portlet__foot .m-form__actions .col-7 .btn {

    margin-left: 10px;

}



.table-responsive #html_table_wrapper select {
    appearance: none;
     -moz-appearance: none;
      -webkit-appearance: none;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
 
}

.table-responsive #html_table_wrapper select
{
    padding: 0 10px;
    border-radius: 4px !important;
    min-width: 95px;

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


br {
    display: none;
}
#co-applicant-wrapper br {
    display: block;
}


.container-fluid .btn.btn-primary {
    background: #32c5d2;
    border-color: #32c5d2;

}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__usericon .m-nav__link-icon-wrapper {
    background: #32c5d2;
    border: 1px solid #32c5d2;
}

#user .inner-edit_form .form-group {
    margin-top: 10px;
    margin-bottom: 10px;
}

#loan-form .row .col .heading-seprator.m-3 {
    /*margin-bottom: 0 !important;*/
}


.col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-lg-9  {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

#bank .form-group .table {
    margin: 0;
}



.co-applicant-data.load-co-applicant-data .co-applicant-details, .load-co-applicant-data
{
    display: block;

}


.co-applicant-details .co-applicant-name {
    display: block;
}
.co-applicant-details {
    display: inline-block;
}

.load-co-applicant-data span
{
    display: block;

}

#co-applicant-wrapper br {
    display: block;
}



.chat {
    overflow: hidden;
}
#comment {
    margin-bottom: 30px;
}
.msg_card_body {
    margin-top: 35px;
}


.m-login__form-action .btn.btn-focus {
    background: #32c5d2;
    border-color: #32c5d2;
}



.btn-primary:not(:disabled):not(.disabled).active,
 .btn-primary:not(:disabled):not(.disabled):active,
  .show > .btn-primary.dropdown-toggle {
    color: #fff;
       background: #1ca4b0 !important;
    border-color: #1ca4b0 !important;
}

.container-fluid .btn.btn-primary:hover
{
     background: #1cb9c8;
}


.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__usericon.m-nav__link-icon--active .m-nav__link-icon-wrapper
{
 background: #1ca4b0 !important;
border-color: #1ca4b0 !important;

}

 .m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__usericon:hover .m-nav__link-icon-wrapper
{
     background: #1cb9c8 !important;
    border-color: #1cb9c8 !important;

}

.dataTables_scrollBody {
    min-height: 350px;
}


.table-responsive .dataTables_scrollHeadInner table.dataTable thead th::after, 
.table-responsive .dataTables_scrollHeadInner table.dataTable thead th::before
 {
    position: absolute;
    content: "\f176";
    width: 20px;
    height: 20px;
    right: 0;
    top: 3px;
    font-family: fontawesome;
    border: none;
    font-size: 11px;
    text-align: center;
    background: none;
    color: #bdbbbb;
    vertical-align: middle;
    margin: auto;
    bottom: -2px;
    left: -5px;
    right: auto;
}
.table-responsive .dataTables_scrollHeadInner table.dataTable thead th::before {
    content: "\f175";
/*    left: auto;
    right: auto;*/
    top: 6px;
    left:2px;
}

.table-responsive .dataTables_scrollHeadInner table.dataTable thead th.sorting_asc::after {
    color: #32c5d2;
    content: "\f176 ";
}




.table-responsive .dataTables_scrollHeadInner table.dataTable thead th.sorting_desc::after {
    color: #32c5d2;
    content: "\f175";
    right: auto;
}
.table-responsive .dataTables_scrollHeadInner table.dataTable thead th.sorting_desc::before {
    content: "\f176";
    top: 2px;
}
.table-responsive .dataTables_scrollHeadInner table.dataTable thead th
{
	background:none;
	position: relative;

}


.daterangepicker.ltr .ranges {
    float: none;
    display: block;
    text-align: right;
}

.daterangepicker td, .daterangepicker th {
    width: 30px;
    height: 30px;
    font-size: 12px;
   
}

#document-upload-form .custom-file .custom-file-label {
    white-space: nowrap;
    overflow: hidden;
}

#html_table {

    border-bottom: 1px solid #dee2e6 !important;
}

.swal2-container.swal2-shown {
    z-index: 9999999999;
}



.btn-group .dropdown-menu.show {
    z-index: 99 !important;
}

.co-applicant-document-top-wrapper .heading-seprator {
    margin-bottom: 0;
}

#loan-form .co-applicant-document-top-wrapper .row .col {
    margin-bottom: 10px;
}



.col-md-6.col-xl-12.chat {
    width: 100%;
    max-width: 100%;
}

.table-responsive .dataTables_scrollHeadInner table.dataTable thead th:last-child::after,
.table-responsive .dataTables_scrollHeadInner table.dataTable thead th:last-child::before 
 {
    display: none;
}




.table-responsive table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before,
.table-responsive table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before,
.table-responsive table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control::before,
.table-responsive table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control::before


 {
    top: 0;
    left: 4px;
    height: 22px;
    width: 22px;
    display: block;
    position: absolute;
    color: white;
    border: none;
    border-radius: 2px;
    box-shadow: none;

    line-height: 24px;
    /*content: '+';*/
    background-color:#32c5d2;
    font-size: 24px;
    font-weight: bold;
    bottom: 0;
    margin: auto;

}

.table-responsive table.dataTable > tbody > tr.child td.child {
    padding-left: 20px;
}

.table-responsive table.dataTable > tbody > tr.child td.child .dtr-data .dropdown-menu {
    display: none;
}

.table-responsive table.dataTable > tbody > tr.child td.child .dtr-data .dropdown-menu.show {
    display: block;
}

.table-responsive table.dataTable > tbody > tr.child td.child .dtr-data{ display: inline-block; }

.table-responsive table.dataTable > tbody > tr.child td.child .dtr-title {
    margin-right: 10px;
    font-weight: 500;
}

.table-responsive table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child,
.table-responsive table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control
 {
    padding-left: 40px;
}

.table-responsive table.dataTable.dtr-inline.collapsed > tbody > tr > td {
    white-space: nowrap;
    padding-top: 15px;
    padding-bottom: 15px;
}

.table-responsive table.dataTable.dtr-inline.collapsed > tbody > tr > td.child {
    white-space: normal;
    padding-left: 10px;
}

#loan-form #add-lead-frm .row .col .heading-seprator {
     margin-bottom:10px;
}

#loan-form #add-lead-frm .lead-document-collapse .document-internal-collapse .row .col .heading-seprator {
    margin-bottom: 15px;
}
#add-co-applicant .modal-body .col .heading-seprator {
    margin-bottom: 0;
}

/*.heading-seprator
{
    margin-bottom: 10px;

}*/


.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
    padding-top: 15px;
}
.dataTables_wrapper .dataTables_info {
    padding-top: 22px;
}


.input-date, #html_table_filter label {
    position: relative;
    width: 100%;
}


.input-date::after, #html_table_filter label::after {
    position: absolute;
    content: "\f073";
    width: 45px;
    height: 50px;
    border: none;
    top: 0;
    right: 0;
    margin: auto;
    z-index: 9;
    color: #aaa3a3;
    font-family: fontawesome;
    text-align: center;
    line-height: 50px;
    font-size: 25px;
}


#html_table_filter label::after {
    content: "\f002";
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    width: 30px;
}




.m-portlet .m-portlet__body .m-form #generalSearch {
  display: none;
}
.m-input-icon__icon.m-input-icon__icon--left {
  display: none;
}

#payout_data_popup .m-datatable {
    padding-bottom: 15px;
    display: block;
}

.table.calculator-table span img {
    max-width: 7px;
}

.table.calculator-table tr td span {
    white-space: -moz-pre-space;
    white-space: nowrap;
}


.form-header .form-title h4 {
    font-size: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    color: #333;
}



.head-title {
    width: 100%;
}


.sub-header .sub-title h4 {
    font-size: 18px;
    margin-top: 20px;
    color: #333;
}



#user .row .col-lg-4 .form-group.focus-group,
#user .row .col-lg-4 .form-group.m-form__group.select_role.d-block
 {
    display: block;
    margin:15px 0;
}





.container-fluid .mobile-design-form .btn {
    border-radius: 5px !important;
    padding: 12px 35px;
    margin-left: 0;
}

.container-fluid #btn_save_next {
    float: right;
}

.m-form.m-form--group-seperator-dashed .m-form__group {
    border-bottom: none !important;
}



#m_header_topbar .m-dropdown__body .m-nav .m-nav__item .m-nav__link {
    display: inline-block;
    width: auto;
}

#m_header_topbar .m-dropdown__body .m-nav .m-nav__item {
    text-align: center;
}



.btn-primary {
    color: #fff;
    background-color: #32c5d2;
    border-color: #32c5d2;
}

.daterangepicker tbody td.in-range, .daterangepicker tbody td.active {
    background: #32c5d2 !important;
}


.daterangepicker .applyBtn.btn {
    border-radius: 30px !important;
    background: #32c5d2 !important;
    border:none !important;
}
.daterangepicker.show-calendar .drp-buttons .cancelBtn.btn {
    border-radius: 30px !important;
}

.footer-btn .btn {
    border-radius: 5px !important;
    padding: 12px 35px;
}


.customer-document {
    border: 1px solid #ddd;
    margin: 0 15px;
    padding: 0 !important;
    border-radius: 5px !important;
    margin-bottom: 15px;
}

.m-widget19 .m-widget19__pic > img {
    height: 150px;
    object-fit: cover;
    width: 100%;
    object-position: center;
}

.m-widget19 .m-widget19__content {
    margin-bottom: 0;
    background: #ddd;
}


.portlet.light.bordered {
    border: none !important;
}


.container-fluid .dashboard-box-style.no_chart {
    min-height: 140px !important;
    margin-bottom: 10px !important;
}

.no_chart .m-widget20__chart {
    height: 0 !important;
}

.no_chart .m-chart_body .m-widget20 {
    height: 30px;
}


.swal2-buttonswrapper .m-btn {
    border-radius: 3px !important;
}


footer { display: inline-block;}



.modal .modal-content .modal-footer .btn {
    border-radius: 5px !important;
    margin-top: 0;
}


.form-header.Details-title .head-title .form-title {
    padding: 10px 20px;
}


.fix-footer .m-form__actions .btn {
    border-radius: 5px !important;
}

.input-group.date-cal .input-form #pay_date_range {
    min-width: 280px;
}

.form-actions .btn {
    border-radius: 5px !important;
}
.m-form__actions .btn {
    border-radius: 5px !important;
}



#bank .m-portlet__body.mobile-design-form .form-group.m-form__group.row:last-child {
    margin-bottom: 0;
}


.form-group.m-form__group.row.form-header.Details-title {
    padding: 0;
    margin: 0;
}


.btn.btn-primary.upload-file-doc {
    background: #32c5d2;
    border-color: #32c5d2;
}


.assign_lead_block .m-portlet {
    padding: 20px;
}

.assign_lead_footer {
    margin-top: 20px;
}


.submit_loader.show_loader {
    position: static;
    width: 100%;
    float: left;
    text-align: left;
    margin-bottom: 10px;
}



.heading-seprator.lead_loan_title .m-checkbox > span,
 .m-form__group.checkbox_class .m-checkbox > span {
    top: 0px;
    bottom: 0;
    margin: auto;
}
.swal2-popup {
    border-radius: 10px !important;
}

.modal .modal-content .btn.add-co-applicant-btn {
    background: #32c5d2;
    border-color: #32c5d2;
}

.m-checkbox {
    vertical-align: middle;
}

.m-checkbox > span {
    top: 0;
    bottom: 0;
    margin: auto;
}



.m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-tools .m-tabs-line .m-tabs__link.active,
.m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-tools .m-tabs-line .m-tabs__link:hover
 {
    color: #32c5d2;
    border-color: #32c5d2;
}




.form-header.assign_lead_title .form-title {
    margin-bottom: 15px;
}


.form-header.assign_lead_title .border.assign-name {
    padding: 5px 8px;
    background: #f3f5f7;
}

.form-header.assign_lead_title .border.assign-name strong {
    font-weight: 500;
}


.form-header.assign_lead_title .col-md-2 {
    padding: 0;
}


.calculate-table .input-group-append .input-group-text
{
    font-weight: 500;

}
.calculate-table .input-group-append .input-group-text.loan-precent {
    font-weight: 800;
}
.calculate-table .form-group .focus-label span i {
    font-size: 13px;
}


#payout_data_popup .modal-dialog {
    overflow-x: hidden  !important;
}

#agent h3.m-form__section {
    font-size: 18px;
}



/*document-internal-collapse*/
/*responsive css*/
/*===================================*/
/*media css*/


@media only screen and (min-width: 1265px)

{

.form-header.Details-title .head-title .form-title {
    padding: 10px 30px;
}

}



 @media only screen and (min-width: 640px)
 {

.form-group .col-3.col-form-label {
    display: flex;
    align-items: center;
    border: none;
    padding-top: 0;
    padding-bottom: 0;
}




}


 @media only screen and (min-width: 991px)
 {

#loan-form.admin_customer_form .m-portlet__body .col .heading-seprator.m-3 {
    padding: 15px 30px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#loan-form.admin_customer_form .m-portlet__body .col .form-group.m-form__group {
    padding-top: 15px;
    padding-bottom: 15px;
}



#loan-form #edit-lead-frm .generated_link_tab {
    margin-top: 15px;
}


}



 @media only screen and (max-width: 1200px) and (min-width: 991px) 

 {

div#m_header_topbar {
    position: absolute;
    background: #fff;
    margin-bottom: 6px;
    margin-top: 0;
    right: 0;
    top: 82px;
    height: auto;
}

#profile_toggle {
    position: absolute;
    right:15px;
    top: 30px;
    color: #5d5f77;
    cursor:pointer;
}
#m_header_topbar {
    display: none;
}

.m-header-menu{ margin-right: 20px; }


.toggleshow {
    display: block !important;
}

.col-md-6.col-xl-12.chat {
    width: 100%;
    max-width: 100%;
}
#loan-form #edit-lead-frm  .btn.btn-primary.generate_lead_link {
    margin-left: 15px;
}





 }



 @media only screen and (max-width: 1265px)
 {

.calculate-view #graph {
    width: 100% !important;
    margin-bottom: 0;
}

#loan-form .row {
    margin: 0;
}

#loan-form .row .col {
    padding: 0 15px;
    margin-bottom: 20px;
}

#loan-form .row .col .form-group.m-form__group
{
    padding: 0;

}

#loan-form .form-group.m-form__group.row {
    padding: 0;
}

#loan-form .modal-footer {
    padding-left: 15px !important;
}
header .m-header-menu .m-menu__nav > .m-menu__item
{
    padding: 0 8px;

}

#loan-form #add-lead-frm .lead-document-collapse .document-internal-collapse .row .col .heading-seprator,
#loan-form #applicant-documents .document-internal-collapse .row .col .heading-seprato

{
    margin-bottom: 15px;
}

#loan-form #customer-document-wrapper .col .col {
    margin-bottom: 0;
}



}

 @media only screen and (max-width: 1024px)
 {

.m-subheader .m-subheader__breadcrumbs.m-nav {
    margin-top: 0 !important;
}
header .m-header-menu .m-menu__nav > .m-menu__item
{
    padding: 0 5px;

}


.container-fluid {

    min-height:calc(100% - 60px);

}




 }
















 @media only screen and (max-width: 991px)
 {
#profile_toggle {
    display: none;
    

}
.form-header .form-title h4 {

    /*padding: 15px 15px;*/
}



.m-content {
    width: 100%;
    margin: 0;
}

.m-wrapper {
    width: 100%;
    margin-left: 0;
}
.container-fluid .m-wrapper, .m-wrapper {
    width: 100% !important;
    margin-left: 0 !important;
}


#addconnector-referral .m-portlet__foot.m-portlet__no-border .col-lg-3 {
    width: 25%;
    float: left;
}

#addconnector-referral .m-portlet__foot--fit .col-lg-9 {
    width: 75%;
}

#co-applicant-form .tab-content .col {
    overflow: auto;
}


.calculate-view #graph {
    width: 100% !important;
    margin-left: 0;

}
.canvas_head
{
    margin-left: 0 !important;
}
.portlet {
    width: 100%;
    display: block;
    margin: auto;
    overflow: hidden;
}

.container-fluid {
    margin-bottom: 0;
}

.m-aside-header-menu-mobile .m-menu__nav > .m-menu__item > .m-menu__link {
    padding: 10px 15px !important;
}

.m-menu__submenu {
    padding-left: 15px !important;
}

.m-grid__item.m-footer {
    margin-left: 0 !important;
}

.container-fluid .m-portlet__body .m-datatable__pager-info {
    text-align: center;
    float: none !important;
    padding-top: 10px;
    border-top: 1px solid #f7efef;
}

.container-fluid .m-portlet__body .m-datatable__pager-nav {
    width: 100%;
    text-align: center;
}
.m-grid__item.m-wrapper {
    margin-top: 85px;
}

.m-form.m-form--fit .m-form__content, .m-form.m-form--fit .m-form__heading, .m-form.m-form--fit .m-form__group {
    /*padding: 0;*/
}
#loan-form .row {
    margin: 0;
}

#loan-form #add-lead-frm .row {
    margin: 0 -15px;
}

#loan-form .row .col {
    padding: 0 15px;
    margin-bottom: 20px;


}


.container-fluid.main-page .m-subheader {
    margin-top: 80px;
}
.calculate-view {
    width: 100% !important;
    display: block !important;
    clear: both;
}

#bank .m-portlet__body .form-group .col-lg-4 {
    margin-bottom: 15px;
}

/*#user .form-group.m-form__group.row {
    margin-bottom: 0;
}
*/
#loan-form .form-group.m-form__group.row {

    margin-bottom: 15px;
}

.form-group.row .payout_filter_form .btn {
    min-width: 80px;
}

#loan-form .btn.btn-primary.generate_lead_link {
    margin-left: 15px;
}
#loan-form .row .col .heading-seprator.m-3 {
    margin: 0 !important;
}

.m-aside-header-menu-mobile .m-menu__nav > .m-menu__item > .m-menu__link i::before {
    font-size: 14px;
    color: #a6a2a2;
    font-weight: bold;
}

.container-fluid {

    /*padding-top: 80px;*/
}

.select2-container {
    border: none;
    width: 100% !important;
}





 }

/*======================*/







.search_mobile{
    display: none;
}

.agent-payout-content .search_mobile{
    display: none;
}


.mobile_occupation_contents{
    display: none;
}

 @media only screen and (max-width: 768px)
 {


    .submit_loader.show_loader{
        display: inline-block;
        float: left;
        position: relative;
        top: 44%;
        left: 4%;
    }

    .mobile_occupation_contents{
        display: block;
    }
    .default_occupation_contents{
        display: none;
    }

    .m-footer {
    margin: 0 !important;
}
.table-responsive {
    display: none !important;
}
.search_mobile{
    display: block;
}
.mobile-view-table
{
	display: block !important;

}
.agent-payout-content .search_mobile{
    display: block;
}
.calculate-view #graph {

    margin: 0;
}
/*.container-fluid {

    padding-top: 80px;
}*/
.calculate-view {
    width: 100%;
    display: block;
}

.calculate-view {
    /*width: 89% !important;*/
    display: block !important;
    margin-bottom: 15px;
    overflow: auto;
}

.container-fluid .m-subheader {
    margin-top:0;
      padding: 15px 10px !important;
       border-radius: 5px !important;
}

.m-subheader .mr-auto {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.m-subheader .m-subheader__breadcrumbs.m-nav {
    margin-top: 0;
}

.input-group.date-cal .icon {
    width: auto;
    left: 0;
    right: 15px;
    margin: auto;
    text-align: right;
    z-index: 0;
}

.input-group.date-cal .input-form {
    position: relative;
    width: 50px;
}

.input-group.date-cal #pay_date_range {
    z-index: 9;
    background: none;
    position: relative;
    /*padding-left: 40px;*/
}
.container-fluid.main-page .m-subheader {
    margin-top: 0;
    margin-bottom: 15px;
    padding: 15px 15px !important;
}

.dashboard-stat {
    margin-top:0;
    margin-bottom: 15px;
}

.page-content-wrapper .page-content
{
    padding: 0 !important;

}
ul.m-subheader__breadcrumbs.m-nav a.btn.btn-primary {
    padding: 10px 15px;
}


header .m-brand
{
    padding: 0 15px;
}


#loan-form .modal-footer {
    padding-left: 0 ;
}

.form-group.row .payout_filter_form .btn {

    min-width: 79px;
}

.m-portlet .m-portlet__foot .m-form__actions .col-7 .btn {
    margin-left: 0;
}

#addbankfile.modal .modal-dialog {
    margin: 0 15px;
}

#payout_data_popup .modal-dialog {
    margin-left: 10px;
    margin-right: 10px;
}
#loan-form #add-lead-frm .col-4.co-applicant-data {
    max-width: 100%;
    flex: 100%;
    margin: 5px 0;
}

#payout_data_popup .modal-dialog .modal-body {
    /*overflow: auto;*/
}


#user .form-group .col-lg-4 {
    min-height: auto;
    margin: 10px 0px;
}
.m-widget19_document {
    position: relative;
    min-width: 195px;
}
.col-2.customer-document {
    max-width: 100%;
}
#add-co-applicant.modal .modal-content {
    margin-left: auto;
    margin-right: auto;
    width: 95%;
}

.m-grid__item.m-wrapper {
    margin-top: 0;
}

.container-fluid .m-wrapper {
    margin-top: 0 !important;

}

.heading-seprator .upload-file {
    border: none;
    display: flex;
    align-items: center;
}


.modal-open .modal {

    z-index: 9999999999;
}

#loan-form .form-group.m-form__group.row {
    padding: 0;
    margin-bottom: 15px;
}

#loan-form .row .col .form-group.m-form__group {
    padding: 0;
    min-height: auto;
    margin: 0;
}

.m-header--fixed-mobile .m-topbar {
    margin-top: 0;
    top: 0;
}


.modal .modal-dialog
{
    /*margin: auto !important;*/
    height: auto;
/*    margin-top: 30px;
    margin-bottom: 30px;*/

}


.input-date {
    position: relative;
    width: 100%;
}


.input-date::after {
    position: absolute;
    content: "\f073";
    width: 45px;
    height: 50px;
    border: none;
    top: 0;
    right: 0;
    margin: auto;
    z-index: 9;
    color: #aaa3a3;
    font-family: fontawesome;
    text-align: center;
    line-height: 50px;
    font-size: 25px;
}


.card-search-block .form-control {
    height: 45px;
}


.card-search-block {
    padding: 0 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    padding-bottom: 15px;
    width: 100%;
}


.card-search-block .input-group-append .btn {
    background: none !important;
    width: 70px;
    padding: 0;
    border-radius: 0 30px 30px 0px !important;
    border: 1px solid #ddd !important;
}
.card-search-block form .form-control {
    height: 50px;
    border-radius: 30px 0 0px 30px !important;
}


#user .row .col-lg-4 .form-group.focus-group {
    display: block;
    margin: 15px 0;
}

.container-fluid {

    padding-top: 80px;
}








/*====================================*/

/*================================*/




/*mobile header design*/

.m-header--fixed-mobile .m-topbar {
    margin-top: 0;
    top: 0;
}


#m_aside_header_topbar_mobile_toggle {
    display: none !important;
}
.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link {
    position: absolute;
    top: -30px;
    right: 65px;
    z-index: 999;
}

#m_header_topbar {
    background: none;
    top: -30px;
    box-shadow: none;
}

.m-dropdown.m-dropdown--arrow .m-dropdown__wrapper {
    padding-top: 10px;
    top: 30px;
    max-width: 300px;
    right: 15px;
    left: auto;
}

.m-dropdown.m-dropdown--arrow .m-dropdown__arrow {
    left: auto !important;
    right: 35px !important;
}

.m-brand .m-brand__tools .m-brand__icon{ margin-right: 10px; }

.m-dropdown__wrapper .m-dropdown__header {
    border-bottom: 1px solid #eaeaea;
}

.m-scroll-top--shown .m-scroll-top {
    display: none;
}

.dataTables_wrapper .dataTables_info {
    display: none;
}



/*table.dataTable > tbody > tr.child .dropdown-menu,*/
.mobile-view-table .action-card-header.actions-btn-mt .dropdown-menu

 {
    position: fixed !important;
    width: 100% !important;
    height: auto;
    background: #dddd;
    bottom: 0 !important;
    transform: translateY(150px) !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    top: auto !important;
     border: none;
     display: block !important; 
    border-radius: 10px 10px 0 0 !important;
    background: #fff !important;
    z-index: 99;
    transition: all 0.2s cubic-bezier(.65,.05,.36,1);
    opacity: 0;
    visibility: hidden;
}




/*table.dataTable > tbody > tr.child .dropdown-menu.show,*/
.mobile-view-table .action-card-header.actions-btn-mt .dropdown-menu.show
 {


    z-index: 99;
    transform: translateY(0) !important;
    opacity: 1;
     visibility:visible;

}
.mobile-view-table .action-card-header.actions-btn-mt .dropdown-menu::before {
    left: auto;
    right: 10px;
    display: none !important;
}

.mobile-view-table .action-card-header.actions-btn-mt .dropdown-menu::after 
{
    border-bottom: 7px solid transparent;



}







table.dataTable > tbody > tr.child .dropdown-menu li {
    padding: 0;
}
table.dataTable > tbody > tr.child .dropdown-menu li a {
    font-size: 14px;
    padding: 15px 30px;
     background: #fff;
     font-weight: 600;
}
.m-aside-header-menu-mobile .m-menu__nav > .m-menu__item > .m-menu__link i::before {
    font-size: 14px;
    color: #a6a2a2;
    font-weight: bold;
}


table.dataTable > tbody > tr.child .dropdown-menu h3 {
    margin: 0;
    background: #fff;
    padding: 12px 30px;
    border-bottom: 1px solid #ddd;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
}

.dropdown.custom-dropdown.show {
    z-index: 9999;
}

/*tbody > tr.child td.child .dtr-data .dropdown-menu.show::after,*/
.action-card-header.actions-btn-mt .dropdown.custom-dropdown.show::after {
    position: fixed;
    content: "";
    width: 100%;
    height: 100%;
    background: #333;
    z-index: -9;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0.5;
}



.table-responsive table.dataTable.dtr-inline.collapsed > tbody > tr > td {
    font-size: 15px;
    font-weight: 600;
}

.table-responsive table.dataTable.dtr-inline.collapsed > tbody > tr > td.child li span.dtr-data {
    font-weight: normal;
}

.table-responsive .dataTables_scrollHeadInner table.dataTable thead th {
    font-size: 15px;
    padding-left: 25px;
}

.table-responsive .dataTable.no-footer {
    margin-bottom: 0;
}

.table-responsive .dataTables_scroll {
    white-space: nowrap;
}

.m-portlet {
    border-radius: 5px !important;
}

.table-responsive table .dropdown > .dropdown-menu::before
{
    border-bottom: 8px solid #fff;

}

.upload-form-block .col-6 {
    flex: 0 0 100%;
    max-width: 100%;
}

.upload-form-block .btn.fileUploadBtn {
    padding: 0 10px;
}


.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover,
 .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color:#32c5d2;
    border-color: #32c5d2;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #32c5d2;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    height: 45px;
    line-height: 25px;
}

.mobile-view-pagination .pagination {
    justify-content: center;
}

.mobile-view-table .pagination {
    text-align: center;
    justify-content: center;
    margin-bottom: 5px;
}

.mobile-view-table .pagination li a {
    display: block;
    padding: 0px 10px;
    height: 40px;
    min-width: 33px;
    line-height: 40px;
    font-weight: normal;
    font-size: 14px;
}
.mobile-view-table .pagination .first a::after,
.mobile-view-table .pagination .last a::after
 {
    position: absolute;
    content: "\f100";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    font-family: fontawesome;
    font-size: 16px;
    width: 100%;
}

.mobile-view-table .pagination .first a,
.mobile-view-table .pagination .last a
{
    font-size: 0;
    position: relative;
}

.mobile-view-table .pagination .last a::after
{
 content: "\f101";
}

.payout_filters {
  float: none;
}

.payout_filters .input-group.date-cal .input-form {
  width: 69%;
}

.payout_filter_form .col-4 {
    float: left;
}
.payout_filter_form  .col-4.search_mobile {
    max-width: 100%;
    flex: 100%;
    display: block;
    margin-top: 10px;
}

.payout_filter_form {
    width: 100%;
    display: block;
}



#loan-form .m-portlet__body.mobile-design-form,
 .mobile-design-form 

 {
    padding: 20px;
}






.mobile-design-form .form-control {
    border: none;
    /*border-bottom: 1px solid #a7aeb5;*/
    border-bottom: 1px solid rgba(0,0,0,0.12);
    padding: 0 0;
    height: 45px;
    color: #272b2e;
    font-size: 14px;
}


.mobile-design-form .col-form-label {
    font-size: 10px;
    color: #7a7e81;
    /*display: none;*/
}
.mobile-design-form .form-control:focus {
    border-bottom: 1px solid #32c5d2;
}

.form-title h4 {
    color: #272b2e;
    font-size: 16px;
}

.mobile-design-form .form-control::placeholder {

    /*color: #b1b6bb;*/
    opacity: 0.5; 

}





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


.mobile-design-form .form-group label {
    /*display: none;*/
}


.mobile-design-form .modal-footer {
    padding: 0;
    /*border: none;*/
}


.mobile_occupation_contents  .form-control::placeholder {
    opacity: 1 !important;
}


/*#document-upload-form .modal-footer .btn {
    margin-top: 0;
}

#document-upload-form .modal-footer {
    border-top: 1px solid #ddd;
}*/


.mobile-design-form .m-form.m-form--group-seperator-dashed .m-form__group {
    border-bottom: none;
}
.mobile-design-form .margin-hide .col {
    margin-bottom: 0 !important;
}
#loan-form .row .col .heading-seprator .d-flex {
    /*display: block !important;*/
}

 .hide-for-mobile {
        display: none !important;
    }


.container-fluid .m-subheader .lead-details .mr-auto {
    display: block;
}
.container-fluid .m-subheader .lead-details .mr-auto .m-subheader__title {
    margin-bottom: 0;
}


.lead-mobile-collapse .card .form-group .form-control {
    border: none;
    border-bottom: 1px solid #ddd;
    padding: 0;
}

.full-width-col .col-4 {
    flex: 100%;
    max-width: 100%;
    /*padding: 0;*/
}

.lead-mobile-collapse .card-body .form-group{ position: relative; }
/*.lead-mobile-collapse .card-body .form-group .form-control {
    height: 40px;

}*/

/*.lead-mobile-collapse .card-body .form-group label {
    top: 30px;
    position: relative;
    transition: all 0.1s ease-in;
    min-height: 10px;
    display: block;
}


.lead-mobile-collapse .card-body .form-group.is_focused label
{
   top:0;
}*/

/*#loan-form .lead-mobile-collapse .card-body .form-group > label {
    color: green;
    min-height: 1px;
    font-size: 11px;
}

*/





.lead-mobile-collapse .accordion .btn, #collapse-lead-main-nav .accordion-toggle {
    background: none;
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px 14px;
    font-size: 15px !important;
    color: #272b2e;
    font-weight: 500;
}


.lead-mobile-collapse .accordion {
    padding: 10px;
}
.lead-mobile-collapse .accordion .card-header, #collapse-lead-main-nav .card-header {
    padding:0;
    text-decoration: none;
}

.lead-mobile-collapse .accordion .btn .fa {
    float: right;
}
.lead-mobile-collapse .accordion .btn .fa::before {
    content: "\f068";
}

.lead-mobile-collapse .accordion .btn.btn-link.collapsed .fa::before
{
  content: "\f067";
}

.lead-mobile-collapse .accordion .btn:hover {
    text-decoration: none;
}

.lead-mobile-collapse .accordion .btn .fa {
    float: right;
    border: 2px solid;
    width: 23px;
    height: 23px;
    border-radius: 50px;
    line-height: 21px;
    text-align: center;
    padding: 0;
    font-size: 12px;
}

.lead-mobile-collapse .accordion .card {
    margin-bottom: 10px;
    border: 1px solid #eee7e7 !important;
    border: none;
}

#collapse-lead-main-nav .card-title {
    margin-bottom: 0;
}

.mobile-design-form .card {
    background: none;
    margin-bottom: 10px;
}

.mobile-design-form .card .card-header .accordion-toggle
 {
    padding: 15px 15px !important;
    position: relative;
}

#collapse-lead-main-nav .card-header {
    border: none;
}

#collapse-lead-main-nav .accordion-toggle::after {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    border: 2px solid #000;
    border-radius: 50px;
    float: right;
    right: 10px;
    font-family: fontawesome;
    text-align: center;
    font-size: 13px;
    line-height: 18px;
}
#collapse-lead-main-nav .accordion-toggle.show::after
{
    content: "\f068";

}
#collapse-lead-main-nav .accordion-toggle[aria-expanded="false"]::after {
    content: "\f067" !important;
}

#collapse-lead-main-nav .accordion-toggle::after {
    content: "\f067";
}

#collapse-lead-main-nav .accordion-toggle[aria-expanded="true"]::after

 {
    content: "\f068";
}

.lead_page .m-portlet {
    background: none;
    box-shadow: none;
}


.lead_page .mobile-design-form {
    padding: 0 !important;
    background: none !important;
}


.mobile-design-form .card {
    margin-bottom: 10px;
    background: #fff;
    box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
    border-radius: 8px !important;
    overflow: hidden;
    border: none;
}

#collapse-lead-main-nav .accordion-toggle
{
    background: #fff;
    border-bottom: 1px solid #ddd;

}
#collapse-lead-main-nav .accordion-toggle.collapsed
{
    border-bottom: none;

}


.mobile-design-form .form-group.focus-group {
    margin-bottom: 15px !important;
    margin-top: 0;
    position: relative;
}



.mobile-design-form .form-group.focus-group label.focus-label {
    position: absolute;
    top: 22px;
    font-size: 14px;
    transition: all 0.3s ease-in-out;
    padding-top: 0;
    padding-bottom: 0;
    min-height: auto;
    pointer-events: none;
}



.mobile-design-form input.form-control
{
    background: none !important;
    padding-top: 15px;
    height: 50px;

}

.mobile-design-form .form-group.focus-group.is_focused .focus-label {
    top: 0px !important;
    font-size: 10px;
    min-width: 100%;
    display: block;
    width: 100%;
}
.mobile-design-form .form-group.focus-group .form-control::placeholder
{
    opacity: 0;
}


.container-fluid .mobile-design-form .btn {
    font-size: 14px;
    font-weight: 500;
    display: block;
    width: auto;
    margin-top: 15px;
    min-width: 150px;
    border-radius: 5px !important;
    padding: 16px 0;
}

.footer-btn .btn {
    padding: 16px 0;
    min-width: 115px;
}

.modal-body .mobile-design-form {
    padding: 0;
}

.mobile-design-form .form-header .form-title h4 {
    font-size: 20px;
    border-bottom: none;
    padding-bottom: 0;
    margin: 0;
}

.mobile-design-form  .form-group.select_role {
    margin-top: 20px;
}


#loan-form .col .form-group label.focus-label {
    display: block;
    /*border: 1px solid;*/
    width: 100%;
    min-height: auto;
    text-overflow: ellipsis;
    overflow: hidden;white-space: nowrap;
}

#loan-form .form-header {
    border: none;
}

.mobile-design-form label.checkbox_label {
    border: none;
    height: auto;
    font-weight: 600;
}



#bank .form-group .table td {
    display: block;
    width: 100%;
    padding-left: 0;
}

#bank .form-group .table input[type="input"] {
    border: none;
    border-bottom: 1px solid #ddd;
    height: 40px;
    padding: 0;
    width: 100%;
}

#bank .form-group .table th {
    display: none;
}

#loan-form .form-group.select_role .col {
    margin: 0;
    border:none;
}



.mobile-view-table.pointer-positon .action-card-header.actions-btn-mt {
    position: absolute;
    top: 10px;
    right: 10px;
    min-width: auto;
}


#bank .form-group .table td.bank-lable {
    padding: 0;
    font-size: 12px;
    border: none;
    color: #8a8383;
}

#bank .form-group .table td{ border: none; }
.sub-header .sub-title h4 {
    font-size: 16px;
    color: #333;
}


#loantype .form-group .col-5 {
    flex: 100%;
    max-width: 100%;
}

#loantype .form-group .col-3.col-form-label {
    display: block;
    width: 100%;
    min-width: 100%;
}


.col-lg-9.col-9.footer-btn.full-btn {
    width: 100%;
    max-width: 100%;
    flex: 100%;
}

.footer-btn .btn {
    border: none;
    border-radius: 5px !important;
}

.mobile-view-table.pointer-positon .user-title.p-name  {
    font-size: 16px;
    color: #333;
}

#modal_details .modal-content {
/*    margin-bottom: 0;
    margin-top: 0;
  */
  margin-right: auto;
  margin-left: auto;
  width: 95%;

}

.mobile-view-table.pointer-positon .user-title.p-name,
.mobile-view-table.pointer-positon .user-title.p-name .user-name
 {
    margin-bottom: 0;
}

.mobile-view-table.pointer-positon .user-title.p-name .user-name
{

    font-size: 16px;
    color: #272b2e;
}
/*.modal.show .modal-dialog {
    background: rgba(0,0,0,0.5);
}
*/
.modal-backdrop.show {
    opacity: 0.9 !important;
}


#loan-form .row .col .form-group.select_role {
    margin-bottom: 20px;
}


.err_cus_add {
    font-size: 10px;
}





.form-group.checkbox_class {
    margin-bottom: 15px !important;
}

.form-group.m-form__group.select_role .focus-label {
    font-size: 10px;
}


/*.mobile-design-form .lead_form_design .form-group label.focus-label {
    top: 0;
    font-size: 10px;
}*/
#personal_res_address_present_pincode-error {
    font-size: 10px !important;
}

#loan-form .col .form-group label {
    min-height: auto;
}

#loan-form .form-group.m-form__group .m-radio-inline .m-radio {
    margin-top: 6px;
    margin-bottom: 6px;
}

#collapse-tab_product #tab_product, 
#collapse-tab_coapplicant #tab_coapplicant 
{
    margin-bottom: auto !important;
}

#loan-form .row .col .heading-seprator.m-3 {
    margin-bottom: 10px !important;
}


.select2-container--bootstrap.select2-container--focus .select2-selection,
 .select2-container--bootstrap.select2-container--open .select2-selection
 {
    border: none;
    border-bottom:1px solid rgba(0,0,0,0.12);
} 
 
.form-group.select_to_custom .select2-selection.select2-selection--multiple

 {
    border: none;
    border-bottom: 1px solid rgba(0,0,0,0.12);
}


#user .row .col-lg-4 .form-group.focus-group,
#user .row .col-lg-4 .form-group.m-form__group.select_role.d-block
 {
    display: block;
    margin: 0;
}

.m-content .m-radio > span, .m-content .m-checkbox > span {

top: 0;
}


.container-fluid .btn.btn-primary {
    margin-right: 0;
    margin-left: 0;
}

.container-fluid .footer-btn .btn.btn-primary{
    display: inline-block;
    float: left;
}
.submit_loader{
    margin-left: 0px;
}

.footer-btn {
    text-align: center;
    display: flex;
    justify-content: space-between;
}

#add-co-applicant .modal-body .lead_form_design.mobile-design-form .heading-seprator .justify-content-between {
    display: block !important;
}

#add-co-applicant .modal-body .lead_form_design.mobile-design-form .heading-seprator .justify-content-between h6 {
    margin-bottom: 10px;
}

.mobile-view-table.agent-payout .lead-subtitle .lead-id {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    font-size: 10px;
}

.mobile-view-table.agent-payout .card-smalltitle {
    color: #333;
    font-size: 16px;
}


.mobile-view-table.agent-payout .payout_status {
    display: inline-block;
    background: #bff1d3;
    margin-top: 7px;
    padding: 5px 20px;
        padding-left: 20px;
    border-radius: 24px !important;
    color: #00c851;
    font-weight: bold;
    padding-left: 35px;
    position: relative;
}
.mobile-view-table.agent-payout .payout_status::after {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    border: 3px solid;
    left: 0;
    border-radius: 50px;
    left: 11px;
}
.mobile-view-table.agent-payout .payout_status.disbursed {
    background: #faeeb3;
    color: #856614;
}
.mobile-view-table.agent-payout .action-card-header.actions-btn-mt {
    top: 7px;

}


.mobile-view-table.agent-payout .lead-subtitle {
    padding-right: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mobile-view-table .lead-cst-name .lead-subtitle {
    font-size: 16px;
    text-transform: capitalize;
    color: #333;
}
.mobile-view-table.admin-payout .lead-amount .card-title {
    border-radius:5px;
    padding: 5px 15px;
    text-align: center;
    border: 1px solid #8e8b8b;
}

.mobile-view-table.admin-payout .lead-amount .title {
    display: block;
    margin-bottom: 5px;
    font-size: 10px;
    text-transform: capitalize;
}
.mobile-view-table.admin-payout .lead-amount .cur {
    font-size: 12px;
}
.mobile-view-table.admin-payout .lead-cst-name h6 {
    font-size: 16px;
}


.mobile-view-table.admin-payout .action-card-header.actions-btn-mt {
    top: 20px;
}


.lead-amount {
    margin-top: 10px;
}

#m_header_topbar .m-dropdown__body .m-nav .m-nav__item .m-nav__link {
    display: inline-block;
    width: auto;
}

#m_header_topbar .m-dropdown__body .m-nav .m-nav__item {
    text-align: center;
}


.two-value-head.lead-amount {
    padding-right: 0;
}

.done-pay .payout-don {
    background: #bff1d3;
    padding: 3px 20px;
    color: #48d782;
    border-radius: 30pc;
    font-size: 14px;
    margin-right: 10px;
    font-weight: bold;
    padding-left: 35px;
    position: relative;
}

.done-pay .payout-don::after {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    border: 4px solid;
    left: 11px;
    border-radius: 50px;
    top: 0;
    bottom: 0;
    margin: auto;
}


.mobile-view-table.admin-payout .lead-cst-name .user-name.user_full_details {
    color: #7a7e81;
    text-transform: capitalize;
    text-decoration: none;
}

.daterangepicker.show-calendar .drp-buttons {
    display: flex;
    justify-content: space-between;
    text-align: left;
}

#user .form-group {

    margin-bottom: 15px;
}


.dashboard-stat.dashboard-stat-v2 .visual {
       padding-top: 10px;
    margin-bottom: 10px;
    height: auto;
}


.dashboard-stat .details .number {

    font-size: 26px;
    line-height: 26px;
    letter-spacing: -1px;

}

.dashboard-stat .details .desc {

    font-size: 16px;

}


.dashboard-stat.dashboard-stat-v2 .visual {
    padding-top: 0;
    margin-bottom: 0;
    height: auto;
}

.dashboard-stat .visual > i {
    margin-left: 0;
    font-size: 70px;
    line-height: normal;
}

.container-fluid.main-page .m-portlet .m-portlet__body .m-widget20__number {
    position: relative;
    top: -55px;
    font-size: 25px;
}


.dashboard-stat .details .number {

    padding-top: 15px;
}

.agent-payout-content .search_mobile .form-control {
    border-radius: 30px 0 0 30px !important;
}


.agent-payout-content .search_mobile .btn {
    height: 50px !important;
    border-radius: 0 30px 30px 0 !important;
    width: 65px;
    border: 1px solid #ddd;
    border-left: 0;
}


.tab-content .select2-selection {
    height: auto !important;
}

.container-fluid .fix-footer .m-form__actions {
    display: block;
    justify-content: space-between;
    padding-top: 15px !important;
    overflow: hidden;
}

.btn.next-btn {
    float: right;
}

.btn.close_lead {
    float: left;
}



#loan-form .modal-footer.footer-btn {
    border: none;
}


.mobile_clone_row .remove-row .fa {
    color: #fff !important;
    font-size: 22px;
    line-height: normal;

}

 .mobile_clone_row .remove-row {
    background: #f4516c;
    text-align: center;
    padding: 10px 0;
    border-radius: 3px !important;
    margin-top: 15px;
    display: block;
}

.mobile_clone_row .remove-row span {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
}



.mobile_clone_row {
    border: 1px solid #ddd;
    padding: 13px;
    border-radius: 3px !important;
    margin-bottom: 10px;
    margin-top: 10px;
}

.heading-seprator.lead_loan_title {
    border: 1px solid #ddd;
    padding: 15px 15px;
    border-radius: 3px !important;
}
.heading-seprator.lead_loan_title h6 {
    color: #333;
    font-size: 14px;
}
.heading-seprator.lead_loan_title .add-row .fa {
    /*font-size: 20px;*/
    line-height: normal;
}

.heading-seprator.lead_loan_title .justify-content-between {
    align-items: center;
}
#loan-form .row .col .form-group.select_role > label {
    font-size: 10px;
}
#add-co-applicant .modal-body {
    padding: 10px 15px;
}
#add-co-applicant .modal-body .col .heading-seprator.lead_loan_title {
    margin-bottom: 15px;
}


.mobile-design-form .loan-account-box .mobile_form_group label.focus-label {
    display: none !important;
}


.mobile-design-form .loan-account-box .mobile_form_group .form-control {
    padding-top: 0;
    height: 40px;
}



.container-fluid .dashboard-box-style.no_chart {
    min-height: auto !important;
    margin-bottom: 10px !important;
}

.dashboard-box-style.no_chart .m-chart_body .m-widget20__number {
    top: -15px !important;
}
.form-header.Details-title .head-title .form-title {
    padding: 0;
}


.is_mobile_view .container-fluid.lead_page {
    margin-bottom: 70px;
}



.is_mobile_view .fix-footer {
    bottom: 60px;
}

.responsive.d-none {
    display: none !important;
}


.responsive.d-sm-none {
    display: block !important;
}

#add-co-applicant.modal .modal-content .modal-footer {
    padding: 20px;
}

.modal .modal-content .modal-header .close {
    margin-top: 12px !important;
    padding: 0;
    border: none;
    width: 0;
    height: 0;
    font-size: 0;
    text-indent: -45px;
}

.modal .modal-content .modal-header .close::before {
    font-size: 24px;
}

#bankfileapproval .form-control.m-input.currency-input-custom {
    height: 40px !important;
    padding-top: 0  !important;
}


#co-applicant-wrapper .edit_close_btn {
    top: -5px;
    padding: 5px;
    right: -30px;
}


#co-applicant-wrapper br {
    display: none;
}


.swal2-container {
    padding: 15px;
    border-radius: 10px !important;
}

.m-portlet .m-portlet__foot:not(.m-portlet__no-border) {
    border-top: none;
}


.form-horizontal .m-form__actions {
    padding-top: 0 !important;
}

.heading-seprator.lead_loan_title .m-checkbox > span, 
.m-form__group.checkbox_class .m-checkbox > span {
    top: 0px !important;
}


.mobile-design-form .mobile_form_group .form-control::placeholder {
    opacity: 1;
}


.mobile_label_hide .form-group input.form-control {
    height: 40px;
    padding-top: 0;
}


.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-login__form-action .btn {
    padding: 15px 40px !important;

}

.select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection
{

height: auto !important;

}

#co-applicant-wrapper .col-4.co-applicant-data {
    max-width: 100%;
    flex: 100%;
}

#co-applicant-wrapper .col-4.co-applicant-data .m-widget4__item {
    display: flex;
    position: relative;
}

#co-applicant-wrapper .edit_close_btn {
    top: 0;
    padding: 5px;
    right: -20px;
}

#co-applicant-wrapper .col-4.co-applicant-data .m-widget4__info {
    width: 80% !important;
    display: inline-block;
}


.mobile-view-table h6.email-title {
    color: #393a3c;
    font-weight: 600;
    font-size: 16px;
}

/*#payout_data_popup .modal-content {
    max-height: 95vh;
    padding-bottom: 20px;
}
#payout_data_popup .modal-content {
    max-height: 95vh;
    padding-bottom: 20px;
}
*/


}




/*end of max-width:767*/







 @media only screen and (max-width: 768px)

{

.container-fluid .m-subheader {
    margin-top: 10px;
    margin-bottom: 10px;
}


.m-grid__item.m-wrapper {
    margin-top: 0;
}
#loan-form .row .col {
    width: 100%;
    display: block;
    flex-wrap: unset;
    flex: auto;
    margin-bottom: 0;
     padding: 0;
       overflow: auto;
}

.container-fluid form .form-group select.form-control {
    width: 100% !important;
}
#loan-form .form-group.m-form__group.row {
    padding: 0;
    margin-bottom: 15px;
}

#loan-form .m-portlet__body {
    padding: 10px 0;
}

#loan-form {
    /*padding: 0 15px;*/
}

#addconnector-referral .form-group .col-5, #loantype .form-group .col-5, .form-group .col-5 {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
#user .inner-edit_form .form-group .col-form-label {
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
}

.m-portlet .m-portlet__foot.m-portlet__foot--fit .col-3 {
    flex: 100%;
    max-width: 100%;
    margin-top: 0;
}

#agent .col-form-label {
    width: 100%;
    display: block;
    flex: 1;
    max-width: 100%;
}
.m-portlet .m-portlet__foot.m-portlet__foot--fit .col-lg-9 {
    width: 100%;
    max-width: 100%;
    flex: 100%;
    display: inline-block;
}
.col-3 {
    flex: 100%;
    max-width: 100%;
}
#admin_user .form-group .col-3 {
    flex: 100%;
    max-width: 100%;
}

.dataTables_wrapper .dataTables_filter label {
    width: 100%;
    text-align: left;
}
.table-responsive .dataTables_wrapper .dataTables_filter input[type="search"] {
    margin-left: 0;
    width: 100%;
    font-size: 14px;
    padding-left: 10px;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: left;
}

.m-portlet .m-portlet__body {
    color: #575962;
    padding: 15px;
}

.m-form.m-form--label-align-right.m--margin-top-20.m--margin-bottom-30 {
    margin: 0 !important;
}

.payout_filter_form {
    display: block;
}
.payout_filter_form .col-4 {
    max-width: 100%;
    float: left;
    /*margin: 5px 0;*/
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.form-group.row .payout_filter_form .btn {
    min-width: 120px;
}

.m-portlet .m-portlet__body .m-form #generalSearch, .m-portlet .m-portlet__body .m-form #agent_id
{
	height: 40px;


}
.m-content .payout_filter_form .form-control {
    height: 40px !important;
}

.form-group.row .payout_filter_form .btn {
    min-width: 49%;
    height: 45px;
    line-height: 45px;
    float: left;
    margin: 0 0px;
}
.payout_filters .input-group-append {
    display: flex;
    justify-content: space-between;
}
#document-upload-model .modal-dialog, #exampleModal .modal-dialog {
    left: 10px;
    right: 10px;

}

/*#lead-main-nav {
    display: block;
    text-align: center;
}*/


/*#lead-main-nav .nav-item.m-tabs__item {
    display: inline-block;
}*/

#loan-form .tab-content > .tab-pane .col .form-group{min-height: auto; margin: 5px 0;}

#co-applicant-form .tab-content .col {
    overflow: auto;
    max-width: 100%;
    flex: 100%;
}

#add-co-applicant .modal-body .col .form-group {
    height: auto;
    min-height: auto;
    margin-top: 0;
}
.tab-content > .tab-pane .form-group {
    margin: 10px 0;
}
#loan-form #add-lead-frm .row {
    margin: 0;
}
.m-portlet .col-form-label {
    max-width: 100%;
    flex: 100%;
}
#user .form-group .col-md-4 {
    width: 100%;
    flex: 100%;
    max-width: 100%;
}

.col-lg-3, .col-lg-9{
    width: 100%;
    flex: 100%;
    max-width: 100%;
}


.form-horizontal .m-form__actions .row, .m-portlet__foot .row {
    padding-bottom: 0 !important;
}

.m-portlet .col-8 {
    max-width: 100%;
    flex: 100%;
}

#user .form-group .col-7, #changepassword .form-group .col-7, #agent .form-group .col-7, .form-group .col-7 {
    max-width: 100%;
    flex:100%;
}

#bank .table th {
    min-width: auto;
}
/*
.modal .modal-content {
    margin-left: 10px;
    margin-right: 10px;
    width: 95%;
    margin: auto;
}
*/

.payout_filter_form .col-md-8 .payout_filters {
    float: none;
}
.payout_filter_form .col-md-8 .payout_filters .input-form {
    width:100%;
    height: 45px;
}

.payout_filter_form .col-md-8 .payout_filters .input-group-append {
    width: 100%;
    margin-top: 10px;
}

.m-content .payout_filter_form .form-control {
    height: 50px !important;
}




.payout_filter_form .col-4.search_mobile .input-group-btn .btn {
    height: 50px;
    width: 70px;
    border-radius: 0px 30px 30px 0 !important;
    border: 1px solid #ddd;
    border-left: 0;
}
.payout_filter_form .col-4.search_mobile .form-control {
    border-radius: 30px 0px 0 30px !important;
}

.input-group.date-cal .icon {
    width: auto;
    left: auto;
    /*right: 0;*/
    margin: auto;
    text-align: left;
    z-index: 0;
}

.ml-auto, .mx-auto {
    margin-left: 0 !important;
}
.form-horizontal .m-form__actions {
    padding: 20px;
    border-top: 0;
    padding-top: 0;
}

#user .form-group.row {
    margin-left: -15px;
    margin-right: -15px;
}
.m-portlet.m-portlet--tabs .m-portlet__head {
    padding: 0px 15px;
    padding-top: 5px;
}

#agent .col-9.ml-auto {
    margin-left: 0 !important;
    max-width: 100%;
    flex: 100%;
}

.tab-content > .tab-pane .form-group.row {
    margin-left: -15px;
    margin-right: -15px;
}
#agent .col-9.ml-auto .m-form__section {
    font-size: 20px;
    display: block;
    margin-top: 15px;
    margin-bottom: 0;
}

#loan-form .modal-footer {
    padding-left: 0  !important;
    /*justify-content: space-between;*/justify-content: flex-start;
}

 .footer-btn .btn.btn-success {
    margin-left: 10px;
}

#scrollcomment {
    overflow: auto !important;
    height: 400px;
    border: 1px solid lightgrey;
    margin-left: 0;
    margin-right: 0;
    margin-top: 20px;
}

#comment {
    margin-bottom: 10px;
    padding:0;
}

#loan-form .btn.btn-primary.generate_lead_link {
    margin-left: 0;
}


.payout_filters{ width: 100%; }

.payout_filters .input-group.date-cal {
    display: block;
}
.payout_filters .input-group.date-cal .input-form {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}


.table-responsive #html_table_length {
    width: 30%;
    float: left;
}

.table-responsive #html_table_filter {
    width: 70%;
    float: left;
    margin: 0;
}

.table-responsive #html_table_length label {
    font-size: 0;
}
.table-responsive #html_table_length label select {
    font-size: 14px;
    min-width: 70px;
    border-radius: 0 !important;
    font-size: 15px;
    font-weight: 700;
    color: #666;
}
.table-responsive .dataTables_wrapper .dataTables_filter label {
    font-size: 0;
    position: relative;
}

.table-responsive .dataTables_wrapper .dataTables_filter label::after {
    position: absolute;
    content: "\f002";
    width: 20px;
    height: 20px;
    left: auto;
    right: 6px;
    top: 0;
    bottom: 0;
    margin: auto;
    font-family: fontawesome;
    color: #ddd;
    font-size: 14px;
}

.m-aside-header-menu-mobile .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text {
    font-weight: 600;
}


.form-group.row.upload-form-block .fileUploadBtn {
    font-size: 0;
    width: 10px;
    min-width: 45px;
    max-width: 10px;
    padding: 0;
    position: relative;
}
.form-group.row.upload-form-block .fileUploadBtn::after {
    position: absolute;
    content: "\f093";
    width: 100%;
    height: 100%;
    font-family: fontawesome;
    font-size: 14px;
    text-align: center;
    top: 0;
    left: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}


.mobile-view-table .card-header
{
    display: block;

}

.payout_filters .input-group.date-cal .input-form {
  width: 100%;
}

.form-header .form-title h4 {
    font-size: 16px;

}
.mobile-design-form .form-header .form-title h4 {
    font-size: 18px;
    padding: 0;
}


.email-header.p-name .lead-subtitle a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

.email-header.p-name {
    padding-right: 125px;
}

}




 @media only screen and (max-width: 480px)

{
.m-subheader .m-subheader__title {
    font-size: 16px;
}
/*ul.m-subheader__breadcrumbs.m-nav a.btn.btn-primary {
    padding: 8px 15px;
}*/

.m-portlet .m-portlet__body {
    padding: 15px 15px;
}

.submit_loader.show_loader{
    float: none;
    top: inherit;
    left: inherit;
    padding-top: 10px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button
{
	padding: 5px 10px;

}
.table-responsive table.dataTable thead th {
    border-bottom: 0;
    font-weight: 500;
    color: #333;
    /*padding-left: 0;*/
    padding-right: 20px;
    font-size: 14px;
}
.m-widget19_document {
    position: relative;
    min-width: 130px;
}

  
.footer-btn.full-btn .btn {
    width: 100%;
}

.container-fluid .mobile-design-form .btn {
    min-width: 115px;
}


.mobile-design-form .form-header .form-title h4 {
    font-size: 16px;

}

.error, .has-danger > label, .text-danger, .emsg, .emsg1, .emsg2, .error, .err_cus_add, .require-form-field {
    color: red !important;
    font-size: 12px;
}

.ediv, .emsg, .form-default-error, .error-keyup-1, .error-keyup-2, .error-keyup-3, .has-danger .form-control-feedback, .form-default-error-validate, .err_cus_add, .error_feedback_exist_field {
    display: inline-block;
    padding-top: 3px;
     font-size: 12px !important;
}



/*focused form style*/


.item-block.lead {
    background: #fd5e5b;
}


.usefull-link-se ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*padding: 15px 0;*/
}
.usefull-link-se ul {
    padding: 0;
    background: #fff;
    padding: 20px;
    border-radius: 10px !important;
}

.arrow-icon .fa {
    font-size: 20px;
}
.linl-icon-content .link-icon {
    margin-right: 10px;
}


.linl-icon-content .link-title {
    align-items: normal;
    line-height: 20px;
}

.linl-icon-content {
    display: flex;
    align-items: center;
}


.linl-icon-content .link-icon {
    margin-right: 15px;
    width: 45px;
    height: 45px;
    border-radius: 50px !important;
    line-height: 48px;
    text-align: center;
}
.linl-icon-content .link-icon .fa {
    font-size: 16px;
}


.linl-icon-content .link-title {
    font-size: 18px;
    text-transform: capitalize;
}

.usefull-link-se ul li .item-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    width: 100%;
    text-decoration: none;
}
.linl-icon-content .link-icon {
    margin-right: 15px;
    background: #ddd;
    width: 40px;
    height: 40px;
    border-radius: 50px !important;
    line-height: 40px;
    text-align: center;
}
.usefull-link-se {
    padding-top: 20px;
}

.linl-icon-content .link-title {
   /* font-size: 18px;
    text-transform: capitalize;
    color: #333;*/
}

.usefull-link-se ul {
    padding: 0;
    background: #fff;
    padding: 20px;
    border-radius: 10px !important;
    box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.09);
}
.arrow-icon {
    color: #9d9494;
}



.link-icon.red {
    background: #e3766e;
}

.link-icon.orange {
    background: #f1a714;
}

.link-icon.green {
    background: #45cb9e;
}

.link-icon.blue {
    background: #17bbc0;
}

.linl-icon-content .link-title h4 {
    font-size: 16px;
    color: #333;
    line-height: normal;
    margin: 0;
}
.linl-icon-content .link-title span {
    color: #aca4a4;
    font-size: 12px;
}


.linl-icon-content .link-title span {
    color: #aca4a4;
    font-size: 12px;
}

.linl-icon-content .link-icon .fa {
    font-size: 16px;
    color: #fff;
}



/*==================*/

.footer-mobile-menu {
    position: fixed;
    bottom: 0;
    z-index: 99999;
    width: 100%;
    background: #fff;
    padding-top: 10px;
    padding-bottom: 5px;
    box-shadow: 0 0px 3px rgba(0,0,0,.4);
    left: 0;
}


.footer-mobile-menu .inportant-box {
    width: 25%;
    float: left;
}

.inportant-box-title {
    font-size: 12px;
    color: #333;
    margin: 0;
}

.footer-mobile-menu .inportant-box .item-block {
    text-align: center;
    text-decoration: none;
}


.inportant-box-title {
    font-size: 14px;
    color: #333;
    font-weight: normal;
}


.footer-mobile-menu .inportant-box .item-block .box-icon {
    color: #333;
    margin-bottom: 6px;
}

.footer-mobile-menu .inportant-box .item-block .box-icon .fa {
    font-size: 24px;
    line-height: normal;
}
.inportant-title h2 {
    font-size: 16px;
    color: #847b7b;
    margin-bottom: 15px;
}

/*.show-lead-number-data {
    margin-top: 5px;
}
*/

}













/* @media only screen and (max-width: 767px)  {*/


/**************************************/
/********* loader css start ***********/
/**************************************/

#loader{
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #262626;
    /*color: rgba(255,255,255,0.9)*/
    background: rgba(255,255,255,0.9);
    z-index: 999999;
    top: 0;

}
#loader .loader-item {
    position: absolute;
    width: auto;
    height: 100%;
    top: 50%;
    left: 50%;
    text-align: center;
    -webkit-transform: translate(-50%, -10%);
    -ms-transform: translate(-50%, -10%);
    transform: translate(-50%, -10%)
}

#loader .spinner{
    margin: 40px auto 0;
    width: 70px;
    text-align: center
}
#loader .spinner > div {
    width: 18px;
    height: 18px;
    background-color: #32c5d2;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border-radius:50px !important;
}
#loader .spinner .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}
#loader .spinner .bounce2, #loader2 .spinner .bounce2, #loader3 .spinner .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}



@-webkit-keyframes bouncedelay {
0%, 100%, 80% {
-webkit-transform:scale(0)
}
40% {
-webkit-transform:scale(1)
}
}
@keyframes bouncedelay {
0%, 100%, 80% {
transform:scale(0);
-webkit-transform:scale(0)
}
40% {
transform:scale(1);
-webkit-transform:scale(1)
}
}


@-webkit-keyframes sk-waveStretchDelay {
0%, 100%, 40% {
-webkit-transform:scaleY(.4);
transform:scaleY(.4)
}
20% {
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
}
@keyframes sk-waveStretchDelay {
0%, 100%, 40% {
-webkit-transform:scaleY(.4);
transform:scaleY(.4)
}
20% {
-webkit-transform:scaleY(1);
transform:scaleY(1)
}
}


@-webkit-keyframes rotate {
100% {
-webkit-transform:rotate(360deg)
}
}
@keyframes rotate {
100% {
transform:rotate(360deg);
-webkit-transform:rotate(360deg)
}
}
@-webkit-keyframes bounce {
0%, 100% {
-webkit-transform:scale(0)
}
50% {
-webkit-transform:scale(1)
}
}
@keyframes bounce {
0%, 100% {
transform:scale(0);
-webkit-transform:scale(0)
}
50% {
transform:scale(1);
-webkit-transform:scale(1)
}



/*}*/

/**************************************/
/********* loader css end ***********/
/**************************************/




 }


.edit_close_btn {
    display: block;
    margin-left: 10px;
    position: absolute;
    top: 5px;
    padding: 5px;
    right: -20px;
}

.text-uppercase{
    text-transform: uppercase;
}


.bank-account-detail-table select.form-control:not([size]):not([multiple]){
    height: calc(1.5em + .75rem + 2px) !important;
}



.agent_move_model .radio-inline{
    padding-right: 10px;
}
.staff-names{
    padding-left: 10px;
}
.lead_link.show_link{
    padding: 10px 0px 20px 0px;
}
.commission_note{
    display: inline-block;
    width: 100%;
    padding-top: 8px;
}
.fileUploadBtn{
    height: 53px;
    line-height: 53px;
}
.payout-custom-file.custom-file .custom-file-label:after{
    height: 51px;
    line-height: 51px;
    border-radius: 0;
}
.payout-custom-file.custom-file .custom-file-label:after,
.fileUploadBtn{
    padding: 0;
    min-width: 100px;
    text-align: center;
}
.payout-custom-file.custom-file .custom-file-label{
    height: 53px;
    line-height: 2.8;
}

.customer_document_content .heading-seprator,
.customer_document_content .co-applicant-document-top-wrapper .heading-seprator{
    margin-bottom: 15px !important;
}


.html_table_responsive {
    white-space: nowrap;
}











/*mobile view design*/

@media screen and (min-width: 769px)
{
    .mobile-view-table {
        display: none;
    }
    .search_mobile {
        display: none !important;
    }


     .hide-for-desktop {
        display: none;
    }

}




/*=====================*/


.mobile-view-table .card-title {
  font-size: 11px;
  color: #8e8b8b;
  margin-bottom: 5px;
}
/*.mobile-view-table .card-subtitle {
    font-size: 18px;
    font-weight: 700;
    color: #595f64;
}*/


.mobile-view-table .card-subtitle {
    font-size: 16px;
    font-weight: 600;
    color: #393a3c;
}
.mobile-view-table .card-header {
  padding: 8px 12px;
  min-width: 181px;
  border: none;
  background: none;

}


.mobile-view-table .card-body {
    background: none;
    border-bottom: 1px solid #ddd;
    margin-top: 0;
    position: relative;
    padding: 15px 15px;

 
}


.dot {
    display: block;
    width: 3px;
    height: 3px;
    background: #272b2e;
    margin-bottom: 2px;
    border-radius: 50px !important;
}
.mobile-view-table .dropdown-toggle::after {
    display: none;
}

.actions-btn-mt .dropdown-toggle {
    outline: none;
    box-shadow: none;
    background:none;
}


.action-card-header.actions-btn-mt{
    position: absolute;
    top: 32px;
    right: 10px;
    min-width: auto;
}


.mobile-view-table .card {
    border: none;
    margin: 0 -15px;
}

.actions-btn-mt .btn.dropdown-toggle {
    border: none;
    background: none;
    padding: 10px 12px;
}


.action-card-header.actions-btn-mt .dropdown-toggle:hover {
    background: none;
}


.action-card-header.actions-btn-mt .dropdown-menu li a {
    display: block;
    background: #fff;
}

.action-card-header.actions-btn-mt .dropdown-menu {
    padding: 0;
}


.action-card-header.actions-btn-mt .dropdown-menu li a {
    display: block;
    background: #fff;
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
    padding-left: 25px;
    color: #555;
}

.action-card-header.actions-btn-mt .dropdown-menu li a .icon-docs

{
    display: none;

}



.mobile-view-table .card-subtitle a {
    color: #1cb9c8;
}
.action-card-header.actions-btn-mt .dropdown-menu h3 {
    background:#e0e0e0;
    margin: 0;
    padding: 15px 25px;
    border-bottom: 1px solid #ddd;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
}



.mobile-view-table .pagination > li > span {
    height: 40px;
    font-size: 18px;
}

.user-title .user-name {
    color: #7a7e81;
    text-transform: capitalize;
    font-size: 13px;
    /*font-weight: 500;*/
    text-decoration: none;
    display: block;
    /*margin-bottom: 10px;*/
    white-space: nowrap;
    width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.two-value-head {
    display: flex;
    justify-content: space-between;
    padding-right: 25px;
}


.email-header .email-title a {
    color: #272b2e;
    font-size: 16px;
    text-decoration: none;
    margin-top: 5px;
    display: block;
    /*width: 235px;*/
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 10px;
}
.modal.userdetails-popup .modal-header .modal-title {
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 600;
}

.mobile-view-table .user-title.p-name {
    margin-bottom: 10px;
}


.modal.userdetails-popup .modal-content .modal-header .modal-title {
    font-size: 18px;
    font-weight: 600;
    padding: 0;
}
.modal.userdetails-popup .modal-content .modal-header {
   padding: 15px 20px;
}
.modal.userdetails-popup .modal-content .modal-header .close {
    margin-top: 10px !important;
}
.userdetails-popup .details-box label {
    font-size: 12px;
    font-weight: 500;
    color: #272b2e;
    margin-bottom: 0;
    text-transform: uppercase;
}

.userdetails-popup .details-box .user-data {
    font-size: 16px;
    color: #7a7e81;
    text-overflow: ellipsis;
    overflow: hidden;
}

.details-box .form-group > label {
    font-weight: 500;
    text-transform: uppercase;
    margin: 0;
    font-size: 12px;
}

.details-box .form-group .user-data {
    font-size: 16px;
    color: #7a7e81;
}


.details-box .form-group {
    margin-bottom: 15px;
}

.details-box .form-group:last-child {
    margin-bottom: 0;
}

.dropdown-menu li > a img {
    max-width: 30px;
}

@media only screen and (max-width: 425px){
    .mobile-hidden-label{
        display: none;
    }
}







/*footer and  dashboard design*/





.item-block.lead {
    background: #fd5e5b;
}


.usefull-link-se ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*padding: 15px 0;*/
}
.usefull-link-se ul {
    padding: 0;
    background: #fff;
    padding: 20px;
    border-radius: 10px !important;
}

.arrow-icon .fa {
    font-size: 20px;
}
.linl-icon-content .link-icon {
    margin-right: 10px;
}


.linl-icon-content .link-title {
    align-items: normal;
    line-height: 20px;
}

.linl-icon-content {
    display: flex;
    align-items: center;
}


.linl-icon-content .link-icon {
    margin-right: 15px;
    width: 45px;
    height: 45px;
    border-radius: 50px !important;
    line-height: 48px;
    text-align: center;
}
.linl-icon-content .link-icon .fa {
    font-size: 16px;
}


.linl-icon-content .link-title {
    font-size: 18px;
    text-transform: capitalize;
}

.usefull-link-se ul li .item-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    width: 100%;
    text-decoration: none;
}
.linl-icon-content .link-icon {
    margin-right: 15px;
    background: #ddd;
    width: 40px;
    height: 40px;
    border-radius: 50px !important;
    line-height: 40px;
    text-align: center;
}
.usefull-link-se {
    padding-top: 20px;
    margin-bottom: 30px;
}

.linl-icon-content .link-title {
   /* font-size: 18px;
    text-transform: capitalize;
    color: #333;*/
}

.usefull-link-se ul {
    padding: 0;
    background: #fff;
    padding: 20px;
    border-radius: 10px !important;
    box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.09);
}
.arrow-icon {
    color: #9d9494;
}



.link-icon.red {
    background: #e3766e;
}

.link-icon.orange {
    background: #f1a714;
}

.link-icon.green {
    background: #45cb9e;
}

.link-icon.blue {
    background: #17bbc0;
}

.linl-icon-content .link-title h4 {
    font-size: 16px;
    color: #333;
    line-height: normal;
    margin: 0;
}
.linl-icon-content .link-title span {
    color: #aca4a4;
    font-size: 12px;
}


.linl-icon-content .link-title span {
    color: #aca4a4;
    font-size: 12px;
}

.linl-icon-content .link-icon .fa {
    font-size: 16px;
    color: #fff;
}

/*==================*/

.footer-mobile-menu {
    position: fixed;
    bottom: 0;
    z-index: 99;
    width: 100%;
    background: #fff;
    padding-top: 10px;
    padding-bottom: 5px;
    box-shadow: 0 0px 3px rgba(0,0,0,.4);
    left: 0;
}


.footer-mobile-menu .inportant-box {
    width: 25%;
    float: left;
}

.inportant-box-title {
    font-size: 12px;
    color: #333;
    margin: 0;
}

.footer-mobile-menu .inportant-box .item-block {
    text-align: center;
    text-decoration: none;
}


.inportant-box-title {
    font-size: 14px;
    color: #333;
    font-weight: normal;
}


.footer-mobile-menu .inportant-box .item-block .box-icon {
    color: #333;
    margin-bottom: 6px;
}

.footer-mobile-menu .inportant-box .item-block .box-icon .fa {
    font-size: 24px;
    line-height: normal;
}
.inportant-title h2 {
    font-size: 16px;
    color: #847b7b;
    margin-bottom: 15px;
}


.footer-mobile-menu .inportant-box .item-block.active .box-icon {
    color: #32c5d2;
}

.footer-mobile-menu .inportant-box .item-block.active .inportant-box-title {
    color: #32c5d2;
}


/*================*/






 .only-show-mobile-device
{
    display: none;

}



@media only screen and (max-width:768px)
{

    .is_mobile_view .only-show-mobile-device
{
    display: block !important;

}

.is_mobile_view .hide-only-mobile-device {
    display: none;
}

 .is_mobile_view .main-footer {
    /*display: none;*/
    opacity: 0;

}


}




.dashboard-content-link {
    display: flex;
    border: none;
    text-align: center;
    margin: 5px 5px;
    border-radius: 5px !important;
    padding: 0 0;
    text-decoration: none !important;
    color: #fff;
    box-shadow: 0 3px 20px 0 rgba(0, 0, 11, 0.1);
    height: 95%;
    flex-direction: column;
    align-content: center;
    align-self: center;
    justify-content: center;
}

.dashboard-content-link:hover {
    color: #fff;
}
.dashboard-content-box {
  width: 50%;
  float: left;
}
.dashboard-content-link .item-icon .fa {
  font-size: 35px;
  line-height: normal;
}
.dashboard-content-link.blue {
    background: #0396d4;
}


.dashboard-content-link.green {
    background: #33d09d;
}

.dashboard-content-link.dark-blue {
    background: #8d5d83;
}

.dashboard-content-link.orange {
    background: #f1a714;
}
.dashboard-content-link.red {
    background: #eb4d4b;
}
.dashboard-content-link.sky-blue {
    background: #17bbc0;
}

.dashboard-content-title {
    font-size: 15px;
    height: auto;
    border: none;
    font-weight: 500;
    margin-top: 10px;
}


.dashboard-content-block {
    overflow: hidden;
    background: no-repeat;
    min-height: calc(100vh - 230px);
    display: flex;
    flex-wrap: wrap;
    height: 10%;
    padding-bottom: 5px;
}





#rotate-device {
    background: #ccc;
    position: fixed;
    bottom: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    height: 100%;
    align-self: center;
    text-align: center;
    padding: 20px 0;
    display: none;
}


/*@media only screen and (max-device-width: 667px) and (min-device-width: 320px) and (orientation: landscape){
	#rotate-device {
		display: block;
	}
}*/

.document-action-download{
    padding-right: 5px;
    /*color: #575962;*/
    color: #000;
    cursor: default;
}
.document-action-download:hover{
    color: #000;
}

.download_lead_document {
    display: block;
    pointer-events: none;
}