body {background:#ddd;}
.mainContainer {max-width:800px;background:#fff;overflow:hidden;}
.mainContainer .inscriptionTitle { font-weight:bold; text-align:center; font-size:1.3em; border-top:1px solid #ccc; padding:10px;margin:0 -15px; }
.mainContainer .logo {text-align:center;}
.mainContainer .logo img { margin:1em auto; max-height:100px;}
.mainContainer { box-shadow: 1px 1px 10px rgba(0,0,0,0.3); margin:10px auto;padding-bottom:20px;}
.mainContainer h3 { border-top:1px solid #ccc; margin: 0 -15px; padding: 15px; margin-bottom:10px; }
.col-form-label {padding-top: .5rem; padding-bottom: .5rem; margin-bottom: 0;}
.dropdown .btn {width: 100%; text-align: left;}
.dropdown .btn .caret {position:absolute; top:15px;right:10px;}
ul.dropdown-menu {width:100%;}
#imgResult img {max-width:250px;margin:15px 0;border-radius:5px;}
.outOfScreen {position:absolute; left:10000px;}
.disabled { pointer-events:none; 
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  position:relative;
}
.disabled > *:after{ content: ' '; position:absolute;top:0px;bottom:0px;right:0px;left:0px; z-index:99999999999;}
#availabilityResylt {position: relative; padding-left:30px;line-height:30px;}
#availabilityResylt.icon-error:after { content:' '; position:absolute;top:0px;bottom:0px;left:0px; width:25px; background:url(images/icon-cross.png) no-repeat; background-size:100%;}
#availabilityResylt.icon-success:after { content:' '; position:absolute;top:0px;bottom:0px;left:0px; width:25px; background:url(images/icon-tick.png) no-repeat; background-size:100%;}
#availabilityResylt.icon-loading:after { content:' '; 
    animation: spin 1.3s infinite linear;
    -webkit-animation: spin2 1.3s infinite linear;
    position:absolute;top:0px;bottom:0px;left:0px; width:26px;height:26px; background:url(images/icon-loading.png) no-repeat; background-size:100%;}
.form-hidden,
.div-hidden {display:none;}

input.form-control.width-restricted[type="number"] {width:200px;}

.translatable { overflow-wrap: break-word; }


@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

.loader,
.loader:before,.loader:after { border-radius: 50%; width: 1.5em; height: 1.5em; -webkit-animation-fill-mode: both; 
                               animation-fill-mode: both; -webkit-animation: load7 1.8s infinite ease-in-out; 
                               animation: load7 1.8s infinite ease-in-out; }
.loader { color: #FFB005; font-size: 10px; margin: 80px auto; position: relative; text-indent: -9999em; -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }

.loader:before, .loader:after { content: ''; position: absolute; top: 0; }
.loader:before { left: -3.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }

.loader:after { left: 3.5em; }

@-webkit-keyframes load7 {
  0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; }
  40% { box-shadow: 0 2.5em 0 0; }
}

@keyframes load7 {
  0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; }
  40% { box-shadow: 0 2.5em 0 0; }
}