.pantone354c{
color: #8dc63f ;
}
.dashboard-header {
color: #8dc63f ;
text-align:left;
}
.sidebar-content{
margin-top: 30%;
}

.each_branch_accounts{
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    gap: 1rem;
}

@media (min-width: 600px) {
    .each_branch_accounts { grid-template-columns: repeat(2, 1fr); }
  }

  @media (min-width: 900px) {
    .cards { grid-template-columns: repeat(3, 1fr); }
  }

p, h1, h1, h3, h4, h5, h6, div, span, text, textarea, body, button, input, optgroup, select, textarea {
    font-family: 'Montserrat', sans-serif !important;
}
.form-check-label{
}
.form-check-inline{
    display: table-cell;
    vertical-align: middle;
}
input{
    border-left: 0px !important;
    border-right: 0px !important;
    border-top: 1px !important;
    border-bottom: 1px solid #ddd !important;
    border-radius: 0px !important;
}
.form-check-inline > * {
    margin-right: 10px;
}
.form-check-inline>label{
    font-size: 15px;
}
.quicknav_layout{
    display: flex;
    justify-content: center;
    align-items: center;


}
.quicknav_container{
    box-shadow: 1px 1px 1px 1px #ddd;
    background-color: whitesmoke;
    height: auto;
    display: block;
    overflow: auto;
}
.quicknav_layout>*{
    color:#b8b6b6;
    margin: 10px;
    font-size: 18px;
    /* float: left; */
}

input:focus{
    border-bottom: 1px solid #8dc63f !important;

}
.form-label{
    visibility: hidden;
}
input:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: transparent;
}
input:focus::-moz-placeholder { /* Firefox 19+ */
    color: transparent;
}
input:focus:-ms-input-placeholder { /* IE 10+ */
    color: transparent;
}

.form-group:focus-within .form-label {
    color: #8dc63f;
    visibility: visible;
}
.visible {
    visibility: visible;
}

.form-group:focus-within .form_label_b{
    color: #8dc63f;
}

.beneficiary_text{
    text-align: justify;
    margin-bottom: 10px;
}
.invalid-feedback{
    color: #ed0080;
}
.news-headline {
color: #000000;
}

.js-btn-next{
color: #8dc63f ;
border-radius: 20px;
}
.ik{
    padding-top:20px ;
    padding-right: 20px;
    vertical-align: bottom !important;
}
.otp_inputs {
    width: 60px;
    height: 32px;
    margin-left: 10px;
    text-align: center;
    border: 1px dashed #000;
    letter-spacing: 10px;
  }
.otp_inputs:focus{
    border: #8dc63f;
    color: #8dc63f
}

.return_back_btn{
    background-color: whitesmoke !important;
    color: #000 !important;
    height: 50px!important;
    width: 210px;
    border: 1px black solid !important;
    padding-top: 0px;
}

.pantone354cBG, #validateOTP{
    background-image: linear-gradient(to right, #009677, #8dc63f);
        border-color: #8dc63f  !important;
    border-radius: 20px;

}
.multisteps-form__panel{
    padding-top: 70px !important;
}

.optional_text{
    color: #8dc63f;
    font-weight: 400;
}
.color-white{
    color: #ffffff;
}
.img_upload_header{
    float: left;
}
.header_region{
    width: 100%;
    display: block;
    overflow: hidden;
}
.active{
    color: #8dc63f !important;
}

.swal2-confirm{
    background-color: #8dc63f  !important;
    border-color: #8dc63f  !important;
}

.pantone354cBorder{
    border-color: #8dc63f  ;
}



.dashboard-header{
    color: #8dc63f ;
}

.side_by_side{
    display: inline-block;
    margin: auto;
}

.width-80{
    max-width: 80%;
}

.width-10{
    max-width: 10%;
}

.width-5{
    max-width: 5%;
}


.white-color {
    color: #ffffff;
}

.borderLess {
    border: none !important;
        border-radius: 0%;
}


.progress-bar{
    background-color: #8dc63f  !important;
}

 .bottom-line {
    border-bottom: 2px solid #8dc63f  !important;
}

 .select2-results__option--highlighted{
     background-color: #8dc63f  !important;
     border-color: #8dc63f  !important;

 }

input[type=radio]:checked {
    background-color: #8dc63f ;
    outline: 0.1em solid #8dc63f !important ;

}

input[type=checkbox]:checked {

    background-color: #8dc63f ;
    outline: 0.1em solid #8dc63f !important ;


}

input[type=radio] {
    border-radius: 50% !important;

    outline: 0.1em solid #000 !important ;


}

input[type=checkbox] {

    outline: 0.1em solid #000 ;


}

.add_btn_ben{

    background-image: linear-gradient(to right, #009677, #8dc63f) !important;
    border-color: #8dc63f  !important;
    border-radius: 50px !important;
}

.modal_success_btn{
    background-image: linear-gradient(to right, #009677, #8dc63f) !important;
    border-color: #8dc63f  !important;
    border-radius: 20px !important;
}
.modal_danger_btn{
    background-color: whitesmoke;
    border-color: #000  1px solid !important;
    border-radius: 20px !important;
    color: black !important;
}
#addFundSelectModal{
    border-color: #8dc63f  !important;
    border-radius: 20px !important;
}
.form-check-inline{
    vertical-align: middle !important;
}
.secondary-logo {position: absolute;
top: 0;
z-index: 11;
left: 4%;
width: 5%;
min-width: 50px;
}
.btn-primary{
    background-image: linear-gradient(to right, #009677, #8dc63f) !important;
    border: #8dc63f 1px solid;
}
.btn-danger{
    background-color: whitesmoke !important;
    color: #000 !important;
    border: #000 1px solid;
}
.sidebar-icon{
    width: 50%;
    display: inline-block;
    margin: auto;
}

.sidebar-icon-img{

    max-width: 25%;
}

.padding_left_10{
    padding-left: 10%;
}

.padding_left_5{
    padding-left: 5%;
}

.padding_top_5{
    padding-top: 5%;
}


::-moz-selection {
    color: #fff;
    background-color: #8dc63f;
}

::selection {
    color: #fff;
    background-color: #8dc63f;
}

::-moz-selection {
    color: #fff;
    background-color: #8dc63f;
}





.service-check-option span:after {
    left: 3px;
    top: 3px;
    content: '';
    width: 17px;
    height: 17px;
    display: none;
    position: absolute;
    border-radius: 100%;
    background-color: #8dc63f;
}


.form-inner-area input:focus {
    -webkit-box-shadow: 0px 5px 35px 0px rgba(107, 89, 211, 0.17);
    box-shadow: 0px 5px 35px 0px rgba(107, 89, 211, 0.17);
    border: 2px solid #8dc63f;
}


@media (min-width: 600px) {
    .each_branch_accounts { grid-template-columns: repeat(2, 1fr); }
  }

  @media (min-width: 900px) {
    .cards { grid-template-columns: repeat(3, 1fr); }
   }

   @media screen and (max-width: 991px) {
    .return_back_btn{
        height: 40px!important;
        width: 120px;
        font-size: 16px;
         line-height: 40px;
         margin-left: 0;
    }
   }
  @media only screen and (max-width: 780px) {
    .row.flex-row.h-100.bg-white {
         display: flex;
         flex-wrap: nowrap;
     }
    .col-xl-8.col-lg-6.col-md-5.p-0.d-md-block.d-lg-block.d-sm-block.d-block {
         flex: 0 0 30%; 
     }
    .col-xl-4.col-lg-6.col-md-7.my-auto.p-0 {
         flex: 0 0 70%; 
     }
    .lavalite-bg {
         width: 100%;
         height: 100%;
     }
    .authentication-form {
         padding: 3em;
         border: 1px solid #a7727200;
         border-radius:.5em;
         width: 100%;
     }
     .return_back_btn{
        height: 40px!important;
        width: 120px;
        font-size: 16px;
         line-height: 40px;
         margin-left: 0;
    }
    }  

    @media only screen and (max-width: 580px) {
        .row.flex-row.h-100.bg-white {
             display: flex;
             flex-wrap: nowrap;
         }
        .col-xl-8.col-lg-6.col-md-5.p-0.d-md-block.d-lg-block.d-sm-block.d-block {
             flex: 0 0 30%; 
         }

        .col-xl-4.col-lg-6.col-md-7.my-auto.p-0 {
             flex: 0 0 70%; 
         }
         .col-xl-12{ 
            width: 100%;
        }
        .col-xl-12 a{ 
            font-size: 14px;
        }
        .lavalite-bg {
             width: 100%;
             height: 100%;
         }
        .authentication-form {
             padding: 3em;
             border: 1px solid #a7727200;
             border-radius:.5em;
             width: 100%;
         }
         .return_back_btn{
            height: 40px!important;
            width: 110px;
            font-size: 16px;
             line-height: 40px;
             margin-left: 0;
        }
    }
    
    @media only screen and (max-width: 460px) {
        .col-xl-8.col-lg-6.col-md-5.p-0.d-md-block.d-lg-block.d-sm-block.d-block {
             flex: 0 0 20%; 
         }
        .col-xl-4.col-lg-6.col-md-7.my-auto.p-0 {
             flex: 0 0 80%; 
         }
        .lavalite-bg {
             width: 100%;
             height: 100%;
         }
        .authentication-form {
             width: 100%;
             display: flex;
             flex-wrap: wrap;
         }
        .col-xl-12{ 
            width: 100%;
        }
        .col-xl-12 a{ 
            font-size: 10px;
        }
        .form-control {
            font-size: 11px;
        }
        .btn.btn-link{
            font-size: 11px;
        }
        .return_back_btn{
            height: 40px!important;
            width: 110px;
            font-size: 16px;
             line-height: 40px;
             margin-left: 0;
        }
    }