@font-face {
	font-family: "Canela Web";
	src: url("//db.onlinewebfonts.com/t/4a24899e94d8236f671c1090cd9e068c.eot");
	src: url("//db.onlinewebfonts.com/t/4a24899e94d8236f671c1090cd9e068c.eot?#iefix") 
	format("embedded-opentype"), url("//db.onlinewebfonts.com/t/4a24899e94d8236f671c1090cd9e068c.woff2") 
	format("woff2"), url("//db.onlinewebfonts.com/t/4a24899e94d8236f671c1090cd9e068c.woff") 
	format("woff"), url("//db.onlinewebfonts.com/t/4a24899e94d8236f671c1090cd9e068c.ttf") 
	format("truetype"), url("//db.onlinewebfonts.com/t/4a24899e94d8236f671c1090cd9e068c.svg#Canela") 
	format("svg");
}

.half,
.half .container>.row {
	height: 100vh;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.half .contents,
.half .bg {
	width: 50%;
}

.half .contents .form-group,
.half .bg .form-group {
	overflow: hidden;
	margin-bottom: 0;
	border: 1px solid #efefef;
	padding: 15px 15px;
	border-bottom: none;
	position: relative;
}

.half .contents .form-group label,
.half .bg .form-group label {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
}

.half .contents .form-group input:focus+label,
.half .bg .form-group input:focus+label {
	margin-top: -20px;
}

.half .contents .form-group.first,
.half .bg .form-group.first {
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}

.half .contents .form-group.last,
.half .bg .form-group.last {
	border-bottom: 1px solid #efefef;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}

.half .contents .form-group label,
.half .bg .form-group label {
	font-size: 12px;
	display: block;
	margin-bottom: 0;
	color: #b3b3b3;
}

.half .contents .form-group.field--not-empty label,
.half .bg .form-group.field--not-empty label {
	margin-top: -20px;
}

.half .contents .form-control,
.half .bg .form-control {
	border: none;
	padding: 0;
	font-size: 20px;
	border-radius: 0;
}

.half .contents .form-control:active,
.half .contents .form-control:focus,
.half .bg .form-control:active,
.half .bg .form-control:focus {
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.half .bg {
	background-size: cover;
	background-position: center;
}

.half a {
	color: #888;
}

.half .btn {
	height: 54px;
	padding-left: 30px;
	padding-right: 30px;
}

.half .forgot-pass {
	position: relative;
	top: 2px;
	font-size: 14px;
}

h1,
a,
span,
li {
	color: #f0f0f2 !important;
	font-family: "Canela Web" !important;
}

body,
html {
	background: #3d4e44;
}

.home_title_block {
	font-size: 46px;
}

.home_welcome_block {
	margin-bottom: 40px;
}

.home_actions_block {
	margin-bottom: 20px;
}

.home_maintenance_block {
	margin-bottom: 20px;
}

.material-icons {
    font-family: 'Material Icons' !important;
}

a {
	text-decoration: none !important;
	background-image: linear-gradient(currentColor, currentColor) !important;
	background-position: 0% 100% !important;
	background-repeat: no-repeat !important;
	background-size: 0% 2px !important;
	transition: background-size .3s !important;
}

a:hover,
a:focus {
	background-size: 100% 2px !important;
	color: #e7e5db !important;
}

li {
	font-size: 20px;
	color: #fff;
}

header {
	display: none;
}

.main-menu:hover,
nav.main-menu.expanded {
	display: none;
}

.isNavVisible nav {
	display: none;
}

.isNavVisible section {
	left: 0px !important;
	top: 0px;
}

.material-icons {
	font-size: 16px !important;
}

.info {
	color: #27c6ff;
}

.actions_text {
	color: #adadad;
}

.welcome_text {
	color: #e7e5db !important;
	font-size: 16px;
	font-style: italic;
}

.img_logo {
	width: 23%;
}

@media (max-width: 1199.98px) {
	.half .contents,
	.half .bg {
		width: 100%;
	}
}
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }

@media (max-width: 991.98px) {
	.home_welcome_block {
		margin-bottom: unset;
	}
	.half a {
		font-size: 15px;
	}
	.half .bg {
		height: 200px;
	}
	.img_logo {
		width: 34%;
	}
	.half .container>.row {
	    height: 56vh;
	 }
	 .home_title_block {
		font-size: 24px;
	}
}