:root {
  --blue: #00468C;
  --donkergrijs: #454545;
  --gold: #CC9900;
  --silver: #EFEFEF;
  --platina: #7F7679;
  --palladium: #B7B8B6;
  --rhodium: #B4B6A6;
  --green: #00ae61;
  --black: #000a12;
  --red-negative: #F92536;
  --black-7: rgba(48, 48, 48, 0.07);
}

@font-face {font-family: "Avenir-Bold"; src: url("/fonts/avenir/avenirnextcyr-bold.woff2");}
@font-face {font-family: "Avenir-BoldItalic"; src: url("/fonts/avenir/avenirnextcyr-bolditalic.woff2");}
@font-face {font-family: "Avenir-Demi"; src: url("/fonts/avenir/avenirnextcyr-demi.woff2");}
@font-face {font-family: "Avenir-DemiItalic"; src: url("/fonts/avenir/avenirnextcyr-demiitalic.woff2");}
@font-face {font-family: "Avenir-Heavy"; src: url("/fonts/avenir/avenirnextcyr-heavy.woff2");}
@font-face {font-family: "Avenir-HeavyItalic"; src: url("/fonts/avenir/avenirnextcyr-heavyitalic.woff2");}
@font-face {font-family: "Avenir-Italic"; src: url("/fonts/avenir/avenirnextcyr-italic.woff2");}
@font-face {font-family: "Avenir-Light"; src: url("/fonts/avenir/avenirnextcyr-light.woff2");}
@font-face {font-family: "Avenir-LightItalic"; src: url("/fonts/avenir/avenirnextcyr-lightitalic.woff2");}
@font-face {font-family: "Avenir-Medium"; src: url("/fonts/avenir/avenirnextcyr-medium.woff2");}
@font-face {font-family: "Avenir-MediumItalic"; src: url("/fonts/avenir/avenirnextcyr-mediumitalic.woff2");}
@font-face {font-family: "Avenir-Regular"; src: url("/fonts/avenir/avenirnextcyr-regular.woff2");}
@font-face {font-family: "Avenir-Thin"; src: url("/fonts/avenir/avenirnextcyr-thin.woff2");}
@font-face {font-family: "Avenir-ThinItalic"; src: url("/fonts/avenir/avenirnextcyr-thinitalic.woff2");}
@font-face {font-family: "Avenir-UltraLight"; src: url("/fonts/avenir/avenirnextcyr-ultralight.woff2");}
@font-face {font-family: "Avenir-UltraLightIt"; src: url("/fonts/avenir/avenirnextcyr-ultralightit.woff2");}
@font-face {font-family: "Castoro"; src: url("/fonts/castoro/Castoro-Italic.woff2"); font-weight: normal; font-style: italic;}
@font-face {font-family: "Castoro"; src: url("/fonts/castoro/Castoro-Regular.woff2"); font-weight: normal; font-style: normal;}

*, ::after, ::before {box-sizing: border-box; font-family: "Avenir-Regular", sans-serif;}

html, body{padding:0; margin:0; width:100%; height:100%;}
.auxlogin-overlay{position:fixed; top:0; left:0; right:0; bottom:0; z-index:5; background:url(../img/background.jpg) no-repeat; background-size: cover;}
.auxlogin-overlay:after{display:block;content:"";position:absolute;top:0;left:0;right:0;bottom:0; z-index:10; background:#fff; opacity:.7;}

.auxlogin-container{display:flex; align-items: center; justify-content: center; min-height:100%;}
.auxlogin-popup {/*top:50%; left: 50%; transform: translate(-50%, -50%);*/ font-size: 16px; color: #454545; font-family: 'Avenir', Arial, sans-serif; z-index: 9999; margin: 0 auto; width: 100%; min-width: 300px; max-width: 430px; padding: 30px 50px; border: 2px solid #EFEFEF; border-radius: 12px; background-color: #fff; box-shadow: 0 15px 20px rgba(0,0,0,.1);}
.auxlogin-popup .h2-header {text-align: left; font-family: "Castoro", serif, sans-serif; font-size: 22px; color: var(--blue); text-transform: uppercase; line-height: 1.5em; margin: 1.25em auto; font-weight:normal;}
.auxlogin-popup p {margin: 0 0 20px; padding: 0;}
@media only screen and (max-width: 440px) {
    .auxlogin-popup {width:95%; padding: 30px 30px;}
}

.auxlogin-popup input{-webkit-box-shadow:none; box-shadow:none;}
.auxlogin-popup img {border: none; height: auto; margin-right: 10px;}
.auxlogin-popup .auxgroup{margin-bottom: 16px; position: relative;}
.auxlogin-popup label {display: block; margin: 12px 74px 2px 0; font-size: 13px; font-weight: lighter; color: #454545; font-family: 'Avenir-Roman', Arial, sans-serif;}
.auxlogin-popup  .flexwrap {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center;}
.auxlogin-popup .btn:not(:disabled){font-size: 16px; cursor: pointer; display: inline-block; font-weight: 400; text-align: center; vertical-align: middle; -ms-user-select: none; user-select: none; border: 2px solid transparent; line-height: 1.5; border-radius: .25rem; text-decoration: none; font-family: "Avenir-Medium", sans-serif; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

.auxlogin-popup .btn-outline-blue {color: #00468C; border-color: #00468C !important; background-color: white; margin-left: 15px;}
.auxlogin-popup  .btn-outline-blue:hover {background-color: #00468C; color: white;}
.auxlogin-popup  .btn-gold {background-color: var(--gold); color: white; border-color: var(--gold) !important; margin-right: 15px; min-width: 110px;}
.auxlogin-popup  .btn-gold:hover {background-color: #c59831; border-color: #c59831 !important;}
.auxlogin-popup  .gold-text,
.auxlogin-popup  .blue-text {font-size: 14px; font-weight: bolder;}
.auxlogin-popup  .gold-text{color: var(--gold); text-decoration: none;}
.auxlogin-popup  .gold-text:hover{/*text-decoration: underline;*/color:#c59831;}
.auxlogin-popup  .blue-text {color: #00468C; justify-content: center;}
.auxlogin-popup .form-popup {font-size: 16px; font-weight: 400; line-height: 1.5; width: 100%; padding: 6px 0; box-sizing: border-box; border: 0; outline: none; border-bottom-color: #b7b8b6; border-bottom-width: 2px; border-bottom-style: solid; transition: border-color .15s ease-in-out;}
.auxlogin-popup .form-popup:focus {border-bottom-color: var(--gold);}
.auxlogin-popup .form-popup::placeholder {font-size: 16px; color: darkgray;}
.auxlogin-popup .password-control {position: absolute; top: 27px; right: 1px; display: inline-block; width: 20px; height: 20px; filter: alpha(Opacity=50); opacity: 0.5; background: url(../img/icons/login/view.svg) 0 0 no-repeat;}
.auxlogin-popup  .password-control.view {background-image: url(../img/icons/login/no-view.svg);}
.auxlogin-popup .auxlogin-buttons{margin-bottom:20px;}
.auxlogin-popup b{font-family: "Avenir-Regular", sans-serif;}
/*.auxlogin-popup{width:430px;}*/

.alert.alert-danger,
.alert.alert-warning{color:#900; margin:-1em 0 1.5em; padding:0; border:0; background:transparent;}
.alert a{color:inherit;}

#phonesms {font-family: "Avenir-Demi", sans-serif; color: #7F7679; box-shadow: inset 0 1px 5px 0 #EFEFEF; resize: none; display: block; width: 170px; height: 42px; font-size: 16px; font-weight: 400; line-height: 1.5; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; overflow: visible;}
.hidden{display:none;}
.iti.iti--allow-dropdown{vertical-align:middle;}
#error-msg{margin-bottom:1em; color:#900; }