/*merchant sign up*/
.ss-max-400 {
    min-width: 200px;
    max-width: 400px;
    width: 24.5%;
}

/*beneficiary sign up*/
.ss-max-600 {
    min-width: 200px;
    max-width: 600px;
    width: 40%;
}

/*beneficiary add bank account*/
.ss-max-358 {
    min-width: 200px;
    max-width: 358px;
    width: 45%;
}

/*beneficiary add phone number*/
.ss-max-474 {
    min-width: 200px;
    max-width: 474px;
    width: 100%;
}

/*merchant kyc validation*/
.ss-max-541 {
    min-width: 200px;
    max-width: 541px;
    width: 100%;
}

.ss-max
{
    width: 100%;
}

.search-select{
    /*width: 100%;*/
}

.search-select button, .search-select input{
    width: 100%;
}

.search-select ul{
    padding: 0;
}

.search-select button{
    text-align: left;
}

.search-select button i{
    float: right;
}

.search-select .dropdown-menu{
    /*width: 47.5%;*/
    max-height: 300px;
    overflow-y: scroll;
    border: solid 1px #DEE2E6;
}


.search-select button{
    /*color: rgb(238, 238, 238);*/
    background-color: white;
    border: 1px solid;
    border-radius: 5px;
    padding: 6px 10px;
    border-color: #DEE2E6;
}

.search-select button:hover, .search-select button:focus, .search-select button:active:focus, .search-select button.show
{
    background-color: white ;
    border-color: #289a99;
    border-width: 1px;
}

.search-select input{
    padding: 6px 10px;
    border: none;
    border-bottom: solid 1px #DEE2E6;
}

.search-select input:focus{
    border: none;
    border-bottom: solid 1px #DEE2E6;
    outline: none;
}

.mv-btn:hover, .mv-btn:focus, .mv-btn:active:focus, .mv-btn.show
{
    background-color: white ;
    border-color: #289a99;
    border-width: 1px;
}

.mv-btn.invalid
{
    border-color: #dc3545 !important;
    border-width: 1px;
}

.mv-btn.valid
{
    border-color: #248658 !important;
    border-width: 1px;
}