a,body,div,form,html,img,input,label,p,span{
margin:0;
padding:0;
border:0;
font-family:sans-serif,Arial
}

body,html{
min-height:100%;
overflow-x:hidden
}

body{
background:#ffd54f;

background:-webkit-linear-gradient(
135deg,
#fffde7 0%,
#fff9c4 20%,
#fff176 40%,
#ffd54f 65%,
#ffca28 85%,
#ffb300 100%
);

background:linear-gradient(
135deg,
#fffde7 0%,
#fff9c4 20%,
#fff176 40%,
#ffd54f 65%,
#ffca28 85%,
#ffb300 100%
);
}

a{
color:#000
}

input,label{
vertical-align:middle;
white-space:normal;
background:0 0;
line-height:1
}

label{
position:relative;
display:block
}

p::first-letter{
text-transform:uppercase
}

.main{
min-height:calc(100vh - 90px);
width:100%;
display:flex;
flex-direction:column
}

.ie-fixMinHeight{
display:flex
}

.ico{
height:16px;
position:absolute;
top:0;
left:0;
margin-top:13px;
margin-left:14px
}

.logo{
max-width:200px;
display:block;
margin:0 auto 30px auto
}

.logo *{
fill:#fff
}

.lite .logo *{
fill:#444
}

h1{
text-align:center;
color:#000;
font-size:24px!important
}

*{
box-sizing:border-box;
font-size:16px
}

.wrap{
margin:auto;
padding:40px;
transition:width .3s ease-in-out
}

@media only screen and (min-width:1px) and (max-width:575px){
.wrap{
width:100%
}
}

form{
width:100%;
margin-bottom:20px
}

@keyframes fadeIn{
from{opacity:0}
to{opacity:1}
}

.fadeIn{
animation-name:fadeIn
}

.animated{
animation-duration:1s;
animation-fill-mode:both
}

.info{
color:#000;
text-align:center;
margin-bottom:30px
}

input{
outline:0;
appearance:none
}

input:focus{
outline:0
}

input[type=password],
input[type=text]{
width:100%;
height:44px;
padding:3px 20px 3px 40px;
margin-bottom:20px;
border-radius:6px;
background-color:rgba(255,255,255,.9);
transition:box-shadow .3s ease-in-out
}

input[type=password]:focus,
input[type=text]:focus{
box-shadow:0 0 5px rgba(255,255,255,1)
}

.bt{
opacity:1;
color:#000;
}

input[type=submit]{
background:#3e4d59;
color:#fff !important;
border:0;
cursor:pointer;
text-align:center;
width:100%;
height:44px;
border-radius:6px;
transition:background .3s ease-in-out
}

input[type=submit]:focus,
input[type=submit]:hover{
background:#33404a
}

table{
border-collapse:collapse;
width:100%;
margin-bottom:20px
}

table td{
color:#000;
border-bottom:1px solid #999;
padding:10px 4px 10px 0
}

table td:first-child{
font-weight:700
}

.lite{
background:#fff
}

.lite input[type=password],
.lite input[type=text]{
border:1px solid #c3c3c3
}

.lite .info,
.lite h1,
.lite table td{
color:#444
}

.lite input[type=password]:focus,
.lite input[type=text]:focus{
box-shadow:0 0 5px rgba(62,77,89,.2)
}

.dark{
background:#343434
}

.dark input[type=submit]{
background:#dc3a41
}

.dark input[type=submit]:focus,
.dark input[type=submit]:hover{
background:#b92f35
}

.dark input[type=password],
.dark input[type=text]{
background-color:#fff
}

.dark a{
color:#dc3a41
}

.dark table td{
border-bottom:1px solid #505050
}

.info.alert{
color:#cc0000 !important;
font-weight:bold;
}

@media (min-width:576px){
.wrap{
width:410px
}

*{
font-size:14px!important
}
}