/* Insert font POPPINS from google fonts */
@import "../../../fonts/poppinsfont.css";
@import "./dotsystems.vars.css";
@import "./dotsystems.navbar.css";
@import "./dotsystems.sidemenu.css";
@import "./dotsystems.alerts.css";
@import "./dotsystems.loginform.css";
@import "./dotsystems.blinkicons.css";
@import "./dotsystems.portlets.css";
@import "./dotsystems.buttons.css";
@import "./dotsystems.inputs.css";
@import "./dotsystems.loaders.css";
@import "./dotsystems.web.css";


html, body {
   font-family: 'Poppins', sans-serif;
   background: #fafafa;
   font-size: 13px;
	font-weight: 300;
	scroll-behavior:smooth;
}

BODY.overflowactive {
	overflow: hidden;
}

p {
    font-family: 'Poppins', sans-serif;
    font-size: 1.0em;
    font-weight: 300;
    line-height: 1.7em;
    color: #999;
}

a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
}

.overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
    opacity: 0;
}

.overlay.active {
    display: block;
    opacity: 1;
}

/* SIDE MENU BUTTON ON DESKTOP, margin from left */
.dot-sidemenu-open.dot-m-hide {
	margin-left: 10%;
}

/* SIDE MENU BUTTON ON MOBILE, hidden for desktop */
.dot-menu-right {
	position: relative;
	top: -10px;
}


.navbar_dark {
	position: fixed;
	z-index: 998;
	width:100%;
	min-height: 60px;
	margin: 0px;
   border: none;
   border-radius: 0;
   background: #242424;
   padding: 20px;
   color: #eaeaea;
}

.navbar_pill {
	position: relative;
	z-index:10;
	height: 30px;
	width: 30px;
	display: inline-block;
	font-size: 2em;
	top: -5px;
	text-align:center;
}

.dot-vycentruj-ma {
	margin: 0;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
}


.vertical-center {
    display: flex;
    align-items: center !important;
}

.navbar_pill>.la {
	font-size: 1.1em;
}

.navbar_pill>[class^="flaticon-"]:before {
	font-size: 0.8em;
}


.navbar_pill SMALL {
	position: absolute;
	display: inline-table;
	z-index:10;
	min-width: 17px;
	left: 12px;
	top: 20px;
	padding-left: 3px;
	padding-right: 3px;
	background-color: orange;
	border-radius:8px;
	font-weight: lighter;
	text-align: center;
	color: white;
	font-size: 0.43em;
}

.dot-inline-block {
	display: inline-block;
}

.t-center {
	text-align: center;
}

.t-left {
	text-align: left;
}

.t-right {
	text-align: right;
}

.dot-hide {
	display:none !important;
}

.logo_big, .logo_small {
	height: 35px;
	margin-top: -5px;
}

.navbar_dark>.row>.col-12>.row {
	max-height: 25px;
}

.navbar-line {
	margin-top: 100px;
	display:block;
}

.content-box {
	margin-left: 20px;
	margin-right: 20px;
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

.dot-margin-line-15px {
	margin-left: 15px;
	margin-right: 15px;
}

.dot-margin-line-10px {
	margin-left: 10px;
	margin-right: 10px;
}

.dot-margin-line-5px {
	margin-left: 5px;
	margin-right: 5px;
}

.dot-vert-line {
	width: 1px;
	height: 25px;
	border-left: 1px solid white;
	display: inline-block;
	position: relative;
	top: -2px;
}

.dot-margin-top-15px {
	margin-top: 15px;
}

.dot-margin-right-15px {
	margin-right: 15px;
}

.dot-margin-right-10px {
	margin-right: 10px;
}

.dot-margin-right-5px {
	margin-right: 5px;
}

.dot-margin-left-15px {
	margin-left: 15px;
}

.dot-margin-left-10px {
	margin-left: 10px;
}

.dot-margin-left-5px {
	margin-left: 5px;
}

.dot-order1 {
	order: 1;
}

.dot-order2 {
	order: 2;
}

.dot-order3 {
	order: 3;
}

.dot-order4 {
	order: 4;
}



/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

.wrapper {
	display:block;
	width:100%;
	/*padding-top: 40px;*/
}

.content {
    width: 100%;
    display: table;
    padding: 0px;
    min-height: 20vh;
    position: absolute;
    top: 0;
    right: 0;
    height: 10px;
}

.wrapper_blankpage {
	overflow: hidden;
}

.wrapper_blankpage .content {
	position: relative !important;
}

.content.dot-content-dark {
	background-color: #1f2732;
	background-image: url("../img/min/fleky_nad_pozadi2_2.webp");
}


/* AK SME NA POCITACI VECI KTORE NA PC MAJU BYT INAKSIE nad 1324 px - poriadny monitor */
@media only screen and (min-width: 1025px) {

	.dot-navbar-above .container, .dot-navbar .container {
		/*width:1340px;
		max-width: 1340px !important;*/
		width:97%;
		max-width: 100% !important;*/
	}
	
	.dot-navbar-center, .dot-navbar-right {
		/*width:1340px;
		max-width: 1340px !important;*/
		width:97%;
		max-width: 100% !important;*/
	}

	.content-box {
		width:1340px; width:97%; margin: auto !important;
		padding-right: 45px !important;
		padding-left: 45px !important;
	}
	
	.dot-d-hide {
		display: none !important;
	}
	
	.dot-d-t-left {
		text-align: left !important;
	}
	
	.dot-d-t-center {
		text-align: center !important;
	}
	
	.dot-d-margin-right-15px {
		margin-right: 10%;
	}
	
}

/* AK SME NA MOBILE, NA POCITACI TO MA BYT INAK... NEZABUDNUT POTOM NASTAVIT VSADE ROVNAKO */
@media only screen and (max-width: 1024px) {
	.dot-navbar-center, .dot-navbar-right {
		width:100%;
		max-width:100% !important;
		align-items: start !important;
	}

	.content-box {
		width:100vw;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	
	.dot-navbar, .dot-navbar-above, .content-box {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
	
	.dot-m-hide {
		display: none !important;
	}
	
	.dot-m-t-left {
		text-align: left !important;
	}
	
	.dot-m-t-center {
		text-align: center !important;
	}
	
	.m-t-left {
		text-align: left !important;
	}
	
	.dot-m-order1 {
		order: 1;
	}

	.dot-m-order2 {
		order: 2;
	}

	.dot-m-order3 {
		order: 3;
	}

	.dot-m-order4 {
		order: 4;
	}
	
	.dot-m-mtop15px {
		margin-top: 15px;
	}
}

.dot-content-center {
	display: flex !important;
	align-items: center;
}

.la-demo I.la {
	line-height: 0;
	vertical-align: middle;
	font-size: 2rem !important;
}

.dot-scrollable {
	overflow: hidden;
	margin-right: -14px;
	padding-right: 14px;
	position: relative;
}

#demo_loading {
	position: relative;
}

DIV.overlayer {
	position: absolute;
	z-index:9;
	width:100% !important;
	height:0px;
	overflow: visible;
	display: inline-block;
}

DIV.overlayer DIV.overlayer2 {
	display : flex !important;
  	align-items : center;
  	justify-content: center;
	width: 0px;
	height: 0px;
	position: absolute;
	z-index:10;
	background-color: black;
	color: white;
	text-align: center;
	background-color: rgb(10,10,10,0.3);
}

DIV.overlayer DIV.overlayer2 SPAN SPAN.bg {
	display: table;
	padding: 5px; 
	border-radius: 8px;
	background-color: #6a6a6a;
	color:white;
}

DIV.overlay DIV.overlay2 SPAN SPAN.bg IMG {
	max-width: 20px;
}

DIV.overlay DIV.overlay2 DIV.loader {
	display: none;
}

.dot-invert-color {
   -webkit-filter: invert(1);
   filter: invert(1);
}