.dotweb-top-button, .dotweb-top-button2 {
	color: white;
	border: 2px solid #f90631;
	transition: border 0.3s, color 0.4s, background 0.5s, border-radius 0.3s;
	background-color: #f90631;
	border-radius: 1.25rem !important;
}

.dotweb-top-button2 {
	background-color: #06adf9;
	border: 2px solid #06adf9;
}

.dotweb-top-button:hover, .dotweb-top-button2:hover {
	color: #f90631;
	transition: border 0.3s, color 0.6s ease-in, background 0.8s ease-in, border-radius 0.3s;
	border: 2px solid rgba(0,0,0,0);
	border-bottom: 2px solid #f90631;
	border-radius: 0px !important;
	background-color: transparent;
}

.dotweb-top-button:hover {
	border-bottom: 2px solid #f90631;
	color: #f90631;
}

.dotweb-top-button2:hover {
	border-bottom: 2px solid #06adf9;
	color: #06adf9;
}

.dotweb-top-button.towhite:hover, .dotweb-top-button2.towhite:hover {
	transition: border 0.3s, color 0.6s ease-in, background 0.8s ease-in, border-radius 0.3s;
	border-top: 2px solid rgba(0,0,0,0);
	border-left: 2px solid rgba(0,0,0,0);
	border-right: 2px solid rgba(0,0,0,0);
	border-radius: 0px !important;
	background-color: white;
}

#uspesny_web {
	color: #252d37;
}

#uspesny_web .cast1 P:nth-of-type(1) {
	font-size: 3rem;
	margin-top: 6rem;
	color: #f90631;
	text-shadow: 0px 3px 6px rgba(255,255,255,0.5);
}

#uspesny_web .cast1 P:nth-of-type(2) {
	font-size: 1.5rem;
	margin-right: 15%;
	margin-left: 15%;
	margin-top: 3rem;
	color: #445366;
}

#uspesny_web .cast1 P:nth-of-type(2) B {
	color: #252d37;
}

#uspesny_web .cast1 P:nth-of-type(2) B {
	font-weight: 600;
}

#uspesny_web .cast1 P:nth-of-type(2) B:nth-of-type(3) {
	font-size: 2rem;
}

#uspesny_web .cast2 {
	margin-top: 6rem;
	padding-bottom: 6rem;
}

#uspesny_web .cast2 P:nth-of-type(1), 
#uspesny_web .cast2 P:nth-of-type(2) {
	font-size: 2.5rem;
	margin: 0px;
	color: white;
	background-color: #f90631;
	display: inline-block;
	padding: 0.5rem 1rem 0px 1rem;
	line-height: 3rem;
}

#uspesny_web .cast2 P:nth-of-type(2) {
	font-size: 3rem;
	line-height: 2rem;
	font-weight: 400;
	padding: 1rem 4rem 2rem 4rem;
	line-height: 3rem;
	box-shadow: 0px 2px 3px -2px rgba(0,0,0,0.4);
}

#uspesny_web .cast2 P:nth-of-type(3) {
	font-size: 2.5rem;
	margin: 0px;
	color: white;
	background-color: #05d049;
	display: inline-block;
	padding: 1rem 3rem 1rem 3rem;
	line-height: 3rem;
	font-weight: 600;
	position:relative;
	top: -8px;
	-webkit-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
	box-shadow: 0px 2px 3px -2px rgba(0,0,0,0.4);
}

#nasich_12_rad_ako_vylepsit_svoj_web .cast1 P:nth-of-type(1) {
	font-size: 2.5rem;
	margin: 0px;
	color: white;
	background-color: #252d37;
	display: inline-block;
	padding: 0.5rem 1rem 0.5rem 1rem;
	line-height: 3rem;
	border-radius: 15px;
}

#nasich_12_rad_ako_vylepsit_svoj_web .cast1 P:nth-of-type(2) {
	max-width: 600px;
	padding-top: 1rem;
	color: #252d37;
	font-size: 1.2rem;
	margin:auto;
}

#nasich_12_rad_ako_vylepsit_svoj_web .cast1 > DIV:nth-of-type(1) {
	margin:auto;
	line-height: 3rem;
}

#nasich_12_rad_ako_vylepsit_svoj_web .cast1 > DIV DIV.btn, #nasich_12_rad_ako_vylepsit_svoj_web .cast1 > DIV INPUT {
	margin-top: 1.3rem;
}

#nasich_12_rad_ako_vylepsit_svoj_web .cast1 input {
	height: 4rem;
	font-size: 1.3rem;
	max-width: 98%;
	text-align: center;
}

#nasich_12_rad_ako_vylepsit_svoj_web .cast1 {
	padding-bottom: 6rem;
	padding-top: 4rem;
}

#nasich_12_rad_ako_vylepsit_svoj_web .cast1 DIV:nth-of-type(1) INPUT {
	width: 500px;
}

#obsah_je_kral .cast3 {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

#obsah_je_kral .obsah_je_kral, #obsah_je_kral .navstevnost_je_kralovna, #obsah_je_kral .pesiak_weby {
	margin-top: 3rem;
	font-size: 1.3rem;
}

#obsah_je_kral .obsah_je_kral P, #obsah_je_kral .navstevnost_je_kralovna P, #obsah_je_kral .pesiak_weby P {
	padding: 1rem;
	background-color: rgba(31,39,50,0.8);
	color: white;
	margin-right: 10%;
	margin-left: 10%;
}

@media only screen and (max-width: 1024px) {
	#obsah_je_kral .obsah_je_kral P, #obsah_je_kral .navstevnost_je_kralovna P, #obsah_je_kral .pesiak_weby P {
		margin-right: 3%;
		margin-left: 3%;
	}
}

#obsah_je_kral .obsah_je_kral P B, #obsah_je_kral .navstevnost_je_kralovna P B, #obsah_je_kral .pesiak_weby P B {
	font-weight: 600;
	font-size: 1.6rem;
	white-space: nowrap;
}

#obsah_je_kral .obsah_je_kral IMG, #obsah_je_kral .navstevnost_je_kralovna IMG, #obsah_je_kral .pesiak_weby IMG {
	position: relative;
	top: 1rem;
	z-index: 9;
	max-height: 20vh;
	margin: auto;	
	padding: 1rem;
	border-radius: 1rem;
	transition: top 0.2s, background 0.4s ease-out;
}

#obsah_je_kral .pesiak_weby IMG {
	max-height: 15vh;
	transition: top 0.8s, transform 0.4s;
}

#obsah_je_kral .obsah_je_kral:hover IMG, #obsah_je_kral .navstevnost_je_kralovna:hover IMG {
	top: 0.5rem;
	transition: top 0.8s, background 0.3s ease-out;
	background-color: white;
}

#obsah_je_kral .pesiak_weby:hover IMG {
	transition: top 0.4s, transform 0.2s ease-in;
	top: 2.5rem;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

#obsah_je_kral .obsah_je_kral H2, #obsah_je_kral .navstevnost_je_kralovna H2, #obsah_je_kral .pesiak_weby H2 {
	transition: background 0.6s ease-out, color 0.4s ease-in;
	z-index:8;
	font-size: 2.5rem;
	margin: 0px;
	color: #252d37;
	background-color: white;
	display: inline-block;
	padding: 1rem 3rem 1rem 3rem;
	line-height: 3rem;
	font-weight: 600;
	position:relative;
	top: -8px;
	/*-webkit-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);*/
	box-shadow: 0px 2px 3px -2px rgba(0,0,0,0.4);
}

#obsah_je_kral .obsah_je_kral:hover H2 {
	transition: background 0.2s ease-out, color 0.2s ease-in;
}

#footer1 {
	font-size: 1.1rem;
	text-align: center;
	color: white;
	background-image: none;
}

#footer1 > DIV > DIV.dot-img-icon-footerlogo {
	margin:auto;position: relative; z-index:8; top: -64px;
}

#footer1 > DIV > DIV.col-12 {
	position: relative;z-index:8; top: -64px;
}

#footer1 .firma B {
	font-weight: 600;
	color: #ff497c;
}

#footer1 .kontakty {
	color: #ff497c;
}

#footer1 .kontakty B {
	font-weight: 600;
	color: white;
}

#footer2 {
	font-size: 1rem;
	text-align: center;
	color: white;
	background-color: black;
	height: 5rem;
	line-height: 5rem;
	min-height: 5rem !important;
}



/* VELKOST PISMA NA MOBILOCH */

@media only screen and (max-width: 768px) {
	#uspesny_web .cast1 P:nth-of-type(1) {
		font-size: 2.5rem;
	}

	#uspesny_web .cast2 P:nth-of-type(1) {
		font-size: 2rem;
		line-height: 2.5rem;
	}

	#uspesny_web .cast2 P:nth-of-type(2) {
		font-size: 2.5rem;
		line-height: 2.5rem;
	}

	#uspesny_web .cast2 P:nth-of-type(3) {
		font-size: 2rem;
		line-height: 2.5rem;
	}

	#obsah_je_kral .obsah_je_kral H3, #obsah_je_kral .navstevnost_je_kralovna H3, #obsah_je_kral .pesiak_weby H3 {
		font-size: 2rem;
		line-height: 2.5rem;
	}
	
	#obsah_je_kral .obsah_je_kral P B, #obsah_je_kral .navstevnost_je_kralovna P B, #obsah_je_kral .pesiak_weby P B {
		white-space: pre-wrap;
	}
	
	#uspesny_web .cast3 P:nth-of-type(2) {
		max-width: 98vw;
	}
	
	#uspesny_web .cast3 DIV:nth-of-type(1) {
		max-width: 98vw;
	}
	
	#uspesny_web .cast3 DIV:nth-of-type(1) INPUT {
		width: 98%;
	}
}

.kalendar-mesiace {
	display: table;
	width: 100%;
}

.kalendar-mesiace .k-row {
	display: table-row;
}

.kalendar-mesiace .k-row.dni .k-col {
	font-weight: bold;
}

.kalendarmesiacrok {
	border-bottom: 1px solid #ebedf2;
	padding-bottom: 25px;
	font-size: 20px;
	line-height: 28px;
	font-weight: bold;
}

.kalendar-mesiace .k-row .k-col {
	width: 13.2857%;
	height: 50px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.kalendar-mesiace .k-row .k-col SPAN {
	width: 90%;
	height: 90%;
	line-height: 90%;
	margin: auto;
	border: 1px solid #bfbfbf;
	display: table;
	text-align: center;
	border-radius: 3px;
	}

.kalendar-mesiace .k-row .k-col SPAN P {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.kalendar-mesiace .k-row .k-col.ok SPAN {
	border: 1px solid #4d6619;
	background-color: #6b8e23;
}

.kalendar-mesiace .k-row .k-col.ok:hover SPAN {
	background-color: #80aa2a;
	cursor: pointer;
}

.kalendar-mesiace .k-row .k-col.selected SPAN {
	border: 1px solid #2f587b !important;
	background-color: #4682b4 !important;
}

.kalendar-mesiace .k-row .k-col.selected:hover SPAN {
	background-color: #5e93c1 !important;
	cursor: pointer;
}

.kalendar-mesiace .k-row .k-col.ok SPAN P, .kalendar-mesiace .k-row .k-col.selected SPAN P {
	color: white;
	font-weight: bold;
}

.kalendar-mesiace .k-row .k-col SPAN P {
	color: #151515;
}

.kalendar-mesiace .k-row .k-col.anotherm SPAN P {
	color: #bfbfbf;
}

.kalendar-mesiace .k-row .k-col.gray SPAN P {
	color: #828282;
}

#stk_typ_kontroly {
	
}

.kalendar-mesiace .k-row.dni .k-col {
	font-weight: bold;
	font-size: 15px;
}

.kalendar-mesiace .k-row.dnihodiny .k-col {
	font-weight: bold;
	height: 20px;
	font-size: 15px;
}

.kalendar-mesiace .k-row.dnihodinycisladni .k-col {
	font-size: 12px;
	height: 20px;
}

.ptop15 {
	padding-top: 15px;
}

#stk-kalendar-udaje INPUT, #stk-kalendar-udaje SELECT {
	width: 100%;
}

.top_oddelovac {
	border-top: 1px solid #ebedf2;
	padding-top: 15px;
	text-align: center;
}

.error_value {
	border: 1px solid #f90631 !important;
}

.error_value_txt {
	color: #f90631;
}

.smskod {
	margin-top: 15px;
}

#modal_status_txt {
	margin-top: 15px;
	font-weight: bold;
	color: #f90631;
}

.objednavka-item {
	padding: 10px;
	border: 1px solid #dcdcdc;
	border-bottom: 4px solid #353535;
	
}

.objednavka-item.status1 {
	border-left: 5px solid #00a651;
}

.objednavka-item.status2 {
	border-left: 5px solid #ffc102;
}

.objednavka-item.status3 {
	border-left: 5px solid #da2839;
}

.objednavka-item .sstatus1 {
	padding: 10px; border-radius: 5px;
	background-color: #00a651;
	margin-bottom: 15px;
	color: white;
	text-align: center;
	font-weight: bold;
}

.objednavka-item .sstatus2 {
	padding: 10px; border-radius: 5px;
	background-color: #ffc102;
	margin-bottom: 15px;
	text-align: center;
	font-weight: bold;
}

.objednavka-item .sstatus3 {
	padding: 10px; border-radius: 5px;
	background-color: #da2839;
	margin-bottom: 15px;
	color: white;
	text-align: center;
	font-weight: bold;
}

.objednavka-item .sstatus4 {
	padding: 10px; border-radius: 5px;
	background-color: #6a5acd;
	margin-bottom: 15px;
	color: white;
	text-align: center;
	font-weight: bold;
}

.objednavka-item:hover {
	border-top: 1px solid #353535;
	border-right: 1px solid #353535;
}

.objednavka-item .informacie {
	padding: 5px;
	background-color: #eaeaea;
	border: 1px solid #eaeaea;
}

.objednavka-cast2 {
	border-top: 1px solid #eaeaea;
	padding-top: 15px;
}

.objednavka-cast4 {
	border-top: 1px solid #eaeaea;
	padding-top: 15px;
}

.objednavka-cast5 {
	border-top: 3px solid #6b8e23;
	padding-top: 15px;
	background-color: #ddeebb;
	padding-bottom: 15px;
}

.objednavka-cast5prep {
	border-top: 1px solid #6b8e23;
	padding-top: 15px;
}

.objednavka-cast5 .nadpis {
	padding-bottom: 15px;
}

.kalendar_den {
	border: 1px solid #333333;
	border-radius: 5px;
	margin-bottom: 15px;
}

.kalendar_den .nazov_dna {
	padding-bottom: 10px;
	padding-top: 10px;
	font-weight: bold;
	font-size: 16px;
	background-color: #333333;
	color: white;
}

.kalendar_den .kalendar_hlavicka {
	padding-bottom: 10px;
	padding-top: 10px;
	background-color: #6a6a6a;
	color: white;
	font-weight: bold;
}

.kalendar_den DIV.konkretny_cas {
	padding-bottom: 10px;
	padding-top: 10px;
	border-top: 1px solid #333333;
	vertical-align: middle;
}

.kalendar_den DIV.konkretny_cas:nth-child(2n) {
	background-color: #d1e9f0;	
}

.kalendar_auto {
	display:inline-block;
	margin-bottom: 5px;
	margin-right: 10px;
	padding: 5px;
	border: 1px solid #333333;
	border-radius: 5px;
}

.kalendar_auto B {
	font-weight: bold;
}

.kalendar_auto .ek, .kalendar_auto .tk, .kalendar_auto .ak, .kalendar_auto .ko, .kalendar_auto .br, .kalendar_auto .em {
	padding: 2px;
	padding-right: 5px;
	padding-left: 5px;
	border: 1px solid #333333;
	background-color: #333333;
	border-radius: 10px;
	color: white;
}

.kalendar_auto .ek {
	border: 1px solid #6b8e23;
	background-color: #6b8e23;
}

.kalendar_auto .tk {
	border: 1px solid #b22222;
	background-color: #b22222;
}

.kalendar_auto .ko {
	border: 1px solid #00008b;
	background-color: #00008b;
}

.kalendar_auto .ak {
	border: 1px solid #7b68ee;
	background-color: #7b68ee;
}

.kalendar_auto .em, .kalendar_auto .br {
	border: 1px solid #708090;
	background-color: #708090;
}

.row.prep1>DIV {
	padding-bottom: 15px;
}

.objednavka-cast5 .nadpis B {
	font-weight: bold;
	font-size: 16px;
}

.objednavka-item B.popis {
	width: 90%;
	height: 40px;
	font-size: 16px;
	line-height: 40px;
}

.objednavka-item B.popis.poradie {
	width: auto;
	background-color: #353535;
	color: white;
	padding: 0px;
	border: 1px solid #353535;
	border-radius: 50%;
	min-width: 40px;
	text-align: center;
	display: inline-block;
}

.objednavka-item B.nadpis {
	width: 90%;
	font-size: 16px;
}

.objednavka-item B.popis2 {
	width: 90%;
	font-size: 14px;
	font-weight: bold;
	color: #646464;
}

.objednavka-item B.nadpis2 {
	width: 90%;
	font-size: 12px;
	color: #353535;
}

.upozornenie_obal B {
	font-weight: 600;
}

.upozornenie_obal {
	border: 1px solid #6a6a6a;
	background-color: #f4f4f4;
	border-radius: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.upozornenie_obal.nove {
	border: 1px solid #6b8e23;
	background-color: #ddeebb;
}

.dlazdica {
	width: 100%;
	height: 100px;
	line-height: 100px;
	border-radius: 15px;
	border: 1px solid #dcdcdc;
	text-align: center;
	cursor: pointer;
	background-color: #111111;
	color: white;
	margin-top: 15px;
	display: block;
}

.dlazdica:hover {
	background-color:#2380de;
	color: white;
}

.dlazdica I {
	font-weight: 600;
	font-size: 25px;
	padding-right: 10px;
}

.dlazdica SPAN {
	font-size: 25px;
}

.zakaznik_hlavicka {
	border-bottom: 2px solid #111111;
	padding-bottom: 10px;
	padding-top: 10px;
}

.zakaznik_hlavicka B {
	font-weight: 900;
}

.zakaznik > DIV {
	height: 40px;
	line-height: 40px;
}

.zakaznik {
	border-bottom: 1px solid #111111;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-top: 15px;
}

.zakaznik.po_termine {
	background-color: #696969;
	color: white;
}

.zakaznik.gray {
	background-color: #9370db;
	color: white;
}

[hidethis="1"] {
	display:none;
}

.prijem_text {
	height: 40px;
	border: 2px solid #111111;
}

.prijem_text:active {
	height: 40px;
	border: 2px solid #111111;
}

.headcaka {
	background-color: #111111;
}

.headhotovo {
	background-color: #6b8e23;
}

.headmodra {
	background-color: #2380de;
}

.kontrola.sluzba {
}

.kontrola.sluzba > .row {
	border: 1px solid #d5d5d5;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 10px;
	margin-left: -5px;
	margin-right: -5px;
	margin-bottom: 15px;
}

.kontrola.sluzba .row > .nadpis {
	font-weight: 600;
	margin-bottom: 10px;
}

.kontrola.sluzba .row > .hodnota {
	margin-bottom: 10px;
}

.kontrola.sluzba .row > .hodnota .dot-checkbox {
	font-size: 14px;
}

.kontrola.sluzba.tk > .row {
	border-left: 3px solid red;
}

.kontrola.sluzba.ek > .row {
	border-left: 3px solid #00ff02;
}

.kontrola.sluzba.ko > .row {
	border-left: 3px solid blue;
}

.kontrola.sluzba.ak > .row {
	border-left: 3px solid fuchsia;
}

.kontrola.sluzba.brzdy > .row {
	border-left: 3px solid #ef7510;
}

.kontrola.sluzba.emisie > .row {
	border-left: 3px solid #ffd700;
}

.kontrola-head H3 {
	font-size: 22px;
}

.kontrola-head I {
	font-size: 25px;
	margin-right: 20px;
}

.kontrola-head.caka I, .kontrola-head.caka H3 {
	color: white;
}

.kontrola-head.hotovo I, .kontrola-head.hotovo H3 {
	color: white;
}

.poradie_spz {
	margin-bottom: 15px;
}

.poradie_spz SPAN {
	background-color: #dcdcdc;
	color: #111111;
	margin: auto;
	width: 60%;
	display: block;
	height: 40px;
	font-size: 18px;
	font-weight: 600;
	line-height: 40px;
}

.poradie_spz.prvy SPAN {
	background-color: #2380de;
	color: white;
	margin: auto;
	width: 80%;
	display: block;
	height: 60px;
	font-size: 20px;
	font-weight: 600;
	line-height: 60px;
}

.aktualizacia {
	margin-top: 20px;
	background-color: #dcdcdc;
	color: #111111;
	padding-top: 10px;
	padding-bottom: 10px;
}

.premenne {
	background-color: #111111;
	color: white;
	margin-bottom: 20px;
	border-radius: 10px;
	padding: 10px;
	width: 100%;
	display: block;
}

.premenne B {
	font-weight: 600;
}

.cas_novy {
	background-color: #111111;
	margin-top: 15px;
	color: white;
}

.cas_novy .obal {
	padding: 10px;
}

.cas_riadok {
	padding-top: 7px;
	padding-bottom: 7px;
}

.cas_riadok:hover {
	background-color: #eaeaea;
}

.uzivatelia_hlavicka {
	padding-bottom: 5px;
	padding-top: 5px;
	background-color: #111111;
	color: white;
	margin-bottom: 10px;
	font-weight: bold;
}

.uprava_uzivatela B {
	font-weight: 900;
	margin-bottom: 10px !important;
	display: inline-block;
}

.hore_ciarka {
	border-top: 1px solid black;
	border-radius: 0px;
	background-color: #ccd3dd;
}

[hide="hide"] {
	display:none;
}

.trvanie_kontroly {
	background-color: #111111;
	padding: 10px;
	color: white;
}

.trvanie_kontroly B {
	font-weight: 900;
}

#tabulkovisko {
	min-height: 0;
	margin: 0px;
	padding: 0px;
	display: block;
	min-width: 30vw;
	max-width: 90vw;
	overflow-x: scroll;
	padding-bottom: 30px;
}

TABULKA {
	display: table;
}

TABULKA > HLAVICKA, TABULKA > RIADOK {
	display: table-row;
}

TABULKA > HLAVICKA {
	background-color: #252d37;
	color: white;
}

TABULKA > RIADOK:nth-child(odd) {
	background-color: #ccd3dd;
}
TABULKA > HLAVICKA > POLOZKA, TABULKA > RIADOK > POLOZKA {
	display: table-cell;
	padding: 8px;
	vertical-align: middle;
	text-align:center;
	margin-right: 10px;
}

TABULKA > HLAVICKA > POLOZKA.tleft, TABULKA > RIADOK > POLOZKA.tleft {
	text-align: left;
}

TABULKA > HLAVICKA > POLOZKA {
	font-weight: bold;	
}

TABULKA > RIADOK > POLOZKA {
	
}

/* CSS trieda pre sticky filter v kalendári objednávok */
.calendar-filter-sticky {
	position: sticky;
	top: 65px; /* Offset pre fixed navbar (60px min-height + 20px padding) */
	z-index: 100;
	background: white;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
}