@charset "utf-8";
/* CSS Document */


html { font-size: 16px; line-height: 19px; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -o-text-size-adjust: 100%; text-size-adjust: 100%; }

html, body
{
height: 100%;
}

body {
margin:0;
width: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: normal;
-webkit-font-smoothing: antialiased;
color: #111;
text-align: left;
scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6 {
font-weight: 400; 
line-height: 1.1em;
margin: 0;
padding: 0;
margin-bottom: 10px;
display:inline-block;
width: 100%;
/* text-rendering: optimizeLeginility; */
border: 0px solid #666;
opacity:0.9;
}

h1 {
font-size: 2.1em;
}

h2 {
font-size: 1.85em;
}	/* 22px */

h3 {
font-size: 1.6em;
}	/* 20px */

h4 {font-size: 1.286em}	/* 18px */
h5 {font-size: 1.143em}	/* 16px */
h6 {font-size: 1em}	/* 14px */
 
 
hr { margin: 1.5em 0; border:1px solid #909090; }

/* Anchors */
a {outline: 0; text-decoration: none;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {
	 /*color: #C74350; */
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline; /* */
}
 
/* Paragraphs */
p {margin-bottom: 1.143em;}

* p:last-child {margin-bottom: 0;}
 
strong, b {font-weight: bold;}
em, i {font-style: italic;}
 
::-moz-selection {background: #F6CF74; color: #fff;}
::selection {background: #F6CF74; color: #fff;}
 
/* Lists */
ul {
list-style: outside disc;
margin: 0.5em 0 1.5em 1.5em;
border: 0px solid #000;
}
 
ol {
list-style: outside decimal;
margin: 1em 0 1.5em 1.5em;
}
 
li { margin-left:1em; padding-left: 0.3em;}
dl {margin: 0 0 1.5em 0;}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}
 
/* Quotes */
blockquote {font-style: italic;}
cite {}
 
q {}

input, select, textarea {
color:#444; font-weight: bold; border:1px solid #666; 
line-height:1.25em;
font-size:0.9rem!important; 
letter-spacing:0;
padding: 3px;
}

textarea {
font-weight: normal;;
}

input[type=checkbox], input[type=radio] {
    vertical-align: middle;
    position: relative;
    bottom: 2px;
}

fieldset { text-align:left; padding:7px 10px; border-top:1px solid #ccc; margin:15px 20px 20px 0px; }
fieldset  legend{ font-weight: bold; padding:5px; }
label { display:block; width:100%; float:left; font-size:0.9rem; margin: 1em; color:#666;}
label input, label textarea, label select { size:auto; display:block; float:left; font-size:0.9rem; margin:0em 1em;  padding:3px 5px;}
span.submit-buttons{ display:block; text-align:right; border-top:1px solid #ccc; width:auto; padding:30px 72px; }

.fieldset-right { text-align:right; }
.fieldset-right input,
.fieldset-right textarea,
.fieldset-right select
{ 
float:right; margin-left: 1em;
}

.ajax_textbox { border:1px solid #000; background:#ffffcc;}


.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; }
*:first-child+html .clearfix	{ zoom: 1; }
.cleaner { height: 0; line-height: 0; clear: both; }

p, table, div, a {
font-size: 1rem; 
background-repeat:no-repeat;
}

img, video {
  max-width: 100%; /* */
}

/* FULL Screen Container */
.fullscreen {
vertical-align:top;
display:inline-block;
width: 100%;
height: 100%;
min-height: 100vh;
border:0px solid #000;
margin:0;
padding:0;
/*
background-color:#cfcfcf;
*/
}

/* full width rows */
.fullwidth {
vertical-align:top;
display:inline-block;
width: 100%;
border-bottom:0px solid #ccc;
margin:0;
padding:0;
}

.container{
	max-width:1270px!important; 
	margin:0 auto; 
	float:none;
}
/* full width BG image */
.fullwidth-border-top {border-top:1px solid #cccccc;}
.fullwidth-border-bottom {border-bottom:1px solid #cccccc;}


.hor_separator{
display:inline-block;
margin: 10px 0px;
width: 100%;
background:#eee;
height:2px;
line-height:1px;
}


/* fixed on scroll */
.fixed {position:fixed; top:0; left:0;}

/* end global styles */






/* Dead Simple Grid (c) 2012 Vladimir Agafonkin */
	
.col {
	/* padding: 0 1.5em; */
	padding: 0 0;
}
.row .row {
	/* margin: 0 -1.5em; */
	margin: 0 0em;
}

.row:before, .row:after {
	content: "";
	display: table;
}
.row:after {
	clear: both;
}

div.hover:hover {
	background:#eee;
}

/*
@media only screen {
}
*/
.col {
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

.wrap {
	margin: 0 auto;
	/* max-width: 90em;
	min-width: 940px !important;  */
	padding: 0 0;
}

#body_cont_main{
	background:#fff;
}

.col-10{ width:10%;}
.col-15{ width:15%;}
.col-20{ width:20%;}
.col-25{ width:25%;}
.col-30{ width:30%;}
.col-33{ width:33.3%;}
.col-38{ width:38%;}
.col-40{ width:40%;}
.col-45{ width:45%;}
.col-50{ width:50%;}
.col-60{ width:60%;}
.col-62{ width:62%;}
.col-66{ width:66.6%;}
.col-70{ width:70%;}
.col-75{ width:75%;}
.col-80{ width:80%;}
.col-85{ width:85%;}
.col-90{ width:90%;}
/* end Dead Simple Grid */

.vh-10{ height:10vh;}
.vh-15{ height:15vh;}
.vh-20{ height:20vh;}
.vh-25{ height:25vh;}
.vh-30{ height:30vh;}
.vh-33{ height:33.3vh;}
.vh-40{ height:40vh;}
.vh-50{ height:50vh;}
.vh-60{ height:60vh;}
.vh-66{ height:66.6vh;}
.vh-70{ height:70vh;}
.vh-75{ height:75vh;}
.vh-80{ height:80vh;}
.vh-85{ height:85vh;}
.vh-90{ height:90vh;}
.vh-100{ height:100vh;}


.min-height-100 { min-height: 100px; }
.min-height-150 { min-height: 150px; }
.min-height-200 { min-height: 200px; }
.min-height-250 { min-height: 250px; }
.min-height-300 { min-height: 300px; }
.min-height-400 { min-height: 400px; }
.min-height-500 { min-height: 500px; }



/* GRID FLEX */

.grid-flex {
    width: 100%;
	display: flex;
	flex-wrap: wrap;
	/* 
	justify-content: space-between;
	justify-content: space-around; 
	justify-content: flex-start; 
	*/
	align-items: start; 
	justify-content: space-between;

	padding: 0;
	margin: 0;
	border: 0px solid #ccc;
    /* background: rgba(0,0,0, 0.1); */
}

.grid-flex li,
.grid-flex div.flex-item {
    display: flex;
	list-style-type: none;
	list-style: none;
	flex-grow: 0;
	flex-shrink: 0;
	/* padding: 0; */
    margin: 0;
	overflow: hidden; 
}

.vert-align-middle {
    align-items: center;
    justify-content: center;
}

.grid-flex {
    justify-content: space-between;
}

.grid-flex-9 li,
.grid-flex-9 div.flex-item {
    flex-basis: 9%;
}

.grid-flex-10 li,
.grid-flex-10 div.flex-item {
    flex-basis: 10%;
}

.grid-flex-19 li,
.grid-flex-19 div.flex-item {
    flex-basis: 19%;
}

.grid-flex-20 li,
.grid-flex-20 div.flex-item {
    flex-basis: 20%;
}

.grid-flex-24 li,
.grid-flex-24 div.flex-item {
    flex-basis: 24%;
    border: 0px solid #ccc;
}

.grid-flex-25 li,
.grid-flex-25 div.flex-item {
    flex-basis: 25%;
    border: 0px solid #ccc;
}

.grid-flex-32 li,
.grid-flex-32 div.flex-item {
    /* 3-col */
	flex-basis: 32%;
}

.grid-flex-33 li,
.grid-flex-33 div.flex-item {
    /* 3-col */
	flex-basis: 33%;
}

.grid-flex-49 li,
.grid-flex-49 div.flex-item {
    /* 2-col */
	flex-basis: 49.5%;
}

.grid-flex-50 li,
.grid-flex-50 div.flex-item {
    /* 2-col */
	flex-basis: 50%;
}

.grid-flex-margin-bot-1 li,
.grid-flex-margin-bot-1 div.flex-item {
    margin: 0 0 1vh 0;
}
.grid-flex-margin-bot-3 li,
.grid-flex-margin-bot-3 div.flex-item {
    margin: 0 0 3vh 0;
}
.grid-flex-margin-bot-5 li,
.grid-flex-margin-bot-5 div.flex-item {
    margin: 0 0 5vh 0;
}

/* end base sets for GRID FLEX */



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

	text-align: center!important;

    margin: 0 auto;
    /* background-color: #c0d830;
    background:  rgb(240, 217, 17);*/
    padding: 0;
    line-height: 1.05em;
	width: 100%; 
	min-width: 32px; 
    border-radius: 50%;
	aspect-ratio: 1 / 1!important;
}


/* Paper Shadow for submenus, cards... */
.paper-shadow-z-3 {
	box-shadow:8px 8px 17px 0 rgba(0, 0, 0, 0.3); 
}
.paper-shadow-bottom-z-3 {
	box-shadow:0 8px 17px 0 rgba(0, 0, 0, 0.3); 
}

.cleaner{display:block;clear:both;content:'.';visibility:hidden;height:0;font-size:0;line-height:0;}

/*
MAIN CONTENT
*/

/* blogs, posts... */
.post-content
{
font-size:1.05rem;
line-height:1.35em;
/* text-align:justify; */
text-align: left;
}

.post-content *
{
/*
// THIS IS WRONG > remove!
font-family:inherit;
font-size:inherit;
line-height:inherit;
*/
}

.post-content h1, h2, h3, h4 {
margin:1em 0 0.5em;
line-height:1.05em;
text-align:left;
/* line-height:1.25em !important; */
}

.post-content h1 {
font-size:2em;
}

.post-content h2 {
font-size:1.8em;
}

.post-content h3 {
font-size:1.5em;
}

.post-content h4 {
font-size:1.25em;
}

.post-content b, 
.post-content .bold {
font-weight:bold;
}


.post-content a:hover {
text-decoration:underline;
}

.post-content IMG {
max-width:100%;
}
/* TABLE seznam, ajax... */
.ajax_seznam
{
	width:450px;
}
/**/
.ajax_seznam td,
.ajax_seznam *
{
	padding:1px !important;
	line-height:1em;
}

.ajax_seznam .highlight
{
	background-color:#ff0;
	font-weight:700;
}


table.seznam,
.seznam
{
	width:100%;
	
}
.seznam td
{
	padding:5px;
	color:#303030;
}



.seznam tr.hover td
{
	border-bottom:1px dashed rgba(0,0,0, 0.2);
	padding:5px;
}
.seznam tr.tr_uvodna
{
	background:rgba(0,0,0, 0.2); /* */
	height:32px;
	font-weight:bold;
}
.seznam tr.tr_uvodna td
{
	padding-top:15px;
	border-top:1px solid rgba(0,0,0, 0.2);
	border-bottom:1px solid rgba(0,0,0, 0.2);
}
tr.hover:hover td{
	background:rgba(0,0,0, 0.1); /* */
}



.seznam tr.tr_highligh
{
	background-color:#fcc;
	color:#333;
	font-size:14px
}
.seznam tr.tr_highlight_footer,
table tr.tr_highlight_footer
{
	background:#E6F8DE;
	font-weight:700
}
.seznam tr.tr_highlight_footer td,
table tr.tr_highlight_footer td
{
	padding-top:15px;
	border-top:1px solid #729557;
	border-bottom:2px solid #729557
}
.seznam tr.tr_highlight_yellow td,
table tr.tr_highlight_yellow td
{
	background-color:#ffe;
	padding-top:15px;
	border-top:0 solid #666;
	border-bottom:1px solid #ccc
}
.seznam tr.tr_separator
{
	height:5px
}
.seznam tr.nadmapa
{
	background-color:#fff
}
.seznam tr.trenutna_mapa
{
	background-color:#FFFFBF
}
	td.nadmapa a,td.trenutna_mapa a,td.podmapa a,td.datoteka a
{
	font-weight:700;
	display:inline-block;
	width:100%
}
	table.seznam td.nadmapa
{
	padding-left:96px;
	/* background-image:url(http://intranet.student-info.net/sis-mapa/slike/icons/sort_slika_asc_default.png); */
	background-repeat:no-repeat;
	background-position:64px 6px;
	height:36px;
	padding-top:10px
}
	table.seznam td.prva_mapa
{
	padding-left:32px;
	background-image:url(../pic/filetype-icons/folder.gif);
	background-repeat:no-repeat;
	background-position:2px 6px;
	height:36px;
	padding-top:10px
}
	table.seznam td.trenutna_mapa
{
	padding-left:76px;
	background-image:url(../pic/filetype-icons/openfolder.gif);
	background-repeat:no-repeat;
	background-position:44px 6px;
	height:36px;
	padding-top:10px
}
	table.seznam td.podmapa
{
	padding-left:108px;
	background-image:url(../pic/filetype-icons/folder.gif);
	background-repeat:no-repeat;
	background-position:76px 7px;
	height:36px;
	padding-top:10px
}
	table.seznam td.datoteka
{
	padding-left:76px;
	background-repeat:no-repeat;
	background-position:44px 7px;
	height:36px;
	padding-top:10px
}
	table.seznam td.datoteka img
{
	display:block;
	float:left;
	height:23px;
	margin-right:7px;
	text-align:center;
	border:0 solid #ccc
}
.seznam span.hover_show
{
	font-weight:lighter;
	opacity:.3
}
.seznam tr:hover span.hover_show
{
	visibility:visible;
	opacity:1
}
.seznam span.podatki
{
	display:block;
	padding:0;
	margin-bottom:3px;
	color:#666
}
.seznam div.ikona_def
{
	display:block;
	margin-right:20px;
	width:10px;
	height:10px;
	border:1px solid #999;
	background-color:#fc0
}
.seznam div.ikona_objave
{
	display:block;
	margin-right:20px;
	width:10px;
	height:10px;
	border:1px solid #999;
	background-color:#fff
}
.seznam tr:hover div.ikona_objave
{
	border:1px solid #999;
	background-color:#eadfcd
}
.seznam div.ikona_galerije
{
	display:block;
	margin-right:10px;
	width:25px;
	height:22px;
	border:1px solid #d5d5d5;
	background-color:#fff;
	/* background-image:url(http://intranet.student-info.net/sis-mapa/slike/icons/ikona-galerija.png); */
	background-repeat:no-repeat;
	background-position:5px 5px
}
.seznam tr.narocilo_navadno
{
	background-color:#fff
}
.seznam tr.narocilo_navadno:hover
{
	background-color:#ffc
}
.seznam tr.narocilo_zakljuceno
{
	background-color:#E5F8E8
}
.seznam tr.narocilo_stornirano
{
	background-color:#efefef;
	opacity:0.8;
}
.seznam tr.narocilo_neaktivno *
{
	color:#aaa;
	opacity:0.75;
}
.seznam span.icn,span.icn
{
	display:block;
	background-repeat:no-repeat;
	background-position:50% 5px;
	height:20px;
	width:30px;
	margin:0 auto;
}
.seznam span.kljukica,span.kljukica
{
	background-image:url(../pic/icn/icn-kljukica.png)
}
.seznam span.kljukica_siv,span.kljukica_siv
{
	background-image:url(../pic/icn/icn-kljukica-siv.png)
}
.seznam span.krizec,span.krizec
{
	background-image:url(../pic/icn/icn-krizec.png)
}
.seznam span.krizec_siv,span.krizec_siv
{
	background-image:url(../pic/icn/icn-krizec-siv.png)
}
.seznam span.opozorilo,span.opozorilo
{
	background-image:url(../pic/icn/icn-opozorilo.png);
	height:30px
}
.seznam span.opozorilo_siv,span.opozorilo_siv
{
	background-image:url(../pic/icn/icn-opozorilo-siv.png);
	height:30px
}
.seznam span.zvezdica,span.zvezdica
{
	background-image:url(../pic/icn/icn-zvezdica.png)
}
.seznam span.zvezdica_siv,span.zvezdica
{
	background-image:url(../pic/icn/icn-zvezdica-siv.png)
}
.seznam tr.narocilo_stornirano span.kljukica
{
	background-image:url(../pic/icn/icn-krizec-siv.png)
}
.seznam tr.narocilo_stornirano span.krizec
{
	background-image:url(../pic/icn/icn-krizec-siv.png)
}
.seznam span.nabava-naroci,span.nabava-naroci
{
	background-image:url(../pic/icn/icn-nabava-naroci.png);
	height:30px
}
.seznam span.nabava-naroci-siv,span.nabava-naroci-siv
{
	background-image:url(../pic/icn/icn-nabava-naroci-siv.png);
	height:30px
}
.seznam span.narocilo_zapiski
{
	display:block;
	/* background-image:url(http://intranet.student-info.net/sis-mapa/slike/icons/zapiski.png); */
	background-repeat:no-repeat;
	background-position:45% 5px;
	height:24px;
	width:24px;
	margin:0
}
.seznam span.narocilo_diploma
{
	display:block;
	/* background-image:url(http://intranet.student-info.net/sis-mapa/slike/icons/diploma_ico.png); */
	background-repeat:no-repeat;
	background-position:45% 5px;
	height:25px;
	width:25px;
	margin:0
}
.seznam span.ptt_kuverta
{
	display:block;
	/* background-image:url(http://intranet.student-info.net/sis-mapa/slike/icons/ptt_kuverta.png); */
	background-repeat:no-repeat;
	background-position:45% 5px;
	height:24px;
	width:24px;
	margin:0
}




/* CART items table */
.cart-list{
	width:100%;
}
.cart-list td
{	
	padding:15px 6px;
	text-align:right;
}
.cart-list td.cart-item-title{	
	font-weight:bold;
}
.cart-list td.cart-item-quantity{	
	padding:5px 6px 25px 6px;
	min-width:220px;
}
.cart-list td.text-left
{
	text-align:left;
}

.cart-list tr.titles
{
	 /*background:rgba(0,0,0, 0.2); */
	height:32px;
	font-weight:bold;
}
.cart-list tr.titles td
{
	padding-top:25px;
	border-top:1px solid rgba(0,0,0, 0.2);
	border-bottom:1px solid rgba(0,0,0, 0.2);
}
.cart-list tr.hover td
{
	border-bottom:1px dashed rgba(0,0,0, 0.2);
}
.cart-list tr.hover:hover td
{
	background:#efefef; /* */
}









.flash_notice
{
	padding:6px;
	background-color:#fbdb92;
	color:#000;
	font-weight:700;
	left:30%;
	position:absolute;
	top:3em;
	text-align:center;
	width:40%;
	display:block;
	z-index:9000;
	/*
	border:1px solid #ccc;
	-moz-box-shadow:2px 2px 6px #ccc;
	-webkit-box-shadow:2px 2px 6px #ccc;
	box-shadow:2px 2px 6px #ccc
	*/
}
.notice
{
	padding:0.5em;
	margin:0 0 0.5em 0 !important;
	border:0px solid #fc0;
	background:#f5e2b6;
	color:#333;
}
.notice-success
{
	border:0px solid #729557;
	background:#E6F8DE;
	color:#333;
}
.notice-error
{
	border:0px solid #C42B2B;
	background:#F0E0E0;
	color:#333;
}
b.title
{
	display:block;
	margin-bottom:3px
}
.rotate
{
	-moz-transform:rotate(-90.0deg);
	-o-transform:rotate(-90.0deg);
	-webkit-transform:rotate(-90.0deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);
	-ms-filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)
}

/* Bootom toast message bar */
.toast{
	position:fixed!important;
	z-index:9999;
	bottom:40px;
	left:40px;
    width:320px;
	height:auto;
	padding:10px;
	background:#303030;
	color:#fff;
	font-size:0.875rem;
	display:none;
}

.toast-top{
	--toastwidth: 400px;

	position:fixed!important;
	z-index:9999;
	top:50px;
	/* left:40%; */
	width: var(--toastwidth);
	left: calc(50% - calc( var(--toastwidth) / 2 ));

	height:auto;
	padding:10px;
	background:#101010;
	opacity: 0.9;
	color:#fff;
	font-size:0.875rem;
	text-align:center;
	display:none;
}

/* Slide To Top */
#divArrowScrollToTop {
	position:fixed; 
	z-index:999; 
	bottom: 10vh; 
	right: 6px; 
	width: 50px; 
	height:50px; 
	background:rgba(0,0,0, 0.35); 
	color:#ffffff; 
	padding:10px;
	transition: all 0.2s ease-in;
}

#divArrowScrollToTop:hover {
	background:rgba(0,0,0, 0.85); 
}


/* top PROMO code banner */
.banner-top-promocode-box{
	padding: 10px 15px 2px 15px;
	display:none;
	border:0px solid #666666!important;
	
}
.banner-top-promocode-box p{
	padding: 3px 0;
	margin: 0px;

}
.banner-top-promocode-box .btn{
	padding: 6px 12px!important;
	line-height:1em;
	margin: -7px 10px 0 10px!important;
	display: inline-block!important;
	border-bottom: 1px solid#fff!important;
	background:rgba(0, 0, 0, 0.5);
	color:#FFFFFF!important;
	/*
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	*/
	/*
	-moz-box-shadow: 2px 2px 4px #cccccc;
	-webkit-box-shadow: 2px 2px 4px #cccccc;
	box-shadow: 2px 2px 4px #cccccc;
	*/
}
/* end Top PROMO code banner */







.ui-autocomplete
{
	width:auto;
	background:#eee!important;
	border:1px solid #454545!important;
	border-radius:0!important;
	box-shadow:0 0!important;
	padding:0!important;
	margin:0!important;
	
	position:absolute!important; 
	z-index:1000!important; 
}

.ui-menu ul
{
list-style: none;
}
.ui-menu ul,
.ui-menu li,
.ui-menu li a,
.ui-menu li div
{
	border-radius:0!important;
	border:0!important;
	margin:0!important;
	
	font-size:0.875rem!important;
	line-height:1.05rem!important;
}

.ui-menu
{
	font-size:0.875rem;
	line-height:1.05rem!important;
	padding:0;
}

.ui-menu .ui-menu-item a,
.ui-menu .ui-menu-item div
{
	padding:5px!important;
	color:#000!important;
	border-radius:0!important;
	border-bottom:1px solid #454545!important;

}
.ui-autocomplete-input:focus
{
	background:#ffc
}
.ui-menu .ui-menu-item a.sbiAnchor.ui-state-hover,.ui-autocomplete a.ui-corner-all.sbiAnchor:hover
{
	background:#c00!important;
	background-color:#c00!important
}
.ui-autocomplete .ui-menu-item .ui-state-focus
{
	background:#fc0!important
}
.srchHilite
{
	background-color:#ff0
}
input.datepicker
{
	width:182px;
	padding:4px 30px 4px 4px;
	margin-right:10px;
	background:url(../pic/icnm/23/iconmonstr-calendar-4-icon-23.png) 96% 50%;
	opacity:.8;
	background-repeat:no-repeat;
	background-color:#FFF;
	border:1px solid #999;
}
input.timepicker
{
	background:url(../pic/icnm/23/iconmonstr-time-icon-23.png) 96% 50%;
	opacity:.8;
	background-repeat:no-repeat;
}
input.input-calc:hover
{
	/**/ 
	background-image:url(../pic/icnm/23/iconmonstr-checkout-4-icon-23.png);
	background-position: 3% 50%;
	background-repeat:no-repeat;
	padding-left:27px; 
	text-align:right;
}

.div_thumb_galerije
{
	display:block;
	position:relative;
	width:140px;
	height:140px;
	background-position:50% 50%;
	margin:0 5px 5px 0;
	float:left;
	border:1px solid #ccc;
	background-repeat:no-repeat;
	background-size:contain
}


input:disabled,input[readonly="readonly"],input[readonly],textarea[readonly],textarea[readonly="readonly"],select[readonly="readonly"],select[readonly]
{
	background-color:#eee;
	color:#000
}
	input.show_readonly
{
	background:inherit;
	color:inherit;
	border:0;
	text-align:right;
	padding:0;
	margin:0;
	height:1em
}
.tab
{
	color:#ccc
}
.tab_izbran
{
	color:#ccc
}
.tab a
{
	color:#000;
	line-height:1.15em;
	padding-top: 10px;
	display:block;
	width:100%;
	height:40px;
	overflow:hidden;
	text-align:center;
	text-decoration:none;
	font-weight:700;
	vertical-align:middle;
	border-top:5px solid #fff;
	border-right:0 solid #ccc;
	border-left:0 solid #ccc;
	border-bottom:1px solid #B5B4B4;
	text-indent:2px;
	background-color:#ccc;
	margin-right:1px
}
.tab_izbran a
{
	color:#333;
	border-top:5px solid #21bdc9;
	border-right:1px solid #B5B4B4;
	border-left:1px solid #B5B4B4;
	border-bottom:0 solid #E6E5E5;
	background-color:#fff;
	position:relative;
	top:1px;
	left:0
}
.tab a
{
	border-left:0 solid #ccc;
	border-right:0 solid #ccc
}
.tab_izbran a
{
	border-left:1px solid #999;
	border-right:1px solid #999
}
.tab_content
{
	padding:15px;
	border:1px solid #999;
	margin:0;
	margin-top:0;
	height:auto
}
.A4page
{
	width:672px;
	height:972px;
	margin:2px auto;
	background:#e0d8c0;
	padding:24px;
	page-break-after:always
}
.POSpage
{
	width:230px;
	height:auto;
	margin:0;
	background:#e0d8c0;
	padding:2px
}
.page-break
{
	display:block;
	page-break-before:always!important
}

/* end table, ajax, content */


/* TITLE BOX */
table.erp-modul-title
{
	border-bottom:0px solid #ccc;
	min-height: 60px; 
	margin: 6px 0 1.25em 0;
}
table.erp-modul-title .small-title
{
	display:inline-block;
	margin:0;
	padding:0;
	color:#666;
	line-height:inherit
}
.arrow-right
{
	display:inline-block;
	height:1.15em;
	line-height:inherit;
	width:20px;
	/* background-image:url(../pic/icnm/18/iconmonstr-arrow-25-icon-18.png); */
	background-image:url(../pic/iconmonstr-arrow-down-25-icon-thin.png);
	background-size:contain;
	background-repeat:no-repeat;
	
	opacity:0.7;
	
	margin:0;
	margin-right: 3px;
	padding:0;
}

/* end title box */


/* INLINE Labels */
.inline-label { display:inline-block; padding:1px 4px; font-size:0.9em; background-color:#ccc; margin: 0em 0.25em; color:#fff;}
/*
.label-grey { background-color:#ccc; color:#000;}
.label-red { background-color:#b01a40; }
.label-green { background-color:#109a27; }
.label-yellow { background-color:#ffcc00; }
.inline-separator{ margin-left:1.5em !important; }
*/



/* SVG icons */
.svg{
opacity:0; 
/* display:none;  */
}

.svg-icon
{
	width:70px;
	height:70px;
	display:none !important;
	position:relative;
	margin:0px;
	float:left
}

.svg-gmenu-icon
{
	width:28px;
	height:22px;
}


.svg-gmenu-icon-big
{
	width:40px;
	height:28px;
}

.svg-16{
	width:16px;
	height:16px;
}
.svg-20{
	width:20px;
	height:20px;
}
.svg-22{
	width:28px;
	height:22px;
}
.svg-24{
	width:30px;
	height:24px;
}
.svg-28{
	width:32px;
	height:28px;
}
.svg-32{
	width:36px;
	height:32px;
}
.svg-40{
	width:42px;
	height:38px;
}
.svg-48{
	width:56px;
	height:48px;
}
.svg-64{
	width:72px;
	height:64px;
}
.svg-70{
	width:80px;
	height:70px;
}
.svg-100{
	width:100px;
	height:90px;
}
.svg-150{
	width:150px;
	height:130px;
}

.svg-200{
	width:200px;
	height:200px;
}
.svg-250{
	width:250px;
	height:230px;
}

.svg-white{fill:#ffffff!important}
.svg-black{fill:#000!important}
.svg-grey{fill:#555!important}
.svg-light-grey{fill:#eee!important}
.svg-dark-grey{fill:#333!important}
.svg-red{fill:#b01a40!important}
.svg-yellow{fill:#FFC926!important}
.svg-green{fill:#109a27!important}
.svg-eee{fill:#eee!important}
.svg-ccc{fill:#ccc!important}
.svg-999{fill:#999!important}
.svg-666{fill:#666!important}
.svg-333{fill:#333!important}


/* end SVG colorize */


/* Buttons simple */

.btn{
	background:#cfcfcf;
	/*
	border:1px solid transparent;
	text-shadow:0 1px rgba(0,0,0,0.1);
	border-radius:2px 2px 2px 2px;
	*/
	font-size:16px !important;
	line-height:1.1em;
	padding:8px 12px;
	height:auto;
	white-space:nowrap;
	margin:0;
	font-weight:normal !important;
}



.btn-mini{
	font-size:11px;
	line-height:12px;
	padding:4px 6px;
	
	background:#cfcfcf;
	/*
	border:1px solid transparent;
	text-shadow:0 1px rgba(0,0,0,0.1);
	border-radius:2px 2px 2px 2px;
	*/
	height:auto;
	white-space:nowrap;
	margin:0;
	font-weight:normal !important;
}


.btn-big{
	font-size:18px !important;
	text-align:center!important;
	padding:14px 12px !important;
	height:44px !important;
	min-width:70px!important;
	line-height:1.1em !important;
	font-weight:normal !important;
}

.btn-wide{
	padding:8px 40px !important;
}
.btn-big-wide{
	padding:14px 40px !important;
}

.btn:hover, 
.btn-mini:hover,
.btn-big:hover{
	opacity:0.9;
	text-decoration:none!important;
}

.btn-red
{
	color:#fff!important;
	background:rgba(209,72,54,0.95);
}
.btn-red:hover
{
	background:rgba(209,72,54,0.93);
	border-color:#b0281A ;
}
.btn-red:active
{
	background:rgba(209,72,54,1);
}
.btn-green
{
	color:#fff!important;
	background:rgba(15,139,35,0.95);
}
.btn-green:hover
{
	background:rgba(15,139,35,0.93);
	border-color:#095b21;
}
.btn-green:active
{
	background:rgba(15,139,35,1);
}
.btn-blue
{
	color:#fff!important;
	background:rgba(36,160,193,0.95);
}
.btn-blue:hover
{
	background:rgba(36,160,193,0.93);
	border-color:#127792;
}
.btn-blue:active
{
	background:rgba(36,160,193,1);
}

.btn-black
{
	color:#fff!important;
	background:rgba(0,0,0,1);
}

.btn-left
{
	margin-right:14px
}

.btn-middle
{
	margin-left:14px;
	margin-right:14px
}

.btn-right
{
	margin-left:14px
}
/* end Google Menu */









/* Webshop Pint Items */

/* Webshop List Items */


.st-art-kategorije{
color:#fff;
display:inline-block; 
margin:0 5px 0 12px; 
line-height:inherit;
font-size:0.875rem; 
opacity:0.9;
}

.sidebar-atr-filter {
color:#333 !important;
display:block;

padding:5px 0px 5px 15px; 
margin:0; 
border-bottom:1px solid #ddd;

padding-left:30px;
background-repeat:no-repeat;
background-position:left 50%;
font-weight:normal;
}

.sidebar-atr-checked {
background-image:url(../pic/icn/checkbox-checked-16.png);
font-weight:boldx;
}

.sidebar-atr-unchecked {
background-image:url(../pic/icn/checkbox-unchecked-16.png);
}

.sidebar-atr-filter:hover {
text-decoration:none;
background-color:#DDDDDD;
background-image:url(../pic/icn/checkbox-checked-16.png);
}


.sidebar-atr-selected {
background-image:url(../pic/icn/icn-krizec-siv.png);
font-weight:boldx;
}

.sidebar-atr-selected:hover {
background-image:url(../pic/icn/icn-krizec.png);
}

/* end list mode */

/* Webshop ITEM */



/*
LEFT SIDEBAR 
*/

/* Categories */



/* 
RIGHT SIDEBAR
*/


/* 
ERP SIDEBAR
*/






/* THUMBS predogled gradiv */
#sik_preview_container
{
display:block;
width:100%;
height:auto;
padding:15px 5px 20px 15px;
border:1px solid #000000;
background-color:#333333;
overflow:auto;
/* */

font-size:1rem!important;
line-height:1.15em!important;
text-align:center;

}

#sik_preview_container b.st_strani 
{
display:block;
float:left;
width:100%;
height:35px;
display:none;
text-align:center;
color:#666666;
border:0px solid #eeeeee;
font-weight:400;
font-size:1.5em!important;
line-height:2em!important;

}
span.link_slide_top 
{
display:block;
width:100%;
height:20px;
float:right;
z-index:10;
display:none;
text-align:right;
color:#999999;
border:0px solid #eeeeee;
padding:3px;
font-size:inherit!important;
line-height:inherit!important;
}

span.link_slide_top a 
{
color:#999999;

}

span.link_slide_top a:hover 
{
color:#ffffff;

}

.sik_thumb 
{
display: block;
margin-right: 12px;
margin-bottom: 12px;
width: 175px;
height: 241px;
background-color: #cccccc;
float:left;
padding:3px;
border:2px solid #cccccc;
}

.sik_thumb:hover 
{
border:4px solid #33ccff;
cursor:pointer;
padding:1px;
}
/* end THUMBS predogled gradiv */



/* BANNERS */
.banners-sidebar,
.banners-head,
.banners-footer 
{
max-width:100%;
}

.banners-head img,
.banners-sidebar img,
.banners-footer img
{
max-width:100%;
}



/* Prirocnik menu */
.prirocnik_menu
{
	display:block;
	border-top:1px solid #ddd;
	padding-top:5px;
	padding-bottom:10px;
	border-bottom:0 solid #999
}
.prirocnik_menu h3
{
	margin-top:5px;
}
.prirocnik_menu a
{
	display:inline-block;
	width:90%;
	line-height:1.2em!important;
	margin:3px 0 2px 2px;
	float:left;
	padding:3px 10px;
	font-size:1em;
	text-align:left;
	letter-spacing:0;
	font-weight:400;
	color:#333;
	border-left:12px solid silver
}
.prirocnik_menu a:hover
{
	border-color:#000;
	text-decoration:none;
	color:#000;
	background-color:#ddd
}
.prirocnik_menu a.active
{
	border-color:#cd4e2e;
	text-decoration:none;
	color:#cd4e2e;
	font-weight:700;
	background-color:#fefefe
}
.prirocnik_menu a.active:hover
{
	background-color:#fbede3
}
.prirocnik_menu a.passive
{
	color:#aaa;
	border-color:#ccc
}
.prirocnik_menu a.passive:hover
{
	border-color:silver;
	background-color:inherit;
	cursor:text
}
.prirocnik_menu div.group_title
{
	display:inline-block;
	width:90%;
	line-height:13px!important;
	margin:3px 0 2px 5px;
	float:left;
	padding:5px 7px;
	font-size:11px;
	letter-spacing:0;
	font-weight:700;
	color:#333;
	background-color:#fee7e2;
	border-color:12px solid #fd9f8d;
	color:#666
}
.prirocnik_menu .kat_title div
{
	display:block;
	padding:7px 7px 15px 5px;
	font-size:14px;
	font-weight:700;
	border-bottom:0 solid #ccc;
	color:#FF5B3B
}
a.prirocnik_link_kazalo
{
	display:block;
	border-bottom:0 dashed #ccc;
	padding:7px;
	font-size:12px;
	font-weight:700;
	width:220px;
	background-color:#efefef;
	border-top:1px solid #666;
	color:#000
}
.prirocnik_link_kazalo:hover
{
	background-color:#DDD;
	color:#444;
	text-decoration:none
}

a.anchorXXX
{
	font-size:11px;
	display:block;
	float:right;
	margin-left:20px;
	color:#666
}
.anchor_scroll_target
{
	margin-top:-80px;
	position:absolute;
	display:block
}

.anchor-arrow
{
	display:block;
	float:right;
	width:20px;
	height:20px;
	
	margin:5px 0 5px 5px;
	background-image:url(../pic/icn/arrow-down.png);
	background-position:center center;
}

.anchor-arrow-up
{
	background-image:url(../pic/icn/arrow-up.png);
}
.anchor-arrow:hover
{
	border: 1px solid #fc0;
	text-decoration:none;
}

.kazalo-anchor {
	display:block;
	width:100%;
	margin:5px 0;
	padding:0;
	border-left:0px solid #FFBFBF;
}

.kazalo-anchor h3{
	margin:-5px 0 5px 0;
	padding:0;
}

.kazalo-anchor a
{
	display:block;
	line-height:15px !important;
	padding:3px 3px 3px 30px;
	margin:2px 0;
	width:100%;
	float:none;
	background-image:url(../pic/icn/arrow-down.png);
	background-position:4px center;
}
.kazalo-anchor a:hover
{
	text-decoration:none;
	color:#000;
	background-color:#ddd
}

/* main form for edit */
#form_edit_item{
	
}

#form_edit_item fieldset {
	background-color:rgba(0,0,0, 0.02);
}

#form_edit_item fieldset label{
	border:0px solid #cc0000;
	max-width:100%;
	margin-left:0px;
	padding-left:0px;
}

#form_edit_item fieldset legend{
	font-weight:bold;
}

#form_edit_item fieldset label input,
#form_edit_item fieldset label textarea,
#form_edit_item fieldset label select{
	margin-left:0px;
}

inputXXX[type=checkbox] {
    display: block;
    width: 35px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 35px 35px;
    -webkit-appearance: none;
    outline: 0;
	margin:0;
	border:0px;
}
inputXXX[type=checkbox]:checked {
    
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"><path id="checkbox-3-icon" fill="#008c46" d="M81,81v350h350V81H81z M227.383,345.013l-81.476-81.498l34.69-34.697l46.783,46.794l108.007-108.005 l34.706,34.684L227.383,345.013z"/></svg>');
	/*
	fill:#ff0000!important;
	
	background-image:url(../pic/svg/iconmonstr-check-mark-7-icon.svg);
	background-size:30px 30px;
	*/
}
inputXXX[type=checkbox]:not(:checked) {
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"><path id="checkbox-9-icon" fill="#666666" d="M391,121v270H121V121H391z M431,81H81v350h350V81z"></path> </svg>');
}






.checkbox * {
	box-sizing: border-box;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }
  
  .checkbox {
	display: inline-block;
	width:100%;
	border: 0px solid #777;
	margin:0.35em 0;
	padding: 0px;
  }
  
  .checkbox label input {
	display: none;
	padding:0;
	margin:0;
  }
  
  .checkbox label {
	vertical-align: top;
	font-size: inherit;
	padding: 0px 0px 0px 32px!important;
	margin:0!important;
	min-height:28px;
	height:auto;

	border: 0px solid #cc0000;
  }
  
  .checkbox .checkmark {
	color: #777;
	content: '';
	position: absolute;
	left: 0px;
	top: -4px;
	display: inline-block;
	min-height: 20px;
	height: 23px;
	width: 23px;
	border: 2px solid #777;
	font-size: 15px;
	vertical-align: top;
	text-align: center;
	transition: all 0.2s ease-in;
  }
  
  .checkbox.radio-square .checkmark {
	border-radius: 0px;
  }
  
  .checkbox.radio-rounded .checkmark {
	border-radius: 25%;
  }
  
  .checkbox.radio-blue .checkmark {
	border: 2px solid #ccc;
  }
  
  .checkbox label:hover input ~ .checkmark {
	border-color: rgb(115, 207, 115); /*  lightgreen; */
  }

  .checkbox input:checked ~ .checkmark {
	width: 10px;
	height: 18px;
	border-top: transparent;
	border-left: transparent;
	border-color: green;
	border-width: 4px;
	transform: rotate(45deg);
	top: -5px;
	left: 6px;
  }

  .checkbox input:disabled ~ .checkmark {
	border-color: grey!important;
	transform: rotate(0);
	font-weight: 400;
	color:#666666;
	content: '\00d7'; /* This will render the 'X' */
	background-color:#e0e0e0!important;
  }

  .checkbox-link label:hover{
	color:#000000;
  }

  .checkbox-link label:hover input:checked ~ .checkmarkX {
	display:none;
  }

  .checkbox-link label:hover input:checked ~ .checkmark {
	transition-delay: 10ms; 
    content: '\00d7'; /* This will render the 'X' */
	border-color: transparent;
	transform: rotate(0)!important;
	
	height:22px;
	width:22px;
	font-size:40px;
	overflow:hidden; /* */

	font-weight: 400;
	color:#cc0000!important;
	margin-left: -6px;
	background-color:#cfcfcf!important;  /*  :hover */  

  }

  .checkbox-small {
	margin: 0.1em 0;
	padding: 0px!important;
	height: 23px;

	border:0px solid #cc0000;
  }

  .checkbox-small label {
	font-size: 0.9em!important;
	padding: 0px 0px 0px 35px!important;
  }

  .checkbox-small label .checkmark {
	left: 2px;
	top: -2px;
	/**/
	min-height: 15px;
	height: 18px;
	width: 18px;
	
	border: 2px solid #777;
	font-size: 10px;
  }


.checkbox-small label:hover input:not(:checked) ~ .checkmark:before {
	/**/
	-webkit-animation: click-wave 0.65s;
	-moz-animation: click-wave 0.65s;
	animation: click-wave 0.65s;
		
	background:transparent;
	content: '';
	display: block;
	position: relative;
	position: absolute;
	width:20px;
	height:20px;
	left:-10px;

	z-index: 100;
	border: 0px solid #999;
	border-radius: 50%;
}


@-webkit-keyframes 
	click-wave { 0% {
		width: 20px;
		height: 20px;
		opacity: 0.35;
		margin-left: 8px;
		margin-top: -4px;
	 position: relative;
	 position: absolute;
	}
	 100% {
		width: 40px;
		height: 40px;
		margin-left: -4px;
		margin-top: -12px;
		opacity: 0.0;
	}
}
	
@-moz-keyframes 
	click-wave { 0% {
		width: 20px;
		height: 20px;
		opacity: 0.35;
		margin-left: 8px;
		margin-top: -4px;
	 position: relative;
	}
	 100% {
		width: 40px;
		height: 40px;
		margin-left: -4px;
		margin-top: -12px;
		opacity: 0.0;
	}
}
	
@-o-keyframes 
	click-wave { 
	0% {
		width: 20px;
		height: 20px;
		opacity: 0.35;
		margin-left: 8px;
		margin-top: -4px;
	 position: relative;
	}
	 100% {
		width: 40px;
		height: 40px;
		margin-left: -4px;
		margin-top: -12px;
		opacity: 0.0;
	}
}
	
@keyframes 
click-wave { 
	0% {
		background: #666666;
		width: 20px;
		height: 20px;
		opacity: 0.35;
		margin-left: 8px;
		margin-top: -4px;
		
	}
	100% {
		background:transparent;
		width: 40px;
		height: 40px;
		margin-left: -4px;
		margin-top: -12px;
		opacity: 0.0;
	}
}




/* RADIO */

input[type=radio] {
    display: block;
	float:left;
    width: 22px;
    height: 22px;
    -webkit-appearance: none;
    outline: 0px;
	margin:0px;
	border:6px double #777777;
	border-radius: 11px;
}
input[type=radio]:checked {
    background:#ffffff;
	border:6px solid #008c00;
	/*
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"><path id="checkbox-3-icon" fill="#008c46" d="M81,81v350h350V81H81z M227.383,345.013l-81.476-81.498l34.69-34.697l46.783,46.794l108.007-108.005 l34.706,34.684L227.383,345.013z"/></svg>');
	
	fill:#ff0000!important;
	
	background-image:url(../pic/svg/iconmonstr-check-mark-7-icon.svg);
	background-size:30px 30px;
	*/
}
input[type=radio]:not(:checked) {
    background:#ffffff;
	/*background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"><path id="checkbox-9-icon" fill="#666666" d="M391,121v270H121V121H391z M431,81H81v350h350V81z"></path> </svg>');
	*/
}
input[type=radio]:not(:checked):hover {
    background:#666666;
	border:6px solid #aaaaaa;
	/*background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"><path id="checkbox-9-icon" fill="#666666" d="M391,121v270H121V121H391z M431,81H81v350h350V81z"></path> </svg>');
	*/
}

/* ERP rarely used items */
.rarely-used-input {
	width:100%;
	height: auto;
	margin-bottom: 0px;
}
.rarely-used-input-block {
	border-right:1px dashed #cccccc;
	display:inline-block!important;
}

/* admin log style / Scrollbar */
.erp-admin-log{

}

.erp-admin-log::-webkit-scrollbar {
    width: 25px;
    background-color: #666666;
} 
 
.erp-admin-log::-webkit-scrollbar-track {
    background-color: #666666;
    padding-right:10px;
}
 
.erp-admin-log::-webkit-scrollbar-thumb {
    background-color: #202020;
}

/* IMG tag as COVER displayed 
ex. use: display catalog pictures on invoice with PICs */
.img-cover-container{
	position: relative; 
	overflow: hidden; 
	background:#fff;
	text-align:center;
}
.img-cover{
	width: 100%;
	height: 100%;
	object-fit: contain;
	/* object-fit: cover;  */
	margin:auto;
}


/* TABS */
.and-tabs
{
	margin-bottom:1em;
}

.and-tabs .and-tab
{
	display:block;
	text-align:center;
}

.and-tabs .and-tab a,
.and-tabs .and-tab span.dummy-tab
{
	display:inline-block;
	max-height:3em;
	line-height:2em;
	overflow:hidden;
	padding:0.75em;
	width:100%;
	color:inherit;
	font-weight:bold;
	border-bottom:1px solid #ccc;
}



.and-tabs .and-tab a:hover
{
	text-decoration:none;
	background-color:#eee;
}

.and-tabs div.active
{
	border-bottom:3px solid #666;
}

/* TIPSY */
.tipsy
{
	font-size:.875em !important;
	position:absolute;
	padding:5px;
	z-index:100000
}
.tipsy-inner
{
	background-color:#000;
	color:#fff;
	max-width:200px;
	padding:5px 8px;
	text-align:center
}
.tipsy hr
{
	font-size:1px;
	line-height:1px;
	display:block;
	height:1px;
	margin:5px 0;
	background-color:#ccc
}
.tipsy-arrow
{
	position:absolute;
	width:0;
	height:0;
	line-height:0;
	border:5px dashed #000
}
.tipsy-arrow-n
{
	border-bottom-color:#000
}
.tipsy-arrow-s
{
	border-top-color:#000
}
.tipsy-arrow-e
{
	border-left-color:#000
}
.tipsy-arrow-w
{
	border-right-color:#000
}
.tipsy-n .tipsy-arrow
{
	top:0;
	left:50%;
	margin-left:-5px;
	border-bottom-style:solid;
	border-top:none;
	border-left-color:transparent;
	border-right-color:transparent
}

.tipsy-s .tipsy-arrow
{
	bottom:0;
	left:50%;
	margin-left:-5px;
	border-top-style:solid;
	border-bottom:none;
	border-left-color:transparent;
	border-right-color:transparent
}
.tipsy-e .tipsy-arrow
{
	right:0;
	top:50%;
	margin-top:-5px;
	border-left-style:solid;
	border-right:none;
	border-top-color:transparent;
	border-bottom-color:transparent
}
.tipsy-w .tipsy-arrow
{
	left:0;
	top:50%;
	margin-top:-5px;
	border-right-style:solid;
	border-left:none;
	border-top-color:transparent;
	border-bottom-color:transparent
}
/* end tipsy */

/* Add to cart tricolor-loading */


/* special loading */

.loading-tricolor-container{
	position:relative;
	margin: 0;
	padding: 0;
	background: #34495e;
	background: #242424;
	background: #e0e0e0;
	background: #ffffff;

	height: 250px;
	width: 100%;
	display: flex; /* */
	align-items: center;
	justify-content: center!important; 
	border:0px solid #000000;
	overflow:hidden;

	/* background-image:url(../../docs/documents/f9/f9/1549189454-57ej-absolute-zero.png); */
	background-repeat:no-repeat;
	background-position: center top;
}


.loading-tricolor-img{
	height:auto!important; 
	max-height:180px!important; 
	width:auto!important; 
	position:absolute;
	z-index:1;
	display:none;
}

.loading-tricolor{
	width: 220px;
	height: 220px;
	box-sizing: border-box;
	border-radius: 50%;
	border-top: 10px solid #e74c3c;
	position: relative;
	position:absolute;  /* */
	z-index:2;

	animation: anim1 2.5s linear infinite;
}

.loading-tricolor::before,
.loading-tricolor::after{
	content: "";
	width: 220px;
	height: 220px;
	position: absolute;
	z-index:3; /* */
	left: 0;
	top: -10px;
	box-sizing: border-box;
	border-radius: 50%;
}

.loading-tricolor::before{
	border-top: 10px solid #e67e22;
	transform: rotate(120deg);
}

.loading-tricolor::after{
	border-top: 10px solid #3498db;
	transform: rotate(240deg);
}

.loading-tricolor span{
	position: absolute; 
	z-index:10;
	width: 10px; /* */
	height: 220px;
	color: #fff;
	color: #222;
	font-weight: bold;
	text-align: center;
	line-height: 200px;
	overflow:visible;

	border:0px solid #fff;

	animation: anim2 2.5s linear infinite!important; /* */
}


.loading-tricolor-text{
	position: absolute; 
	top:65%;
	left:-50px;
	text-align: center;
	width: 100px;
}

@keyframes anim1 {
	to{
		transform: rotate(360deg);
	}
}

@keyframes anim2 {
	to{
		transform: rotate(-360deg);
	}
}


/* LOADING Spinners */

.music-spinner
{
	margin:0px auto;
	width:50px;
	height:30px;
	text-align:center;
	font-size:10px
}
.music-spinner > div
{
	background-color:#333;
	height:100%;
	width:6px;
	display:inline-block;
	-webkit-animation:stretchdelay 1.2s infinite ease-in-out;
	animation:stretchdelay 1.2s infinite ease-in-out
}
.music-spinner .rect2
{
	-webkit-animation-delay:-1.1s;
	animation-delay:-1.1s
}
.music-spinner .rect3
{
	-webkit-animation-delay:-1s;
	animation-delay:-1s
}
.music-spinner .rect4
{
	-webkit-animation-delay:-.9s;
	animation-delay:-.9s
}
.music-spinner .rect5
{
	-webkit-animation-delay:-.8s;
	animation-delay:-.8s
}
	@-webkit-keyframes stretchdelay
{
	0%,40%,100%
{
	-webkit-transform:scaleY(0.4)
}
	20%
{
	-webkit-transform:scaleY(1.0)
}

}
	@keyframes stretchdelay
{
	0%,40%,100%
{
	transform:scaleY(0.4);
	-webkit-transform:scaleY(0.4)
}
	20%
{
	transform:scaleY(1.0);
	-webkit-transform:scaleY(1.0)
}

}


.loading-bounce
{
	margin:26px auto;
	width:70px;
	text-align:center
}
.loading-bounce > div
{
	width:18px;
	height:18px;
	background-color:#333;
	border-radius:100%;
	display:inline-block;
	-webkit-animation:bouncedelay 1.4s infinite ease-in-out;
	animation:bouncedelay 1.4s infinite ease-in-out;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.loading-bounce .bounce1
{
	-webkit-animation-delay:-.32s;
	animation-delay:-.32s
}
.loading-bounce .bounce2
{
	-webkit-animation-delay:-.16s;
	animation-delay:-.16s
}
	@-webkit-keyframes bouncedelay
{
	0%,80%,100%
{
	-webkit-transform:scale(0.0)
}
	40%
{
	-webkit-transform:scale(1.0)
}

}
@keyframes bouncedelay
	{
		0%,80%,100%
	{
		transform:scale(0.0);
		-webkit-transform:scale(0.0)
	}
		40%
	{
		transform:scale(1.0);
		-webkit-transform:scale(1.0)
	}
}



.circle-spinner {
  margin: 10px auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  
  -webkit-animation: sk-rotate 2.0s infinite linear;
  animation: sk-rotate 2.0s infinite linear;
}

.circle-spinner .dot1, 
.circle-spinner .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #333;
  border-radius: 100%;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.circle-spinner .dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}



.square-spinner {
  width: 40px;
  height: 40px;
  background-color: #333;

  margin: 10px auto;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}



.spinner-grey > div
{
	background-color:#666
}
.spinner-white > div
{
	background-color:#fff
}
.spinner-cyan > div
{
	background-color:#3cf
}
.spinner-green > div
{
	background-color:#109a27
}
.spinner-red > div
{
	background-color:#b01a40
}
.spinner-blue > div
{
	background-color:#005B9A
}
.spinner-purple > div
{
	background-color:#a202ac
}
/* end spinners */



/* List mode */
/* end LIST mode */


.corner-rb-counter {
    font-weight: bold;
    height: 42px; 
    width: 42px; 
    position: absolute; 
    bottom: -5px; 
    right: -6px;
}




a.sso_login_img
{
	display:inline-block;
	border:1px solid #fff;
	padding:7px;
	margin-bottom:20px;
	background-color:#fff
}
a.sso_login_img:hover
{
	display:inline-block;
	border:1px solid #ccc;
	padding:7px;
	background-color:#fefefe
}
a.sso_login_img img
{
	width:50px
}


/* modules 

.modul
{
margin:0px 1em 1em 0px;
height:auto;
min-height:70px;
opacity:1;
float:left;
padding:0.5em 1em;
border-radius:0;
}


.modul{
background-color:#eee;
border:1px solid transparent;
}

.modul:hover{
background-color:#ddd;
border:1px solid #aaa;
}

.modul:focus{
background-color:#CCCCCC;
border:1px solid #AAAAAA;
}

.modul-disabled{
background-color:#eee;
border:1px solid transparent;
opacity:0.6;
cursor:text;
}


.modul-disabled:hover, .modul-disabled:focus {
background-color:#eee;
border:1px solid transparent;

}

.modul .modul-text{
font-weight:normal;
display:inline-block;
width:100%;
margin-bottom:0.5em;
line-height:1.1em;
}

.modul-button{
height:115px; 
width:125px; 
text-align:center !important;
}
*/

/* Table with Item data */
figcaption .data{
	display:block;
	height:2em;
	max-height:4em;
	width:100%;
	padding:0em;
	margin-bottom:2px !important;
	border-bottom:0px dashed #ccc;
	
}

figcaption .data div{
	display:inline-block;
	max-height:4em;
	overflow: hidden;
	
	padding:0.25em;
	padding-left:0.5em;
	float:left;
	margin:0;
}
	
figcaption .data-label{
	background:#eee;
	width:32%;
}

figcaption .data-value{
	width:68%;
	padding-left:1em;
}


/* RIBBON ... for discounts */
.ribbon-wrapper {
  margin: 0px auto;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.ribbon-wrapper-green {
  width: 110px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  left: -25px;
}
.ribbon-green {
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  -webkit-transform: rotate(-45deg);
  -moz-transform:    rotate(-45deg);
  -ms-transform:     rotate(-45deg);
  -o-transform:      rotate(-45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #BFDC7A;
  
  color: #353526;
}
  
 
/* Full-Screen Overlay edit Form */
.overlayEditForm {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0, 0.9);
	overflow-x: hidden;
	transition: 0.5s;
}

.overlayEditForm-content {
	position: relative;
	top: 5%;
	width: 100%;
	text-align: center;
	margin-top: 30px;
}

.overlayEditForm-content a {
	padding: 8px;
	text-decoration: none;
	font-size: 36px;
	color: #818181;
	display: block;
	transition: 0.3s;
}

.overlayEditForm-content .highlight {
	color: #ff9900;
}

.overlayEditForm-content fieldset {
	padding: 10px;
	margin: 20px 5%;
	display: block;
	width: 40%;
	transition: 0.3s;
	border-top:1px solid #666!important;

	display:inline-block;
	float:left;
}

.overlayEditForm-content legend {
	padding: 10px;
	font-size: 16px!important;
	color: #ccc;
}

.overlayEditForm-content div.edit-data {
	padding: 12px;
	margin: 10px auto;
	text-decoration: none;
	font-size: 28px!important;
	color: #ccc;
	display: block;
	width: 60%;
	transition: 0.3s;
}

.overlayEditForm-content input {
	padding: 8px;
	margin: 10px auto;
	text-decoration: none;
	font-size: 24px!important;
	color: #303030;
	display: block;
	width: 100%;
	transition: 0.3s;
}

.overlayEditForm-content textarea {
	padding: 8px;
	margin: 10px auto;
	text-decoration: none;
	font-size: 20px!important;
	color: #303030;
	display: block;
	width: 100%;
	transition: 0.3s;
}

.overlayEditForm-content .btn {
	padding: 14px 22px;
	margin: 10px;
	text-decoration: none;
	font-size: 22px!important;
	display: inline-block;
}



.overlayEditForm-content a:hover, .overlayEditForm-content a:focus {
	color: #f1f1f1;
}

.overlayEditForm-content .closebtn {
	position: absolute;
	top: 45px;
	right: 45px;
	font-size: 100px;
}


.overlayEditForm .overlayEditForm-data {
	width: 100%;
	margin:100px auto;
	padding:0.5em 0;
	border-top:1px solid #666666;
}

.overlayEditForm .overlayEditForm-data * {
	color:#eeeeee;
	font-size: 0.875rem;
}
/* end overlay */
 
 
#body_cont_main section {
	width: 100%;
	padding: 1.5em 0;
	/* border:1px solid #0a27a5; */
	border:0px solid #0a27a5;
}





/* Social buttons */


.bgcolor-google
{
	background-color:#dd4b39!important;
}
.bgcolor-facebook
{
	background-color:#3b5998!important
}
.bgcolor-live
{
	background-color:#007DC5!important
}
.bgcolor-twitter
{
	background-color:#00aced!important
}
.bgcolor-linkedin
{
	background-color:#007bb6!important
}
.bgcolor-yahoo
{
	background-color:#720e9e!important
}
.bgcolor-pinterest
{
	background-color:#CB2027!important
}
.bgcolor-instagram
{
	background-color:#405de6!important
}
.bgcolor-youtube
{
	background-color:#CC181E!important;
}
.bgcolor-github
{
	background-color:#262626!important;
}

.sso-login-btn
{
	opacity:1!important;
	border-bottom:2px solid transparent!important;
}
.sso-login-btn:hover
{
	opacity:1!important;
	border-bottom:2px solid #ffffff!important;
}
.sso-login-btn .label
{
	color:#fff!important;
	opacity:0.75;
}

.sso-login-btn:hover .label
{
	opacity:1!important;
	color:#fff!important;
}


/* end checkout cornerFlat */



/* base styling class */
.padding-0{padding:0px!important }
.padding-3{	padding:3px}
.padding-5{	padding:5px}
.padding-10{padding:.625em}
.padding-top-10{padding-top:.625em}
.padding-bot-10{padding-bottom:.625em}

.padding-20 {padding: 0.75em;}
.padding-30{padding:2em}

.padding-left-5{padding-left:3px}
.padding-left-10{padding-left:5px}
.padding-left-30{padding-left:2em}

.padding-right-5{padding-right:3px}
.padding-right-10{padding-right:5px}
.padding-right-30{padding-right:2em}

.padding-left-30{padding-left:2em}
.padding-right-30{padding-right:2em}
.padding-top-30{padding-top:2em}
.padding-bot-30{padding-bottom:2em}
.padding-top-45{padding-top:3em}
.padding-bot-45{padding-bottom:3em}
.padding-top-60{padding-top:4em}
.padding-bot-60{padding-bottom:4em}

.padding-vertical-5{padding:5px 0}
.padding-vertical-10{padding:.625em 0}
.padding-vertical-30{padding:2em 0}
.padding-horizontal-10{padding-left:0.625em; padding-right:0.625em}
.padding-horizontal-30{padding-left:2em; padding-right:2em}
.table-padding-2 td{ padding:2px}
.table-padding-3 td{ padding:3px}
.table-padding-5 td{ padding:5px}
.table-padding-10 td{padding:10px}

.margin-0{	margin:0px}
.margin-top-0{margin-top:0px!important }
.margin-bot-0{margin-bottom:0px}

.margin-5{margin:3px}
.margin-left-5{margin-left:3px}
.margin-right-5{margin-right:3px}
.margin-top-5{margin-top:3px}
.margin-bot-5{margin-bottom:3px}
.margin-vertical-5{margin:3px 0}

.margin-10{	margin:.625em}
.margin-left-10{margin-left:.625em}
.margin-right-10{margin-right:.625em}
.margin-top-10{margin-top:.625em}
.margin-bot-10{margin-bottom:.625em}

.margin-30{margin:2em}
.margin-left-30{margin-left:2em}
.margin-top-30{margin-top:2em}
.margin-bot-30{margin-bottom:2em}
.margin-top-60{margin-top:4em}
.margin-bot-60{margin-bottom:4em}

.margin-vertical-10{margin:0.625em 0}
.margin-vertical-30{margin:3em 0}
.margin-horizontal-10{margin:0 0.625em }
.margin-horizontal-30{margin:0 3em }

.border{border:1px solid #ccc;}
.border-top{border-top:1px solid #ccc}
.border-bottom{	border-bottom:1px solid #ccc}
.font-fff{color:#fff!important}
.font-eee{color:#eee!important}
.font-ddd{color:#ddd!important}
.font-ccc{color:#ccc!important}
.font-aaa{color:#aaa!important}
.font-999{color:#999!important}
.font-888{color:#888!important}
.font-666{color:#666!important}
.font-333{color:#333!important}
.font-yellow{color:#fc0!important}
.font-green{color:#093!important}
.font-blue{color:#0cf!important}
.font-red{color:#dc572e!important}
.font-000{color:#000!important}

.justify { text-align: justify; }

.text-strike{text-decoration:line-through}
.text-center{text-align:center}
.text-right{text-align:right}
.float-right{float:right;}
.base-padding-top{padding-top:7em}
.hero{height:30em}
.display-none{display:none;} /* do not add !important becouse jquery .show() wont work! */
.bg-cover{background-size:cover;}
.bold{font-weight:700;}
.font-300 {font-weight:300;}
.text-small,
table.text-small *{font-size:0.875rem;}
.text-big {font-size:1.5rem; line-height:1.25em;}
.text-double{font-size:2rem; line-height:1.15em;}
.text-yellow-bg{background:#fcc}

.cursor-pointer {cursor: pointer;}

.cover{background-size:cover!important; background-position:center 25%!important }

.contain{
background-size:contain!important;
background-position:50% 20% !important;
background-size:90% !important;
background-repeat:no-repeat !important;
}


.light-25{opacity:0.25;}
.light {opacity: 0.5;}
.light-75{opacity:0.75;}



/* Colors */

.bgcolor-fff{background-color:#fff;}
.bgcolor-eee{background-color:#eee;}
.bgcolor-ccc{background-color:#ccc;}
.bgcolor-999{background-color:#999;}
.bgcolor-666{background-color:#666;}
.bgcolor-333{background-color:#333;}
.bgcolor-202020{background-color:#202020;}
.bgcolor-000{background-color:#000;}

.bgcolor-transparent{background-color:transparent;}
.bgcolor-yellow{background-color:#ffcc00;}
.bgcolor-green{background-color:#109a27;}
.bgcolor-blue{background-color:#0072c3;}
.bgcolor-pink{background-color:#EE88CD;}

.bgcolor-catalog{ background-color:rgba(255,255,255, 0.35)!important}
.bgcolor-sale{ background-color:#FEEA3A!important}
.bgcolor-outlet{ background-color:#F34235!important}
.bgcolor-in-stock{ background-color:#4BAE4F!important}

.bgcolor-status-in-stock{ background-color:#E6F8DE!important}
.bgcolor-status-out-of-stock{ background-color:#F0E0E0!important}
.bgcolor-status-add{ background-color:#E6F8DE!important}
.bgcolor-status-reduce{ background-color:#F0E0E0!important}
.bgcolor-status-highlight{ background-color:#FFEFBF!important}

.bgcolor-closed{ background-color:#b01a40!important}
.bgcolor-out-of-stock{ background-color:#FFDC73!important}
.bgcolor-ask-availability{ background-color:#666666!important}
.bgcolor-showcase{ background-color:#FF4CD2!important}

.bgcolor-highlight-yellow{ background-color:#ffe!important; }
.bgcolor-highlight-green{
	background-color:#E6F8DE!important;
}
.bgcolor-highlight-red{background-color:#fcc!important;
}

/* Table cell bg-colors */
.bg-rgba-red {background: rgba(243, 67, 54, 1) }
.bg-rgba-red-10 {background: rgba(243, 67, 54, 0.1) }
.bg-rgba-red-20 {background: rgba(243, 67, 54, 0.2) }
.bg-rgba-red-30 {background: rgba(243, 67, 54, 0.3) }
.bg-rgba-red-40 {background: rgba(243, 67, 54, 0.4) }
.bg-rgba-red-50 {background: rgba(243, 67, 54, 0.5) }
.bg-rgba-red-60 {background: rgba(243, 67, 54, 0.6) }
.bg-rgba-red-70 {background: rgba(243, 67, 54, 0.7) }
.bg-rgba-red-80 {background: rgba(243, 67, 54, 0.8) }
.bg-rgba-red-90 {background: rgba(243, 67, 54, 0.9) }

.bg-rgba-green {background: rgba(76, 174, 80, 1) }
.bg-rgba-green-10 {background: rgba(76, 174, 80, 0.1) }
.bg-rgba-green-20 {background: rgba(76, 174, 80, 0.2) }
.bg-rgba-green-30 {background: rgba(76, 174, 80, 0.3) }
.bg-rgba-green-40 {background: rgba(76, 174, 80, 0.4) }
.bg-rgba-green-50 {background: rgba(76, 174, 80, 0.5) }
.bg-rgba-green-60 {background: rgba(76, 174, 80, 0.6) }
.bg-rgba-green-70 {background: rgba(76, 174, 80, 0.7) }
.bg-rgba-green-80 {background: rgba(76, 174, 80, 0.8) }
.bg-rgba-green-90 {background: rgba(76, 174, 80, 0.9) }

.bg-rgba-yellow {background: rgba(254, 192, 7, 1) }
.bg-rgba-yellow-10 {background: rgba(254, 192, 7, 0.1) }
.bg-rgba-yellow-20 {background: rgba(254, 192, 7, 0.2) }
.bg-rgba-yellow-30 {background: rgba(254, 192, 7, 0.3) }
.bg-rgba-yellow-40 {background: rgba(254, 192, 7, 0.4) }
.bg-rgba-yellow-50 {background: rgba(254, 192, 7, 0.5) }
.bg-rgba-yellow-60 {background: rgba(254, 192, 7, 0.6) }
.bg-rgba-yellow-70 {background: rgba(254, 192, 7, 0.7) }
.bg-rgba-yellow-80 {background: rgba(254, 192, 7, 0.8) }
.bg-rgba-yellow-90 {background: rgba(254, 192, 7, 0.9) }

.bg-rgba-fff-10 { background-color: rgba(255, 255, 255, 0.1); }
.bg-rgba-fff-20 { background-color: rgba(255, 255, 255, 0.2); }
.bg-rgba-fff-30 { background-color: rgba(255, 255, 255, 0.3); }
.bg-rgba-fff-40 { background-color: rgba(255, 255, 255, 0.4); }
.bg-rgba-fff-50 { background-color: rgba(255, 255, 255, 0.5); }
.bg-rgba-fff-60 { background-color: rgba(255, 255, 255, 0.6); }
.bg-rgba-fff-70 { background-color: rgba(255, 255, 255, 0.7); }
.bg-rgba-fff-80 { background-color: rgba(255, 255, 255, 0.8); }
.bg-rgba-fff-90 { background-color: rgba(255, 255, 255, 0.9); }

.bg-rgba-000-10 { background-color: rgba(0, 0, 0, 0.1); }
.bg-rgba-000-20 { background-color: rgba(0, 0, 0, 0.2); }
.bg-rgba-000-30 { background-color: rgba(0, 0, 0, 0.3); }
.bg-rgba-000-40 { background-color: rgba(0, 0, 0, 0.4); }
.bg-rgba-000-50 { background-color: rgba(0, 0, 0, 0.5); }
.bg-rgba-000-60 { background-color: rgba(0, 0, 0, 0.6); }
.bg-rgba-000-70 { background-color: rgba(0, 0, 0, 0.7); }
.bg-rgba-000-80 { background-color: rgba(0, 0, 0, 0.8); }
.bg-rgba-000-90 { background-color: rgba(0, 0, 0, 0.9); }

/* end Colors */

 

@media only screen and (max-width: 1025px) {

	.toast-top{
		left:20%;
		width:60%;
	}

	 
	#body_cont_main section {
		padding: 1.5em 0;
		/* border:1px solid #cc0000; */
	}

	.tablet-vh-10{ height:10vh;}
	.tablet-vh-15{ height:15vh;}
	.tablet-vh-20{ height:20vh;}
	.tablet-vh-25{ height:25vh;}
	.tablet-vh-30{ height:30vh;}
	.tablet-vh-33{ height:33.3vh;}
	.tablet-vh-40{ height:40vh;}
	.tablet-vh-50{ height:50vh;}
	.tablet-vh-60{ height:60vh;}
	.tablet-vh-66{ height:66.6vh;}
	.tablet-vh-70{ height:70vh;}
	.tablet-vh-75{ height:75vh;}
	.tablet-vh-80{ height:80vh;}
	.tablet-vh-85{ height:85vh;}
	.tablet-vh-90{ height:90vh;}
    .tablet-vh-100{ height:100vh;}
    

	/* tablet GRID FLEX */
	.tablet-grid-flex-24 li,
    .tablet-grid-flex-24 div.flex-item {
        flex-basis: 24%;
    }

    .tablet-grid-flex-25 li,
    .tablet-grid-flex-25 div.flex-item {
        flex-basis: 25%;
    }

    .tablet-grid-flex-32 li,
    .tablet-grid-flex-32 div.flex-item {
        flex-basis: 32%;
        /* border: 1px solid rgb(119, 21, 21); */
        
    }

    .tablet-grid-flex-33 li,
    .tablet-grid-flex-33 div.flex-item {
        flex-basis: 33%;
    }

    .tablet-grid-flex-49 li,
    .tablet-grid-flex-49 div.flex-item {
        flex-basis: 49.5%;
    }

    .tablet-grid-flex-50 li,
    .tablet-grid-flex-50 div.flex-item {
        flex-basis: 50%;
    }

    .tablet-grid-flex-100 li,
    .tablet-grid-flex-100 div.flex-item {
        flex-basis: 100%;
	}
	/* end tablet flex */

}


@media only screen and (max-width: 641px) {


	#body_cont_main section {
		padding: 1.5em 0;
		/* border:1px solid rgb(23, 189, 32); */
	}

	.mobile-vh-10{ height:10vh;}
	.mobile-vh-15{ height:15vh;}
	.mobile-vh-20{ height:20vh;}
	.mobile-vh-25{ height:25vh;}
	.mobile-vh-30{ height:30vh;}
	.mobile-vh-33{ height:33.3vh;}
	.mobile-vh-40{ height:40vh;}
	.mobile-vh-50{ height:50vh;}
	.mobile-vh-60{ height:60vh;}
	.mobile-vh-66{ height:66.6vh;}
	.mobile-vh-70{ height:70vh;}
	.mobile-vh-75{ height:75vh;}
	.mobile-vh-80{ height:80vh;}
	.mobile-vh-85{ height:85vh;}
	.mobile-vh-90{ height:90vh;}
    .mobile-vh-100{ height:100vh;}
    


	/* mobile GRID FLEX */
    .mobile-grid-flex-24 li,
    .mobile-grid-flex-24 div.flex-item {
        flex-basis: 24%;
        border: 1px solid #FACB71;
    }

    .mobile-grid-flex-25 li,
    .mobile-grid-flex-25 div.flex-item {
        flex-basis: 33%;
        /* border: 0px solid #FACB71; */
    }

    .mobile-grid-flex-32 li,
    .mobile-grid-flex-32 div.flex-item {
        flex-basis: 32%;
        /* border: 0px solid #FACB71; */
    }

    .mobile-grid-flex-33 li,
    .mobile-grid-flex-33 div.flex-item {
        flex-basis: 33%;
        /* border: 0px solid #FACB71; */
    }

    .mobile-grid-flex-49 li,
    .mobile-grid-flex-49 div.flex-item {
        flex-basis: 49.5%;
        /* border: 0px solid #FACB71; */
    }

    .mobile-grid-flex-50 li,
    .mobile-grid-flex-50 div.flex-item {
        flex-basis: 50%;
        /* border: 0px solid #FACB71; */
    }

    .mobile-grid-flex-100 li,
    .mobile-grid-flex-100 div.flex-item {
        flex-basis: 100%;
	}	
	/* end GRID FLEX */

}