/* GENERIC */
html, h1, .uk-h1, h2, .uk-h2, h3, .uk-h3, h4, .uk-h4, h5, .uk-h5, h6, .uk-h6, .uk-heading-small, .uk-heading-medium, .uk-heading-large, .uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle, .uk-logo { font-family: 'Fira Sans', sans-serif;}
html { height: 100%; }

.ToggleOff  { display: none; }
.PosRel { position: relative; }
.PosAbs { position: absolute; }
.PosFixed { position: fixed; }
.NoWrap { white-space: nowrap; }
.Truncate { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.Ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; }

.Error { padding: 10px 10px 10px 33px; margin: 0 0 15px 0; color: #FFF; font-size: 13px; font-weight: 300; background:url(https://vboblobprod.blob.core.windows.net/awsvboticketscom/_images/icons/error.png) 10px 11px no-repeat #DD0000; border-radius: 5px; }
.Success { padding: 10px 10px 10px 33px; margin: 0 0 15px 0; color: #FFF; font-size: 13px; font-weight: 300; background:url(https://vboblobprod.blob.core.windows.net/awsvboticketscom/_images/icons/success.png) 10px 11px no-repeat #7FC241; border-radius: 5px; }
.Info { padding: 10px 10px 10px 33px; margin: 0 0 15px 0; color: #ffffff; font-size: 13px; font-weight: 300; background:url(https://vboblobprod.blob.core.windows.net/awsvboticketscom/_images/icons/info_white.png) 10px 11px no-repeat #4da2f7; border-radius: 5px; }
.BoxError { border: 1px solid #DD0000 !important; }

/* UIKIT */
.uk-input, .uk-select, uk-textarea { border-radius: 5px; }
.uk-input, .uk-select:not([multiple]):not([size]) { 
  height: 50px;
}
[class*="uk-align"] { margin-bottom: 15px; }

/* SIGNIN */
.SignInBody { 
  background-color: white;
  background-image: url(https://vboblobprod.blob.core.windows.net/awsvboticketscom/_images/bgd/signin1.jpg);
  height: 100%;
  min-height: 100%;
  max-height: 100% !important;
  background-position: 100% 100%;
  background-size: cover; 
}
.SigninLogo { position: absolute; top: 25px; left: 25px; width: 170px; }
.SigninLogo > img { border-radius: 10px; }
.SigninHeader { overflow: hidden; padding: 140px 10px 20px 10px; white-space: nowrap; text-overflow: ellipsis; font-family: 'Roboto', Arial, Verdana, sans-serif; font-weight: 800; font-size: 35px; text-align: center; color: #fff; text-shadow: 0 0px 5px rgba(0,0,0,0.75); }
.SigninContentBox { border-radius: 25px; box-shadow: 0 0px 15px rgba(0,0,0,0.75); }
.SigninWrapper { }
.SigninFormContentBox { margin-bottom: 0px; }
.HaveInfoWrapper { padding: 20px 0 0 0; width: 50%; }

/* BACKGROUND */
section.uk-section.uk-section-small.shadow-up {
  
}
body > section.uk-section.uk-section-small.shadow-up > div { 
  padding: 50px 50px 50px 50px; 
  background-color: white; 
  max-width: 620px; 
  box-sizing: border-box;
}
div#Signin { background-color: transparent; }
.uk-button { border-radius: 5px; }

 /* 2FA POPUP */

.uk-modal-dialog { overflow: hidden; border-radius: 25px; box-shadow: 0 0px 15px rgba(0,0,0,0.75); }
h2.uk-modal-title { color: #000; }
.uk-close { color:#000; }
.uk-text-muted { color: #707070 !important; }



/* MEDIA QUERIES */
@media only screen and (min-width: 1600px) {}

@media (min-width: 1200px) {}

@media (max-width: 960px) {}

@media (min-width: 960px) {}

@media (max-width: 640px) {
  .SigninLogo { position: absolute; top: 10px; left: 10px; }
  .SigninLogo > img { width: 120px; max-width: 120px; }
  .SigninHeader { padding: 120px 10px 0px 10px; }
  .SigninContentBox { margin: 0 15px 0 15px; }

  body > section.uk-section.uk-section-small.shadow-up > div { padding: 2px 15px 15px 15px; border-radius: 15px; }
  .uk-button-large { padding: 13px 13px 13px 13px; line-height: 1; }
  .Error { margin: 13px 0 15px 0; }
  .RecoverWrapper { margin: 10px 0 -13px 0; }
  #RecoveryLink { margin: -15px 0 0 0; }
  .HaveInfoWrapper { padding: 0 0 0 0; line-height: 1.25; }
}