.imglLoading{
	width:30px;
	height:30px;
}


@font-face {
  font-family: "Droid-Sans-Arabic";
  src: url("/_catalogs/masterpage/ADIB_New_UI/assets/fonts/Droid-Sans-Arabic/droid-sans-arabic.woff") format('woff');
}

#divcaptchacreen{
	margin-bottom:20px;
}
	

	
#s4-workspace
{
	background-color: #f5f5f5 !important;
}

#docMobile{
position: relative;
max-height: 900px;
overflow: scroll;
background-color: #ededf0;
padding:10px;
}
.mobiledoc{
margin-bottom: 10px;
transition: transform .4s; 
box-shadow: 3px 3px #d7d7d7;
}
#docMobile:hover img {
 /* transform: scale(1.3);
  transform-origin: 50% 50%;*/
}
#hdOTP{
	font-size: 16px !important;
	}

#toolbarContainer{
	display:none !important;
}

#toolbarViewer{
	display:none !important;

}


.toolbar{
	display:none !important;
}

.textAr{
font-family: 'Droid-Sans-Arabic' !important;

	
}

#Opdf{
	height: 100vh; width: 100%; border: none;
}

label[for="chkConfirm"],label[for="chkInterest"] {
  display: inline;
  margin: 0 10px 0 10px;
  }
  
  .custom-radio input {
    margin-top: 5px !important;
}
.form-control1{
	margin:0px !important;
}


#RangeMax, #rangeMin{
direction: rtl;
white-space: nowrap;
}



#btnCheckStatus{
display:none !important;

}
#lblogs{


}
.checkBoxAccept{
display: inline !important;}





.ckPosittion{
	margin-top:0px;
}
.bgWhite{
  background:white;
  box-shadow:0px 3px 6px 0px #cacaca;
 
border-radius: 10px;
box-shadow: 0 6px 15px 0 rgba(0,0,0,.05);
transition: all .3s
}

.title{
  font-weight:600;
  margin-top:20px;
  font-size:24px
}

.subtitle{
  font-weight:400;
  margin-top:20px;
  font-size:16px
}
.customBtn{
  border-radius:0px;
  padding:10px;
}

.otpsize{
  display:inline-block;
  width:40px;
  height:40px;
  text-align:center;
  border-radius: 10px;
box-shadow: 0 6px 15px 0 rgba(0,0,0,.05);
transition: all .3s

}


.content {
  background: white;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  display: grid;
  font-family: "Arial";
  height: 80vh;
  margin-top: 1rem;
  padding: 1rem;
  min-height: 80%;
  max-height: 800px;
  
}

.accept:focus {
  box-shadow: 0 0 0 4px rgba(21, 156, 228, 0.7);
  outline: none;
}

.terms-and-conditions {
 /* overflow: scroll;
  direction: ltr;*/
  background-color:white;
}

.accept {
  background-color: #1849AB;
  border: 1px solid transparent;
  border-color: #1849AB;
  border-radius: 0.25rem;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  margin-top: 0.5rem;
  padding: 0.5rem;
  text-align: center;
  vertical-align: middle;
}

button[disabled] {
  opacity: 0.3;
}


*, *::before, *::after {
  box-sizing: border-box;
}

html {
  height: 100vh;
  width: 100%;
}


@keyframes load {
  from {transform: translate(0, 0)}
  to {transform: translate(390px, 0)}
}



@keyframes dots {
  from {color: rgb(5, 28, 235); transform: translate(0, -10%);}
  to {color: white; transform: translate(0, 0);}
}

.dot {
  display: inline-block;
  font-size: 250%;
}

.dot:nth-child(1) {
  animation: dots .5s infinite alternate linear;
}

.dot:nth-child(2) {
  animation: dots 1s infinite alternate linear;
}

.dot:nth-child(3) {
  animation: dots 1.5s infinite alternate linear;
}

h1 sub {
  margin-left: 5%;
  font-size: 15%;
  font-weight: normal;
}