body {
    margin: 0px;
    padding: 0px;
    background: #efefef;
    font-family: "proxima-nova", sans-serif;
    color: #505050;
    font-size: 12px;
    line-height: 135%;
    height: 100% !important;
    position: inherit;
}

.form-group {
    position: relative;
}

label {
    font-weight: normal !important;
}

.webform-progress-tracker.progress-tracker {
    margin-bottom: 70px;
}

.progress-step.is-active .progress-marker,
.webform-progress-tracker .progress-step.is-active:hover .progress-marker {
    background-color: #ca9212;
    padding: 0px;
}

.webform-progress-tracker .progress-step.is-complete:hover .progress-marker,
.progress-step.is-complete .progress-marker {
    background-color: #6ab446;
}


/**scrollbar **/

.table-responsive::-webkit-scrollbar {
    width: 12px;
}

.table-responsive::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.table-responsive::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #ca9212;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}


/**scrollbar end**/

.mlp-inner_section .text-right a.loan_information_back_button {
    position: absolute;
    bottom: -11px;
    width: 100px;
    right: 15px;
}

.mlp-inner_section {
    background: #fff8e6;
    padding: 15px 0 15px 0;
}

.mlp_loan_informations_page .layout-container {
    padding: 0px;
    height: 100%;
}

.mlp-container {
    max-width: 760px;
    width: 100%;
    margin: 10px auto;
    background: #fff;
    height: 100%;
}

.mlp-wraper {
    width: 100%;
    position: relative;
    font-size: 15px;
    min-height: 100%;
}

.mlp-wrap {
    margin: 0;
    background: #fff;
    padding: 0 0 200px 0;
}

.mlp-main_menu .mlp-container,
.mlp-site-footer .mlp-container {
    background: none;
}

body .form-control:focus {
    border-color: #ca9212;
}


/** southernpioneer backend **/

.mlp-main-content-block .mlp-content_block {
    padding: 20px 0px 40px 0px;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    float: left;
}

.mlp_backend_page {
    width: 100%;
    float: left;
    font-family: "proxima-nova", sans-serif;
}

.mlp_backend_page .layout-container {
    background-image: none;
    padding-bottom: 0px;
}

#page.mlp_loan_informations_page,
#page.mlp_form_page,
#page {
    font-family: "proxima-nova", sans-serif;
    height: 100%;
    position: initial;
}


/** Thank you **/

.request_change_thank_you_page .mlp-main-content-block .thank_you_section {
    max-width: 500px;
    margin: 70px auto;
    text-align: center;
    box-shadow: 0px 0px 2px #ca9212;
    border-radius: 10px;
    padding: 40px;
    display: table;
}

.request_change_thank_you_page .mlp-main-content-block .thank_you_section .mlp-content_block {
    padding: 0px 0px 20px 0px;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.request_change_thank_you_page .mlp-inner_title-block h1.page-header {
    text-align: center;
}


/** header **/

.mlp-header-logo-menu {
    width: 100%;
    float: left;
    margin: 10px 1px 10px 1px;
}

.mlp-logo {
    margin: 0px 0px 0px 0;
    float: left;
}

.mlp-header {
    width: 100%;
    float: left;
}

.header-right-block {
    float: right;
}

#agent {
    text-align: right;
    font-size: 18px;
    padding: 15px 15px 8px 0px;
}

#agent a,
#agent a:hover {
    text-decoration: none;
    color: #000000;
    font-family: "proxima-nova", sans-serif;
}

#agent a img {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 2px;
}

#phone {
    text-align: right;
    font-size: 21px;
    color: #d5a00f;
    padding: 0;
    font-family: "proxima-nova", sans-serif;
}

#phone a {
    text-decoration: none;
}


/** menu **/

.mlp-main_menu {
    width: 100%;
    float: left;
    background: #ca9212;
    background-position: 0 0;
    background-repeat: repeat-x;
}

.mlp-main_menu .mlp-responsive-icon-block {
    display: none;
}

.mlp-main_menu ul.menu {
    margin: 0 0 0 -10px;
    padding: 0px;
}

.mlp-main_menu ul.menu li.menu-icon-72 {
    float: left;
}

.mlp-main_menu ul.menu li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: inline-block;
    outline: none;
}

.mlp-main_menu ul.menu li:last-child {
    background-image: none;
}

.mlp-main_menu ul.menu li a {
    margin: 0px;
    display: block;
    padding: 10px 7px;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    outline: none;
    font-family: "proxima-nova", sans-serif;
}

.mlp-main_menu ul.menu li a:hover,
.mlp-main_menu ul.menu li a:focus,
.mlp-main_menu ul.menu li.active a,
.mlp-main_menu ul.menu li a.is-active {
    background: none;
    color: #000;
    outline: none;
}

.mlp-main_menu ul.menu li a .caret {
    display: none;
}

.mlp-main_menu ul.menu li:hover ul {
    display: block;
    margin: 0;
    border-radius: 0;
    border: 2px solid #fff;
}

.mlp-main_menu ul.menu li:hover ul li {
    background-image: none;
    width: 100%;
    display: inline-block;
}

.mlp-main_menu ul.menu li:hover ul li a {
    font-size: 11px;
    text-transform: none;
    padding: 5px 7px;
    background-image: none;
    background-color: #D3980C;
    width: 18em;
    border-bottom: 2px solid #fff;
    color: #fff;
    width: 100%;
    display: inline-block;
}


/** page tilte **/

.mlp-main-content-block {
    width: 100%;
    display: inline-block;
}

.mlp-inner_title-block {
    width: 100%;
    padding: 4px 0 0px 0;
    display: inline-block;
}

.mlp-inner_title-block h1.page-header {
    font-size: 30px;
    margin: 0;
    padding: 0px;
    text-transform: uppercase;
    font-weight: 600;
    color: #58595b;
    border: none;
}

.mlp-inner_title-block h3 {
    border-bottom: none;
    font-size: 16px;
    color: #000;
    margin: 16px 0;
    padding: 0;
    font-family: "proxima-nova", sans-serif;
}

.mlp-inner_title-block a {
    border-bottom: none;
    font-size: 16px;
    color: #dcab26;
    margin: 0;
    font-family: "proxima-nova", sans-serif;
    padding: 0;
}


/** tab menu number **/

table.table tbody {
    border: #ccc solid 1px;
}

table.table tbody tr:last-child {
    border-bottom: #ccc solid 1px;
}

.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan-information-form {
    max-width: 650px;
    width: 100%;
    padding: 0;
    background: #fff;
}

.mlp-southernpioneer-backend .view-payment-history {
    width: 100%;
    margin: 0 auto;
}

.mlp-southernpioneer-backend .view-payment-history .view-filters.form-group {
    max-width: 100%;
    margin: 0 auto 20px;
    width: 100%;
    border-bottom: 2px solid #ccc;
}

.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-item,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan-information-form .form-item  {
    width: 100%;
    font-weight: bold;
    margin: 0 0 20px 0;
    float: left;
    position: relative;
    line-height: 33px;
}

a.webform-element-help {
    position: absolute;
    right: 30px;
    width: 20px;
}

.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-item label,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan-information-form .form-item label {
    float: left;
    max-width: 180px;
    width: 100%;
    margin: 0px;
    font-size: 16px;
    font-weight: normal;
    font-family: "proxima-nova", sans-serif;
    text-align: right;
    padding: 0 20px 0 0;
    line-height: 32px;
}

.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-item label.form-required:after,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan-information-form .form-item label.form-required:after  {
    margin: 0 0 5px 2px;
}

.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-item input,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-item .select-wrapper,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan-information-form .form-item input,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan-information-form .form-item .select-wrapper {
    max-width: 410px;
    width: 100%;
    margin: 0 0 0 0px;
    border-radius: 0px;
    box-shadow: none;
    float: left;
    z-index: 0;
    background: #fff;
    font-weight: normal;
    font-family: "proxima-nova", sans-serif;
}

.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-item input[type="radio"],
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan-information-form .form-item input[type="radio"] {
    width: auto;
    display: inline-block;
    float: left;
    margin: 7px 8px 0 0;
    position: relative;
}

.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-item .input-group-addon,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan-information-form .form-item .input-group-addon {
    background: none;
    border-radius: 0px;
    box-shadow: none;
    border: none;
    border-right: #ccc solid 1px;
}

.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form fieldset.fieldgroup legend,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan-information-form fieldset.fieldgroup legend  {
    float: left;
    max-width: 180px;
    width: 100%;
    margin: 0px;
    font-size: 16px;
    border-bottom: none;
    font-weight: normal;
    font-family: "proxima-nova", sans-serif;
    text-align: right;
    padding: 0 20px 0 0;
}

.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form fieldset.fieldgroup .fieldset-wrapper,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan-information-form fieldset.fieldgroup .fieldset-wrapper  {
    max-width: 410px;
    width: 100%;
    margin: 0 0 0 0px;
    border-radius: 0px;
    box-shadow: none;
    float: left;
}

.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form fieldset.fieldgroup .fieldset-wrapper .radio,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan-information-form fieldset.fieldgroup .fieldset-wrapper .radio  {
    width: auto;
    float: left;
    margin: 0 0 10px 0;
}

.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form fieldset.fieldgroup .fieldset-wrapper .radio label,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan-information-form fieldset.fieldgroup .fieldset-wrapper .radio label {
    width: 160px;
    max-width: 100%;
    padding: 0 0 0 0px;
    text-align: left;
    float: left;
    font-family: "proxima-nova", sans-serif;
    line-height: 28px;
}

.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form fieldset.fieldgroup .fieldset-wrapper .radio label label.error,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan-information-form fieldset.fieldgroup .fieldset-wrapper .radio label label.error {
    position: absolute;
    left: 0;
    white-space: nowrap;
    padding: 0;
}


/*.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form fieldset.fieldgroup .fieldset-wrapper .radio input {
    max-width: 20px;
    width: 100%;
    margin: 7px 0 0 0px;
    border-radius: 0px;
    box-shadow: none;
    float: left;
    left: 0;
}*/

.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-actions button.webform-button--reset,
.form-actions button.webform-button--reset,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan-information-form .form-actions button.webform-button--reset,
.form-actions button.webform-button--reset  {
    background: #c21b1b !important;
}


/* .mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-actions button.webform-button--reset, .mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-item.form-item-premium-amount {
    display: none !important;
} */

.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-actions,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan-information-form .form-actions {
    padding: 10px 0 0px 180px;
    display: inline-block;
}

.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-actions button.webform-button--previous:hover,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-actions button.webform-button--reset:hover,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-actions button.webform-button--submit:hover,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan-information-form .form-actions button.webform-button--previous:hover,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan-information-form .form-actions button.webform-button--reset:hover,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan-information-form .form-actions button.webform-button--submit:hover {
    /*background: #ccc;
    color: #000;*/
}

.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-actions .webform-button--preview:hover {
    /* background: #ccc;
    color: #000;*/
}

.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-actions .webform-button--preview .icon,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan-information-form .form-actions .webform-button--preview .icon {
    display: none;
}

/*.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-actions .webform-button--submit,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan-information-form .form-actions .webform-button--submit {
    display: none;
}*/

.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-actions .webform-button--submit {
    display: none;
}

button span.icon {
    display: none;
}

.mlp_loan_certificate_buttons {
    margin: 40px 0;
}

.webform-progress-tracker.progress-tracker {
    height: 5px;
    background: #f1f1f1;
}

.progress-tracker--center .progress-step {
    text-align: center;
    margin-top: -12px;
}

.mlp_loan_certificate_buttons a {
    background-color: #6ab446;
    border: none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
    font-weight: 400;
    padding: 7px 20px;
    text-transform: uppercase;
    width: auto;
    outline: none;
    box-shadow: none;
    text-decoration: none;
}

.mlp_loan_certificate_buttons a:hover {
    background: #e6e6e6;
    color: #333;
    text-decoration: none;
}

.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-item label.error,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan-information-form .form-item label.error,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-item .validation, 
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan-information-form .form-item .validation {
    float: left;
    width: 100%;
    max-width: 91%;
    color: #f00;
    font-size: 13px;
    padding: 4px 0 0 180px;
    margin: 0;
    text-align: left;
    font-weight: normal;
}

.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-item.js-form-item-loan-origin-date,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan-information-form .form-item.js-form-item-loan-origin-date,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-item.js-form-item-loan-maturity-date,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan-information-form .form-item.js-form-item-loan-maturity-date {
    width: 100%;
}

.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-item.js-form-item-loan-origin-date .container-inline.form-inline,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan-information-form .form-item.js-form-item-loan-origin-date .container-inline.form-inline,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-item.js-form-item-loan-maturity-date .container-inline.form-inline,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan-information-form .form-item.js-form-item-loan-maturity-date .container-inline.form-inline {
    width: 50%;
    float: left;
}

.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-item.js-form-item-loan-origin-date .container-inline.form-inline select,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-item.js-form-item-loan-maturity-date .container-inline.form-inline select {
    border-radius: 0px;
    box-shadow: none;
}

.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-item.js-form-item-loan-origin-date .container-inline.form-inline .js-form-item-loan-origin-date-month,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-item.js-form-item-loan-maturity-date .container-inline.form-inline .js-form-item-loan-maturity-date-month {
    width: 100%;
    float: left;
    max-width: 90px;
}

.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-item.js-form-item-loan-origin-date .container-inline.form-inline .js-form-item-loan-origin-date-day,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-item.js-form-item-loan-maturity-date .container-inline.form-inline .js-form-item-loan-maturity-date-day {
    width: 100%;
    float: left;
    max-width: 74px;
}

.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-item.js-form-item-loan-origin-date .container-inline.form-inline .js-form-item-loan-origin-date-year,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-item.js-form-item-loan-maturity-date .container-inline.form-inline .js-form-item-loan-maturity-date-year {
    width: 100%;
    float: left;
    max-width: 80px;
}


/** Radio Button Design **/


/*
.webform-submission-form .js-webform-radios-fieldset .js-webform-radios .radio label.control-label .form-radio {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    top: 2px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 24px;
    width: 24px;
    transition: all 0.15s ease-out 0s;
    background: #fff;
    border: #ca9212 solid 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
    outline: none;
    position: relative;
    z-index: 1000;
    border-radius: 50%;
}
.webform-submission-form .js-webform-radios-fieldset .js-webform-radios .radio label.control-label .form-radio:hover {
    background: #ca9212;
    border-radius: 50%;
}
.webform-submission-form .js-webform-radios-fieldset .js-webform-radios .radio label.control-label .form-radio:checked {
    background: #ca9212;
    border-radius: 50%;
}
.webform-submission-form .js-webform-radios-fieldset .js-webform-radios .radio label.control-label .form-radio:checked::before {
    height: 24px;
    width: 24px;
    position: absolute;
    content: '✔';
    display: inline-block;
    font-size: 17px;
    text-align: center;
    line-height: 21px;
    top: 0;
    left: -2px;
}
.webform-submission-form .js-webform-radios-fieldset .js-webform-radios .radio label.control-label .form-radio:checked::after {
    -webkit-animation: click-wave 0.65s;
    -moz-animation: click-wave 0.65s;
    animation: click-wave 0.65s;
    background: #ca9212;
    content: '';
    display: block;
    position: relative;
    z-index: 100;
    border-radius: 50%;
}*/


/** Radio Button Design End **/


/** view-payment **/

.mlp-southernpioneer-backend .view-payment-history .view-header {
    /* display: none;*/
    text-align: right;
    margin: 0 0 20px 0;
}

.mlp-southernpioneer-backend .view-payment-history .view-header .mlp_payment_report_buttons {
    margin: 5px 0 0 0;
    display: inline-block;
}

.mlp-southernpioneer-backend .view-payment-history .view-header .mlp_payment_report_buttons a {
    float: left;
    margin: 0 0 0 10px;
}

.mlp-southernpioneer-backend .view-payment-history .view-header .mlp_payment_report_buttons br {
    display: none;
}

.mlp-southernpioneer-backend .view-payment-history .view-header .mlp_payment_report_buttons a:hover {
    /*background-color: #e6e6e6;
    color: #333;*/
    text-decoration: none;
}

.mlp-southernpioneer-backend .view-payment-history .view-footer {
    text-align: right;
    margin: 0 0 20px 0;
}

.mlp-southernpioneer-backend .view-payment-history .view-footer .mlp_payment_report_buttons {
    margin: 5px 0 0 0;
    display: inline-block;
}

.mlp-southernpioneer-backend .view-payment-history .view-footer .mlp_payment_report_buttons a.mlp_payment_report_print_button {
    float: left;
    margin: 0 10px 0 0;
}

.mlp-southernpioneer-backend .view-payment-history .view-footer .mlp_payment_report_buttons br {
    display: none;
}

.mlp-southernpioneer-backend .view-payment-history .view-footer .mlp_payment_report_buttons a {
    background-color: #6ab446;
    border: none;
    display: inline-block;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
    font-weight: 500;
    padding: 7px 20px;
    text-transform: uppercase;
    width: auto;
    outline: none;
    box-shadow: none;
    text-decoration: none;
}

.mlp-southernpioneer-backend .view-payment-history .view-footer .mlp_payment_report_buttons a:hover {
    background-color: #e6e6e6;
    color: #333;
    text-decoration: none;
}

.mlp-southernpioneer-backend .view-payment-history .view-filters form .form-item {
    width: 30%;
    float: left;
    margin: 10px 10px 10px 0;
}


/*.mlp-southernpioneer-backend .view-payment-history .view-filters form .form-item .description.help-block {
display: none;
}
*/

.mlp-southernpioneer-backend .view-payment-history .view-filters form .form-item.js-form-item-created-max label.control-label,
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-created-date-max label.control-label,
.mlp-southernpioneer-backend .view-payment-history .view-filters form .form-item.js-form-item-field-maturity-date-value-max label.control-label,
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-field-maturity-date-value-max label.control-label,
.mlp-southernpioneer-backend .view-payment-history .view-filters form .form-item.js-form-item-field-origination-date-value-max label.control-label,
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-field-origination-date-value-max label.control-label,
.mlp-southernpioneer-backend .view-payment-history .view-filters form .form-item.js-form-item-field-loan-amount-value-max label.control-label,
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-field-loan-amount-value-max label.control-label,
.mlp-southernpioneer-backend .view-payment-history .view-filters form .form-item.js-form-item-field-premium-amount-value-max label.control-label,
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-field-premium-amount-value-max label.control-label,
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-field-loan-number-value-max label.control-label,
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-field-origination-date-value-op label.control-label,
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-field-maturity-date-value-op label.control-label,
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-created-op label.control-label,
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-field-loan-number-value-op label.control-label,
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-field-premium-amount-value-op label.control-label,
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-field-loan-amount-value-op label.control-label,
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-field-loan-number-range-value-max label.control-label {
    text-indent: -50000px;
}

.mlp-southernpioneer-backend .view-payment-history .view-filters form .form-item.js-form-item-created-max label.control-label::before,
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-created-date-max label.control-label::before {
    content: "To";
    position: absolute;
    display: block;
    color: #333;
    text-indent: 0;
}

.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-field-origination-date-value-op label.control-label::before {
    content: "Origination";
    position: absolute;
    display: block;
    color: #333;
    text-indent: 0;
}

.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-field-maturity-date-value-op label.control-label::before {
    content: "Maturity";
    position: absolute;
    display: block;
    color: #333;
    text-indent: 0;
}

.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-created-op label.control-label::before {
    content: "Submitted";
    position: absolute;
    display: block;
    color: #333;
    text-indent: 0;
}

.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-field-loan-number-value-op label.control-label::before {
    content: "Loan Number";
    position: absolute;
    display: block;
    color: #333;
    text-indent: 0;
}

.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-field-loan-amount-value-op label.control-label::before {
    content: "Loan Amount";
    position: absolute;
    display: block;
    color: #333;
    text-indent: 0;
}

.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-field-premium-amount-value-op label.control-label::before {
    content: "Premium Amount";
    position: absolute;
    display: block;
    color: #333;
    text-indent: 0;
}

.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-field-loan-number-value-max label.control-label::before {
    content: "Loan Number To";
    position: absolute;
    display: block;
    color: #333;
    text-indent: 0;
}

.mlp-southernpioneer-backend .view-payment-history .view-filters form .form-item.js-form-item-field-origination-date-value-max label.control-label::before,
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-field-origination-date-value-max label.control-label::before {
    content: "To Loan Origination Date";
    position: absolute;
    display: block;
    color: #333;
    text-indent: 0;
}

.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-field-maturity-date-value-max label.control-label::before {
    content: "To Loan Maturity Date";
    position: absolute;
    display: block;
    color: #333;
    text-indent: 0;
}

.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-created-date-max label.control-label::before {
    content: "To Loan Submission Date";
    position: absolute;
    display: block;
    color: #333;
    text-indent: 0;
}

.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-field-loan-amount-value-max label.control-label::before {
    content: "To Loan Amount";
    position: absolute;
    display: block;
    color: #333;
    text-indent: 0;
}

.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-field-loan-number-range-value-max label.control-label::before {
    content: "To Loan Number";
    position: absolute;
    display: block;
    color: #333;
    text-indent: 0;
}

.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-field-premium-amount-value-max label.control-label::before {
    content: "To Premium Amount";
    position: absolute;
    display: block;
    color: #333;
    text-indent: 0;
}

.mlp-southernpioneer-backend .view-payment-history .view-filters form .form-item label {
    float: left;
    width: 100%;
    display: block;
    font-weight: normal;
}

.mlp-southernpioneer-backend .view-payment-history .view-filters form .form-item input {
    float: left;
    max-width: 100%;
    width: 100%;
    border-radius: 0px;
    box-shadow: none;
}

.mlp-southernpioneer-backend .view-payment-history .view-filters form .form-actions {
    padding: 10px 0 0 0px;
    width: auto;
    margin: 19px 0 0 0;
}

.mlp-southernpioneer-backend .view-payment-history .view-filters form .form-actions a.export_loan_information_csv_data {
    color: #333;
    background-color: #fff;
    border: #ccc solid 1px;
    display: inline-block;
    padding: 6px 12px;
    text-decoration: none;
    cursor: pointer;
}

.mlp-southernpioneer-backend .view-payment-history .view-filters form .form-actions a.export_loan_information_csv_data:hover,
.mlp-southernpioneer-backend .view-payment-history .view-filters form .form-actions .form-submit:hover {
    /*background-color: #e6e6e6;
    color: #000;*/
}

.js-form-type-select.form-item-field-loan-officer-id-target-id-verf {
    clear: both;
    display: block;
}

.js-form-type-select.form-item-field-user-branch-id-target-id-verf {
    clear: both;
    display: block;
}

.form-item-field-loan-officer-id-target-id-verf {
    margin: 0 0 0 10px;
}

.mlp-southernpioneer-backend .view-mlp-history-list ul.js-pager__items.pager li.pager__item a:hover {
    /*color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;*/
}


/** Button equal **/

.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-actions button.webform-button--previous,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-actions button.webform-button--reset,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-actions .webform-button--preview,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan-information-form .form-actions .webform-button--preview,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-actions button.webform-button--submit,
.mlp-southernpioneer-backend .view-payment-history .view-filters form .form-actions .form-submit,
.mlp-southernpioneer-backend .view-payment-history .view-filters form .form-actions .form-submit,
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-actions .form-submit,
.user-register-form .form-actions button.button.form-submit,
.mlp-southernpioneer-backend .view-mlp-history-list ul.js-pager__items.pager li.pager__item a,
.mlp-southernpioneer-backend .view-payment-history .view-header .mlp_payment_report_buttons a,
.mlp_request_change_page .webform-submission-request_change-form .form-actions button,
.login_page .mlp-main-content-block .mlp-content_block .mlp-login-form .form-actions button.button,
.user_password_page .mlp-password-form .form-actions button.button {
    background-color: #6ab446;
    border: none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
    font-weight: 400;
    padding: 7px 20px;
    text-transform: uppercase;
    width: auto;
    outline: none;
    box-shadow: none;
}


/** payment-history **/

.mlp-southernpioneer-backend .view-payment-history {
    margin: 0;
    max-width: 100%;
    width: 100%;
}

.mlp-southernpioneer-backend .view-payment-history .views-exposed-form.bef-exposed-form {
    background: #fff;
    padding: 0 0 20px 0;
}

.mlp-southernpioneer-backend .view-payment-history .view-filters form .form-group {
    width: 100%;
    float: left;
    max-width: 220px;
    margin: 0 10px 10px 0;
    min-height: 76px;
    clear: none;
}

.mlp-southernpioneer-backend .view-payment-history .view-filters form .form-item .validation {
    margin: 0px !important;
    float: left;
    width: 100%;
}

.mlp-southernpioneer-backend .view-payment-history .view-filters form .form-group .select-wrapper {
    width: 100%;
}

.mlp-southernpioneer-backend .view-payment-history .view-filters form .form-group label.control-label {
    float: left;
    width: 100%;
    font-weight: normal;
    font-family: "proxima-nova", sans-serif;
}

.mlp-southernpioneer-backend .view-payment-history .view-filters form .form-group input,
.mlp-southernpioneer-backend .view-payment-history .view-filters form .form-group select {
    float: left;
    max-width: 300px;
    width: 100%;
    border-radius: 0px;
    box-shadow: none;
    font-family: "proxima-nova", sans-serif;
}

.mlp-southernpioneer-backend .view-payment-history .views-exposed-form.bef-exposed-form .form-actions {
    width: 100%;
    margin: 0;
    padding: 0px;
    max-width: initial;
}
.mlp-southernpioneer-backend .error-message {
    position: relative;
    top: -20px;
  }
.mlp-southernpioneer-backend .view-payment-history .view-filters form .form-actions .form-submit:hover {
    /*color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;*/
}

.mlp-southernpioneer-backend .view-payment-history table#payment_form_table thead tr th.views-field.views-field-nothing {
    background-image: none;
    max-width: 81px !important;
    width: 100%;
    float: left;
    min-height: 53px;
}

.mlp-southernpioneer-backend .view-payment-history table#payment_form_table {
    width: 1142px !important;
}

.mlp-southernpioneer-backend .view-payment-history table#payment_form_table thead {
    /*display: block;*/
    width: 100%;
    background: #ca9212;
    padding: 0 12px 0 0;
}

.mlp-southernpioneer-backend .view-payment-history table#payment_form_table thead tr {
    /*display: flex;*/
    display: block;
}

.mlp-southernpioneer-backend .view-payment-history table#payment_form_table thead tr th {
    width: 100%;
    border-bottom: none;
    max-width: 103px;
    float: left;
    position: relative;
}

.mlp-southernpioneer-backend .view-payment-history table#payment_form_table thead tr th a {
    color: #fff;
    text-decoration: none;
    /*padding: 0 40px 0 3px;*/
    padding: 0 30px 0 3px;
    width: 100%;
    display: inline-block;
    background-image: url(../images/up-down.png);
    background-position: right 5px;
    background-repeat: no-repeat;
    background-size: 9px;
    white-space: normal;
    min-height: 28px;
    line-height: 18px;
    font-weight: normal;
    font-size: 12px;
}

.mlp-southernpioneer-backend .view-payment-history table#payment_form_table thead tr th.is-active a {
    background-image: none;
}

.mlp-southernpioneer-backend .view-payment-history table#payment_form_table thead tr th a:hover {
    color: #333;
}

.mlp-southernpioneer-backend .view-payment-history table#payment_form_table thead tr th:last-child,
.mlp-southernpioneer-backend .view-payment-history table#payment_form_table thead tr th:last-child,
.mlp-southernpioneer-backend .view-payment-history table#payment_form_table thead tr th:last-child {
    border-right: none;
}

.mlp-southernpioneer-backend .view-payment-history table#payment_form_table tbody,
.mlp-southernpioneer-backend .view-payment-history table#payment_form_table tbody,
.mlp-southernpioneer-backend .view-payment-history table#payment_form_table tbody {
    display: block;
    width: 100%;
    max-height: 500px;
    overflow-y: auto;
}

.mlp-southernpioneer-backend .view-payment-history table#payment_form_table tbody tr,
.mlp-southernpioneer-backend .view-payment-history table#payment_form_table tbody tr,
.mlp-southernpioneer-backend .view-payment-history table#payment_form_table tbody tr {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ddd;
}

.mlp-southernpioneer-backend .view-payment-history table#payment_form_table tbody tr td,
.mlp-southernpioneer-backend .view-payment-history table#payment_form_table tbody tr td,
.mlp-southernpioneer-backend .view-payment-history table#payment_form_table tbody tr td {
    float: left;
    width: 100%;
    max-width: 103px;
    border-top: none;
    border-top: none;
    word-break: break-word;
    white-space: normal;
}

.mlp-southernpioneer-backend .view-payment-history table#payment_form_table tbody tr td.views-field.views-field-created {
    max-width: 80px;
}

.path-mlp-billing-history .mlp_billing_history_page .mlp_loan_informations_page .view-mlp-history-list table.table thead tr th.views-field.views-field-nothing,
.path-mlp-billing-history .mlp_billing_history_page .mlp_loan_informations_page .view-mlp-history-list table.table tbody tr td.views-field.views-field-nothing {
    display: none;
}

.path-mlp-billing-history .mlp_billing_history_page .mlp_loan_informations_page .view-mlp-history-list table.table thead {
    background: #ca9212;
}

.path-mlp-billing-history .mlp_billing_history_page .mlp_loan_informations_page .view-mlp-history-list table.table thead tr {
    display: block;
}

.path-mlp-billing-history .mlp_billing_history_page .mlp_loan_informations_page .view-mlp-history-list table.table thead tr th {
    width: 100%;
    border-bottom: none;
    max-width: 113px;
    float: left;
    position: relative;
}

.path-mlp-billing-history .mlp_billing_history_page .mlp_loan_informations_page .view-mlp-history-list table.table thead tr th:nth-last-child(2) {
    border-right: none;
}

.path-mlp-billing-history .mlp_billing_history_page .mlp_loan_informations_page .view-mlp-history-list table.table tbody {
    display: block;
    width: 100%;
    max-height: 500px;
    overflow-y: auto;
}

.path-mlp-billing-history .mlp_billing_history_page .mlp_loan_informations_page .view-mlp-history-list table.table tbody tr {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ddd;
}

.path-mlp-billing-history .mlp_billing_history_page .mlp_loan_informations_page .view-mlp-history-list table.table tbody tr td {
    float: left;
    width: 100%;
    max-width: 114px;
    border-top: none;
    border-top: none;
    word-break: break-word;
    white-space: normal;
}

.path-mlp-billing-history .mlp_billing_history_page .mlp_loan_informations_page .view-mlp-history-list table.table tbody tr td.views-field.views-field-created {
    max-width: 93px;
}

body .pagination>li.active a {
    background: #ca9212;
    border-color: #ca9212;
    overflow: hidden;
}

body .pagination>li>a {
    color: #ca9212;
}

::-webkit-scrollbar {
    width: 12px;
}

:-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #ca9212;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}


/******** scrollbar *****/

.mlp-southernpioneer-backend .view-payment-history table#payment_form_table tbody::-webkit-scrollbar {
    width: 12px;
}

.mlp-southernpioneer-backend .view-payment-history table#payment_form_table tbody::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.mlp-southernpioneer-backend .view-payment-history table#payment_form_table tbody::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #ca9212;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}


/** view-mlp-history **/

.mlp-history-filter-group {
    background: #fff8e6;
    display: inline-block;
    padding: 10px;
    box-shadow: 0px 0px 2px #ca9212;
    min-height: 215px;
}

.mlp-southernpioneer-backend .view-mlp-history-list {
    margin: 0;
    max-width: 100%;
    width: 100%;
}

.mlp-southernpioneer-backend .view-mlp-history-list .view-header {
    width: 100%;
    padding: 10px 0 40px 0;
    text-align: right;
    position: relative;
}

.mlp-southernpioneer-backend .view-mlp-history-list .view-header a {
    margin-bottom: 14px;
    display: inline-block;
    width: auto;
    font-family: "proxima-nova", sans-serif;
}

.mlp-southernpioneer-backend .view-mlp-history-list .views-exposed-form.bef-exposed-form {
    background: #fff;
    border-bottom: 2px solid #ccc;
    padding: 0 0 20px 0;
}

.mlp-southernpioneer-backend .view-mlp-history-list .views-exposed-form.bef-exposed-form .form-actions {
    width: auto;
    /* clear: none;*/
    margin: 19px 0 0 0;
}

.mlp-southernpioneer-backend .view-mlp-history-list .views-exposed-form.bef-exposed-form .select-wrapper {
    display: block !important;
}

.mlp-southernpioneer-backend .view-mlp-history-list .views-exposed-form.bef-exposed-form .select-wrapper:after {
    margin-top: 32px !important;
}

.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group {
    width: 100%;
    float: none;
    /* max-width: 273px; */
    margin: 0px 10px 10px 0;
    vertical-align: top;
}

.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .filter-sep {
    height: 0px;
    width: 100%;
    display: block;
    clear: both;
}

.form-item.js-form-item.form-type-password.js-form-type-password.form-item-pass-pass1.js-form-item-pass-pass1.form-group.password-parent {
    margin: 0 25px 0 0px;
    width: 48%;
    float: left;
}

.view-mlp-history-list .view-filters .filter-label {
    width: 100%;
    background-color: #f1f1f1;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 5px 33px 5px 10px;
    position: relative;
    cursor: pointer;
}

.view-mlp-history-list .view-filters .filter-label.active {
    background-color: #ca9212;
    color: #fff;
}

.view-mlp-history-list .view-filters .filter-label::after {
    position: absolute;
    top: 10px;
    right: 10px;
    content: "";
    width: 21px;
    height: 11px;
    background: url(../images/arrow-d.png) center center no-repeat;
}

.view-mlp-history-list .view-filters .filter-label.active::after {
    background: url(../images/arrow-up.png) center center no-repeat;
}

.view-mlp-history-list .view-filters .group-filter {
    display: none;
    overflow: hidden;
    padding: 0 0 10px 0;
}

.view-mlp-history-list .view-filters {
    float: left;
    width: 19%;
    margin: 0 20px 0 0;
}

.view-mlp-history-list .view-content {
    float: right;
    width: 79%;
}

.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group a.webform-element-help {
    display: none;
}

.mlp-southernpioneer-backend .view-mlp-history-list table tr td.views-field-created {
    white-space: nowrap;
}

button.hide_filter,
button.show_filter {
    background-color: #6ab446;
    border: none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
    font-weight: 500;
    padding: 7px 20px !important;
    text-transform: uppercase;
    width: 100% !important;
    max-width: 134px;
    outline: none;
    box-shadow: none;
    margin: 0 6px 6px 0 !important;
    height: auto !important;
    overflow: visible !important;
    position: absolute;
    top: 0;
    right: 0;
}

button.hide_filter:hover,
button.show_filter:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-field-origination-date-value-value input,
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-field-maturity-date-value-value input,
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-field-loan-number-value-value input,
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-field-loan-amount-value-value input,
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-field-premium-amount-value-valu input,
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-field-premium-amount-value-value input,
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-created-value input {
    margin: 21px 0 0 0;
}

.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group#webform-submission-field-filter--4,
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group#webform-submission-field-filter--5 {
    /* width: 22%;*/
    float: left;
    max-width: 178px;
    margin: 10px 10px 10px 0;
}

.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group#webform-submission-field-filter--4 select,
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group#webform-submission-field-filter--5 select {
    width: 100%;
    max-width: 100%;
    display: inline-block;
    float: left;
}

.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group label.control-label {
    float: left;
    width: 100%;
    font-weight: normal;
    font-family: "proxima-nova", sans-serif;
}

.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group input,
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group select {
    float: left;
    max-width: 300px;
    width: 100%;
    border-radius: 0px;
    margin: 0 0 10px 0;
    box-shadow: none;
    font-family: "proxima-nova", sans-serif;
}

.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-actions {
    padding: 0 0 0 0;
    display: block;
    width: 100%;
    clear: both;
    max-width: 100%;
    margin: 0px;
}

.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-actions .form-submit:hover {
    /*color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;*/
}

.mlp-main-content-block .mlp-content_block .table-responsive table.table thead tr th {
    background: #ca9212;
    color: #fff;
    border-right: #fff solid 2px;
    vertical-align: top;
    padding: 8px 4px 9px 5px;
    line-height: 18px;
    font-size: 12px;
    min-width: 72px;
    min-height: 72px;
}

.mlp-bank-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped thead tr th#view-field-last-table-column {
    max-width: 84px;
}

.mlp-main-content-block .mlp-content_block .table-responsive table.table thead tr th.views-field.views-field-nothing {
    background-image: none;
}

.mlp-main-content-block .mlp-content_block .table-responsive table.table thead tr th a {
    color: #fff;
    text-decoration: none;
    padding: 0 27px 0 3px;
    width: 100%;
    display: inline-block;
    background-image: url(../images/up-down.png);
    background-position: right 5px;
    background-repeat: no-repeat;
    background-size: 9px;
    white-space: normal;
    min-height: 28px;
    line-height: 18px;
    font-weight: normal;
    font-size: 12px;
}

.mlp-main-content-block .mlp-content_block .table-responsive table.table thead tr th.is-active a {
    background-image: none;
}

.mlp-main-content-block .mlp-content_block .table-responsive table.table thead tr th a:hover {
    color: #333;
}

.mlp-main-content-block .mlp-content_block .table-responsive table.table thead tr th a span.tablesort.tablesort--desc {
    background-image: url(../images/up-arrow.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 14px;
    float: right;
    position: absolute;
    top: 14px;
    right: 7px;
}

.mlp-main-content-block .mlp-content_block .table-responsive table.table thead tr th a span.tablesort.tablesort--asc {
    background-image: url(../images/down-arrow.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 14px;
    float: right;
    position: absolute;
    top: 14px;
    right: 7px;
}

.mlp-main-content-block .mlp-content_block .table-responsive table.table tbody tr td {
    padding: 8px 2px 8px 2px;
    font-size: 13px;
}

.mlp-main-content-block .mlp-content_block nav ul.menu {
    text-align: center;
}

table.table.table-hover.table-striped {
    background: #fff;
}


/**  table scroll fix **/

.mlp-main-content-block .mlp-content_block .table-responsive table.table thead tr th.views-field.views-field-nothing {
    background-image: none;
    max-width: 72px !important;
    width: 100%;
    float: left;
    min-height: 53px;
}

.mlp-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped,
.mlp-bank-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped,
.mlp-branch-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped {
    width: 100%;
}

.mlp-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped thead,
.mlp-bank-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped thead,
.mlp-branch-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped thead {
    /*display: block;*/
    width: 100%;
    background: #ca9212;
    padding: 0 12px 0 0;
}

.mlp-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped thead tr,
.mlp-bank-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped thead tr,
.mlp-branch-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped thead tr {
    /*display: flex;*/
    display: block;
}

.mlp-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped thead tr th,
.mlp-bank-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped thead tr th,
.mlp-branch-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped thead tr th {
    width: 100%;
    border-bottom: none;
    max-width: 74px;
    float: left;
    min-height: 72px;
    position: relative;
}

.mlp-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped thead tr th:last-child,
.mlp-bank-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped thead tr th:last-child,
.mlp-branch-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped thead tr th:last-child {
    border-right: none;
}

.mlp-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped tbody,
.mlp-bank-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped tbody,
.mlp-branch-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped tbody {
    display: block;
    width: 100%;
    max-height: 700px;
    overflow-y: auto;
}

.mlp-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped tbody tr,
.mlp-bank-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped tbody tr,
.mlp-branch-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped tbody tr {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ddd;
}

.mlp-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped tbody tr td,
.mlp-bank-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped tbody tr td,
.mlp-branch-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped tbody tr td {
    float: left;
    width: 100%;
    max-width: 74px;
    border-top: none;
    word-break: break-word;
    white-space: normal;
    word-wrap: break-word;
}


/******** scrollbar *****/

.mlp-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped tbody::-webkit-scrollbar,
.mlp-bank-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped tbody::-webkit-scrollbar,
.mlp-branch-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped tbody::-webkit-scrollbar {
    width: 12px;
}

.mlp-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped tbody::-webkit-scrollbar-track,
.mlp-bank-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped tbody::-webkit-scrollbar-track,
.mlp-branch-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped tbody::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.mlp-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped tbody::-webkit-scrollbar-thumb,
.mlp-bank-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped tbody::-webkit-scrollbar-thumb,
.mlp-branch-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped tbody::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #ca9212;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}


/** loan more **/

.mlp-main-content-block .mlp-content_block ul.js-pager__items.pager li.pager__item a {
    background-color: #6ab446;
    border: none;
    display: inline-block;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
    font-weight: 500;
    padding: 7px 20px;
    text-transform: uppercase;
    width: auto;
    outline: none;
    box-shadow: none;
    text-decoration: none;
}

.mlp-main-content-block .mlp-content_block ul.js-pager__items.pager li.pager__item a:hover {
    background-color: #e6e6e6;
    color: #333;
    text-decoration: none;
}


/** view-mlp-documents **/

.mlp-main-content-block .mlp-content_block .view-mlp-documents a {
    text-decoration: none;
}

.mlp-main-content-block .mlp-content_block .view-mlp-documents {
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
    text-align: left;
    background: #fff;
    padding: 0;
}

.mlp-main-content-block .mlp-content_block .view-mlp-documents .view-your-documents-new .view-content,
.mlp-main-content-block .mlp-content_block .view-mlp-documents .view-mlp-documents .views-field-field-upload-pdf {
    padding: 0 30px;
}

.mlp-main-content-block .mlp-content_block .view-footer .view-loan-officer-document .view-content h3 {
    padding: 0px;
    margin: 0 0 10px 0;
    font-size: 22px;
}

.mlp-main-content-block .mlp-content_block .view-footer .view-loan-officer-document .view-content .views-row {
    padding: 0px 0 40px 0;
}

.mlp-main-content-block .mlp-content_block .view-footer .view-loan-officer-document .view-content .views-row .views-field-name {
    font-weight: bold;
    font-size: 16px;
}

.mlp-main-content-block .mlp-content_block .view-mlp-documents .views-field-title {
    border-bottom: none;
    margin: 20px 0 0 0;
    padding: 0;
    color: #6b2e00;
    font-size: 24px;
    margin-bottom: 10px;
    line-height: 28px;
    font-family: "proxima-nova", sans-serif;
}

.mlp-main-content-block .mlp-content_block .view-mlp-documents ol {
    padding: 0px;
}

.mlp-main-content-block .mlp-content_block .view-mlp-documents .field-content ol li {
    list-style: none;
    margin-bottom: 10px;
}

.mlp-main-content-block .mlp-content_block .view-mlp-documents .field-content ol li a {
    text-decoration: none;
    font-family: "proxima-nova", sans-serif;
}

.mlp-southernpioneer-backend .error {
    padding: 6px 12px;
}

.mlp-southernpioneer-backend #user-login-form #edit-actions {
    position: inherit;
}

.mlp-southernpioneer-backend .user-login-form .error {
    padding: 0px;
}

.mlp-southernpioneer-backend label.error {
    position: absolute;
    bottom: -16px;
    left: 0;
    padding: 0px;
    line-height: 16px !important
}

.mlp-southernpioneer-backend .user-pass .form-item.error {
    padding: 0 !important;
}

.mlp-southernpioneer-backend .user-pass .form-item {
    margin-bottom: 15px;
}

.mlp-southernpioneer-backend #slider-range {
    padding: 0 10px 0 10px;
    width: 92%;
    margin: 0 auto;
}

.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-yearrange label.control-label {
    position: relative;
}


/* .mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-yearrange label.control-label::before {
    position: absolute;
    content: "";
    bottom: -34px;
    width: 100%;
    background: none;
    height: 34px;
} */


/** certificate_results **/

.certificate_results {
    width: 100%;
    float: left;
    margin: 20px 0 0 0;
    display: none;
}

.certificate_results h1 {
    text-align: center;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    margin: 0px 0 20px 0;
}

.certificate_results h3 {
    text-align: center;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 16px 0;
}

.certificate_results .loan-title {
    font-size: 14px;
}

.certificate_results .certificate_detail_block {
    width: 100%;
    display: inline-block;
}

.certificate_results .certificate_detail_block ul {
    margin: 0px;
    padding: 0px;
}

.certificate_results .certificate_detail_block ul li {
    width: 48%;
    float: left;
    list-style: none;
    margin: 0 0 10px 0;
}

.certificate_results .certificate_detail_block ul li strong {
    max-width: 190px;
    width: 100%;
    display: inline-block;
}

.certificate_results .certificate_issued_block p {
    padding: 0;
    margin: 0;
}

.certificate_issued_block {
    margin: 10px 0 10px 0;
    width: 100%;
    display: inline-block;
}

.print-logo {
    display: none;
}


/** loanofficer **/

.user-register-form .form-group {
    /*display: inline-block;
    width: 96%;*/
    float: left;
    width: 50%;
}

.user-register-form.user-form .form-group .form-item {
    width: 100%;
    float: left;
}

.user-register-form.user-form .form-group {
    float: left;
    width: 46%;
    margin: 0 25px 10px 0px;
    padding: 0;
    position: relative;
}

.user-register-form.user-form .field--name-field-choose-branch {
    min-height: initial;
    /*width: 95%;*/
}

.user-register-form.user-form .form-group.form-actions {
    width: 100%;
    margin: 15px 25px 10px 0px;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #f00 !important;
}


/************/

.user-register-form .field--name-field-choose-bank {
    float: left;
    width: 46%;
    margin: 0 24px 0 0;
}

.user-register-form .field--name-field-choose-branch {
    float: left;
    width: 46%;
    min-height: 60px;
}

.user-register-form {
    width: 100%;
    display: inline-block;
}

.user-register-form .form-item {
    width: 47%;
    float: left;
    margin: 0 10px;
}

.user-register-form .form-group .form-item {
    margin: 0px 20px 10px 0 !important;
    width: 48%;
    float: left;
}

.user-register-form .field--type-string
/*, .user-register-form .field--type-file.field--name-field-master-policy-file*/

{
    width: 48%;
    padding: 0 20px 0 0;
    margin: 0px;
    float: left;
}

.user-register-form .field--type-string .form-item,
.user-register-form .field--type-file.field--name-field-master-policy-file .form-item {
    width: 100%;
    margin: 0;
    padding: 0;
}

.user-register-form .field--name-field-master-policy-file,
.user-register-form .field--type-datetime {
    width: 47%;
    vertical-align: top;
    float: left;
    margin: 0 10px;
}

.user-register-form .field--name-field-master-policy-file .description.help-block {
    display: none;
}

.user-register-form .form-actions {
    width: 100%;
    display: block;
    float: left;
    margin: 10px 0 0 0px;
}

.field--type-entity-reference.field--name-field-select-branch {
    margin: 0 24px 0 0;
}

.field--name-field-loan-amount-to-premium-tab {
    margin: 0 7px;
}

.user-register-form .field--type-datetime,

/*.user-register-form .field--type-decimal.field--name-field-surcharge-amount-for-multi,*/

.user-register-form .field--type-decimal.field--name-field-surcharge-amount-for-comme {
    margin: 0;
    width: 48%;
    padding: 0 20px 0 0;
}

.user-register-form .field--type-decimal.field--name-field-surcharge-amount-for-comme {
    width: 46%;
    padding: 0;
    margin: 0 16px 10px 16px;
}

.user-register-form .field--type-datetime .container-inline.form-inline,
.user-register-form .field--type-decimal.field--name-field-surcharge-amount-for-multi .form-type-number,
.user-register-form .field--type-decimal.field--name-field-surcharge-amount-for-comme .form-type-number {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.user-register-form .field--type-decimal.field--name-field-surcharge-amount-for-multi .form-type-number input,
.user-register-form .field--type-decimal.field--name-field-surcharge-amount-for-comme .form-type-number input {
    width: 100%;
}

.user-register-form .field--type-entity-reference .form-item,
.user-register-form .field--name-field-choose-branch .form-item {
    width: 100%;
    vertical-align: top;
    margin: 0;
}

.user-register-form .field--type-datetime .form-item,
.user-register-form .field--type-datetime .form-item input {
    width: 100%;
    margin: 0px;
}

.user-register-form fieldset.fieldgroup.form-composite {
    background: none;
    border: none;
    box-shadow: none;
    margin: 15px 0 0 0;
    padding: 0;
}

.user-register-form fieldset.fieldgroup.form-composite legend {
    margin-bottom: 0;
}

.user-register-form fieldset.fieldgroup.form-composite .fieldset-wrapper {
    margin: 0;
    width: 100%;
    float: left;
}

.user-register-form fieldset.fieldgroup.form-composite .fieldset-wrapper .form-type-radio.radio {
    margin: 0 30px 0 0;
}

.user-register-form .form-actions button.button.form-submit:hover {
    /* color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;*/
}

.user-register-form .field--name-field-master-policy-file .form-group {
    width: 99.5%;
    display: inline-block;
    vertical-align: top;
    margin: 0px;
}

.user-register-form .form-item.js-form-item-pass {
    width: 100%;
    float: left;
    margin: 0 0 0 0;
}

.user-register-form .form-item.js-form-item-pass .form-item {
    margin: 0;
    width: 47%;
    float: left;
}

.user-register-form fieldset .form-item.checkbox {
    width: 48%;
    float: left;
    margin: 0px;
}

.user-register-form .password-strength,
.user-register-form div.password-confirm.js-password-confirm {
    display: none;
}

.user-register-form input,
.user-register-form select {
    box-shadow: none;
    border-radius: 0px;
}

.user-register-form .input-group-addon:last-child {
    border-left: 0;
    border-radius: 0;
}

.user-register-form label {
    font-size: 16px;
    margin: 10px 0 0 0;
    font-weight: normal;
}

.user-register-form .form-item.js-form-wrapper {
    background: none;
    border: none;
    box-shadow: none;
}

.user-register-form .form-item.js-form-wrapper .panel-heading {
    background: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    margin: 0;
    color: #333;
    font-weight: bold;
    border: none;
}

.user-register-form .form-item.js-form-wrapper .panel-heading a {
    padding: 0px;
    margin: 0px;
}

.user-register-form .form-item.js-form-wrapper .panel-body.panel-collapse {
    padding: 0px;
    margin: 0px;
}

.user-register-form .form-item.js-form-wrapper.fieldgroup .form-item {
    width: auto;
    float: left;
    margin: 0 20px 0 0;
}

.user-register-form .form-actions button.button {
    border-radius: 0px;
    margin: 0 0 0 10px;
    box-shadow: none;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.user-register-form .form-actions button.button:hover {
    /*color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;*/
}

.user-register-form .password-confirm .error {
    color: #f00;
}

.user-register-form .password-confirm .ok {
    color: #32CD32;
}

.user-register-form .password-strength__meter .password-strength__indicator.is-weak {
    background: #9ACD32;
}

.user-register-form .password-strength__meter .password-strength__indicator.is-fair
{
    background: #808000;
}

.user-register-form .password-strength__meter .password-strength__indicator.is-good {
    background: #7FFF00;
}

.user-register-form .password-strength__meter .password-strength__indicator.is-strong {
    background: #32CD32;
}

.user-register-form .password-strength .password-strength__title span.password-strength__text.js-password-strength__text {
    color: #32CD32;
}

.user-register-form .password-suggestions.description ul {
    margin: 0 0 20px 0;
    padding: 0px;
}

.user-register-form .password-suggestions.description ul li {
    list-style: none;
    margin: 0;
    background: none;
    padding: 0 0 0 10px;
    font-size: 14px;
    line-height: 16px;
}

.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-actions .webform-button--submit {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}


/******* pagination *******/


nav.pager-nav{
    display: block;
    clear: both;
}









/** Footer **/

.mlp-site-footer {
    margin: 0;
    padding: 48px 0px 33px 0px;
    background: #ca9212;
    color: #fff;
    border: none;
    box-shadow: none;
    max-width: 1500px;
    width: 100%;
    position: absolute;
    bottom: 0px;
}

.mlp-site-footer .mlp-footer-copyright {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.mlp-site-footer .mlp-footer-copyright .contextual-region {
    position: initial;
}

.mlp-site-footer .mlp-footer-copyright nav {
    width: 100%;
    float: left;
    padding: 0 0 10px 0;
}

.mlp-site-footer .mlp-footer-copyright ul.menu {
    margin: 0 auto;
    padding: 0px;
    text-align: center;
    display: inline-block;
}

.mlp-site-footer .mlp-footer-copyright ul.menu li {
    margin: 0px;
    padding: 0 8px;
    float: left;
    border-right: #fff solid 1px;
    line-height: 15px;
}

.mlp-site-footer .mlp-footer-copyright ul.menu li:last-child {
    border-right: none;
}

.mlp-site-footer .mlp-footer-copyright ul.menu li a {
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    text-decoration: none;
    color: #fff;
    font-family: "proxima-nova", sans-serif;
}

.mlp-site-footer .mlp-footer-copyright ul.menu li a:hover,
.mlp-site-footer .mlp-footer-copyright ul.menu li a:focus {
    background: none;
    color: #6b2e00;
}

.mlp-site-footer .mlp-footer-copyright .copyright {
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    width: 100%;
    float: left;
    text-align: center;
    font-family: "proxima-nova", sans-serif;
}

.mlp-site-footer .mlp-footer-copyright .mlp-logo-footer {
    float: right;
    width: 100%;
    text-align: center;
}

.mlp-site-footer .mlp-footer-copyright .mlp-logo-footer .autogrow-textarea {
    color: #FFFFFF;
    font-size: 14px;
    margin-top: 10px;
    font-family: "proxima-nova", sans-serif;
}

.mlp-site-footer .mlp-footer-copyright .mlp-logo-footer a {
    border: 0px;
    vertical-align: middle;
    margin-left: 4px;
    width: 96px;
    height: 23px;
    color: #fff;
    font-size: 16px;
}

#maincontent #columnInside form {
    max-width: 300px !important;
    margin: 0 auto !important;
    width: 100% !important;
}

.logout-butoon {
    float: right;
}

.logout-butoon a {
    padding: 0px 0px 0px 20px;
    color: #6b2e00;
    font-family: "proxima-nova", sans-serif;
    font-size: 20px;
    display: inline-block;
    text-decoration: none
}

.logout-butoon a:hover {
    color: #ca9212;
    text-decoration: none
}

.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-item .input-group,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan-information-form .form-item .input-group {
    /*max-width: 410px;*/
    width: 63%;
    padding: 0 0 0 0;
    border: 1px solid #ccc;
}

.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-item .input-group label.error,
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan-information-form .form-item .input-group label.error
 {
    width: 100%;
    max-width: 100%;
    display: block;
    float: left;
    line-height: 14px;
    padding: 0;
}


/***** Login page and password page ******/

.alert.alert-danger.alert-dismissible {
   /* max-width: 300px;*/
    max-width: 100%;
    margin: 30px auto 0;
    /*text-align: center;*/
        text-align: left;
    width: 100%;
    color: #f00;
    background: #fff;
}


.login_page .alert.alert-danger.alert-dismissible {
text-align: center;
max-width: 300px;
}


.alert.alert-danger.alert-dismissible a {
    color: #f00;
}

.login_page .mlp-main-content-block .mlp-content_block .mlp-login-form,
.user_password_page .mlp-password-form {
    max-width: 460px;
    width: 100%;
   /* margin: 110px auto 30px;*/
    margin: 50px auto 30px;
    background: #fff;
    box-shadow: 0px 0px 2px #ccc;
    padding: 20px;
}

.login_page .mlp-main-content-block .mlp-content_block .mlp-login-form h1,
.user_password_page .mlp-password-form h1 {
    font-size: 26px;
    margin: 0 0 10px 0;
}

.login_page .mlp-main-content-block .mlp-content_block .mlp-login-form input,
.user_password_page .mlp-password-form input {
    box-shadow: none;
    border-radius: 0px;
}

.login_page .mlp-main-content-block .mlp-content_block .mlp-login-form label.error,
.user_password_page .mlp-password-form label.error {
    font-size: 13px;
    color: #f00;
    font-weight: normal;
}

.login_page .mlp-main-content-block .mlp-content_block .mlp-login-form .form-actions button.button:hover,
.user_password_page .mlp-password-form .form-actions button.button:hover {
    /*background: #e6e6e6;
    outline: none;
    box-shadow: none;
    color: #333;*/
}

.login_page .mlp-main-content-block .mlp-content_block .mlp-login-form .forget_password {
    margin: -28px 0 10px 140px;
}

.resetpassword .mlp-main-content-block .mlp-content_block .mlp-login-form .forget_password {
    width: 100%;
    margin: 15px 0;
    position: relative;
}

.resetpassword #user-pass-reset label.form-required {
    display: block;
    font-size: 18px;
    color: #ca9212;
    width: 100%;
    float: left;
}

.resetpassword #user-pass-reset .form-type-password {
    width: 100%;
    float: left;
}

.resetpassword #user-pass-reset .form-type-password label {
    display: block;
    color: #333;
    font-size: 14px;
}

.resetpassword #user-pass-reset .form-type-password input {
    margin-bottom: 10px;
}

.resetpassword #user-pass-reset .form-type-password label.error {
    width: 100%;
    float: left;
    position: relative;
    bottom: 0;
    margin-bottom: 15px;
    color: #f00;
}


/** webform-submission-request_change-form **/

.mlp_request_change_page form.webform-submission-request_change-form {
    max-width: 700px;
    background: #fff;
    padding: 0;
}

.mlp_request_change_page .webform-submission-request_change-form .form-item {
    width: 100%;
    display: inline-block;
    margin: 0 0 20px 0;
    vertical-align: top;
    position: relative;
    line-height: 30px;
}

.mlp_request_change_page .webform-submission-request_change-form .form-item label {
    font-weight: normal;
    float: left;
    max-width: 200px;
    width: 100%;
    text-align: right;
    padding: 0 20px 0 0;
    font-size: 16px;
}

.mlp_request_change_page .webform-submission-request_change-form .form-item.form-type-textarea {
    width: 100%;
    display: inline-block;
    margin: 8px 0;
}

.mlp_request_change_page .webform-submission-request_change-form .form-item input,
.mlp_request_change_page .webform-submission-request_change-form .form-item textarea {
    float: left;
    width: 68%;
    border-radius: 0px;
    box-shadow: none;
    font-family: "proxima-nova", sans-serif;
    overflow-x: hidden;
}

.mlp_request_change_page .webform-submission-request_change-form .form-actions {
    padding: 16px 0px 16px 200px;
}

.mlp_request_change_page .webform-submission-request_change-form .form-actions button:hover {
    /* color: #333;
    background-color: #e6e6e6;*/
}

.mlp_request_change_page .webform-submission-request_change-form .form-actions button.request_change_cancel_button {
    display: none;
}

.mlp_request_change_page .webform-submission-request_change-form .form-item label.error {
    color: #f00;
    display: block;
    float: left;
    width: 100%;
    max-width: 90%;
    padding: 0 0 0 200px;
    text-align: left;
    font-size: 13px;
}

.mlp-southernpioneer-backend .view-payment-history .views-exposed-form.bef-exposed-form {
    max-width: 100%;
    width: 100%;
    text-align: left;
    background: #fff;
}
    

/*********************/
.mlp-southernpioneer-backend .view-payment-history .views-exposed-form.bef-exposed-form .form--inline .form-item.panel-default {
    max-width: 432px;
    border: none;
    margin: 0px !important;
    padding: 0;
    box-shadow: none;
    width: 100%;
}
.mlp-southernpioneer-backend .view-payment-history .views-exposed-form.bef-exposed-form .form--inline .form-item .panel-body {
    padding: 0;
    width: 100%;
    margin: 0;
}

.mlp-southernpioneer-backend .view-payment-history .views-exposed-form.bef-exposed-form .form--inline .form-item .panel-body .help-block {
    display: none;
}

.mlp-southernpioneer-backend .view-payment-history .views-exposed-form.bef-exposed-form .form--inline .form-item .panel-body .form-item {
    width: 100%;
    float: left;
    max-width: 205px;
    margin: 0 10px 10px 0;
    min-height: 76px;
    clear: none;
    vertical-align: top;
}









.field--name-field-show-block>.field--item {
    border-bottom: #ccc solid 1px;
    padding: 0 0 13px 0;
    display: inline-block;
    width: 100%;
}

.field--name-field-show-block>.field--item .field--name-body {
    padding: 0;
}


/** user page **/

.loanofficer_page_info .mlp-southernpioneer-backend .mlp-content_block .form-item.js-form-item {
    background: #fff8e6;
    padding: 10px;
    color: #333;
    font-size: 18px;
    margin: 20px 0;
    box-shadow: 0px 0px 2px #ca9212;
}

.loanofficer_page_info .mlp-southernpioneer-backend .mlp-content_block .form-item.js-form-item h4.label {
    font-size: 20px;
    color: #333;
}

.loanofficer_page_info .mlp-southernpioneer-backend .mlp-content_block .field.field--name-user-picture {
    margin: 50px 0 0 0;
}

.loanofficer_page_info .mlp-southernpioneer-backend .mlp-content_block .field {
    width: 100%;
    display: inline-block;
    margin: 0 0 10px 0;
}

.loanofficer_page_info .mlp-southernpioneer-backend .mlp-content_block .field .field--item {
    display: inline-block;
}

.loanofficer_page_info .mlp-southernpioneer-backend .mlp-content_block .field .field--label {
    float: left;
    margin: 0 10px 0 0;
    max-width: 200px;
    width: 100%;
}

.loanofficer_page_info .mlp-southernpioneer-backend .mlp-content_block .field.field--name-field-master-policy-file {
    width: 100%;
    float: left;
    margin: 20px 0;
}

.loanofficer_page_info .mlp-southernpioneer-backend .mlp-content_block .field.field--name-field-master-policy-file .field__items {
    width: 100%;
    float: left;
}

.loanofficer_page_info .mlp-southernpioneer-backend .mlp-content_block .field.field--name-field-master-policy-file .field__items .field--item {
    width: 48%;
    margin: 10px 16px 10px 0;
    float: left;
}

.loanofficer_page_info .mlp-southernpioneer-backend .mlp-content_block .field.field--name-field-master-policy-file .field__items span.file {
    width: 100%;
    background: #333;
    display: inline-block;
    padding: 10px;
}

.loanofficer_page_info .mlp-southernpioneer-backend .mlp-content_block .field.field--name-field-master-policy-file .field__items span.file span {
    border: none;
    background: none;
    color: #fff;
    font-size: 18px;
    padding: 0 4px;
}

.loanofficer_page_info .mlp-southernpioneer-backend .mlp-content_block .field.field--name-field-master-policy-file .field__items span.file:hover {
    background: #ca9212;
    cursor: pointer;
}

.loanofficer_page_info .mlp-southernpioneer-backend .mlp-content_block .field.field--name-field-master-policy-file .field__items span.file:hover span {
    color: #fff;
}


/** My Account **/

.myaccount_page .mlp-content_block .mlp_myaccount_block {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    box-shadow: 0px 0px 4px #ccc;
    padding: 20px;
    display: table;
}

.myaccount_page .mlp-content_block .mlp_myaccount_block .js-form-item {
    background: #fff8e6;
    padding: 10px;
    box-shadow: 0px 0px 2px #ccc;
}

.myaccount_page .mlp-content_block .mlp_myaccount_block .js-form-item h4.label {
    color: #333;
    font-size: 18px;
}

.myaccount_page .mlp-content_block .mlp_myaccount_block .field {
    width: 50%;
    float: left;
    border: #ccc solid 1px;
    margin-bottom: -1px;
    padding: 10px;
}

.myaccount_page .mlp-content_block .mlp_myaccount_block .field .field--label {
    width: 48%;
    float: left;
}

.myaccount_page .mlp-content_block .mlp_myaccount_block .field .field--item {
    width: 48%;
    float: left;
}

.myaccount_page .mlp-content_block .user-register-form .js-form-item {
    background: transparent;
    padding: 0;
    box-shadow: none;
    position: relative;
}

.myaccount_page .mlp-content_block .user-register-form .js-form-item select#edit-field-choose-branch,
.myaccount_page .mlp-content_block .user-register-form .js-form-item select#edit-field-choose-bank {
    padding: 7px 10px;
    margin-bottom: 0px;
}

.myaccount_page .mlp-content_block .user-register-form .js-form-item .select-wrapper::after {
    top: 14px !important;
}

.login_page .mlp-main-content-block .mlp-content_block .mlp-login-form .form-actions button.button span.icon {
    display: none;
}

.table-responsive {
    overflow: auto;
}


/************password reset form"*********/

.password_reset_form .mlp-inner_section {
    background: #fff;
}

.myaccount_page.password_reset_form .mlp-content_block .mlp_myaccount_block .js-form-item {
    background: #fff;
}

.myaccount_page.password_reset_form form#user-form .form-wrapper {
    width: 100%;
    float: left;
}

.myaccount_page.password_reset_form form#user-form .form-type-password {
    width: 50%;
    float: left;
}

.myaccount_page.password_reset_form .mlp-content_block .mlp_myaccount_block .js-form-item {
    box-shadow: none;
    padding: 0;
}

.myaccount_page.password_reset_form .mlp-content_block .mlp_myaccount_block label {
    width: 100%;
    float: left;
    color: #58595b;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 13px;
}

.myaccount_page.password_reset_form .mlp-content_block .mlp_myaccount_block input {
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 14px;
    color: #555;
}

.myaccount_page.password_reset_form .mlp-content_block .password-suggestions.description ul {
    display: inline-block;
}

.mlp-southernpioneer-backend h4.filter_label {
    padding: 0 16px;
    width: 100%;
    float: left;
    margin: 30px 0 0 0;
    font-size: 24px;
}
.get-invoice .select-wrapper select#edit-select-month {
    color: #000;
    border-color: #000;
}

.get-invoice label.control-label {
    color: #000 !important;
}



/************ 24/02/2022 *********/  


/***** Loan History *****/

.view-mlp-history-list .view-filters .filter-label.active {
    background-color: #ca9212;
    color: #fff;
    margin-bottom: 0;
}
.view-mlp-history-list .view-filters .group-filter #edit-field-loan-number-range-value-wrapper {
    display: none;
}
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group:last-child {
    margin-bottom: 0;
}
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group input, 
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group select {
    margin: 0;
}
.view-mlp-history-list .view-filters .group-filter.active #slider-range .ui-slider-range {
    border-color: #ca9212;
}

.view-mlp-history-list .view-filters .group-filter.active #slider-range span.ui-slider-handle {
    border-color: #ca9212;
    width: 25px;
}
/****  New Loan ****/

.webform-progress .webform-progress-tracker.progress-tracker {
    background: transparent;
}

.webform-progress .webform-progress-tracker .progress-step.is-complete:hover .progress-marker, 
.webform-progress .progress-step.is-complete .progress-marker {
    background-color: transparent;
}

.webform-progress .progress-step.is-active .progress-marker, 
.webform-progress .webform-progress-tracker .progress-step.is-active:hover .progress-marker {
    background-color: transparent;
    padding: 0px;
}

.webform-progress .progress-step.is-active .progress-marker::before {
    background-color: #ca9212;
}

.webform-progress .progress-step.is-active .progress-marker::after{
    
    background-color: #777;

}
.webform-progress .webform-progress-tracker .progress-step.is-complete .progress-marker::before, 
.webform-progress .webform-progress-tracker .progress-step.is-complete:hover .progress-marker::before, 
.webform-progress .webform-progress-tracker .progress-step.is-complete .progress-marker::after {
    background-color: #956802;
}

.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-actions button.webform-button--reset, 
.form-actions button.webform-button--reset, 
.mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan-information-form .form-actions button.webform-button--reset, 
.form-actions button.webform-button--reset {
    color: #fff;
}

body.path-mlp-billing-history #ui-datepicker-div {
    display: none !important;
}




/*******/



body .ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
body .ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
body .ui-datepicker .ui-datepicker-prev,
body .ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
body .ui-datepicker .ui-datepicker-prev-hover,
body .ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
body .ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
body .ui-datepicker .ui-datepicker-next {
	right: 2px;
}
body .ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
body .ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
body .ui-datepicker .ui-datepicker-prev span,
body .ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
body .ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
body .ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
body .ui-datepicker select.ui-datepicker-month,
body .ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
body .ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
body .ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
body .ui-datepicker td {
	border: 0;
	padding: 1px;
}
body .ui-datepicker td span,
body .ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
body .ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
body .ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
body .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
body .ui-datepicker.ui-datepicker-multi {
	width: auto;
}
body .ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
body .ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
body .ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
body .ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
body .ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
body .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
body .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
body .ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
body .ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
body .ui-datepicker-rtl {
	direction: rtl;
}
body .ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
body .ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
body .ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
body .ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
body .ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
body .ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
body .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
body .ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
body .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
body .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
body .ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}




/**************/
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.form-item-field-premium-amount-value-min label.control-label,
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.form-item-field-loan-number-range-value-min label.control-label,
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.form-item-field-loan-number-range-value-max label.control-label,
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.form-item-field-loan-amount-value-min label.control-label,
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.form-item-field-loan-amount-value-max label.control-label,
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.form-item-field-origination-date-value-min label.control-label,
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.form-item-field-origination-date-value-max label.control-label,
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.form-item-field-maturity-date-value-min label.control-label,
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.form-item-field-maturity-date-value-max label.control-label,
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.form-item-created-date-min label.control-label,
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.form-item-created-date-max label.control-label {
    text-indent: -50000px;
}


.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.form-item-field-loan-number-range-value-min label.control-label::before {
    content: "From Loan Amount";
    position: absolute;
    display: block;
    color: #333;
    text-indent: 0;
}


.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.form-item-field-loan-number-range-value-max label.control-label::before {
    content: "To Loan Number";
    position: absolute;
    display: block;
    color: #333;
    text-indent: 0;
}

.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.form-item-field-loan-amount-value-min label.control-label::before {
    content: "From Loan Amount";
    position: absolute;
    display: block;
    color: #333;
    text-indent: 0;
}

.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.form-item-field-loan-amount-value-max label.control-label::before {
    content: "To Loan Amount";
    position: absolute;
    display: block;
    color: #333;
    text-indent: 0;
}


.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.form-item-field-origination-date-value-min label.control-label::before {
    content: "From Loan Origination Date";
    position: absolute;
    display: block;
    color: #333;
    text-indent: 0;
}




.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.form-item-field-origination-date-value-max label.control-label::before {
    content: "To Loan Origination Date";
    position: absolute;
    display: block;
    color: #333;
    text-indent: 0;
}




.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.form-item-field-maturity-date-value-min label.control-label::before {
    content: "From Loan Maturity Date";
    position: absolute;
    display: block;
    color: #333;
    text-indent: 0;
}

.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.form-item-field-maturity-date-value-max label.control-label::before {
    content: "To Loan Maturity Date";
    position: absolute;
    display: block;
    color: #333;
    text-indent: 0;
}



.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.form-item-field-premium-amount-value-min label.control-label::before {
    content: "From Premium Amount";
    position: absolute;
    display: block;
    color: #333;
    text-indent: 0;
}
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.form-item-field-premium-amount-value-max label.control-label::before {
    content: "To Premium Amount";
    position: absolute;
    display: block;
    color: #333;
    text-indent: 0;
}



.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.form-item-created-date-min label.control-label::before {
    content: "From Loan Submission Date";
    position: absolute;
    display: block;
    color: #333;
    text-indent: 0;
}
.mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.form-item-created-date-max label.control-label::before {
    content: "To Loan Submission Date";
    position: absolute;
    display: block;
    color: #333;
    text-indent: 0;
}

.view-mlp-history-list .view-filters .group-filter.active .panel-body .help-block,
.view-mlp-history-list .view-filters .group-filter.active .form-item.panel-default {
    display: none;
}
















/********** view-user-export table ***********/ 



.view.view-user-export .view-content {
    min-height: .01%;
    overflow-x: auto;
}
.view.view-user-export .view-content table.table {
    width: 1142px !important;
}

.view.view-user-export .view-content table.table thead {
    /* display: block; */
    width: 100%;
    background: #ca9212;
    padding: 0 12px 0 0;
}
.view.view-user-export .view-content table.table thead tr {
    /* display: flex; */
    display: block;
}


.view.view-user-export .view-content table.table thead tr th {
    background: #ca9212;
    color: #fff;
    border-right: #fff solid 2px;
    vertical-align: middle;
    padding: 18px 4px 18px 5px;
    line-height: 18px;
    font-size: 12px;
    min-width: 58px;
    text-align: center;
    width: 100%;
    border-bottom: none;
    max-width: 92px;
    float: left;
    position: relative;
    
    font-weight: normal;
}


.view.view-user-export .view-content table.table thead tr th a {
    color: #fff;
    text-decoration: none;
    /* padding: 0 40px 0 3px; */
    padding: 0 30px 0 3px;
    width: 100%;
    display: inline-block;
    background-image: url(../images/up-down.png);
    background-position: right 5px;
    background-repeat: no-repeat;
    background-size: 9px;
    white-space: normal;
    min-height: 28px;
    line-height: 18px;
    font-weight: normal;
    font-size: 12px;
}

 
.view.view-user-export .view-content table.table tbody {
    display: block;
    width: 100%;
    max-height: 500px;
    overflow-y: auto;
}
 
.view.view-user-export .view-content table.table tbody tr {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ddd;
}
 
.view.view-user-export .view-content table.table tbody tr td {
    float: left;
    width: 100%;
    max-width: 103px;
    border-top: none;
    border-top: none;
    word-break: break-word;
    white-space: normal;
}


.view.view-user-export .view-content table.table tbody tr td {
    padding: 8px 2px 8px 2px;
    font-size: 13px;
    text-align: center;
}















/** Responsive **/

@media only screen and (max-width: 1400px) {
    .user-register-form .field--type-string {
        width: 48%;
        float: left;
    }
    .user-register-form .field--type-string .form-item {
        width: 100%;
    }
    .user-register-form .field--type-string.field--name-field-surcharge-amount-for-comme {
        margin: 0 0 0 10px;
    }
    .user-register-form .field--type-datetime {
        width: 48%;
    }
}

@media only screen and (max-width: 1199px) {
    .mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-field-loan-amount-value-min {
        clear: none;
    }
    .mlp-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped tbody tr td,
    .mlp-bank-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped tbody tr td,
    .mlp-branch-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped tbody tr td {
        max-width: 83px;
    }
    .mlp-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped thead tr th,
    .mlp-bank-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped thead tr th,
    .mlp-branch-history_page .mlp-main-content-block .view-mlp-history-list table.table.table-hover.table-striped thead tr th {
        max-width: 83px;
    }
    .table-responsive .table {
        width: 1020px !important;
    }
    .view-mlp-history-list .view-content {
        width: 78%;
    }
}

@media only screen and (max-width: 992px) {
    .user-register-form.user-form .form-group {
        width: 45%;
    }
    .mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group {
        max-width: 225px;
    }
    .mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group input,
    .mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group select {
        max-width: 100%;
    }
    .user_page .mlp-southernpioneer-backend .mlp-content_block .field.field--name-field-master-policy-file .field__items .field--item {
        margin: 10px 14px 10px 0;
    }
    .form-item.js-form-item.form-type-password.js-form-type-password.form-item-pass-pass1.js-form-item-pass-pass1.form-group.password-parent,
    .user-register-form .form-item,
    .user-register-form .form-item.js-form-item-pass .form-item,
    .user-register-form .field--type-string,
    .user-register-form .field--type-string .form-item,
    .user-register-form .field--type-datetime,
    .user-register-form .field--name-field-master-policy-file,
    .user-register-form .field--type-entity-reference,
    .user-register-form .field--type-datetime,
    .user-register-form .field--type-string.field--name-field-surcharge-amount-for-comme,
    .user-register-form .field--type-datetime,
    .user-register-form .field--type-decimal.field--name-field-surcharge-amount-for-multi,
    .user-register-form .field--type-decimal.field--name-field-surcharge-amount-for-comme {
        width: 100%;
        margin: 0;
        padding: 0px;
    }
    .form-item.js-form-item.form-type-password.js-form-type-password.form-item-pass-pass1.js-form-item-pass-pass1.form-group.password-parent .user-register-form .form-actions {
        margin: 0 0px 10px 0px;
    }
    .user-register-form .form-actions button.button {
        margin: 0;
    }
    .mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group#webform-submission-field-filter--4 {
        width: 28%;
        float: left;
        margin: 0 0 6px 0;
    }
    .mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group#webform-submission-field-filter--5 {
        width: 28%;
        float: left;
        margin: 0;
        clear: both;
    }
    .form-item.js-form-item.form-type-password.js-form-type-password.form-item-pass-pass1.js-form-item-pass-pass1.form-group.password-parent {
        margin-bottom: 10px;
    }
    .mlp-main_menu ul.menu li a {
        padding: 10px 8px;
        font-size: 16px;
    }
    .user-register-form fieldset.fieldgroup.form-composite {
        margin: 0;
    }
    .user-register-form .field--type-string,
    .user-register-form .field--type-file.field--name-field-master-policy-file {
        width: 100%;
        padding: 0;
    }
    .user-register-form .field--type-entity-reference .form-item {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .myaccount_page .mlp-content_block .mlp_myaccount_block .field {
        width: 100%;
    }
    .view-mlp-history-list .view-filters {
        width: 100%;
        float: none;
    }
    .view-mlp-history-list .view-content {
        width: 100%;
    }
    .mlp-inner_title-block,
    .text-right h4 {
        text-align: center;
    }
    .mlp-southernpioneer-backend .view-mlp-history-list .views-exposed-form.bef-exposed-form {
        margin: 0 auto;
    }
    .mlp-southernpioneer-backend .view-mlp-history-list .view-header {
        padding: 0 0 30px 0;
        text-align: center;
    }
    .mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-title,
    .mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-field-requested-by-value,
    .mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-field-property-type-value,
    .mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-field-multiple-properties-value,
    .mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group {
        max-width: 300px;
    }
    .user_page .mlp-southernpioneer-backend .mlp-content_block .field.field--name-field-master-policy-file .field__items .field--item {
        width: 100%;
        margin: 10px 0px 0 0;
    }
    .mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-item {
        position: initial;
    }
    a.webform-element-help {
        position: initial;
    }
    .mlp_request_change_page .webform-submission-request_change-form .form-item input,
    .mlp_request_change_page .webform-submission-request_change-form .form-item textarea {
        width: 100%;
    }
    .mlp_request_change_page .webform-submission-request_change-form .form-item label {
        max-width: 100%;
        text-align: left;
    }
    .mlp_request_change_page .webform-submission-request_change-form .form-item label.error {
        padding: 0;
    }
    .mlp_request_change_page .webform-submission-request_change-form .form-actions {
        padding: 16px 0px 16px 0;
    }
    .mlp-southernpioneer-backend .view-mlp-history-list .views-exposed-form.bef-exposed-form .form-actions {
        width: 100%;
    }
    .mlp-southernpioneer-backend .view-payment-history .view-filters form .form-item {
        width: 100%;
        min-height: initial;
    }
    .mlp-logo {
        max-width: 320px;
    }
    .mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group#webform-submission-field-filter,
    .mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group#webform-submission-field-filter--2,
    .mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group#webform-submission-field-filter--3 {
        /* margin: 0 14px 10px 0px;*/
        max-width: 47%;
        width: 100%;
    }
    .mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group#webform-submission-field-filter--4 {
        width: 46%;
    }
    .mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group#webform-submission-field-filter--5 {
        margin: 0 0 20px 0;
        width: 46%;
    }
    .mlp-container {
        max-width: 90%;
    }
    .mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-item label {
        max-width: 100%;
        width: 100%;
        text-align: left;
    }
    .mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form fieldset.fieldgroup .fieldset-wrapper .radio label {
        position: relative;
    }
    .mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-item input,
    .mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-item .select-wrapper {
        max-width: 100%;
    }
    .certificate_results .certificate_detail_block ul li {
        width: 100%;
    }
    .webform-submission-request_change-form .form-item {
        width: 95%;
    }
    .mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-item label.error {
        float: left;
        width: 100%;
        max-width: 100%;
        padding: 0px;
    }
    .mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-actions {
        padding: 0px 0 20px 0px;
    }
    .mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form fieldset.fieldgroup legend {
        max-width: 100%;
        margin: 10px 0;
        text-align: left;
    }
    .mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-item .input-group {
        width: 100%;
    }
    .mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form fieldset.fieldgroup .fieldset-wrapper .radio label label.error {
        right: 0;
        top: 22px;
        left: 0px;
    }
    .mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form fieldset.fieldgroup .fieldset-wrapper {
        max-width: 100%;
        width: 100%;
        margin: 0;
    }
    .mlp-main_menu {
        background-repeat: repeat;
        border: none;
    }
    .mlp_menu {
        display: none;
    }
    .mlp-main_menu ul.menu {
        margin: 0 auto;
        padding: 0px;
        width: 90%;
    }
    .mlp-main_menu ul.menu li {
        background-image: none;
        width: 100%;
    }
    .mlp-main_menu ul.menu li a {
        padding: 10px;
        border-bottom: #fff solid 1px;
    }
    .mlp-main_menu ul.menu li:last-child a {
        border: none;
    }
    .mlp-main_menu .mlp-responsive-icon-block {
        display: block;
    }
    .mlp-main_menu .mlp-responsive-icon-block {
        width: 100%;
        display: inline-block;
        background: #58595b;
    }
    .mlp-main_menu .mlp-responsive-icon-block .mlp-responsive-icon {
        cursor: pointer;
        margin-right: 24px;
        width: 40px;
        background: #000;
        height: 40px;
        float: right;
        padding: 12px;
    }
    .mlp-main_menu .mlp-responsive-icon-block .mlp-responsive-icon span {
        height: 2px;
        background: #ca9212;
        width: 100%;
        float: left;
        margin: 0px 0 4px 0;
    }
    .mlp-southernpioneer-backend .view-payment-history .view-filters form .form-actions {
        padding: 10px 0 20px 0px;
    }
    .mlp-southernpioneer-backend .view-payment-history .views-exposed-form.bef-exposed-form .form-actions {
        margin: 26px 0 0 0;
    }
    .user-register-form.user-form .form-group {
        width: 43%;
    }
}

@media only screen and (max-width: 600px) {
    .user-register-form.user-form .form-group {
        width: 95%;
    }
    .mlp-southernpioneer-backend .view-payment-history .view-filters form .form-group {
        max-width: 214px;
    }
    .logout-butoon {
        width: 100%;
        text-align: center;
    }
    .user-register-form {
        margin: 20px 0;
    }
    .certificate_results .certificate_detail_block ul li strong {
        max-width: 100%;
    }
    .mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-item input,
    .mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group input,
    .mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-item .select-wrapper {
        max-width: 100%;
    }
    .mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-item label {
        max-width: 100%;
    }
    .mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-actions,
    .mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-actions,
    .mlp-southernpioneer-backend .view-payment-history .view-filters form .form-actions {
        padding: 0;
    }
    .mlp-site-footer .mlp-footer-copyright {
        text-align: center;
    }
    .mlp-site-footer .mlp-footer-copyright nav {
        width: auto;
        text-align: center;
        float: none;
        padding: 0 0 10px 0;
        display: inline-block;
    }
    .mlp-site-footer .mlp-footer-copyright .copyright {
        text-align: center;
    }
    .mlp-site-footer .mlp-footer-copyright .mlp-logo-footer {
        float: right;
        width: 100%;
    }
    .mlp-site-footer .mlp-footer-copyright .mlp-logo-footer .autogrow-textarea {
        float: none;
    }
    .mlp-site-footer .mlp-footer-copyright ul.menu li a {
        font-size: 11px;
    }
    .mlp-site-footer .mlp-footer-copyright ul.menu li {
        padding: 0 4px;
    }
    .mlp-header-logo-menu {
        text-align: center;
        margin: 16px 0px;
    }
    .mlp-header-logo-menu .mlp-logo-block {
        width: 100%;
        display: inline-block;
    }
    .mlp-header-logo-menu .mlp-header-block {
        width: 100%;
        display: inline-block;
    }
    .mlp-header-logo-menu .mlp-logo-block .mlp-logo {
        width: 100%;
        margin: 0;
        padding: 0 20px;
        text-align: center;
        max-width: 100%;
    }
    .mlp-header-logo-menu .mlp-logo-block .mlp-logo img {
        margin: 0 auto;
    }
    .mlp-header-logo-menu .mlp-header-block .header-right-block {
        float: right;
        width: 100%;
    }
    .mlp-header-logo-menu .mlp-header-block .header-right-block #agent {
        text-align: center;
        padding: 0px;
    }
    .mlp-header-logo-menu .mlp-header-block .header-right-block #phone {
        text-align: center;
        padding: 0px;
    }
}

@media only screen and (max-width: 480px) {
    .mlp-southernpioneer-backend .view-payment-history .views-exposed-form.bef-exposed-form .form--inline .form-item.panel-default {
        max-width: 100%;
    }
    .mlp-southernpioneer-backend .view-payment-history .views-exposed-form.bef-exposed-form .form--inline .form-item .panel-body .form-item {
        max-width: 100%;
        margin: 0 0px 10px 0;

    }



    .myaccount_page .mlp-content_block .mlp_myaccount_block .field .field--label {
        width: 100%;
    }
    .mlp-southernpioneer-backend .view-payment-history .view-filters form .form-group select {
        max-width: 100%;
    }
    .mlp-southernpioneer-backend .view-payment-history .view-filters form .form-item {
        width: 100%;
        max-width: 100%;
    }
    .mlp-southernpioneer-backend .view-payment-history .view-filters form .form-group input {
        max-width: 100%;
        width: 100%;
    }
    .mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group#webform-submission-field-filter--4,
    .mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group#webform-submission-field-filter--5 {
        margin: 0 0 10px 0;
        width: 100%;
    }
    .mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-created-min,
    .mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group.js-form-item-created-date-max,
    .mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group#webform-submission-field-filter,
    .mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group#webform-submission-field-filter--2,
    .mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group#webform-submission-field-filter--3 {
        width: 100%;
        margin: 0 0 10px 0;
        max-width: 100%;
    }
    .webform-submission-request_change-form .form-actions button,
    .mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-actions .webform-button--preview,
    .mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-actions .form-submit,
    .mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-actions button.webform-button--previous,
    .mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-actions button.webform-button--reset,
    .mlp-southernpioneer-backend .mlp-content_block .webform-submission-loan_information-form .form-actions button.webform-button--submit,
    .mlp-southernpioneer-backend .view-payment-history .view-filters form .form-actions .form-submit,
    .login_page .mlp-main-content-block .mlp-content_block .mlp-login-form .form-actions button.button,
    .user_password_page .mlp-password-form .form-actions button.button {
        padding: 11px 20px;
        margin: 0 8px 8px 0;
    }
    .mlp-inner_title-block h1.page-header {
        font-size: 26px;
        text-align: center;
    }
    .mlp-inner_section .text-right {
        text-align: center;
    }
    .mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group {
        max-width: 100%;
    }
    .login_page .mlp-main-content-block .mlp-content_block .mlp-login-form .forget_password {
        margin: -40px 0px 15px 124px;
    }
    .mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group input,
    .mlp-southernpioneer-backend .view-mlp-history-list .view-filters form .form-group select {
        max-width: 100%;
    }
    .user_page .mlp-southernpioneer-backend .mlp-content_block .field .field--label {
        margin: 0;
        max-width: 100%;
    }
    .user_page .mlp-southernpioneer-backend .mlp-content_block .field .field--item {
        width: 100%;
    }
}