/**
 * 2021 Floa BANK
 *
 * THE MIT LICENSE
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
 * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
 * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the
 * Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
 * WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
 * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
 * IN THE SOFTWARE.
 *
 * @author    FLOA Bank
 * @copyright 2021 FLOA Bank
 * @license   https://opensource.org/licenses/MIT The MIT License
 */

 .eligibility{
    border: 1px solid #eeeeee;
    margin-bottom: 1.25em;
    position: relative;
}
.eligibility-loader{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.25);
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
}
.eligibility-loader-icon {
    border: 10px solid #f3f3f3;
    border-top: 10px solid #3498db;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    animation: spin 2s linear infinite;
    margin: 0;
    position: absolute;
    top: 40%;
    left: 40%;
    transform: translate(-50%, -50%);
  }
 @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.eligibility .eligibility-summary{
    background: #F6F6F8;
    border-right: 1px solid #EEEEF0;
    padding: 1.25em;
}
.eligibility .eligibility-summary h5{
    color: #009FFF;
    text-align: center;
    font-size: 0.80em;
    text-transform: uppercase;
}
.eligibility .eligibility-summary .eligibility-summary-total{
    color: #B9B6B6;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.75em;
}
.eligibility .eligibility-summary .eligibility-summary-amount{
    color: #009FFF;
    text-align: center;
    font-size: 1.25em;
    padding: 0.35em 0 0;
    margin: 0;
}
.eligibility .eligibility-summary .eligibility-summary-fees{
    text-align: center;
    font-size: 0.75em;
    color: #999 !important;
}
.eligibility .eligibility-summary .installment-plan{
    color: #B9B6B6;
    margin: 10px 0;
}
.eligibility .eligibility-summary .installment-plan .installment-plan-title{
    color: #009FFF;
    text-transform: uppercase;
    font-size: 0.80em;
    font-weight: bold;
}
.eligibility .eligibility-summary .installment-plan .installment-plan-item span{
    color: #009FFF;
}
.eligibility .eligibility-summary .eligibility-summary-information{
    text-align: justify;
    font-size: 0.80em;
}
.eligibility .eligibility-summary .eligibility-summary-information a{
    color: #009FFF;
}
.eligibility .eligibility-summary .eligibility-summary-information a:hover{
        text-decoration: underline;
}
.eligibility .eligibility-form{
    padding: 1.25em;
}
.eligibility .eligibility-form .eligibility-form-title{
    text-align: justify;
    text-transform: uppercase;
    font-size: 0.80em;
}
.eligibility .eligibility-form small{
    color: #999 !important;
    font-size: 10px;
}

.eligibility .eligibility-form .form-control-label {
    text-transform: uppercase;
    font-size: 0.70em;
    color: #7a7a7a;
    font-weight: bold;
}
.eligibility .eligibility-form .form-control-input {
    background: white;
    color: #7a7a7a;
    border: 1px solid rgba(0,0,0,.25);
    padding: 0.35em;
    font-size: 0.75em;
}
.eligibility .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}
.eligibility .row > [class*='col-'] {
    display: flex;
    flex-direction: column;
}
.eligibility .w-30{
    width: 40%;
}
.eligibility .w-70{
    width: 58%;
}
/* older PS */
.eligibility_older{
    max-width: 900px;
    font-size: 18px;
}
.eligibility_older .col-md-5 {
    float: left;
    width: 41.66667%;
    box-sizing: border-box;
}
.eligibility_older .col-md-7 {
    float: left;
    width: 58.33333%;
    box-sizing: border-box;
}
.eligibility_older .pb-1 {
    padding-bottom: 1rem !important;
}
.eligibility_older .w-100 {
    width: 100% !important;
}
.eligibility_older .civility_choice {
    padding: 0 !important;
}
.eligibility_older .eligibility-summary .installment-plan .installment-plan-item{
    padding: 5px 0;
    line-height: 20px;
}
.eligibility_older .eligibility-summary .installment-plan .installment-plan-title{
    padding-bottom: 10px;
}
.eligibility_older .eligibility-summary .eligibility-summary-amount,
.eligibility_older .eligibility-summary h5{
    padding: 10px 0;
}
.eligibility_older .eligibility-form .button{
    padding: 10px 30px;
    background: #009FFF;
    color: white;
    text-transform: uppercase;
    border: none;
    float: right;
}
.eligibility_older .eligibility-form .form-group{
    padding: 10px 0;
}
.eligibility_older .eligibility-form .form-control-label {
    display: block;
    padding: 5px 0;
}
.eligibility_older .eligibility-form .form-control-input {
    display: inline-block;
    box-sizing: border-box;
    padding: 10px;
    margin: 0;
    line-height: 15px;
    height: 35px;
}
.eligibility_older .eligibility-summary .installment-plan{
    margin: 30px 0 10px;
}
.errorFormFloa .alert {
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0;
}
.errorFormFloa .alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442;
}
.errorFormFloa .alert li {
    list-style-type: none;
    padding: 5px 0;
}
.floa-payment{
    text-align: center;
    border: 1px solid #E5E5E5;
    padding: 2em;
}
.floa-payment h1{
    color: #009FFF;
    text-transform: uppercase;
}
.floa-payment h1 img{
    vertical-align: -8px;
}
.floa-payment .floa-payment-info.floa-payment-info-refused{
    text-align: left;
}
.floa-payment-schedules{
    min-width: 80%;
    margin-bottom: 1em;
    margin: 0 auto;
}
.floa-payment-schedules thead th{
    background: #009FFF;
    color: white;
    text-align: center;
    padding: 1em;
}
.floa-payment-schedules tbody td{
    border: 1px solid #eee;
    color: #666;
    padding: 1em;
}