* { font-family: 'Ubuntu', sans-serif; font-weight: 300; margin: 0; padding: 0; font-size: 12px; }

body, html { height: 100vh; }

.vh100_layout { height: calc(100vh - 120px); }

.vh100_layout_title { height: calc(100vh - 120px); }

.vertical-align {
    display: flex;
 	justify-content: center;
 	align-items: center;
 }
 

@media (max-width: 575px) { .login { width: 300px } }
 
@media (min-width: 576px) { .login { width: 350px } }

@media (min-width: 768px) { .login { width: 350px } }

@media (min-width: 992px) { .login { width: 350px } }

@media (min-width: 1200px) { .login { width: 400px }  }
 
.top { background: #ededed; width: 100vw; height: 80px; padding: 5px; }

/* Spalvos */

.white, .white a { color: #ffffff !important; }
.white_bg { background-color: #ffffff !important; }
.red, .red a { color: #A52033 }
.blue_grey { color: #335152 !important; }

.uppercase { text-transform: uppercase; }
.semibold { font-weight: 400; }
.bold { font-weight: 600; }

.login_label { font-weight: 400; }


/* /Spalvos */


.div_wrapper {
    display: flex;    
    width:100%;
}
.div_wrapper div {
    flex-basis: 100%;
}


.divider { border-bottom: 1px solid #cccccc; margin-top: 5px; margin-bottom: 5px; }
.vtop { vertical-align: top !important; }
.vmiddle { vertical-align: middle !important; }
.vbottom { vertical-align: bottom !important; }
.hleft { text-align: left !important; }
.hcenter { text-align: center !important; }
.hright { text-align: right !important; }

#preloader { position: fixed; left: 0; top: 0; z-index: 99999; width: 100%; height: 100%; overflow: visible; background: rgba(255, 255, 255, 0.9); }

#preloader div {

	border: 6px solid rgba(163, 35, 54, 1);
	border-top: 6px solid rgba(163, 35, 54, 0.5);
	border-radius: 100%;
	height: 50px;
	width: 50px;
	animation: fancybox-rotate .8s infinite linear;
	background: transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
	z-index: 99999;

}

@keyframes fancybox-rotate {
	from { transform: rotate( 0deg ); }
	to   { transform: rotate( 359deg ); }
}

.m20t { margin-top: 20px; }