html{width:100%;height:100%;}
body {font-family: 'Heebo';width:100%;height:100%;padding:0px; margin:0px 0px 0px 0px;direction:rtl;}
input, textarea, button,select {-webkit-appearance:none; font-family: 'Heebo';outline: none;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;}


.input-dropdown-icon-bg{background-image:url('https://app.upay.co.il/BANKRESOURCES/version4/images/down-arr.png');background-repeat:no-repeat; background-position: 15px center;
}

a {text-decoration:none;outline: none;text-decoration:none;color:#48c3ed;}
a:hover {text-decoration:underline;outline: none;}
img{border:0px;}
p {margin: 0;}
h3{font-size: 26px;font-weight: 800;margin-top:  0;}
h4{font-size: 18px;font-weight: 800;margin-top:  0;margin-bottom:  15px;}

.div-center{text-align:center;margin:0px auto;}
.dir{float:right;}
.dir-op{float: left !important;}
.full-div{width:100%;float:right;}
.submit-button{
    border-radius: 27px;
    /*font-weight: 600;*/
    padding-top:13px;
    padding-bottom:13px;
    box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.16);
    font-size:18px;
    
    width:70%;
    cursor: pointer;
    border:none;
}
.submit-button:focus {
  outline:none;
}
.submit-button:hover{
    background-color: #4169E1;
}
.button-color{
    background-color: #0189ff;
    color: #FFFFFF;
}
.button-color-oposite{
    color: #0189ff;
    background-color: #FFFFFF;
}
.background-dark{background: rgba(0, 0, 0, 0.7);}
.full-div-title{width:100%;height:200px;margin:0px auto;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.half-div-center{width:50%;margin:0px auto;}
.half-div-right{width:50%;float:right;}
.half-div-left{width:50%;float:left}
.third-div{width:33.333333%;float: left;}
.marg-3{margin:3px;}
.marg-7{margin:7px;}
.marg-8{margin-bottom:8% !important;margin-top:8%;}
.qrtr-div{width: 12%;float:right;} 
.three-qrtr-div{width: 88%;float:right;margin-bottom: 38px;} 
.pad-sides-10{padding:10px 10px 10px 10px ;float:right;}
.base{font-size: 15px;background-color:#f3f4f6; color: #132336;overflow-y: hidden; }
.c-white{color: white;}
.c-blue{color: #1166a5;}
.bg{font-size:200%;}

.s-20{font-size:20px;}
.s-36{font-size:36px;}
.t-b{font-weight: bold;}
.bg-white{background-color: white;}
.bg-light-green{background-color: #86cebc;}
.bg-blue{background-color: #4d6e88;}
.bg-green{background-color: #86cebc;}
.border-grey{border: 1px solid #e6eaee;}
.logo-title{width:fit-content;height:fit-content;padding-top:70px;}
.fotter-button{width:fit-content;height:fit-content;}
.label-button{font-weight:bold;cursor:pointer;display:block;width:20px;height:20px;line-height:20px;}
label{font-weight:bold;cursor:pointer;}
/*.input-radio{display: inline-block;margin-top: 30px;margin-bottom:30px;cursor:pointer;}*/
.input-radio{margin: 0px auto;cursor:pointer;width:fit-content;}
input[type=radio] {display: none;}
input[type=radio] + label  {padding: 20px;border-radius: 50%;/*border: 3px solid #ddd;*/}
input[type=radio] + label :hover {border: 3px solid #1166a5;}
input[type=radio]:checked + label {border: 3px solid #1166a5;color:#1166a5;}

/*--form---*/
.upay-inner-form-wrapper {padding-top: 5%;max-width: 1350px;margin: auto;float:  none;min-height: 750px;}
.form-bg {width: 85%;padding-right: 10%;padding-top: 2%;float:  right;}/*min-height: 450px;}*/ 
.form-recipient-section, .form-recipient-inf-txt {margin-bottom: 2%;width: 90%;float:  right;}
.form-bg-left {width: 85%;padding-right: 5%;padding-left:  5%;padding-top: 5%;float:  right;}
 .form-recipient-inf-txt-left {margin-bottom: 0%;width: 85%;float:  right;}
.input-field {border: 1px solid #e6eaee;font-size: 15px;padding:  12px;width:  100%;margin-bottom: 20px;font-weight: bold; }
.input-field-half {border: 1px solid #e6eaee;font-size: 15px;padding:  8px;width:  49%;margin-bottom: 20px;font-weight: bold; }
.input-field-quarter {border: 1px solid #e6eaee;font-size: 15px;padding:  8px;width:  24%;margin-bottom: 20px;font-weight: bold; }
.txt-c-card-inf {min-width: 30px;display: inline-block;line-height:  290%;margin: 0 10px;} 
.input-field.input-c-card-inf {width: 100px;display: inline-block;text-align: center;} 
.input-field.input-expiry {width: 60px;display: inline-block;text-align: center;} 
.form-input-wrapper.form-c-card-inf { width: 100%; }
.form-recipient-inf-section {width: 85%;padding-right: 5%;padding-top: 2%; margin-top: 10px; padding-left:  5%;float: right;padding-bottom: 3%;border-bottom: 0;}
.recipient-inf-section-underline { background: white; height: 1px; margin: 4% 0; width: 100%;} 
.recipient-inf-price { font-size: 20px; width: 100%; float: right; }
.sbmt-blue-btn { width: auto; padding: 2% 7%; cursor: pointer; border-radius:30px;}
.three-qrtr-div>p {max-width: 75%;line-height: 150%;}
.form-recipient-section p {padding: 12px 0; }
.btn-round{border-radius:50%;padding:20px;border: 2px solid #1166a5;}
div.loading-div{text-align:center;position:fixed;
  top:30%;
  right:0px;
  width:100%;
  height:100%;}
.loading-img{height:20%;}
select option{font-weight:bold;}
select {font-weight:bold;}


div.finish-div{text-align:center;position:fixed;
  top:30%;
  right:0px;
  width:100%;
  height:100%;}
.finish-img{width:50%;}

.list-group-item {
  user-select: none;
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group input[type="checkbox"] {
  display: none;
}

.list-group input[type="checkbox"] + .list-group-item {
  cursor: pointer;
}

.list-group input[type="checkbox"] + .list-group-item:before {
  content: "\2713";
  color: transparent;
  font-weight: bold;
  margin-right: 1em;
  float:left;
}

.list-group input[type="checkbox"]:checked + .list-group-item {
  background-color: #0275D8;
  color: #FFF;
}

.list-group input[type="checkbox"]:checked + .list-group-item:before {
  color: inherit;
}

/*--laptop media query--*/
@media (max-width:1685px){
    .txt-c-card-inf {min-width: auto;margin: 0 3.5%;}
    
}
@media (max-width:1460px){
    .input-field.input-c-card-inf {width: 90px;}
    .half-div-right{width:100%;margin-top:2%;margin-bottom:2%;}
    .half-div-left{width:100%;margin-top:2%;margin-bottom:2%;}
    
}

@media (max-width:1280px){
    .input-field.input-c-card-inf {width: 80px;padding: 10px 0;}
    .upay-inner-form-wrapper {max-width: 1200px;}
    .form-bg {}/*min-height: 565px;}*/
    .half-div-right{width:100%;margin-top:2%;margin-bottom:2%;}
    .half-div-left{width:100%;margin-top:2%;margin-bottom:2%;}
}
/*---mobile---*/
@media (max-width:768px){
    .half-div-center { width:90%;margin:0px auto;}
    .half-div-right{width:100%;margin-top:2%;margin-bottom:2%;}
    .half-div-left{width:100%;margin-top:2%;margin-bottom:2%;}
    .form-input-wrapper.form-c-card-inf .half-div-center {width:90%;margin:0px auto;}
    .form-recipient-inf-section, .form-bg-left,.form-bg{float: right!important;width: 90%;}
    .form-bg {min-height: auto;}
    .form-recipient-inf-txt-left{margin-bottom: 0;}
    .three-qrtr-div {width: 75%;}
    .qrtr-div { width: 25%;}
    .three-qrtr-div>p {max-width: 100%;}
    .form-c-card-inf .half-div {width: 50%;}
    div.loading-div{text-align:center;width:100%;position:fixed;
  top:30%;
  right:0px;
  width:100%;
  height:100%;}
    .loading-img{height:20%;}
    div.finish-div{text-align:center;width:100%;position:fixed;
  top:30%;
  right:0px;
  width:100%;
  height:100%;}
    .finish-img{height:20%;}
    
}
@media (max-width:420px){
    .half-div-right{width:100%;margin-top:2%;margin-bottom:2%;}
    .half-div-left{width:100%;margin-top:2%;margin-bottom:2%;}
    .form-input-wrapper.form-c-card-inf .half-div-center {width:95%;margin:0px auto;}
    .half-div-center { margin-bottom: 5%;}
    .txt-c-card-inf {display: block;float: none;text-align: left;}
    .input-field.input-c-card-inf { width: 120px;}
    .txt-c-card-inf.txt-c-card-expire {text-align:  right;}
    .input-field {margin-bottom: 4%;}
    .sbmt-blue-btn { padding: 3.5% 12%;  border-radius:30px;}
    .three-qrtr-div {margin-bottom: 4%;}

}