html, body, .row{
	height: 100%;
}
.container-fluid {
	height: calc(100% - 110px);
}


::-webkit-input-placeholder {
	font-size: 13px; text-align: left;color: #999; padding: 5px 15px; font-family: "Open Sans";    text-overflow: ellipsis;
}
::-moz-placeholder          {
	font-size: 13px; text-align: left;color: #999; padding: 5px 15px; font-family: "Open Sans";    text-overflow: ellipsis;
}/* Firefox 19+ */
:-moz-placeholder           {
	font-size: 13px; text-align: left;color: #999; padding: 5px 15px; font-family: "Open Sans";    text-overflow: ellipsis;
}/* Firefox 18- */
:-ms-input-placeholder      {
	font-size: 13px; text-align: left;color: #999; padding: 5px 15px; font-family: "Open Sans";    text-overflow: ellipsis;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{
    -webkit-box-shadow: 0 0 0px 1000px white inset;
	font-size: 14px; text-align: left;color: #999; padding: 5px 15px; font-family: "Open Sans";	    text-overflow: ellipsis;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 0;
  -webkit-text-fill-color: #ρρρ;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,174,255,0.04) 50%,rgba(255,255,255,0) 51%,rgba(0,174,255,0.03) 100%);  
}

.register-form,.login-form {
    text-align: center;
}

.info-block {
	background-color: #80c6f9;
}

.footer {
	margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    background-color: rgb(158, 178, 192);
}

.row.login {
	background-image: url(../img/bg/login_window.jpg);
    background-repeat: no-repeat;
    background-size: initial;
}

.wrapper {
	width: 100% !important;
    /* height: 100%; */
    max-width: initial;
    background-size: contain;
    /* margin: 50px; */    
	height: calc(100% - 50px);
    position: relative;
}

.login-form, .register-form  {
	text-align: center;
    background-image: url(../img/control-logo.svg);
    background-repeat: no-repeat;
    background-size: 100px;
    background-color: #9eb2c0;
    background-position: 40px 40px;
    padding: 20px;
}
.register-form,.login-form {
	padding: 0px;
    background-color: #fff;
	-webkit-box-shadow: 10px 10px 9px -8px rgba(107,107,107,0.57);
    -moz-box-shadow: 10px 10px 9px -8px rgba(107,107,107,0.57);
    box-shadow: 10px 10px 9px -8px rgba(107, 107, 107, 0.57);
}
.login-form-header {
	width: 100%;
    margin: 0px;    
    background-color: #9eb2c0;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.12), 0 1px 1px rgba(0, 0, 0, 0.18);
    box-shadow: 0 1px 2px rgba(0,0,0,0.12), 0 1px 2px rgba(0, 0, 0, 0.18);
	background-image: url(../img/control-logo.svg);/*user-login.png*/
    background-repeat: no-repeat;    
	background-position: 20px 50%;
	font-weight: normal;
    font-family: 'Bebas Neue Bold';
    font-size: 40px;
    color: #fff;
    height: 70px;
    padding: 11px;
    background-size: 45px;
}
.login-form-panel {
	padding: 20px 10px 10px 10px;
	border: 1px solid #ddd;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.12), 0 1px 1px rgba(0, 0, 0, 0.18);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.12), 0 1px 1px rgba(0, 0, 0, 0.18);
    box-shadow: 0 1px 2px rgba(0,0,0,0.12), 0 1px 1px rgba(0, 0, 0, 0.18);    
	border-top: 0px none;
}

a.login-ref {
	color: #3dbfc8;
    text-decoration: underline;
    font-size: 12px;
    font-family: "Open Sans";
    float: left;
    margin-left: 20px;
    text-align: left;
    line-height: 1.3;
}

.login-form-panel input,.login-form-panel input:hover,.login-form-panel input:focus,
.register-form-panel input,.register-form-panel input:hover,.register-form-panel input:focus {
	border-bottom: 1px solid rgba(153, 153, 153, 0.61);
	width: calc(100% - 70px);
    margin: auto;
    float: none;
    display: inline-block;	
	background: transparent;
    height: 30px;
    text-align: center;
    z-index: 1;
    border-bottom: 1px solid rgba(153, 153, 153, 0.38);    outline: none;
	-webkit-box-shadow: inset 0 0 0 50px #fff;
    -webkit-text-fill-color: #737373;    font-size: 13px;
    font-family: "Open Sans";
	left: 10px;
    position: relative;
	padding-right: 30px;
}

.login-form-panel p {
	font-size: 16px;
    width: 90%;
    margin: auto;
    /* text-align: left; */
    z-index: 10;
    margin-bottom: 25px;
	display: block;
}
table.submit {
    width: 80%;
    margin: auto;
    margin-bottom: 15px;
}
table.submit>tbody>tr>td:first-child {
	width: 130px;
}

.submit {
	display: table;
    width: auto;
    height: auto;
    position: relative;
    float: none;
    margin: auto;
    margin-bottom: 15px;
    /* margin: auto; */
}

.submit .div:first-child {
	width: 130px;
}
.submit div {
	display: table-cell;
	vertical-align: middle;
	margin-right: 10px;
}

.login-block {
	width: 90%;
    margin: 50px auto;
    max-width: 500px;
}

.login-form-panel p.user {
	background-image: url(../img/user-login-2.svg);/**/
	background-size: 29px;
	background-repeat: no-repeat;
	background-position: 0px 50%;
}
.login-form-panel p.password {
	background-image: url(../img/user-passw.svg);/**/
	background-repeat: no-repeat;
	background-size: 29px;
	background-position: 0px 50%;
}

.btn.login-submit,.btn.register-submit {
	background-color: #1387da;
    border: 0px none;
    width: 80%;
    max-width: 170px;
    height: 35px;
    color: #fff;
    border-radius: 1px;
    font-family: OpenSansSemibold;    margin-right: 10px;
}

.btn.login-submit {
	background-color: #1fb5bf;
    border: 0px none;
    float: left;
    width: 120px;
}
.btn.login-submit.reg {
	background-color: #999999;
}
.clear {
	background-image: url(../img/clear.svg);
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 0px none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 15px;
    padding: 0px;
    position: relative;
    left: -20px;
	outline:none;
	z-index: 100;
	top:5px;
}

.btn.login-submit:hover{
	background-color: rgb(104, 205, 212);
}
.btn.login-submit.reg:hover  {
	background-color: rgb(180, 180, 180);
}

.login-form p.restore-access {
	text-align: left;
    font-size: 13px;
    margin: 20px auto;
    font-weight: bold;
    /* height: 35px; */
}
.login-form  label, .register-form label {
	text-align: left;
    font-family: "OpenSansSemibold";
}
.modal-content {
	border: 0px none;
    border-radius: 0px;
    background-color: rgb(204, 231, 251);
}
.modal-header {
	border: 0px none;
}
.modal-title {
	font-family: 'Bebas Neue Regular';
    font-size: 30px;
}
.modal-body {
	padding: 5px;
}
.btn-block {
	border-radius: 1px;
    padding-bottom: 15px;
    text-align: right;
    top: -49px;
    position: relative;
    left: calc(80% - 70px);
    width: 120px;
}
.btn-modal-submit {
	border-radius: 1px;
    font-family: OpenSansSemibold;
    background-color: #428bca;
    border: 0px none;
    height: 35px;
    color: #fff;
    padding: 6px 20px;
    min-width: 140px;
}
.btn-modal-cancel {
	display: none;
}

.modal-body .form-control {
	border: 0px none;
    border-radius: 0px;
}
.modal-body label {
	font-family: "OpenSansSemibold";
    width: 90%;
    margin: auto;
    display: block;
}

.modal-footer {
	border: 0px none;
	padding: 0px;
}

.modal-dialog {
		width: 600px;
		margin: 30px auto;
}

.modal-dialog .contain{
	padding-top: 10px;
    padding-bottom: 10px;
    width: 90%;
    margin: auto;
    max-width: 420px;
    padding-right: 130px;
}

@media (max-width: 650px) {  /*xs_windth*/
	.modal-dialog {
		width: calc(100% - 30px);
		margin: 30px auto;
	}
	.modal-dialog .contain{
		width: 85%;
		margin-left: 25px;
	}
}

@media (max-width: 500px) {  /*xs_windth*/
	.submit div {
		display: inline-block;
		margin-bottom: 10px;
	}
	.login-form-panel input,.login-form-panel input:hover,.login-form-panel input:focus,
	.register-form-panel input,.register-form-panel input:hover,.register-form-panel input:focus {
		left: 20px;    
		width: calc(100% - 50px);
	}
	.clear {
		left: -10px;
	}
	.container-fluid {
		height: calc(100% - 110px);
	}
	
}

@media (max-width: 430px) {
	.btn-block {
		top: 0px;
		left: initial;
		width: 120px;
		margin: auto;
	}
	.modal-dialog .contain {
		padding-right: 20px;
	}
} 

@media (max-width: 363px) {
	.container-fluid {
		height: calc(100% - 95px);
	}
} 
@media (max-width: 350px) {  /*xs_windth*/
	.submit div {
		display: inline-block;
		margin-bottom: 10px;
	}
	.login-form-header {
		padding: 13px;
		padding-left: 70px;
		text-align: left;
		font-size: 35px;		
	}	
}
@media (max-height: 678px) {
	.login-block {
		margin: 20px auto;
	}
	.submit {
		margin-bottom: 0;
	}
	.login-form-header {
		padding: 8px;
		padding-left: 70px;
		text-align: left;
		font-size: 30px;
		height: 53px;
		background-size: 35px;
	}
}
@media (max-height: 430px) { 
	.footer {
	    display: none;
	}
	.container-fluid {
		height: auto;
	}
}
@media (max-height: 500px) { 
	body.register .footer {
	    display: none;
	}
	body.register .container-fluid {
		height: auto;
	}
	.info-block {
		position: absolute;
		top: 0%;
		z-index: 100;
		width: 85%;
		max-width: 300px;
	}	
}