@import url('//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css');
@keyframes fade {0%   {opacity:0;}100% {opacity:1;} }
.gallery-cell {width: 100%;height: 200px; counter-increment: gallery-cell;}
.flickity-prev-next-button { opacity:.66; 	transform: translate(0,0px) scale(1.25);	z-index: 10000000000000;  	top: 340px;}
.is-pointer-down ~ .flickity-prev-next-button {opacity:1; transform: translate(0,0px) scale(1.44); z-index:1000000000000;}
.flickity-prev-next-button.previous {left:-10px; }
.flickity-prev-next-button.next {right:-10px; }
.container {margin-top: 20px;	height: 100%;	display: table; }
.is-selected { filter: alpha(opacity=100)!important;   opacity: 1!important; }
.flickity-viewport {	height: 100%!important; overflow: hidden; overflow-y: hidden; position:relative; z-index:0;  }
.navbar-brand {margin:0 auto!important; }
.container .row {position: relative;	z-index: 1000000;}
.hdn { position: absolute; left: 0; margin: 0; z-index: 100000000000000; height: 1px; max-height: 1px; overflow: hidden; border-top: 28px transparent solid; margin-top: -14px; width: 100%; }
.progress_line {transition: .36s all ease-in-out;width: 0;height: 3px;display: flex!important;position: fixed;top: 0;left: 0;background: #00e0ff7a; z-index:100000000000000}
#log { position: absolute; top: -8px; float: right; text-align: right; WIDTH: 100%; font-size: 7px; background-blend-mode: revert; opacity: .6; color: #000000c2; background: #00e0ff7a; display: block; height: 15px; font-weight: 700; padding-right: 3px; font-family: 'Poppins'; }
* {box-sizing:border-box!important;  }
.uprav {	cursor: pointer; background: #16a085; color: #ecfcff; text-shadow: 1px 1px 0 #2c3e50; font-size: 13px; text-transform: uppercase; border: 0; box-shadow: 0 8px 5px #16141163; border-radius: 3px; padding: 2px 12px;}
.detail {	box-shadow: 0 15.36px 11.896px #161411;}
[name="kategoria"] {display:none; }
.close_detail { position: fixed; z-index: 100000000; padding: 0px 0px; font-size: 13px; border-radius: 3px; top: 460px; width: 25px; height: 25px; background: #4d3446c7; border: 1px solid #a91922c4; text-align: center; right: 3px; box-shadow: 0 8px 5px #16141163; }
.close_detail svg {	width: 15px;height: 15px;opacity: .5;}
.close_detail:hover {	border: 1px solid #a91922;	background: #4d3446;box-shadow: 0 8px 5px #16141187;	transform: scale(1.2);}
.close_detail:hover svg {opacity:1}

.edit_detail { position: fixed; z-index: 100000000; padding: 0px 0px; font-size: 13px; border-radius: 3px; top: 488px; width: 25px; height: 25px; background: #27465db3; border: 1px solid #1c6b8ccc;text-align: center; right: 3px; box-shadow: 0 8px 5px #16141163; }
.edit_detail svg {	width: 15px;height: 15px;opacity: .5;}
.edit_detail:hover {	border: 1px solid #1c6b8c;	background: #27465d;box-shadow: 0 8px 5px #16141187;	transform: scale(1.2);}
.edit_detail:hover svg {opacity:1}
button, input {outline:none!important;}
form.insert_form {width: 328px; height: 40px; font-family: Poppins; font-style: normal; top: -30px; display: none; position: absolute; background: #2c3446; border-width: 1px; border-style: solid; border-color: #1a202e9c; border-image: initial; padding: 0; margin: 0px auto; box-shadow: 0 8px 5px #16141163; border-radius: 5px;}
input[name="kategoria"]+label {opacity:.3; height: 100%; margin: 0; color: #fff; font-size: 12px; width: 20%; font-weight: 300; letter-spacing: .5px; text-transform: uppercase; text-shadow: 1px 1px 0 #2c3e50; padding-top: 7px;}
input[name="kategoria"]:checked+label {opacity:1;}
input[name="kategoria"][value="1"]+label {	background-color: #4d3446;	border: 1px #a91922 solid; }
input[name="kategoria"][value="2"]+label {	background-color: #2e4a4d;	border: 1px #217f43 solid; }
input[name="kategoria"][value="3"]+label {	background-color: #27465d;	border: 1px #1c6b8c solid;}
input[name="kategoria"][value="4"]+label {  background-color: #3d4454; border: 1px #626773 solid; }
.settings {	width: 392px; height: 40px; font-family: Poppins; font-style: normal; display: block; position: fixed; background: #2c3446; border-width: 1px; border-style: solid; border-color: #1a202e9c; border-image: initial; padding: 0; margin: 0px auto; box-shadow: 0 8px 5px #16141163; border-radius: 5px; top: 488px; z-index: 10000000; right: 50px;}
.uprav {position: relative; top: 10px; color: #cbedf0; font-weight: 200; font-size: 13px; letter-spacing: .5px; font-family: 'Poppins'; z-index: 100000000; padding: 3px 0; text-transform: uppercase; background: #27465db3; border: 1px solid #16a085; text-align: center; right: 3px; box-shadow: 0 8px 5px #16141163; width: 160px; border-radius: 5px; height: 30px;}
.detail > div {border-left: .5px #041b23 solid!important;border-right: .5px #041b23 solid!important;}

.holder {max-width:337px; }

.bg-dark {	background-color: transparent!important;}
.navbar {padding:0!important;	box-sizing: border-box;	height: 100%;}
.navbar button.navbar-toggler {	right: 15px;	position: relative;}
.navbar-collapse {	position: absolute;	width: 100%;	top: 70px;}


li.nav-item:nth-child(even) {	text-align: center;background: #383F51;}
li.nav-item:nth-child(odd) {	text-align: center;	background: #333949;}




#status, #res2 {	position: fixed;	color: transparent;}
.go_detail { font-weight:100;	width: 160px;	height: 34px;	background: linear-gradient(180deg, #E83E8C 0%, #971E55 100%);	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);	border-radius: 8px;	color: white;	padding: 4px 10px 5px;}
.go_detail:hover, .close_detail2:hover {text-decoration:none;background: linear-gradient(180deg, #4989C4 0%, #185A97 100%); color:white;  }
.close_detail2 { text-decoration: none; width: 205px; height: 55px; font-weight: 500; font-size: 23px; text-align: center; letter-spacing: -0.03em; color: #FCFCFC; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.25); background: linear-gradient(180deg, #E83E8C 0%, #971E55 100%); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 8px; padding: 20px; margin: 0 auto; display: table; }
.close_detail2 small { font-size: 23px; font-weight: 200; }


#guts .wrapper {box-sizing:border-box; padding:20px; }
#guts .wrapper .where_price .suma:before, #guts .wrapper .date_count .poloziek:before {	right: 35px;}


#guts .wrapper .date_count .datum,#guts .wrapper .date_count .poloziek{width: 70%;font-weight: bold;font-size: 16px;line-height: 32px;letter-spacing: -0.02em;margin-top: -20px !important;}
#guts .items {	border-color: #16a085;border-style: solid;border-width: 0px 1px 0 1px;padding: 0!important;}
.items .item:last-child {	border-radius: 0 5px 5px 0; border-bottom:1px #16a085 solid;}
.check .result .items {	padding: 20px 0 30px 0 !important;}
#guts .check .items {padding: 20px 0 30px 0 !important;}


.close_detail.single_item {position: relative;margin: 0 auto;width: 100px;padding: 0;top: 60px;display: table;transform: scale(1.35);}


.poznamka {	background: #1a2631; 
     padding: 15px; font-weight: 200; font-family: 'Poppins'; letter-spacing: .5px; color: rgba(255,255,255,.65);}