#changedetails-modal {width:100%;height:100%;}
body-changedetails {font-family: 'Heebo';width:100%;height:100%;padding:0px; margin:0px 0px 0px 0px;direction:rtl;}
#changedetails-modal input, textarea, button,select,label {-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;}*/
#changedetails-modal img{border:0px;}
#changedetails-modal p {margin: 0;}
#changedetails-modal h3{font-size: 26px;font-weight: 800;margin-top:  0;}
#changedetails-modal h4{font-size: 18px;font-weight: 800;margin-top:  0;margin-bottom:  15px;}

#changedetails-modal .div-center{text-align:center;margin:0px auto;}
#changedetails-modal .dir{float:right;}
#changedetails-modal .dir-op{float: left !important;}
#changedetails-modal .full-div{width:100%;float:right;}
#changedetails-modal .full-div-title{width:100%;height:200px;margin:0px auto;}
#changedetails-modal .text-left{text-align: left;}
#changedetails-modal .half-div-center{width:80%;display: flex;justify-content: center;margin: 0% auto;align-items: center;}
#changedetails-modal .half-div-right{width:50%;float:right;}
#changedetails-modal .half-div-left{width:50%;float:left}
#changedetails-modal .third-div{width:33.333333%;float: left;}
#changedetails-modal .marg-3{margin:3px;}
#changedetails-modal .marg-7{margin:7px;}
#changedetails-modal .qrtr-div{width: 12%;float:right;} 
#changedetails-modal .three-qrtr-div{width: 88%;float:right;margin-bottom: 38px;} 
#changedetails-modal .pad-sides-10{padding:10px 10px 10px 10px ;float:right;}
#changedetails-modal .base{font-size: 15px;background-color:#f3f4f6; color: #132336; }
#changedetails-modal .c-white{color: white;}
#changedetails-modal .c-blue-changedetails{color: #1166a5;}
#changedetails-modal .c-blue-bg{color: #1166a5;font-size:150%;}
#changedetails-modal .t-b{font-weight: bold;}
#changedetails-modal .bg-white{background-color: white;}
#changedetails-modal .bg-light-green{background-color: #86cebc;}
#changedetails-modal .bg-blue{background-color: #4d6e88;}
#changedetails-modal .bg-green{background-color: red;}
#changedetails-modal .border-grey{border: 1px solid #e6eaee;}
#changedetails-modal .border-grey-changedetails{border: 1px solid #e6eaee;}
#changedetails-modal .logo-title2{width:fit-content;height:fit-content;padding-top:70px;width:-moz-fit-content;height:-moz-fit-content;}
#changedetails-modal .logo-title{width:fit-content;height:fit-content;width:-moz-fit-content;height:-moz-fit-content;}
#changedetails-modal .fotter-button{width:fit-content;height:fit-content;}
#changedetails-modal .label-button{font-weight:bold;cursor:pointer;display:block;width:20px;height:20px;line-height:20px;}
#changedetails-modal label{font-weight:bold;cursor:pointer;}
/*.input-radio{display: inline-block;margin-top: 30px;margin-bottom:30px;cursor:pointer;}*/
#changedetails-modal .input-radio{margin: 0px auto;cursor:pointer;width:fit-content;}
#changedetails-modal input[type=radio] {display: none;}
#changedetails-modal input[type=radio] + label  {padding: 20px;border-radius: 50%;/*border: 3px solid #ddd;*/}
#changedetails-modal input[type=radio] + label :hover {border: 3px solid #1166a5;}
#changedetails-modal input[type=radio]:checked + label {border: 3px solid #1166a5;color:#1166a5;}

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

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

#changedetails-modal .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);
}

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

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

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

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

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

/*******uploadfiles*******/
#changedetails-modal .container img {
   max-width:100%;
}
#changedetails-modal .changedetails-a {text-decoration:none;outline: none;text-decoration:none;color:#48c3ed;}
#changedetails-modal a:hover {text-decoration:underline;outline: none;}
#changedetails-modal img{border:0px;}
#changedetails-modal p {margin: 0;}
#changedetails-modal h3{font-size: 26px;font-weight: 800;margin-top:  0;}
#changedetails-modal h4{font-size: 18px;font-weight: 800;margin-top:  0;margin-bottom:  15px;}


#changedetails-modal .overflow-elipsis{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: calc(100% - 60px);
}
#changedetails-modal .dir{float:right;}
#changedetails-modal .dir-op{float: left !important;}
#changedetails-modal .full-div{width:100%;float:right;}
#changedetails-modal .text-left{text-align: left;}
#changedetails-modal .marg-7{margin:7px;}
#changedetails-modal .half-div{width: 49%;float: left;padding-left: 1%;}
#changedetails-modal #uloadchanngedetailsidfor{width: 90%;padding-left: 10%;padding-bottom: 2.5%;float:none;}
#changedetails-modal .div-center{text-align:center;margin:0px auto;}
#changedetails-modal .fotter-button{text-align: center;}
#changedetails-modal .third-div{width:33.333333%;float: left;}
#changedetails-modal .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;}
.c-white{color: white;}
.t-b{font-weight: bold;}
.bg-white{background-color: white;}
.bg-green{background-color: #86cebc;}
.bg-light-green{background-color: #86cebc;}
.bg-blue{background-color: #3a5caa;}
.border-grey{border: 1px solid #e6eaee;}
.text-center{text-align: center;}
.padd-top-2{padding-top: 2%;}
.padd-top-3{padding-top: 3%;}
.c-grey{color: #939495;}
.c-darker-grey{color: #989898;}
.bg-light-blue{background-color: #d0d9ea;}
.bg-blue{background-color: #3a5caa !important; }
.light-grey-borer{border: 1px solid #e6eaee;padding: 2.5%;}
.c-red{color: #c74b37;}
/*--header--*/
.header-upload-logo-upay {padding: 2% 0;}
/*--inner---*/
.title-grey{width:83%;float:left;}
h3.upload-title { margin: 0; padding: 2.5% 0; }
.upay-upload-grid {width: 870px;max-width:  100%;margin: auto;float:  none;}
.upay-upload-item-header {background: #f5f8fa;box-shadow: 0px -20px 54px -6px rgba(0,0,0,0.08);padding: 2.5%;text-align:right;} 
.upay-upload-item-header-plus {background: #d0d9ea;width: 35px;height: 35px;border-radius: 50%;text-align: center;display: inline-block;cursor:  pointer;transition:  all .4s ease;border: 1px solid #d0d9ea;} 
.upay-upload-item-header-plus:hover {background: #f1f1f1;border: 1px solid #8d909f;}
.upay-upload-item-header-plus-hover { background: #dfe2e3; width: 35px; height: 35px; border-radius: 50%; text-align: center; display: inline-block; } 
.upay-upload-item-main.bg-blue {min-height: 172px;}
.upay-upload-item-header-plus>img { display: inline-block; vertical-align: text-bottom; } 
.upay-upload-item-header span {display: inline-block;vertical-align: sub;padding-right: 5%;font-size: 16px;}
.upay-upload-item-header-plus-hover>img { display: inline-block; vertical-align: text-bottom; } 
.input-field {border: 1px solid #e6eaee;font-size: 15px;font-family: 'Heebo';padding:  12px;width:  100%;margin-bottom: 20px;}
.selectbox-container {margin-top: 50px;}
.upay-upload-item-main {background: white;text-align: center;min-height: 165px;} 
.upay-upload-item-main-dotted-border {border: 4px dashed #ebecf0;} 
.upay-upload-item-main-height {  min-height: inherit;overflow:hidden;max-height: 100px} 
.upay-upload-item-main img { display: block; margin: auto; padding-top: 30px;max-width: 100%; }
.upay-upload-item-main span {font-size: 16px;padding-top: 25px;display: block;}
/*.upay-upload-item {width: 95%;margin-bottom: 10%;}*/
/*.uloadchanngedetailsid .upay-upload-item {width: 50%;margin-bottom: 10%;}*/
.upay-upload-grid>.half-div:nth-child(even)>.upay-upload-item {float:  left;}
div.loading-div{text-align:center;position:fixed;
  top:30%;
  right:0px;
  width:100%;
  height:100%;}
.loading-img{height:20%;}
.upay-upload-item-main-bg-delete {min-height: 194px;background: url(../images/delete-file.jpg) no-repeat;height:  auto;background-size:  cover;}
/*---mobile---*/



/******end uploadfiles*****/



/*--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;}
    
}

@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;}*/
}
/*---mobile---*/
@media (max-width:768px){
    .half-div-center { width:90%;margin:0px auto;}
    .upay-upload-grid { width: 90%;}
    .upay-upload-item {width: 100%;} 
    .upay-upload-grid .half-div { width:  100%;}
    .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%;max-width:250px;}
    
}
@media (max-width:420px){
    
    .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%;}

}