@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext,vietnamese');
/*
thin 100
thin 100 Italic
extra-light 200
extra-light 200 Italic
light 300
light 300 Italic
regular 400
regular 400 Italic 
medium 500
medium 500 Italic
semi-bold 600
semi-bold 600 Italic
bold 700
bold 700 Italic 
extra-bold 800
extra-bold 800 Italic
black 900 
black 900 Italic
*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover, 
select:-webkit-autofill:focus {
 
  -webkit-text-fill-color: #626670;
  -webkit-box-shadow: none;
  transition: background-color 5000s ease-in-out 0s;
}

#bad_browser{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgb(230,230,255);
	border: 5px solid black;
}

.nova{ background-color: #45b752; color:#fff; text-decoration:none; height:34px; padding:0 12px; display:inline-block; line-height:34px; font-size:14px; margin-left:20px;}
#obsah header.dalsi{ margin-top:30px;}
.strukturaZaznam{ cursor:pointer;}
#prihlaseni_box input#gogo{ display:block; margin:0 auto; width:180px; height:45px; background-color:#626670; color:#fff; border:none; cursor:pointer;}
#login_page{ width:100%; height:100%; display:block;}
#login_page form{ float:right; width:100%; height:100%; display:block; background-color:#fff; position:absolute; right:0; top:0; background-color:#000; background-image:url(../img/fontana.jpg); background-position:center; background-size:cover;}
#prihlaseni_box{ position:relative; margin:0 auto; top:0; display:block; max-width:500px;background-color:rgba(255,255,255,0.6); padding:40px; border-radius:20px; top:20%;}
#prihlaseni_box label{ font-size:28px; display:block; margin-bottom:10px;}
#prihlaseni_box input{display:block; background-color:transparent; border:none; margin-bottom:20px; border-bottom:2px solid #e1e1e1; width:100%; padding:12px; font-size:15px; color:#626670; }

/* DEFINE */
header a img.flags{ max-width: 40px; margin: 0 5px;}
*{ margin:0; padding:0; box-sizing:border-box; outline:none;}
.setseo{ display:block; padding:10px; text-decoration:none; color:#3C4659;}
.setseo:hover{ text-decoration:underline;}

.user_box{ float:right; position:absolute; top:5px; right:20px; cursor:pointer;}
.user_box img{ width:40px; height:40px; display:block; border-radius:50px;}

.moznosti_user{ position:absolute; top:50px; right:0px; width:240px; padding:20px; background-color:#fff; box-shadow:0px 0px 20px rgba(0,0,0,0.4); display:none; z-index:99;}
.moznosti_user.open{ display:block;}
.moznosti_user a{ display:block; padding:10px; text-decoration:none; color:#3C4659;}
.moznosti_user a:hover{ text-decoration:underline;}
.reporting img{ display:block; width:30px; height:auto;}
html{ margin:0; padding:0; background-color:#eef1f5; width:100%; height:100%;}
body{ margin:0; padding:0; background-color:#eef1f5; width:100%; height:auto;font-family: 'Montserrat', sans-serif; color:#626670;}
#obsah{ padding-left:260px; padding-top:20px; display:inline-block; width:100%;padding-right: 20px;}
#obsah header{ margin-bottom:20px; display:block;}
.float{ width:100%; display:inline-block;}
.white{ width:100%; display:inline-block; padding:20px; background-color:#FFF;}
header h1{ display:inline-block;}
header a.new{ font-size: 13px; background-image: url(../img/novy.svg); background-position: left+10px center; height: 30px; text-decoration: none; color: #fff;  background-color: #45b752; line-height: 30px; padding: 0 10px 0 35px; display: inline-block; background-size: 15px 15px; border-radius: 1px; margin-left: 15px; position: relative;top: -4px;cursor: pointer; background-repeat:no-repeat;}
a.print_obj{ width:28px; height:28px; display:inline-block; background-position:bottom center; background-repeat:no-repeat; background-image:url(../img/tisk.svg); background-size:24px 24px;}
.textura{ position:fixed; left:0; top:0; z-index:999; width:100%; height:100%; display:none; background-color:rgba(0,0,0,0.4); overflow:auto;}
.textura form{ position:relative; display:block; max-width:650px; width:100%; height:auto; background-color:#FFF; margin:0 auto; padding:20px;}
.textura form table{ text-align:left;}
.textura form table tr{}
.textura form table tr th, .textura form table tr td{ padding:8px;}
.textura form table tr p{ margin-bottom:6px; display:block;}


.textura_del{ position:fixed; left:0; top:0; z-index:999; width:100%; height:100%; display:none; background-color:rgba(0,0,0,0.4);}
.textura_del form{ position:relative; display:block; max-width:650px; width:100%; height:auto; background-color:#FFF; margin:0 auto; padding:20px;}
.textura_del form table{ text-align:left;}
.textura_del form table tr{}
.textura_del form table tr th, .textura4 form table tr td{ padding:8px;}
.textura_del form table tr p{ margin-bottom:6px; display:block;}


.textura4{ position:fixed; left:0; top:0; z-index:999; width:100%; height:100%; display:none; background-color:rgba(0,0,0,0.4);}
.textura4 form{ position:relative; display:block; max-width:650px; width:100%; height:auto; background-color:#FFF; margin:0 auto; padding:20px;}
.textura4 form table{ text-align:left;}
.textura4 form table tr{}
.textura4 form table tr th, .textura4 form table tr td{ padding:8px;}
.textura4 form table tr p{ margin-bottom:6px; display:block;}


.textura5{ position:fixed; left:0; top:0; z-index:999; width:100%; height:100%; display:none; background-color:rgba(0,0,0,0.4);}
.textura5 form{ position:relative; display:block; max-width:650px; width:100%; height:auto; background-color:#FFF; margin:0 auto; padding:20px;}
.textura5 form table{ text-align:left;}
.textura5 form table tr{}
.textura5 form table tr th, .textura4 form table tr td{ padding:8px;}
.textura5 form table tr p{ margin-bottom:6px; display:block;}


.textura2{ position:fixed; left:0; top:0; z-index:999; width:100%; height:100%; display:none; background-color:rgba(0,0,0,0.4);}
.textura_podmenu{ position:fixed; left:0; top:0; z-index:999; width:100%; height:100%; display:none; background-color:rgba(0,0,0,0.4);}
.textura2 form{ position:relative; display:block; max-width:650px; width:100%; height:auto; background-color:#FFF; margin:0 auto; padding:20px;}
.textura2 form table{ text-align:left;}
.textura2 form table tr{}
.textura2 form table tr th, .textura form table tr td{ padding:8px;}
.textura2 form table tr p{ margin-bottom:6px; display:block;}


.textura3{ position:fixed; left:0; top:0; z-index:999; width:100%; height:100%; display:none; background-color:rgba(0,0,0,0.4);}
.textura3 form{ position:relative; display:block; max-width:650px; width:100%; height:auto; background-color:#FFF; margin:0 auto; padding:20px;}
.textura3 form table{ text-align:left;}
.textura3 form table tr{}
.textura3 form table tr th, .textura form table tr td{ padding:8px;}
.textura3 form table tr p{ margin-bottom:6px; display:block;}

.textura_podmenu form{ position:relative; display:block; max-width:650px; width:100%; height:auto; background-color:#FFF; margin:0 auto; padding:20px;}
.textura_podmenu form table{ text-align:left;}
.textura_podmenu form table tr{}
.textura_podmenu form table tr th, .textura form table tr td{ padding:8px;}
.textura_podmenu form table tr p{ margin-bottom:6px; display:block;}


.box_price{ width:100%; text-align:right;}
.box_price span{ display:inline-block; margin-left:5px;}
.box_price span strong{ font-size:22px;}

form.sekce{}
form.sekce h3{ text-align:left; display:block; font-size:22px; margin-bottom:12px; margin-top:12px;}
form.sekce input{ display:block; padding:10px; display:block; width:100%;}
form.sekce select{ background-color: white;border: 1px solid #e1e1e1;border-radius: 0px;display: inline-block; line-height: 1.5em; padding: 0.5em 3.5em 0.5em 1em; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; font-size:13px; background-image:url(../img/select_box.svg); background-repeat:no-repeat; background-position:right+5px center; width:100%; margin-bottom:25px;}


.part{ display:inline-block; padding:20px; width:100%;}
.bottom_part{ float:right; background-color:#FFF; padding:20px; width:100%; text-align:right;}
.zavri{ cursor:pointer; background-color: #ec4929; color:#fff; padding:0 10px; line-height:40px; height:40px; display:inline-block;}
.pouzij{ cursor:pointer; background-color: #45b752; color:#fff; padding:0 10px; line-height:40px; height:40px; display:inline-block; text-decoration:none;}

.galerie{ display:inline-block; margin:20px;}
.galerie img{ float:left; margin-right:10px;}
.tabsform .galerie input{ display:inline-block; width:20px; height:20px; float:left;}
.text_fotogalerie{ float:left;}

.vypis_gal label{ display: inline-block;}
.vypis_gal label.check{ border:2px solid #45b752;}
.vypis_gal .vybrane_fot label.check{ border:2px solid #ec4929;}

.vypis_gal label .text_fotogalerie{ margin-left:10px;}
.vypis_gal label input{ display:block;}
.vypis_gal label img{ float:left;}

#his_redakce{ position:relative; max-width:1200px; background-color:#fff; display:block; width:100%; margin:50px auto; padding:0px;}
#history{ text-align:left; width:100%;}
#history tr th{ padding:10px; border-bottom:1px solid #e1e1e1;}
#history tr td{ padding:10px; border-bottom:1px solid #e1e1e1;}
span.historie{ width:30px; height:20px; display:inline-block; background-image:url(../img/view_detail.svg); background-repeat:no-repeat; background-size:contain; cursor:pointer;}
span.historie2{ width:30px; height:20px; display:inline-block; background-image:url(../img/view_detail.svg); background-repeat:no-repeat; background-size:contain; cursor:pointer;}
span.historie3{ width:30px; height:20px; display:inline-block; background-image:url(../img/view_detail.svg); background-repeat:no-repeat; background-size:contain; cursor:pointer;}

#filter input{ padding:5px 10px;}
span.copy{ width:32px; height:32px; display:inline-block; background-image:url(../img/copy.svg); background-repeat:no-repeat; background-position:center; background-size:22px 22px; cursor:pointer; margin-bottom:-10px;}

#response{ width:100%; height:40px; background-color:#fff; padding:0px 0px; line-height:40px; position:relative; display:none;}
#response span{background-color:#45b650; color:#fff; padding:0px 10px; margin-right:20px; height:40px; display:inline-block;}

/* AJAX BUTTONS */
.move{ background-image:url(../img/move.svg); background-size:26px 26px; width: 26px; height: 26px; display:inline-block; background-repeat:no-repeat; cursor:move;}
.moveUp{ background-image:url(../img/move_top.svg); background-size:26px 26px; width: 26px; height: 26px; display:inline-block; background-repeat:no-repeat; cursor:pointer;}
.moveDown{ background-image:url(../img/move_down.svg); background-size:26px 26px; width: 26px; height: 26px; display:inline-block; background-repeat:no-repeat; cursor:pointer;}
.delete{ background-image:url(../img/mazani.svg); background-size:26px 26px; width: 26px; height: 26px; display:inline-block; background-repeat:no-repeat; cursor:pointer;}
.deleteAll{ background-image:url(../img/mazani.svg); background-size:36px 36px; width: 36px; height: 36px; display:inline-block; background-repeat:no-repeat; cursor:pointer;}
.config{ background-image:url(../img/leveloption.svg); background-size:26px 26px; width: 26px; height: 26px; display:inline-block; background-repeat:no-repeat; cursor:pointer;}

.editace{ background-color: #5d6a78; color:#fff; text-decoration:none; background-image:url(../img/editace.svg); background-repeat:no-repeat; background-position:left+8px center; padding:8px 16px 8px 32px; background-size:15px 15px; transition: .3s; display:inline-block; font-size:13px; margin-right:10px;}
.editace2{ background-color: #45b752; color:#fff; text-decoration:none; background-repeat:no-repeat; background-position:left center; padding:8px 8px 8px 8px; background-size:15px 15px; transition: .3s; display:inline-block; font-size:13px; margin-right:10px;}
.editace:hover{ background-color: #657484;}
.prava_button{ background-color: #5d6a78; color:#fff; text-decoration:none; background-image:url(../img/prava.svg); background-repeat:no-repeat; background-position:left+8px center; padding:8px 16px 8px 32px; background-size:15px 15px; transition: .3s; display:inline-block; font-size:13px; margin-right:10px;}
.prava_button:hover{ background-color: #657484;}
.foto{ margin-right:10px; display:inline-block; width:31px; height:26px; background-image:url(../img/editace22.svg); background-position:center; background-repeat:no-repeat; background-size:26px 26px; position:relative; top:8px;}
.soubor{ display:inline-block; width:31px; height:26px; background-image:url(../img/editace3.svg); background-position:center; background-repeat:no-repeat; background-size:26px 26px; position:relative; top:8px;}

.viditelnost{ background-color: white;border: 1px solid #e1e1e1;border-radius: 0px;display: inline-block; line-height: 1.5em; padding: 0.5em 3.5em 0.5em 1em; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; font-size:13px; background-image:url(../img/select_box.svg); background-repeat:no-repeat; background-position:right+5px center;}

.jazyk{ max-width:200px; display:block;} 
.jazyk a img{ width:30px; height:20px; display:inline-block;}
.podmenu{font-weight:400; color:#5d6a78;}
.gen{ width:35px; height:13px; display:inline-block; background-image:url(../img/generace.svg); background-repeat:no-repeat; background-position:center; background-size:16px 16px;}
.zaznam{font-size: 13px; background-image: url(../img/novy.svg); background-position: left+10px center; height: 30px; text-decoration: none; color: #fff; background-color: #45b752; line-height: 30px; padding: 0 10px 0 35px; display: inline-block; background-size: 15px 15px; border-radius: 1px; margin-left: 15px; position: relative;top: -6px;cursor: pointer;background-repeat:no-repeat; transition: .3s;}
.zaznam:hover{ background-color:#51d05f;}
.zaznam a{ color: #FFF;a}



/* TABLE */
.table{ width:100%; text-align:left; }
.table tr{}
.table tr th{ padding:10px; background-color: #2e3647; color:#fff; font-weight:500; font-size:17px;}
.table tr td{ padding:10px; vertical-align:middle; background-color:#FFF; border-bottom:1px solid #eef1f5; height:80px; font-size:15px; }
.table tr td img{ max-height:60px; display:inline-block;}


.nazev_fotky{ height:34px; padding:5px; border: 1px solid #e1e1e1;}
.nazev_fotky{ height:34px; padding:5px; border: 1px solid #e1e1e1;}
.nazev_files{ height:34px; padding:5px; border: 1px solid #e1e1e1;}
.priorita{height:34px; padding:5px; border: 1px solid #e1e1e1;}
.table tr td textarea{height:34px; padding:5px; border: 1px solid #e1e1e1; max-width:260px; width:100%; height:60px; max-height:60px;}

/* PANELY */
.panel{ width:50%; float:left; position:relative; height:515px; display:inline-block;}
.panel1{ padding-right:10px;}
.panel2{ padding-left:10px;}
.panel33{ margin-top:20px; padding-left:10px;}
.margintop20{ margin-top:20px; }

.panelmap{padding-right:10px; margin-top:20px;}
.panelmap svg{ max-width:100%; display:block; margin:0 auto;}
.panelmap svg path {transition: fill 0.5s; transition-property: fill; transition-duration: 0.5s;  transition-timing-function: ease;  transition-delay: 0s;}
.panelmap svg path:hover {fill: #ec4929; cursor: pointer;}
.panelmap svg path.active{fill: #ec4929; background-color:#ffd020;}
.panelmap span{ margin-top:7px; display:block;}

/* GRAFY */
.graf1{ background-color:#FFF; padding:20px; width:100%; display:block;}
.graf2{ background-color:#FFF; padding:20px; width:100%; display:block;}

/* Nadpisy */
h1{ font-size:32px; font-weight:300;}
.float h2{ font-size:28px; margin-bottom:14px; font-weight:300;}
.panel h2{ font-size:28px; font-weight:300; border-bottom:1px solid #eef1f5; padding-bottom:20px; margin-bottom:20px;}
.prehled_zarizeni h2{ font-size:28px; font-weight:300; border-bottom:1px solid #eef1f5; padding-bottom:20px; margin-bottom:20px;}

/* HEADER */
header#header{ background-color:#242b38; width:100%; height:50px; display:block; padding:18px 15px; position:relative; z-index:100;}
#logo{ display:inline-block; float:left;}

/* DROBECKOVA NAVIGACE */
#drobeckova{ width:100%; height:50px; background-color:#FFF; display:block;}

/* HLAVNÍ NAVIGACE */
nav#main{ width:240px; background-color:#2e3647; display:block; position:absolute; left:0; top:0; z-index:50; padding-top:50px; padding-bottom:50px;}
nav#main ul{}
nav#main ul li{ list-style-type:none;}
nav#main ul li span{ font-size:15px; font-weight:300; color:#5d6a78; margin-top:50px; display:block; margin-bottom:10px; padding-left:15px;}
nav#main ul li a{ font-size:14px; font-weight:300; color:#9baabb; text-decoration:none; display:block; padding-left:15px;background-position: center left+15px; background-repeat: no-repeat; background-size: 20px 20px;}
nav#main ul li a.active span{color:#45b751; border-right:4px solid #45b751;}
nav#main ul li a span{ font-size:14px; font-weight:300; color:#9baabb; text-decoration:none; display:block; margin:0px; height:40px; line-height:40px; border-bottom:1px solid #3f4858; padding-left:30px;}

/* STYLES */
.prehled_zarizeni{ width:100%; display:block; background-color:#FFF; padding:20px; margin-top:20px; float:left; position:relative;}
#device{ width:100%; display:inline-block;}
#device li{ cursor:pointer; display:inline-block; list-style-type:none; margin:20px 10px; padding-bottom:12px; padding-left:5px; padding-right:5px;}

#device li.active{ border-bottom:3px solid #45b752;}

#editace{ width:100%; display:inline-block;}
#editace li{ cursor:pointer; display:inline-block; list-style-type:none; margin:20px 10px; padding-bottom:12px; padding-left:5px; padding-right:5px;}
#editace li.active{ border-bottom:3px solid #45b752;}
#editace li img{ width:30px; height:auto; display:block;}
.porovnani{ position:absolute; top:30px; right:20px;}
.porovnani span{ border:1px solid #2e3647; border-radius:50px; padding:3px 12px; cursor:pointer; font-size:12px; font-weight:300;}
.porovnani span.active{ color:#fff; background-color:#45b752; border-color:#45b752;}

.panel3{ width:33.3%; float:left; padding-right:20px; margin-bottom:20px;}
.panel3:last-child{ padding:0px;}
.panel_content{ width:100%; display:block; height:130px; padding:20px;}
.panel_content span{ display:block; text-align:right; color:#fff;}
.panel_content span.count{ font-size:42px; font-weight:400;}
.panel_content span.nadpis_panel{ font-weight:300; font-size:15px;}
.stat1{ background-color:#2e3647; background-image:url(../img/view.svg); background-size:100px; background-position:left bottom; background-repeat:no-repeat;}
.stat2{ background-color:#ec4929; background-image:url(../img/click.svg); background-size:60px; background-position:left bottom; background-repeat:no-repeat;}
.stat3{ background-color:#45b752; background-image:url(../img/send.svg); background-size:70px; background-position:left bottom; background-repeat:no-repeat;}

.table_overflow{ overflow:auto; max-height:331px;}
#device_table{ width:100%; text-align:left; overflow:auto;}
#device_table tr{}
#device_table tr th{ background-color:#eef1f5; padding:10px; font-weight:600; font-size:16px;}
#device_table tr td{ padding:10px; font-size:15px; border-bottom:1px solid #eef1f5;}

.panel4{ width:25%; float:left; padding-right:10px; padding-left:10px; margin-bottom:20px;}
.panel4:last-child{ padding-right:0px;}
.panel4:first-child{ padding-left:0px;}
.panel_content{ width:100%; text-align:right; display:block; height:130px; padding:20px;}
.panel_content span{ display:block; text-align:right; color:#fff;}
.panel_content span.count{ font-size:36px; font-weight:400; display:inline-block;}
.panel_content span.mena{ font-size:36px; font-weight:400;display:inline-block;}
.panel_content span.nadpis_panel{ font-weight:300; font-size:15px;}
.status1{ background-color:#2e3647; background-image:url(../img/orders.svg); background-size:60px; background-position:left bottom; background-repeat:no-repeat;}
.status2{ background-color:#242b38; background-image:url(../img/ordersnew.svg); background-size:70px; background-position:left bottom; background-repeat:no-repeat;}
.status3{ background-color:#45b752; background-image:url(../img/profitavg.svg); background-size:70px; background-position:left bottom; background-repeat:no-repeat;}
.status4{ background-color:#ec4929; background-image:url(../img/profit.svg); background-size:70px; background-position:left bottom; background-repeat:no-repeat;}

.box_rows{ width:100%; display:block; height:400px; overflow:auto; }
.row_in_box{ width:100%; display:inline-block; padding:5px; border-bottom:1px solid #eef1f5; }
.row_in_box2{ width:100%; display:inline-block; padding:5px; border-bottom:1px solid #eef1f5; }
.show_detail{ background-image:url(../img/lupa.svg); background-size:30px 20px; cursor:pointer; background-repeat:no-repeat; display:inline-block; width:20%; height:20px; background-position:right center;}
.row_in_box span{ line-height:26px; display:inline-block; height:36px; text-align:center; float:left; padding:5px; font-weight:300;}
.row_in_box2 span{ line-height:26px; display:inline-block; text-align:left; float:left; width:22%; padding:5px; font-weight:300;}
.row_in_box2 span:nth-child(1){ width: 7%;}
.row_in_box2 span:nth-child(2){ width: 49%;}
.row_in_box span:nth-child(1){ width: 20%; text-align:left;}
.row_in_box span:nth-child(2){ width: 20%;}
.row_in_box span:nth-child(3){ width: 20%;}
.row_in_box span:nth-child(4){ width: 20%;}

.collum30{ width:33.3%; display:inline-block; float:left; padding:0 20px;}
.collum30 label{ width:100%; display:inline-block;}
.collum30 label h3{ margin-bottom:6px; font-size:18px; font-weight:300;}
.collum30 label input{ width:100%; padding:10px; font-size:14px; margin-bottom:10px;}

.popis_kontakt{ width:100%; display:inline-block; margin-top:20px; padding:20px;}
form button {height: 45px;padding: 0 20px;border: none;cursor: pointer;font-weight: 600;font-size: 15px;color: #fff;background-color: #45b752;}

form button.kon { margin-left:20px; height: 45px;padding: 0 20px;border: none;cursor: pointer;font-weight: 600;font-size: 15px;color: #fff;background-color: #45b752;}

/* MENU */

.a1{ background-image:url(../img/menu/a1.svg);}
.a2{ background-image:url(../img/menu/a14.svg);}
.a3{ background-image:url(../img/menu/a8.svg);}
.a4{ background-image:url(../img/menu/a12.svg);}
.a5{ background-image:url(../img/menu/a13.svg);}
.a6{ background-image:url(../img/menu/a2.svg);}
.a9{ background-image:url(../img/menu/a7.svg);}
.a8{ background-image:url(../img/menu/a8.svg);}

.a14{ background-image:url(../img/menu/a15.svg);}
.a10{ background-image:url(../img/menu/a20.svg);}
.a13{ background-image:url(../img/menu/a12.svg);}
.a12{ background-image:url(../img/menu/a6.svg);}
.a15{ background-image:url(../img/menu/a9.svg);}
.a11{ background-image:url(../img/menu/a11.svg);}
.a16{ background-image:url(../img/menu/a21.svg);}
.a17{ background-image:url(../img/menu/a17.svg);}
.a18{ background-image:url(../img/menu/a18.svg);}
.a19{ background-image:url(../img/menu/a19.svg);}
.a20{ background-image:url(../img/menu/a20.svg);}
.a21{ background-image:url(../img/menu/a21.svg);}




.uprava_bod{ padding:0px 20px; background-color:#FFF; width:100%; display:inline-block;}
.uprava_bod input{ width:100%; padding:10px; display:block; margin-bottom:30px; font-size:14px; border:1px solid #e1e1e1;}
.uprava_bod input.file{ width:100%; padding:10px; display:block; margin-bottom:30px; font-size:14px; max-width:350px; height:100px;}
.uprava_bod form button{ margin:20px 0px;}
.uprava_bod h2{ font-size:26px; font-weight:300; margin-bottom:10px; margin-top:30px;}

.uprava_f input,.uprava_f textarea{ width:100%; padding:10px; display:block; margin-bottom:30px; font-size:14px; border:1px solid #e1e1e1;}
.uprava_f h2{ font-size:26px; font-weight:300; margin-bottom:10px; margin-top:30px;}

.tabsform{}
.tabsform input{ width:100%; padding:10px; display:block; margin-bottom:30px; font-size:14px; border:1px solid #e1e1e1;}
.tabsform h2{ font-size:26px; font-weight:300; margin-bottom:10px; margin-top:30px;}

.textura4 form.del_form{ text-align:center; padding:50px;margin-top: 50px;}
.textura4 form.del_form h2{ font-size:30px; font-weight:300; margin-bottom:25px;}

.textura_del form.del_form{ text-align:center; padding:50px;margin-top: 50px;}
.textura_del form.del_form h2{ font-size:30px; font-weight:300; margin-bottom:25px;}



.textura form.del_form{ text-align:center; padding:50px;margin-top: 50px;}
.textura form.del_form h2{ font-size:30px; font-weight:300; margin-bottom:25px;}
.textura2 form.del_form{ text-align:center; padding:50px;margin-top: 50px;}

.textura3 form.del_form{ text-align:center; padding:50px;margin-top: 50px;}
.textura3 form.del_form h2{ font-size:30px; font-weight:300; margin-bottom:25px;}
.textura3 form.del_form label{ margin-bottom:20px; display:block;}

.textura5 form.del_form{ text-align:center; padding:50px;margin-top: 50px;}

.textura5 form.del_form h2{ font-size:30px; font-weight:300; margin-bottom:25px;}
.textura5 form.del_form label{ margin-bottom:20px; display:block; width:100%;}

.textura2 form.del_form h2{ font-size:30px; font-weight:300; margin-bottom:25px;}
.textura_podmenu form.del_form{ text-align:center; padding:50px;margin-top: 50px;}
.textura_podmenu form.del_form h2{ font-size:30px; font-weight:300; margin-bottom:25px;}
.close{ color:#fff; padding:0 15px; margin-left:20px; background-color:#c32b26; display:inline-block; height:40px; width:100px; line-height:40px; cursor:pointer;}
.del_form button{ display:inline-block; height:40px; width:100px;}

#uploadfoto input {
    width: 100%;
    max-width: 360px;
    border: 1px solid #e1e1e1;
    padding: 10px;
    height: 100px;
    display: block;
    margin-bottom: 20px;
}#uploadfoto2 input {
    width: 100%;
    max-width: 360px;
    border: 1px solid #e1e1e1;
    padding: 10px;
    height: 100px;
    display: block;
    margin-bottom: 20px;
}#uploadfoto3 input {
    width: 100%;
    max-width: 360px;
    border: 1px solid #e1e1e1;
    padding: 10px;
    height: 100px;
    display: block;
    margin-bottom: 20px;
}#uploadfoto5 input {
    width: 100%;
    max-width: 360px;
    border: 1px solid #e1e1e1;
    padding: 10px;
    height: 100px;
    display: block;
    margin-bottom: 20px;
}#uploadfile input {
    width: 100%;
    max-width: 360px;
    border: 1px solid #e1e1e1;
    padding: 10px;
    height: 100px;
    display: block;
    margin-bottom: 20px;
}#uploadfile5 input {
    width: 100%;
    max-width: 360px;
    border: 1px solid #e1e1e1;
    padding: 10px;
    height: 100px;
    display: block;
    margin-bottom: 20px;
}#uploadfile2 input {
    width: 100%;
    max-width: 360px;
    border: 1px solid #e1e1e1;
    padding: 10px;
    height: 100px;
    display: block;
    margin-bottom: 20px;
}
.bottom_pad{ display:block; margin-bottom:20px; width:100%; float:none;}
#res{ display:inline-block; width:100%; padding:20px 0px;}
#res h2 { font-weight: 300; font-size: 22px; display: none; margin-bottom: 20px; border-bottom: 1px solid #e1e1e1; padding-bottom: 20px;}
.succes { width: 100%; display: inline-block; border-bottom: 1px solid #e1e1e1; padding-bottom: 20px; margin-bottom: 20px;}
.succes img{ float:left; margin-right:10px;}
.suc{ float:left;}
a.hotovo{height: 40px;padding: 0 20px;border: none;cursor: pointer;font-weight: 600;font-size: 15px;color: #fff;background-color: #45b752; text-decoration:none; display:inline-block; line-height:40px;}
.fotka input{ padding: 10px; border: 1px solid #e1e1e1;}
.fotky input{ padding: 10px; border: 1px solid #e1e1e1;}
.fotky2 input{ padding: 10px; border: 1px solid #e1e1e1;}

/* TABS */
ul#tabs{ display:inline-block; width:100%;}
ul#tabs li{ display:inline-block; padding:14px 28px; cursor:pointer;}
ul#tabs li.active{ color:#fff; background-color:#242b38;}

.tab{ display:none;}
.tab.active{ display:block;}

#rating{ text-align:left; width:100%; overflow:auto; height:400px; display:block;}
#rating tr{ display:inline-block; width:100%;}
#rating tr td,#rating tr th{padding: 10px;border-bottom: 1px solid #eef1f5; display:inline-block; float:left; height: 60px;}
#rating tr td:nth-child(1),#rating tr th:nth-child(1){ width:20%;}
#rating tr td:nth-child(2),#rating tr th:nth-child(2){ width:50%;}
#rating tr td:nth-child(3),#rating tr th:nth-child(3){ width:30%;}

label.modul{ display:inline-block; border:2px solid #e1e1e1; position:relative; text-align:center; padding:10px; width:260px; height:80px; line-height:64px; text-align:center; cursor:pointer;}
label.modul span{ display:inline-block; line-height:none;}
label.modul input{ display:block; position:absolute; left:10px; top:10px;}

.sekce_fotogalerie{display:inline-block; border:2px solid #e1e1e1; position:relative; text-align:left; padding:10px; width:260px; height:80px; cursor:pointer;}
.sekce_fotogalerie img{ max-height:60px; float:left; width:auto; margin-right:10px;}
.sekce_fotogalerie input{ position:absolute; right:10px; top:10px; display:block; width:auto;}
.auto_box {width: 200px; border: 1px solid #000; margin: 30px; text-align:center; background-color:#FFF; display:block; float: left; padding: 5px;}
@media(max-width: 1225px){}



.detail_okenko {
	position: absolute;
	top: 100%;
	left: 0;
	background: white;
	z-index: 898;
	display: none;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
	/*pointer-events: none;*/
	padding: 6px;
	z-index: 9999999;
}
.detail_okenko table {
	border: 0px black solid;
	color:black;
	white-space: nowrap;
}
.platby_tabulka .detail_okenko table tr td:nth-of-type(1) {
	padding-right: 12px;
}
.platby_tabulka .detail_okenko table tr td:nth-of-type(2) {
	text-align: right;
}
.detail_okenko_start {
	position: relative;
	cursor: pointer;
}
#kalendar_vrchni_prehled {
	width: 100%;
	float: left;
}
#kalendar_vrchni_prehled span {
	float: left;
	padding: 4px;
	padding-left: 0px;
	font-weight: bolder;
}

#kalendar_vrchni_prehled a {
	border: 1px solid #CDCDCD;
	padding: 3px;
	float: left;
	text-align: center;
	margin-right: 5px;
	text-decoration: none;
	background-color: #FFF;
	color: #000000;
	margin-bottom: 5px;
}
#kalendar_vrchni_prehled a.zvoleno {
	background-color: rgb(50,160,250);
	font-weight: bolder;
	color: #FFF;
}

#kalendar_vrchni_prehled a.vikend {
	border: 1px solid #CDCDCD;
	float: left;
	text-align: center;
	margin-right: 5px;
	text-decoration: none;
	background-color:#666666;
	color: #FFFFFF;
}
#kalendar_vrchni_prehled a.dnes {
	font-weight: bolder;
	border: 1px solid #CDCDCD;
	background-color: #FF0000;
	color: #FFFFFF;
}
#kalendar_vrchni_prehled a.minulost {
	font-weight: bolder;
	border: 1px solid #CDCDCD;
	color: #CDCDCD;
}

/* ==================== CSS KALENDARE ================= */
div.zvoleny_den {
	font-size: 16px;
	margin-top: 15px;
	float: left;
	width: 100%;
	background-color: #DDD;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

#kalendar_podle_dne {
	width: 100%;
	float: left;
	margin-top: 20px;
	border: 1px solid #000000;
}
#kalendar_podle_dne a.pouzit {
	float: left;
	width: 100%;
	text-decoration: none;
	font-weight: normal;
}
#kalendar_podle_dne td {
	border-right: 2px solid #FFFFFF;
	padding: 0px;
	margin: 0px;
}
#kalendar_podle_dne td.hlavicka {
	background-color: rgb(50,160,250);
	color: #FFFFFF;
	font-weight: bolder;
	text-align: center;
	border-bottom: 2px solid #FFFFFF;
}
#kalendar_podle_dne td.jmena {
	padding-left: 10px;
	padding-right: 10px;
}
#kalendar_podle_dne a.prazdno {
	float: left;
	width: 100%;
	height: 15px;
}

#kalendar_podle_dne td.hodina_0 {
	background-color: rgb(50,160,250);
	color: #FFFFFF;
	font-weight: bolder;
	padding-left: 10px;
	width: 6%;
}
#kalendar_podle_dne td.hodina_1 {
	background-color: #09F;
	color: #EEEEEE;
	font-weight: normal;
	padding-left: 10px;
	width: 6%;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;

}
#kalendar_podle_dne tr.radek_1 {
	background-color: #EEEEEE;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#kalendar_podle_dne tr.radek_1:hover {
	background-color: rgba(74, 141, 150, 0.3);
}
#kalendar_podle_dne tr.radek_0:hover {
	background-color: rgba(74, 141, 150, 0.3);
}
#kalendar_podle_dne span {
	width: 80%;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bolder;
	text-align: center;
	color: #000;
	font-size: 15px;
	height: 100%;
}
.pdf_ikona {
	height: 40px!important; 
}
.hlavicka_inputy_autoprovoz div {
	display: flex;
	margin-right: 45px;
}
.hlavicka_inputy_autoprovoz .nazev, .hlavicka_inputy_autoprovoz .nazev1 {
	display: block;
	text-align: center;
	padding-bottom: 10px;
	width: 250px;
	font-weight: 700;
}
.hlavicka_inputy_autoprovoz .nazev2 {
	width: 604px;
	display: block;
	text-align: center;
	font-weight: 700;
}
table.table_novy tbody {
	border: none;
}
.novy_zaznam {
    background-color: #2e3647;
    color: white;
    padding: 8px 20px 8px 40px;
    border-radius: 5px;
    text-transform: uppercase;
    border: none;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: .3s;
    z-index: 9999;
    text-decoration: none;
    font-weight: 600;
    background-image: url(../img/plus_modre.svg);
    background-position: left 12px center;
    background-size: 16px;
    background-repeat: no-repeat;
}

thead {
	position: sticky;
	top: 0;
}

.tabsform input[type="checkbox"], .tabsform input[type="radio"] {
	width: 20px;
	height: 20px;
}