@media only screen and (max-width:768px){
h3,.h3{
 font-size:1.17rem;
}

.modal__window1{
 display:flex;
 flex-direction:column;
 justify-content:space-between;
 align-items:center;
 width:100%;
 max-width:800px;
 height:60vh;
 padding:20px;
 background-color:white;
 border-radius:10px;
 box-shadow:0 4px 20px rgba(0,0,0,0.3);
 position:relative;
}

.modal__text-container1{
 max-height:300px;
 overflow-y:auto;
 padding-right:10px;
}

 
 .addressLine2_municipality_input,.addressLine2_province_input{
 width:100%;
 }

 .addressLine2_province_and_minicipality{
 display:block;
 }
 
}


@media only screen and (min-width:769px){
.modal__window1{
 display:flex;
 flex-direction:column;
 justify-content:space-between;
 align-items:center;
 width:60%;
 max-width:800px;
 height:50vh;
 padding:20px;
 background-color:white;
 border-radius:10px;
 box-shadow:0 4px 20px rgba(0,0,0,0.3);
 position:relative;
}

.modal__text-container1{
 max-height:300px;
 overflow-y:auto;
 padding-right:10px;
}
 
 .addressLine2_municipality_input,.addressLine2_province_input{
 width:50%;
 }

 .addressLine2_province_and_minicipality{
 display:inline-flex;
 justify-content:space-between
 }
 
}




#msgLabel{
 color:red;
 font-size:.875em;
}
#blocker{
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background-color:rgba(0,0,0,0.5);
 display:flex;
 justify-content:center;
 align-items:center;
 z-index:9999;
 visibility:hidden;
}

 .parent{
 height:400px;
 width:400px;
 display:flex;
 justify-content:center;
 align-items:center;
 }
 .child{
 height:100px;
 width:100px;
 }

.loader{
 transform:rotateZ(45deg);
 perspective:1000px;
 border-radius:50%;
 width:48px;
 height:48px;
 color:#fff;
 }
.loader:before,
.loader:after{
 content:'';
 display:block;
 position:absolute;
 top:0;
 left:0;
 width:inherit;
 height:inherit;
 border-radius:50%;
 transform:rotateX(70deg);
 animation:1s spin linear infinite;
}
.loader:after{
 color:#FF3D00;
 transform:rotateY(70deg);
 animation-delay:.4s;
}

@keyframes rotate{
0%{
 transform:translate(-50%,-50%) rotateZ(0deg);
}
100%{
 transform:translate(-50%,-50%) rotateZ(360deg);
}
}

@keyframes rotateccw{
0%{
 transform:translate(-50%,-50%) rotate(0deg);
}
100%{
 transform:translate(-50%,-50%) rotate(-360deg);
}
}

@keyframes spin{
0%,
100%{
 box-shadow:.2em 0px 0 0px currentcolor;
}
12%{
 box-shadow:.2em .2em 0 0 currentcolor;
}
25%{
 box-shadow:0 .2em 0 0px currentcolor;
}
37%{
 box-shadow:-.2em .2em 0 0 currentcolor;
}
50%{
 box-shadow:-.2em 0 0 0 currentcolor;
}
62%{
 box-shadow:-.2em -.2em 0 0 currentcolor;
}
75%{
 box-shadow:0px -.2em 0 0 currentcolor;
}
87%{
 box-shadow:.2em -.2em 0 0 currentcolor;
}
}

h2,.h2{
 font-size:1.17rem;
} 

.text-centered{
 text-align:center;
}

.modal-content{
 border-radius:1.3rem;
}

.modal-footer{
 border-top:0px;
}



#bodystates{
 display:block;
}

.terms-and-conditions{
 gap:30px;
}

.login-form{
 gap:20px;
}

#errorbody{
 display:block;
}

.dashboard-form-progress-bar{
 grid-template-columns:1fr 1fr 1.2fr 1.2fr;
}


#Table1{
 border-right:#394398 0px solid;background:#FFF;border-top:#394398 1px solid;border-left:#394398 0px solid;border-bottom:#394398 0px solid;width:100%;z-index:999;
}

#Td10{
 text-indent:5px;text-align:left;
}

#tdQuestion{
 width:100%;height:9px;text-align:center;
}

.ekycbutton{
 width:100%;
}

.div-kyc-dashboard{
 margin-top:50px
}

#frameID{
 width:100%;
 height:600px;
 border:none;
}






@media (min-width:1025px){
.ekycbutton{
 width:50%;
}
.ekycbuttoncentered{
 align-items:center;
}


}

#istepupfrm{
 overflow-y:scroll;
}

.hide{
 display:none;
}

.show{
 display:block;
}



#addressLine2__div
,.beneficiaryOtherBanks__placeholder{
 overflow:hidden;
}

.button_size_250{
 width:100%;
 max-width:250px;
}

.beneficiary_validate__btn_desktop{
 align-items:center;
}

.beneficiary_validate__btn_mobile{
 align-items:stretch;
}




button:disabled{
 cursor:not-allowed;
 background-color:light-dark(rgba(239,239,239,0.3),rgba(19,1,1,0.3));
 color:light-dark(rgba(16,16,16,0.3),rgba(255,255,255,0.3));
 border-color:light-dark(rgba(118,118,118,0.3),rgba(195,195,195,0.3));
}

.paymentSourceDeleteBtn:hover{
 cursor:pointer;
}



#istepupfrm{
 width:100%;
 height:100%;
 display:none;
}

.payment-add-sources__input-expiration-date__error{
 border-color:red;
}



.payment-add-source-success__dashboard{
 display:flex;
 flex-direction:column;
 overflow-y:hidden;
}
.payment-add-source-success__dashboard-content-body{
 overflow-y:hidden;
}
.payment-add-source-success__dashboard-content{
 overflow-y:scroll;
}


.clickable:hover{
 cursor:pointer;
}



.update-contact-info__input-with-label__dropdown{
 border:none;
 background:transparent;
 font-size:1em;
 padding:0;
 margin:0;
 appearance:none;
 cursor:pointer;
}

.update-contact-info__input-with-label__input_type_mobile-number{
 padding-left:50px;
}

.update-contact-info__input-with-label__mobile-number-prefix{
 position:absolute;
 left:20px;
 top:68%;
 transform:translateY(-50%);
 font-size:1em;
}




@media only screen and (min-width :1224px){
 .update-prof-info__input-with-label_grid-column_third{
 grid-column:1/3;
 }
}

.file-upload__hidden{
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 display:none;
 flex-flow:column;
 gap:20px;
 color:#10357F;
 align-items:center;
}

.upload-id__display_name{
 display:flex;
 flex-flow:row;
 justify-content:space-between;
 text-align:center;
}



.transaction-details__action-buttons{
 display:flex;
 flex-flow:row;
 gap:25px;
 padding-top:35px;
 justify-content:center;
 width:100%;
}

.transaction-action__icon{
 padding:8px 10px;
 border-radius:7px;
 background-color:white;
 box-shadow:0px 10px 30px 0px rgba(16,53,127,0.05);
}

.transaction-action__label2{
 text-align:center;
 margin:0;
 font-size:.875em;
 color:#404040;
}

.send-money_external-back{
 width:fit-content;
 align-self:flex-start;
 font-weight:500;
 font-size:1.125em;
 color:#404040;
 display:flex;
 flex-flow:row nowrap;
 gap:10px;
 align-items:center;
 text-decoration:none;
 margin-top:15px
}

.send-money_external-back::before{
 content:"";
 background-image:url(../assets/svg/left-chevron_color_blue.svg);
 width:8px;
 height:14px;
 background-position:center;
 background-size:100%;
}

.branch-search-item__division-3{
 border-radius:15px;
 background:#F2F4F9;
 padding:20px;
 display:flex;
 justify-content:center;
 flex-flow:column;
 gap:15px;
 grid-row:1/3;
 grid-column:2/-1;
}

.send-money-details__detail-table .transaction-history__status_state_failed{
 padding:2px 10px;
 border-radius:10px;
 border:1px solid black;
 align-items:center;
 justify-content:center;
 width:fit-content;
 border-color:#ba181b;
 background-color:rgba(186,24,27,0.1);
 color:#ba181b;
}

.send-money-details__detail-table .transaction-history__status_state_success{
 padding:2px 10px;
 border-radius:10px;
 border:1px solid black;
 align-items:center;
 justify-content:center;
 width:fit-content;
 border-color:#52b788;
 background-color:rgba(82,183,136,0.1);
 color:#52b788;
}

.send-money-details__detail-table .transaction-history__status_state_processing{
 padding:2px 10px;
 border-radius:10px;
 border:1px solid black;
 align-items:center;
 justify-content:center;
 width:fit-content;
 border-color:#00c0f1;
 background-color:rgba(0,192,241,0.1);
 color:#00c0f1;
}

.remittance-services-main-title-container{
 display:grid;
 grid-template-columns:1fr 1fr;
 grid-template-rows:1fr auto;
 gap:0 15px;
 padding-bottom:20px;
 margin-bottom:5px;
 border-bottom:1px solid #bfbfbf;
}

.remittance-services-item-container{
 padding:15px;
}

.remittance-services-page-main-title{
 text-align:center;
 padding-bottom:10px;
 border-bottom:1px solid rgba(191,191,191,0.5);
}

.remittance-services-title{
 margin:0;
 color:#10357F;
}




.password-wrapper input{
 padding-right:30px;
}

.password-toggle{
 position:absolute;
 right:8px;
 top:50%;
 transform:translateY(-50%);
 width:20px;
 height:20px;
 background-image:url('../assets/svg/hide-password.svg');
 background-repeat:no-repeat;
 background-size:contain;
 cursor:pointer;
 margin-left:-28px;
 z-index:2;
}






.password-wrapper{
 display:flex;
 align-items:center;
 width:100%;
 position:relative;
}

.input-with-label__input2{
 flex:1 1 0%;
 padding-right:28px;
 box-sizing:border-box;
 width:100%;
}

.password-toggle{
 width:20px;
 height:20px;
 margin-left:-28px;
 cursor:pointer;
 z-index:2;
 background-repeat:no-repeat;
 background-size:contain;
}






input[type="password"]{
 -webkit-text-security:disc;
 text-security:disc;
 appearance:none;
 -webkit-appearance:none;
 -moz-appearance:none;
}

input::-ms-reveal{
 display:none;
}




#divverified,#divunverified,#divkycverification,#dividverification{
 display:none;
}


.divhidden{
 display:none;
}




 
 #loadingspin{
 
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background:rgba(255,255,255,0.8);
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:center;
 z-index:9999;
 text-align:center;

 }

 
 .spinner1{
 
 border:8px solid #f3f3f3;
 border-top:8px solid #3498db;
 border-radius:50%;
 width:60px;
 height:60px;
 animation:spin1 1s linear infinite;
 margin-bottom:15px;

 }

 @keyframes spin1{
 0%{transform:rotate(0deg)}
 100%{transform:rotate(360deg)}
 }




.site-logo__upper img{
 display:block;
}

.dashboard-header__mobile-logo-image{
 display:block;
}




#pCounter{
 font-size:40px;
 font-weight:700
}

#divcenter{
 text-align:center;
}

#divT{
 display:none;
}