@import 'https://fonts.googleapis.com/css?family=Roboto+Slab:300,700|Open+Sans:300,700';

*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
h1, h2{font-family:"Roboto Slab", serif;}
h1, h2, h3, h4, h5{
	font-weight:300;
	margin-top:0;
	color:#5b5b60;
}
html{-webkit-text-size-adjust: 100%;}
body{
	color:#8e8e93;
	direction:ltr;
	overflow-x:hidden;
	height:100%;padding-top:40px;
	font-family:"Open Sans", sans-serif;
	font-size:13px;
	-webkit-font-smoothing:antialiased !important;
	background:#f7f7f8 !important;
}

#loader{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1052;background:rgba(0, 0, 0, .8) url(/public/images/loader_white.gif) center no-repeat;display:none;}
#loader.show{display:block;}

.logo{height:120px;margin:48px 0;}
.logo img{max-height:100%;display:block;margin:0 auto;}

.container{padding:0 15px;}
.form{max-width:540px;margin:0 auto;padding:60px 0;background-color:#fff;border:1px solid #E5E5E5;border-radius:3px;box-shadow:0 0 4px rgba(0, 0, 0, 0.1);}
.form > div{max-width:360px;margin:0 auto;padding:0 30px;}
.form h1{margin-bottom:40px;font-size:34px;line-height:28px;text-align:center;}
.form .form-group{margin-bottom:15px;position:relative;display:flex;justify-content:space-between;}
.form .form-group .domain{margin-left:10px;font-size:15px;line-height:42px;color:#333;}
.form input[type="text"],
.form input[type="password"]{width:100%;height:auto;padding:9px;background:#fff;border:1px solid #ccc;display:block;outline:none;border-radius:2px;box-shadow:none;font-size:16px;color:#8e8e93;font-family:"Open Sans", sans-serif;}
.form input[type="checkbox"]{width:15px;height:15px;margin:0 8px 0 0;}
.form label{min-height:42px;margin:0;display:flex;flex-shrink:0;align-items:center;font-weight:normal;font-size:15px;color:#333;}
.form .resetPassword{margin-left:30px;display:flex;align-items:center;cursor:pointer;font-size:15px;line-height:18px;color:#1A82C3;text-align:right;}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	font-family:"Open Sans", sans-serif;
	outline:none;
}
.form button[type="submit"],
.form button[type="button"]{width:100%;height:42px;padding:0;color:#fff;background-color:#1A82C3;border-color:#1A82C3;border-radius:2px;font-size:19px;line-height:40px;}

@media screen and (max-width: 392px) {
	body{padding:0;}
	.logo{height:80px;margin:30px 0;}
	.form{padding:30px 0 15px;}
	.form h1{margin-bottom:30px;font-size:28px;line-height:22px;}
}

.poweredby{text-align:center;margin:30px 0;}
.poweredby span{display:inline-block;font-size:12px;line-height:24px;color:#8e8e93;}
.poweredby span svg{display:block;height:12px;position:relative;top:1px;margin-left:5px;fill:#8e8e93;}

.alert{max-width:540px;margin:0 auto 20px;padding:15px;border:1px solid transparent;border-radius:2px;}
.alert.danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442;}
.alert.info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f;}