@import url(../plugins/font-awesome/font-awesome-new.min.css);
@import url(../plugins/bootstrap/bootstrap.min.css);
@import url(fonts.css);

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

html,
body,
.user-sistem-panel-home,
.user-sistem-panel-home .main-wrap{
	height:100%;
	width:100%;
    background-color: #f6f7f8;
    margin: 0;
    padding: 0;
    font-family:'Roboto', sans-serif;
}
strong{
	font-weight:400;
}
@media(min-width:992px){
	.login-page .form-wraps{
		max-width: 550px;
		margin-left: auto;
		margin-right: auto;
		border: 1px solid #ededed;
		-webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 6%);
		-moz-box-shadow: 0 0 10px 0 rgb(0 0 0 / 6%);
		box-shadow: 0 0 10px 0 rgb(0 0 0 / 6%);
		background-color: #fff;
	}
}
@media(max-width:992px){
	.login-page .form-wraps{
		min-height:100%;
	}
}
.login-page{
	height:100%;
	width:100%;
	overflow-y:auto;
}
.login-page .form-wraps{
    width: 100%;
}
.login-page .form-wraps .image{
    text-align: center;
}
.login-page .form-wraps .image h1{
    font-weight: 500;
    line-height: 1.2;
}
.login-page .form-wraps .image h3{
    font-weight: 400;
    line-height: 1.2;
}
.login-page .form-wraps .image picture{
	display:block;
}
.login-page .form-wraps .image picture img{
    display: inline-block;
}
.login-page .form-wraps label:not(.editor){
    display: block;
}
.login-page .form-wraps label:not(.editor) span{
    display: block;
    margin: 0 0 5px 0;
}
.login-page .form-wraps label:not(.editor) input{
    width: 100%;
    display: block;
    padding: 15px 17px;
    border: 1px solid #ededed;
    box-shadow: none !important;
    outline: none !important;
    line-height: 1;
}
.login-page .form-wraps button,
.login-page .form-wraps .button{
	white-space: nowrap;
    width: 100%;
    display: block;
    padding: 15px 17px;
    border: 0;
    box-shadow: none !important;
    outline: none !important;
    line-height: 1;
    color: #fff;
	text-decoration:none;
    cursor: pointer;
}
.login-page .form-wraps label:not(.editor) input::-webkit-input-placeholder{
    color: rgb(0 0 0 / 40%);
    line-height: 1;
	font-weight:300;
    font-family: "Gotham", sans-serif;
}
.login-page .form-wraps label:not(.editor) input::-moz-placeholder {
    color: rgb(0 0 0 / 40%);
    line-height: 1;
	font-weight:300;
    font-family: "Gotham", sans-serif;
}
.login-page .form-wraps label:not(.editor) input:-ms-input-placeholder {
    color: rgb(0 0 0 / 40%);
    line-height: 1;
	font-weight:300;
    font-family: "Gotham", sans-serif;
}
.login-page .form-wraps label:not(.editor) input:-moz-placeholder{
    color: rgb(0 0 0 / 40%);
    line-height: 1;
	font-weight:300;
    font-family: "Gotham", sans-serif;
}
.login-page .form-wraps label:not(.editor) textarea::-webkit-input-placeholder{
    color: rgb(0 0 0 / 40%);
    line-height: 1;
	font-weight:300;
    font-family: "Gotham", sans-serif;
}
.login-page .form-wraps label:not(.editor) textarea::-moz-placeholder {
    color: rgb(0 0 0 / 40%);
    line-height: 1;
	font-weight:300;
    font-family: "Gotham", sans-serif;
}
.login-page .form-wraps label:not(.editor) textarea:-ms-input-placeholder {
    color: rgb(0 0 0 / 40%);
    line-height: 1;
	font-weight:300;
    font-family: "Gotham", sans-serif;
}
.login-page .form-wraps label:not(.editor) textarea:-moz-placeholder{
    color: rgb(0 0 0 / 40%);
    line-height: 1;
	font-weight:300;
    font-family: "Gotham", sans-serif;
}
button,
.button{
    font-weight: 300;
    outline: none !important;
    box-shadow: none !important;
    border: 0;
    background-color: var(--theme-color-1);
    color: #fff;
    line-height: 1;
	cursor:pointer;
    display: block;
    text-decoration: none;
}
button:disabled{
	background-color:#000 !important;
	opacity:0.6;
	cursor:no-drop
}