@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500&display=swap');

/* NORMALIZE */
html{line-height:1.15;-webkit-text-size-adjust:100%;height:100%;}body{margin:0}main{display:block}h1,h2,h3,h4,h5,h6,address,p,label,small,span,ul,ol,li,dl{margin:0px;padding:0px;display:inline-block;list-style:none;line-height:normal;}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.row{width:100%;margin:0px;padding:0px;}
.hidden{display:none!important;visibility:hidden!important;}
/* NORMALIZE */
body{
  display:block;
  font-family:'Montserrat','Source Sans Pro','Helvetica Neue',Helvetica, Arial,sans-serif;;
  color:#4b4f56;
  background:#FFFFFF;
  background:whitesmoke;
  position:relative;
}
/* LOGIN */
.login{
  position:relative;
  width:100%;
  height:100%;
  margin:0px;
  padding:0px;
  background-image:url(../img/bg/bg-login.svg);
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
.login-wrapper{
  position:relative;
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  width:100%;
  height:auto;
  margin:0px;
  padding:25px 15px;
  resize:both;
}
.login-content{
  position:relative;
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  background:#FFFFFF;
  width:100%;
  max-width:450px;
  height:auto;
  margin:0px;
  padding:25px;
  border-radius:7px;
  box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12), 0 1px 5px 0 rgba(0,0,0,.2);
  animation:opac 0.8s;
}
@keyframes opac{from{opacity:0} to{opacity:1}}

.login-content .login-header{
  position:relative;
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  text-align:center;
  width:100%;
  margin:0px;
  padding:0px;
}
.login-content .login-header img{
  width:150px;
  margin-bottom:15px;
}
.login-content .login-header h1{
  display:block;
  font-size:20px;
  font-weight:700;
  color:#4b4f56;
  font-family:'Montserrat','Source Sans Pro','Helvetica Neue',Helvetica, Arial,sans-serif;;
  margin-bottom:2px;
}
.login-content .login-header p{
  font-size:13px;
  font-weight:400;
  display:block;
  color:#4b4f56;
  font-family:'Montserrat','Source Sans Pro','Helvetica Neue',Helvetica, Arial,sans-serif;;
}
.login .login-body{
  position:relative;
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  text-align:center;
  width:100%;
  margin:0px;
  padding:0px;
  overflow:hidden;
}
.login .login-body form{
  position:relative;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  text-align:center;
  width:100%;
  margin:0px 0px 15px 0px;
}
.login .login-body form .form-group{
  width:100%;
  height:auto;
  font-size:16px;
  font-weight:400;
  padding:0px;
  margin:15px 0px 0px 0px;
  border-radius:0px;
}
.login .login-body form .form-group.form-group-sm{
  width:50%;
}
.login .login-body form .form-group input{
  position:relative;
  font-family:'Montserrat','Source Sans Pro','Helvetica Neue',Helvetica, Arial,sans-serif;;
  color:#000000;
  width:100%;
  height:50px;
  font-size:16px!important;
  color:#000000;
  border:none;
  outline:none;
  margin:0px;
  padding:15px 15px 15px 5px;
  box-shadow:none;
  border-bottom:#E5E5E5 solid 1px;
  border-radius:3px 3px 0px 0px;
}
.login .login-body form .form-group input:hover,
.login .login-body form .form-group input:active,
.login .login-body form .form-group input:focus{
  border-bottom:1px solid #0389FF;
}
.login .login-body form .form-group input:active,
.login .login-body form .form-group input:focus{
  background:rgb(232, 240, 254);
}
.login .login-body form .form-group .form-email{
  background-image:url(../img/icon-login.png);
  background-position:right -35px;
  background-repeat:no-repeat;
  background-size:40px 171px;
}
.login .login-body form .form-group .form-password{
  background-image:url(../img/icon-login.png);
  background-position:right -85px;
  background-repeat:no-repeat;
  background-size:40px 171px;
}
.login .login-body form .form-group small{
  font-size:14px;
  font-style:italic;
  margin:5px 0px;
  width:100%;
  text-align:left;
  margin:0px;
  padding:0px 5px;
}
.login .login-body form .form-group small.warning{
    color:#c53929;
}
.login .login-body form .form-group small.notice{
    color:rgb(51, 103, 214);
}
.login .login-body form div:last-child {
  width:100%;
  margin-top:15px;
}
.login .login-body form div a.btn{
  position:relative;
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  text-align:center;
  width:100%;
  height:50px;
  font-size:16px;
  font-family:'Montserrat','Source Sans Pro','Helvetica Neue',Helvetica, Arial,sans-serif;;
  border-radius:3px!important;
  color:#FFFFFF;
  background:#1a73e8;
  text-transform:uppercase;
}
.login .login-body form div a.btn:hover,
.login .login-body form div a.btn:active,
.login .login-body form div a.btn:focus{
  opacity:0.75!important;
  color:#FFFFFF!important;
  background:linear-gradient(to right, #0389ff, #1c79c0)!important;
}
.login .login-footer{
  position:relative;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  text-align:center;
  width:100%;
  margin:0px;
  padding:0px;
}
.login-wrapper > footer{
  position:relative;
  bottom:0px;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  width:100%;
  height:auto;
  margin:15px 0px 0px 0px;
  padding:0px;
}
.login .login-footer > a{
  width:100%!important;
  font-size:12px;
}
.login .login-footer > a:hover{
  text-decoration:underline;
}
.login-wrapper > footer > ul{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:space-between;
  align-items:center;
  width:100%;
  max-width:450px;
  padding:0px;
  margin:0px;
}
.login-wrapper > footer > ul li{
  width:100%;
  text-align:center;
}
.login-wrapper > footer > ul li a{
  font-family:'Montserrat','Source Sans Pro','Helvetica Neue',Helvetica, Arial,sans-serif;;
  color:#90949C;
  font-size:12px;
  font-weight:600;
}
.login-wrapper .md-stepper-horizontal{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:space-between;
  align-items:center;
  width:100%;
  padding:0px;
  margin:0px;
  background:#FFFFFF;
  border-radius:3px;
  box-shadow:0 3px 8px -6px rgba(0,0,0,.50);
  overflow:hidden;
}
.login-wrapper .md-stepper-horizontal .md-step{
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  justify-content:space-between;
  align-items:center;
  width:100%;
  padding:15px;
  margin:0px;
  background:#FFFFFF;
}
.login-wrapper .md-stepper-horizontal .md-step:hover{
  background:#E7E7E7;
}
.login-wrapper .md-stepper-horizontal .md-step > a{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  width:30px;
  height:30px;
  border-radius:50%;
  background:#0389FF;
  color:#FFFFFF;
  position:relative;
}
.login-wrapper .md-stepper-horizontal .md-step > a:hover{
  text-decoration:none;
  cursor:pointer;
}
.login-wrapper .md-stepper-horizontal .md-step.active > a{
  background:#F96302;
}
.login-wrapper .md-stepper-horizontal .md-step > a .md-step-circle{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  width:30px;
  height:30px;
  text-align:center;
  color:#FFFFFF;
  font-size:14px;
  border-radius:50%;
}
.login-wrapper .md-stepper-horizontal .md-step > .md-step-title{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  color:#000000;
  font-size:14px;
  line-height:14px;
  font-weight:600;
  text-align:center;
  margin-top:5px;
}
@media (max-width: 991px){
  .login .login-body form .form-group.form-group-sm{
    width:100%!important;
  }
}
/* LOGIN */

/*LOADING*/
.loading-wrapper{
    position:fixed;
    top:0px;
    left:0px;
    display:block;
    width:100%;
    height:100%;
    margin:0px;
    padding:0px;
    background:rgb(255,255,255,0.97);
    z-index:100000;
    overflow:hidden;
}
.loading-wrapper .loading{
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    width:100%;
    height:100%;
    margin:0px;
    padding:0px;
    overflow:hidden;
}
.loading-wrapper .loading .loading-pic{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    width:100%;
    height:auto;
    margin:0px 0px 15px 0px;
    padding:0px;
    overflow:hidden;
}
.loading-wrapper .loading .loading-pic img{
    width:100%;
    height:auto;
    max-width:450px;
    margin:0px;
    padding:0px;
}
.loading-wrapper .loading .loading-pic figcaption{
    display:none;
    visibility:hidden;
}
.loading-wrapper .loading .loading-text{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    width:100%;
    height:auto;
    overflow:hidden;
}
.loading-wrapper .loading .loading-text h6{
    display:block;
    font-family:'Montserrat','Source Sans Pro','Helvetica Neue',Helvetica, Arial,sans-serif;;
    font-size:24px;
    font-weight:700;
    color:#4b4f56;
    width:100%;
    margin:0px 0px 7px 0px;
    padding:0px;
    text-align:center;
}
.loading-wrapper .loading .loading-text p{
    font-family:'Montserrat','Source Sans Pro','Helvetica Neue',Helvetica, Arial,sans-serif;;
    font-size:16px;
    display:block;
    width:100%;
    color:#4b4f56;
    margin:0px;
    padding:0px;
    text-align:center;
}
.fade-in {
animation: fadeIn ease 1s;
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
-ms-animation: fadeIn ease 1s;
}
@keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-moz-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-o-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

@-ms-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
.hidden{
    display:none;
    visibility:hidden;
}
/*LOADING*/