/*********************************************************************/
/******************** C-WEB Software | WEB Admin *********************/
/******************** Adress: http://www.c-web.cz ********************/
/****** Created by: Michal Suchan (http://michalsuchan.c-web.cz) *****/
/*********************************************************************/


/************************** Obecne deklarace *************************/

* {
margin: 0;
padding: 0;
}

html {
height: 100%;
}

p {
margin: 0 0 10px 0;
}

.strong {
color: #157c6d;
font-weight: bold;
border: 1px solid #157c6d;
padding: 5px;
}

body {
background: #fff;
font-family: 'Open Sans', sans-serif;
text-align: left;
font-size: 12px;
color: #3b4346;
}

.invisible {
display: none;
}

#stranka {
width: 90%;
width: calc(100% - 100px);
min-width: 1100px;
margin: 10px auto;
position: relative;
}

h1 {
display: none;
}

h2 {
font-size: 1.5em;
color: #009ed8;
margin: 10px 0 15px 0px;
display: inline-block;
}

h3 {
margin: 20px 0 6px 0;
color: #009ed8;
}

h4 {
margin: 6px 0 3px 0;
}

a {
color: #003a84;
text-decoration: underline;
}

a:hover {
color: #003a84;
text-decoration: none;
}

.clr {
clear: both;
}

.strongShort a {
color: #157c6d;
font-weight: bold;
border: 1px solid #157c6d;
background: #e8ecef;
padding: 5px 20px;
width: auto;
width: 90px;
text-decoration: none;
}

.strongShort a:hover {
border: 1px solid #c80000;
background: #ffefef;
color: #c80000;
}

/********************************************************************/

/************************* Deklarace obliceje ***********************/
#oblicej {
height: 80px;
padding: 8px 0 0 0;
}

header {
width: 600px;
height: 80px;
position: relative;
margin: 5px 0 0 20px;
}

header div.logo {
width: 160px;
height: 80px;
background:transparent url('../img/grf/vesteron_cms_logo.png') no-repeat top left;
position: absolute;
top: 0;
left: 0;
}

header div.odrazka {
width: 2px;
height: 40px;
background:transparent url('../img/grf/vesteron_cms_logo_border.png') no-repeat center center;
position: absolute;
top: 20px;
left: 190px;
}

header div.logo_host {
width: 300px;
height: 60px;
background:transparent url('../img/grf/vesteron_cms_logo_host.png') no-repeat center left;
position: absolute;
top: 10px;
left: 220px;
}

#logo{
background:url(../img/grf/c-web_logo.png) no-repeat top left;
width: 510px;
height: 90px;
float: left;
}
/********************************************************************/

/*************************** Deklarace menu *************************/

#menu{
width: 200px;
padding: 20px 0 0 0;
float: left;
}

.cudlik_domu{
background-image:url(../img/grf/domu.png);
background-repeat: no-repeat;
width: 60px;
height: 61px;
float: left;
}

.cudlik_domu:hover{
background-image:url(../img/grf/domu_a.png);
}

.cudlik_kontakt{
background-image:url(../img/grf/kontakt.png);
background-repeat: none;
width: 60px;
height: 61px;
float: left;
}

.cudlik_kontakt:hover{
background-image:url(../img/grf/kontakt_a.png);
}

.cudlik_napoveda{
background-image:url(../img/grf/napoveda.png);
background-repeat: none;
width: 60px;
height: 61px;
float: left;
}

.cudlik_napoveda:hover{
background-image:url(../img/grf/napoveda_a.png);
}

/********************************************************************/

/************************** Deklarace nabidky ***********************/
#nabidka {
margin: 12px 0 0 0;
color: #fff;
font-size: 16px;
}

#nabidka_l {
background-image:url(../img/grf/nabidka_l.png);
background-repeat: none;
width: 15px;
height: 40px;
float: left;
}

#nabidka_p {
background-image:url(../img/grf/nabidka_p.png);
background-repeat: none;
width: 15px;
height: 40px;
float: left;
}

#nabidka_centr {
background-image:url(../img/grf/nabidka.png);
background-repeat: repeat_x;
width: 950px;
height: 40px;
float: left;
}

.nabidka_odkaz {
width: auto;
float: left;

}

.nabidka_odkaz:hover {
background-image:url(../img/grf/nabidka_a.png);
background-repeat: repeat_x;
color: #157c6d;
}

.nabidka_odkaz_a {
background-image:url(../img/grf/nabidka_a.png);
background-repeat: repeat_x;
width: auto;
display: block;
height: 30px;
padding: 10px 15px 0px 15px;
float: left;
color: #157c6d;
}

.nabidka_odkaz a{
color: #fff;
text-decoration: none;
display: block;
height: 30px;
padding: 10px 15px 0px 15px;
}

.nabidka_odkaz a:hover{
color: #157c6d;
}

.nabidka_odkaz_a a{
color: #fff;
text-decoration: none;
}

/********************************************************************/

/************************** Deklarace modulu ************************/
#modul {
margin: 0px 0;
color: #577392;
font-size: 13px;
}

#modul_l {
background-image:url(../img/grf/modul_l.png);
background-repeat: none;
width: 15px;
height: 25px;
float: left;
}

#modul_p {
background-image:url(../img/grf/modul_p.png);
background-repeat: none;
width: 15px;
height: 25px;
float: left;
}

#modul_centr {
background-image:url(../img/grf/modul.png);
background-repeat: repeat_x;
width: 950px;
height: 25px;
float: left;
}

.modul_odkaz {
width: auto;
float: left;
}

.modul_odkaz_a {
background-image:url(../img/grf/modul_a.png);
background-repeat: repeat_x;
width: auto;
float: left;
height: 21px;
padding: 4px 15px 0px 15px;

}

.modul_odkaz:hover {
background-image:url(../img/grf/modul_a.png);
background-repeat: repeat_x;

}

.modul_odkaz a{
color: #157c6d;
text-decoration: none;
display: block;
height: 21px;
padding: 4px 15px 0px 15px;
}

.modul_odkaz a:hover{
color: #fff;
}

.modul_odkaz_a a{
color: #fff;
text-decoration: none;
}

/********************************************************************/

/************************** Deklarace bricha ************************/
/********************************************************************/

/************************ Deklarace achylovky ***********************/
#achylovka {
margin: 7px 0 7px 0;
color: #157c6d;
font-size: 12px;
width: 980px;
text-align: center;
}

#achylovka_l {
background-image:url(../img/grf/achylovka_l.png);
background-repeat: none;
width: 15px;
height: 5px;
float: left;
}

#achylovka_p {
background-image:url(../img/grf/achylovka_p.png);
background-repeat: none;
width: 15px;
height: 5px;
float: left;
}

#achylovka_centr {
background-image:url(../img/grf/achylovka.png);
background-repeat: repeat_x;
width: 950px;
height: 5px;
float: left;
}

#achylovka a {
color: #157c6d;
text-decoration: underline;
}

#achylovka a:hover {
color: #157c6d;
text-decoration: none;
}

/********************************************************************/

/************************ Deklarace vypis **********************/
.vypis {
height: 22px;
color: #157c6d;
}

.vypis a {
color: #157c6d;
text-decoration: none;
}

.vypis a:hover {
color: #157c6d;
text-decoration: underline;
}

tr.vypis {
	background-color: #e8ecef;
}

tr.vypis:hover {
	background-color: #8ac9ff;
}

/********************************************************************/

/************************ Deklarace prihlaseni **********************/
body#login {
background: var(--login-background-colour) var(--login-background-url) no-repeat center center;
background-size: cover;
height: 100% !important;
}

#prihlaseni {
width: 500px;
height: 100%;
margin: 0 0 0 100px;
text-align: center;
font-size: 13px;
color: #888;
background-color: rgba(0, 0, 0, 0.75);
position: relative;
overflow: hidden;
}

.prihlaseni_chyba {
width: 500px;
text-align: center;
font-size: 13px;
color: #888;
}

#prihlaseni_logo {
background: transparent url('../img/grf/vesteron_cms_logo_white.png') no-repeat center center;
width: 160px;
height: 200px;
margin: 0px auto 0px auto;
}

div#prihlaseni > hr{
background: transparent url('../img/grf/login_hr.png') no-repeat center center;
width: 500px;
height: 2px;
margin: 0 auto 50px auto;
border: 0px solid transparent;
}

#prihlaseni_formular {
text-align: left;
width: 300px;
margin: 0 auto;
padding-bottom: 50px;
color: #ffffff;
}

#prihlaseni_formular input {
width: 290px;
height: 30px;
line-height: 30px;
padding: 0 5px;
margin: 0 0 15px 0;
border: 1px solid #aaaaaa;
}

#prihlaseni_formular input:nth-last-child(2) {
margin: 0 0 25px 0;
}

#prihlaseni_formular label {
width: 290px;
height: 33px;
line-height: 30px;
padding: 0 8px;
display: block;
border-left: 1px solid #666;
}

#prihlaseni div.login_error {
width: 450px;
text-align: center;
padding: 0 25px;
margin: -25px 0 25px 0;
font-weight: 700;
color: #fff;
}

/********************************************************************/

/************************ Deklarace potvrzení ***********************/
.potvrzeni {
width: 100%;
background: #00ba72 url('../img/ikony/confirm.png') no-repeat center left;
display: inline-block;
text-align: center;
color: #fff;
font-size: 1.0em;
position: relative;
padding: 10px 0;
box-shadow: 0 0 15px #cccccc;
}

.potvrzeni p{
padding: 0 20px 0 70px;
line-height: 30px;
margin: 0;
display: inline-block;
font-weight: 600;
}

/********************************************************************/

/************************ Deklarace chyba ***************************/
.chyba {
width: 100%;
background: #cc0000 url('../img/ikony/error.png') no-repeat center left;
display: inline-block;
text-align: center;
color: #fff;
font-size: 1.0em;
position: relative;
padding: 10px 0;
box-shadow: 0 0 15px #cccccc;
}

.chyba p{
padding: 0 20px 0 70px;
line-height: 30px;
margin: 0;
display: inline-block;
font-weight: 700;
}

/********************************************************************/

/************************ Deklarace chyba ***************************/
.warning {
width: 100%;
background: #f4b17b url('../img/ikony/warning.png') no-repeat center left;
display: inline-block;
text-align: center;
color: #fff;
font-size: 1.0em;
position: relative;
padding: 10px 0;
box-shadow: 0 0 15px #cccccc;
}
.warning p{
padding: 0 20px 0 70px;
line-height: 30px;
margin: 0;
display: inline-block;
font-weight: 600;
}

/********************************************************************/

/************************ Deklarace mezera **************************/
.mezera {
height: 10px;
}

/********************************************************************/

/*********************** Deklarace napoveda *************************/
#vlevo {
width: 100%;
padding: 0 10px 0 10px;
text-align: justify;
}

/********************************************************************/

/*********************** Deklarace support *************************/
.supportVlevo {
width: 700px;
padding: 0 5px 0 5px;
text-align: justify;
}

.supportImgLeft {
float: left;
margin: 0px 5px 3px 0;
}

.aftericon {
padding: 0 0 0 35px;
}

.strongTab {
color: #157c6d;
font-weight: bold;
border: 1px solid #157c6d;
background: #e8ecef;
padding: 5px;
margin: 0 0 0 35px;
}

.supportTab {
margin: 0px 0 0 30px;
}

.formTab {
margin: 15px 0 0 50px;
}

.formMail {
padding: 0 5px 0 20px;
}

.supportTextarea {
width: 602px;
height: 90px;
}

.supportVlevo {
width: 700px;
padding: 0 5px 0 5px;
text-align: justify;
float: left;
}

.supportVpravo {
width: 240px;
padding: 0 10px 0 20px;
text-align: left;
float: left;
}

.supportWarn {
width: 220px;
border-right: 5px solid #c80000;
background: #ffefef;
padding: 8px 8px 8px 7px;
}

/********************************************************************/

/*********************** Deklarace help *************************/


.helpVlevo {
width: 700px;
padding: 0 5px 0 5px;
text-align: justify;
float: left;
}

.helpVpravo {
width: 240px;
padding: 0 10px 0 20px;
text-align: left;
float: left;
}

.helpImgLeft {
float: left;
margin: 0px 5px 3px 0;
}

.helpVlevo td {
               width: 320px; padding: 10px;  vertical-align: top;
              }

.afterlogo {
padding: 0 0 0 65px;
}


/********************************************************************/

/******************* Modul 009 - Přehled Fotobox ********************/


#prehled_fotek {
width: 723px;
margin-left: -6px;
}

#prehled_fotek .foto_box {
width: 213px;
min-height: 150px;
margin: 6px;
padding: 12px 8px;
background: #e8ecef;
float: left;
}

#prehled_fotek .foto_box .foto {
width: 211px;
height: 130px;
margin: 0 0 13px 0;
background: #000;
border: 1px solid #000;
overflow:hidden;
text-align: center;
}

#prehled_fotek .foto_box .foto .cweb_lightbox:hover {
cursor: pointer;
}

#prehled_fotek .foto_box .info {
width: 213px;
border-bottom: 1px solid #000;
color: #157c6d;
text-align: left;
}

#prehled_fotek .foto_box .menu {
width: 213px;
text-align: left;
}

#prehled_fotek .foto_box .menu .edit{
width: 98px;
margin: 0 5px 0 0;
padding: 3px;
background: #157c6d;
color: #fff;
display: block;
float: left;
text-align: center;
text-decoration: none;
}

#prehled_fotek .foto_box .menu .edit:hover{
background: #8ac9ff;
color: #fff;
}

#prehled_fotek .foto_box .menu .delete{
width: 98px;
margin: 0 0 0 0;
padding: 3px;
background: #b00;
color: #fff;
display: block;
float: left;
text-align: center;
text-decoration: none;
}

#prehled_fotek .foto_box form {
margin: 5px 0 0 0;
}

#prehled_fotek .foto_box .menu .delete:hover{
background: #ff9595;
color: #fff;
}

#prehled_fotek .foto_box .arrow-left {
float: left;
margin: 0 3px 0 0;
}

#prehled_fotek .foto_box .arrow-right {
float: left;
margin: 0 0 0 3px;
}

#prehled_fotek .foto_box .set-position {
float: left;
}

#prehled_fotek .foto_box .set-position .input-text{
height: 20px;
padding: 0 2px;
}

#prehled_fotek .foto_box .enter-position {
float: left;
margin: 0 0 0 3px;
}

#prehled_fotek .foto_box .enter-position .submit{
height: 20px;
padding: 0 2px;
}


/********************************************************************/

/************************** Message board ***************************/

#message-board hr {
display: none;
}

#message-board h2 {
color: #157c6d;
font-size: 22px;
margin: 0 0 10px 30px;
}

#message-board .messageBoxBlue {
width: 240px;
}

#message-board .messageBoxBlue .date {
width: 26px;
background: #157c6d;
color: #fff;
font-size: 12px;
text-transform: uppercase;
text-align: center;
float: left;
padding: 2px;
}

#message-board .messageBoxBlue .message {
width: 185px;
float: left;
color: #157c6d;
border-right: 5px solid #157c6d;
background: #e8ecef;
padding: 5px 10px;
margin: 0 0 15px 0;
}

#message-board .messageBoxRed {
width: 240px;
}

#message-board .messageBoxRed .date {
width: 26px;
background: #c80000;
color: #fff;
font-size: 12px;
text-transform: uppercase;
text-align: center;
float: left;
padding: 2px;
}

#message-board .messageBoxRed .message {
width: 185px;
float: left;
color: #c80000;
border-right: 5px solid #c80000;
background: #ffefef;
padding: 5px 10px;
margin: 0 0 15px 0;
}


/********************************************************************/

#oblicej > #user_bar {
width: 350px;
display: inline-block;
line-height: 30px;
position: absolute;
top: -10px;
right: 0;
text-align: right;
font-size: 1.1em;
border-bottom: 1px solid #e8ecef;
}

#oblicej > #user_bar > .user{
border-right: 1px solid #e8ecef;
display: inline-block;
line-height: 30px;
margin: 0;
padding-right: 10px;
}

#oblicej > #user_bar > a{
border-right: 1px solid #e8ecef;
display: inline-block;
line-height: 30px;
margin: 0;
padding: 0 13px;
color: #3b4346;
}

#oblicej > #user_bar > a > .logout{
line-height: 30px;
display: inline-block;
background: url(../img/ikony/odhlaseni.png) no-repeat center left;
font-style: normal;
text-decoration: none;
padding-left: 16px;
}

#oblicej > #user_bar > a:hover{
background: #cc0000;
color: #ffffff;
}

#oblicej > #user_bar > a:hover > .logout{
background: url(../img/ikony/odhlaseni_hover.png) no-repeat center left;
}

td {
height: 30px;
padding: 5px 0;
}

input {
height: 28px;
padding: 0 5px;
}

select {
height: 28px;
padding: 0 5px;
}

.preferences {
margin: 10px 0 10px -25px;
}


.preferences > span {
margin: 0 5px 0 25px;
}


#bricho {
border-top: 7px solid #828e92;
border-bottom: 7px solid #828e92;
width: 100%;
position: relative;
}

#bricho > #obsah {
width: calc(100% - 300px);
float: left;
position: relative;
min-height: 600px;
padding: 20px 0 0 30px;
font-size: 1.2em;
margin-left: -270px;
border-left: 270px solid #b2b9bc;
z-index: 0;
}

#bricho > #obsah div.modulebody{
position: relative;
}

#bricho > #obsah .filter{
position: absolute;
top: 5px;
right: 0;
}

#bricho > #obsah .filter form{
float: left;
margin-left: 10px;
}

#bricho > #left_bar {
width: 270px;
float: left;
background-color: #828e92;
position: relative;
z-index: 10;
}

#main_menu {
width: 270px;
background: #828e92;
}

#main_menu > ul {
overflow: hidden;
margin-bottom: -1px;
}

#main_menu > ul >li.menu_item{
width: 268px;
border-left: 1px solid #828e92;
border-right: 1px solid #828e92;
line-height: 45px;
height: 45px;
display: inline-block;
position: relative;
background: #009ed8;
background: -webkit-linear-gradient(#1fade2, #0092c8);
background: -o-linear-gradient(#1fade2, #0092c8);
background: -moz-linear-gradient(#1fade2, #0092c8);
background: linear-gradient(#1fade2, #0092c8);
margin-bottom: 1px;
font-size: 1.2em;
color: #ffffff;
font-weight: 700;
}

#main_menu > ul >li:nth-last-child(2){
margin-top: 10px;
}

#main_menu > ul >li.menu_item > a{
width: 268px;
line-height: 45px;
display: inline-block;
text-decoration: none;
padding-left: 0px;
background: #dadada;
background: -webkit-linear-gradient(#dcdcdc, #d0d0d0);
background: -o-linear-gradient(#dcdcdc, #d0d0d0);
background: -moz-linear-gradient(#dcdcdc, #d0d0d0);
background: linear-gradient(#dcdcdc, #d0d0d0);
color: #3b4346;
font-weight: 400;
}

#main_menu > ul >li.menu_item i.icon{
display: block;
width: 55px;
height: 45px;
float: left;
margin-right: 10px;
background-position: -100px 0;
}

#main_menu > ul >li.menu_item > a:hover{
background: #f4b17b;
background: -webkit-linear-gradient(#f3bc90, #f4b17b);
background: -o-linear-gradient(#f3bc90, #f4b17b);
background: -moz-linear-gradient(#f3bc90, #f4b17b);
background: linear-gradient(#f3bc90, #f4b17b);
color: #3b4346;
}

#sub_menu {
height: 38px;
margin-bottom: 0;
margin-left: 0;
position: absolute;
top: 77px;
right: 0;
}

#sub_menu > ul.horizontal {
overflow: hidden;
float: right;
}

#sub_menu > ul.horizontal > li.menu_item{
line-height: 38px;
display: inline-block;
position: relative;
background: #fff;
font-size: 1.2em;
border-left: 1px solid #e8ecef;
color: #526170;
float: left;
font-weight: 800;
}

#sub_menu > ul.horizontal > li.menu_item > a{
line-height: 38px;
display: inline-block;
background: #fff;
color: #3b4346;
text-decoration: none;
padding-left: 10px;
padding-right: 20px;
font-weight: 700;
}

#sub_menu > ul.horizontal > li.menu_item i.icon{
display: block;
width: 38px;
height: 38px;
float: left;
margin-right: 0px;
}

#sub_menu > ul.horizontal > li.menu_item > a:hover{
background: #f4b17b;
background: -webkit-linear-gradient(#f3bc90, #f4b17b);
background: -o-linear-gradient(#f3bc90, #f4b17b);
background: -moz-linear-gradient(#f3bc90, #f4b17b);
background: linear-gradient(#f3bc90, #f4b17b);
}

#zapati {
font-size: 1.1em;
color: #7f8c8d;
padding-top: 10px;
position: relative;
}

#zapati > a {
font-weight: 800;
color: #526170;
text-decoration: none;
}

#zapati > a:hover{
text-decoration: underline;
}

#zapati > .ikony {
width: 135px;
height: 40px;
position: absolute;
top: 5px;
right: 0;
list-style-type: none;
}

#zapati > .ikony > li{
width: 35px;
height: 35px;
float: right;
margin-left: 5px;
}

#zapati > .ikony > li > a{
width: 35px;
height: 35px;
display: block;
}

#zapati > .ikony > li > a:hover{
opacity: .65;
}

#zapati > .ikony > li > a > i {
width: 35px;
height: 35px;
display: block;
}

#zapati > .ikony > li > a > i.help {
background: url(../img/ikony/help_icon.png) no-repeat top left;
}

#zapati > .ikony > li > a > i.info {
background: url(../img/ikony/info_icon.png) no-repeat top left;
}

#zapati > .ikony > li > a > i.weblink {
background: url(../img/ikony/world_map_icon.png) no-repeat top left;
}

/***** TABLE *****/
table.prehled,
div.prehled table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
font-size: 0.9em;
}

table.prehled thead tr,
div.prehled table thead tr {
background: #009ed8;
background: -webkit-linear-gradient(#1fade2, #0092c8);
background: -o-linear-gradient(#1fade2, #0092c8);
background: -moz-linear-gradient(#1fade2, #0092c8);
background: linear-gradient(#1fade2, #0092c8);
border: 1px solid #0092c8;
}

table.prehled thead tr td,
div.prehled table thead tr td {
color: #ffffff;
}

table.prehled tbody tr,
div.prehled table tbody tr {
background: #ffffff;
border: 1px solid #b2b9bc;
}

table.prehled tbody tr:nth-child(2n),
div.prehled table tbody tr:nth-child(2n) {
background: #dfebef;
background: -webkit-linear-gradient(#e9f0f3, #dfebef);
background: -o-linear-gradient(#e9f0f3, #dfebef);
background: -moz-linear-gradient(#e9f0f3, #dfebef);
background: linear-gradient(#e9f0f3, #dfebef);
}

table.prehled tbody tr:hover,
div.prehled table tbody tr:hover {
background: #c6e5f0;
background: -webkit-linear-gradient(#d1ebf5, #c6e5f0);
background: -o-linear-gradient(#d1ebf5, #c6e5f0);
background: -moz-linear-gradient(#d1ebf5, #c6e5f0);
background: linear-gradient(#d1ebf5, #c6e5f0);
}

table.prehled tbody tr.gon,
table.prehled tbody tr.gon:hover {
background: #f4b17b;
background: -webkit-linear-gradient(#f3bc90, #f4b17b);
background: -o-linear-gradient(#f3bc90, #f4b17b);
background: -moz-linear-gradient(#f3bc90, #f4b17b);
background: linear-gradient(#f3bc90, #f4b17b);
}

table.prehled tr td,
div.prehled table tr td {
padding: 0 10px;
height: 40px;
position: relative;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

table.prehled tr td:nth-child(1),
div.prehled table tr td:nth-child(1) {
text-align: left;
}

table.prehled col {
width: 90px;
}

table.prehled col.nazev {
width: auto;
}

table.prehled col.action {
width: 35px;
}

table.prehled col.stranka {
width: 250px;
}

table.prehled col.info {
width: 100px;
}

table.prehled td {
position: relative;
color: #3b4346;
}

table.prehled td a{
width: 100%;
line-height: 40px;
display: inline-block;
margin-left: 0px;
padding-left: 8px;
text-decoration: none;
color: #45615d;
}

table.prehled td a:hover {
background-color: #ee9912;
color: #ffffff;
text-decoration: none;
}

table.prehled td.action {
width: 35px;
height: 40px;
padding: 0;
position: relative;
}

table.prehled td.switch {
width: 90px;
height: 40px;
padding: 0;
position: relative;
text-align:right;
}

table.prehled td .action {
width: 35px;
height: 40px;
display: block;
cursor: pointer;
padding: 0;
}

table.prehled td .switch {
width: 35px;
height: 40px;
line-height: 40px;
display: block;
cursor: pointer;
padding: 0;
margin: 0 auto;
}

table.prehled a.action.edit {
background: transparent url("../img/ikony/edit.png") no-repeat center center;
}

table.prehled a.action.edit:hover {
background: #f4b17b url("../img/ikony/edit_hover.png") no-repeat center center;
}

table.prehled a.action.password {
background: transparent url("../img/ikony/password.png") no-repeat center center;
}

table.prehled a.action.password:hover {
background: #f4b17b url("../img/ikony/password_hover.png") no-repeat center center;
}

table.prehled .action.delete {
background: transparent url("../img/ikony/delete.png") no-repeat center center;
}

table.prehled span.action.delete {
opacity: 0.5;
cursor: not-allowed;
}

table.prehled .action.delete:hover {
background: #cc0000 url("../img/ikony/delete_hover.png") no-repeat center center;
opacity: 1;
}

table.prehled a.action.download {
background: transparent url("../img/ikony/download.png") no-repeat center center;
}

table.prehled a.action.download:hover {
background: #f4b17b url("../img/ikony/download_hover.png") no-repeat center center;
}

table.prehled a.show.show {
background: transparent url("../img/ikony/show.png") no-repeat center center;
}

table.prehled a.action.show:hover {
background: #f4b17b url("../img/ikony/show_hover.png") no-repeat center center;
}

table.prehled img.lang {
margin-top: 4px;
border: 1px solid #b2b9bc;
border-radius: 2px;
}

button,
.button {
line-height: 30px;
display: inline-block;
text-decoration: none;
padding: 0 20px;
background: #009ed8;
background: -webkit-linear-gradient(#1fade2, #0092c8);
background: -o-linear-gradient(#1fade2, #0092c8);
background: -moz-linear-gradient(#1fade2, #0092c8);
background: linear-gradient(#1fade2, #0092c8);
border: 1px solid #007caa;
border-radius: 2px;
color: #ffffff;
cursor: pointer;
font-weight: 400;
font-size: 14px;
}

button.grey,
.button.grey {
background: #dadada;
background: -webkit-linear-gradient(#dcdcdc, #d0d0d0);
background: -o-linear-gradient(#dcdcdc, #d0d0d0);
background: -moz-linear-gradient(#dcdcdc, #d0d0d0);
background: linear-gradient(#dcdcdc, #d0d0d0);
border: 1px solid #aaaaaa;
color: #000000;
}

button.grey:hover,
.button.grey:hover {
background: #d0d0d0;
background: -webkit-linear-gradient(#d0d0d0, #dcdcdc);
background: -o-linear-gradient(#d0d0d0, #dcdcdc);
background: -moz-linear-gradient(#d0d0d0, #dcdcdc);
background: linear-gradient(#d0d0d0, #dcdcdc);
border: 1px solid #aaaaaa;
color: #000000;
}

button:not([type*="button"]):hover,
.button:hover {
background: #1fade2;
background: -webkit-linear-gradient(#0092c8, #1fade2);
background: -o-linear-gradient(#0092c8, #1fade2);
background: -moz-linear-gradient(#0092c8, #1fade2);
background: linear-gradient(#0092c8, #1fade2);
color: #ffffff;
}

/*button:active,
button:not(#mce_26 button:active),
.button:active {
background: #f4b17b;
background: -webkit-linear-gradient(#f3bc90, #f4b17b);
background: -o-linear-gradient(#f3bc90, #f4b17b);
background: -moz-linear-gradient(#f3bc90, #f4b17b);
background: linear-gradient(#f3bc90, #f4b17b);
color: #ffffff;
border: 1px solid #d0823c;
} */

div.strankovani {
font-size: 0.8em;
padding: 0;
margin: 0;
}

div.strankovani > div {
line-height: 30px;
float: left;
margin: 0 20px 0 0;
padding: 7px 0 0 20px;
border-left: 1px solid #dfdfdf;
}

div.strankovani > div span {
line-height: 30px;
padding: 0 7px;
background: #009ed8;
background: -webkit-linear-gradient(#1fade2, #0092c8);
background: -o-linear-gradient(#1fade2, #0092c8);
background: -moz-linear-gradient(#1fade2, #0092c8);
background: linear-gradient(#1fade2, #0092c8);
border: 1px solid #007caa;
border-radius: 2px;
color: #ffffff;
text-decoration: none;
}

div.strankovani > div a {
line-height: 30px;
padding: 0 7px;
background: #dfdfdf;
background: -webkit-linear-gradient(#e8e8e8, #dfdfdf);
background: -o-linear-gradient(#e8e8e8, #dfdfdf);
background: -moz-linear-gradient(#e8e8e8, #dfdfdf);
background: linear-gradient(#e8e8e8, #dfdfdf);
border: 1px solid #828e92;
border-radius: 2px;
color: #3b4346;
text-decoration: none;
}

div.strankovani > div a:hover {
background: #f4b17b;
background: -webkit-linear-gradient(#f3bc90, #f4b17b);
background: -o-linear-gradient(#f3bc90, #f4b17b);
background: -moz-linear-gradient(#f3bc90, #f4b17b);
background: linear-gradient(#f3bc90, #f4b17b);
color: #ffffff;
border: 1px solid #d0823c;
}

i.state {
width: 24px;
height: 40px;
display: block;
margin: 0 auto;
}

i.state.off {
background: transparent url('../img/ikony/state_0.png') no-repeat center center;
}

i.state.on {
background: transparent url('../img/ikony/state_1.png') no-repeat center center;
}

i.state.doff {
background: transparent url('../img/ikony/dstate_0.png') no-repeat center center;
}

i.state.don {
background: transparent url('../img/ikony/dstate_1.png') no-repeat center center;
}

table.edit {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
font-size: 0.9em;
}

table.edit tbody tr {
background: #ffffff;
}

table.edit tr td {
padding: 8px 10px;
position: relative;
text-align: left;
}

table.edit tr td:nth-child(1) {
padding-left: 0;
}

table.edit tr td:nth-child(3) {
text-align: right;
padding-left: 30px;
}

table.edit tr td:nth-last-child(1) {
padding-right: 0;
}

table.edit col:nth-child(1) {
width: 110px;
}

table.edit col {
width: auto;
}

table.edit col:nth-child(3) {
width: 300px;
}

table.edit td {
position: relative;
color: #3b4346;
}

table.edit td input {
width: 400px;
height: 30px;
line-height: 30px;
}

table.edit td select,
table.edit td input[type="file"] {
width: 200px;
height: 30px;
line-height: 30px;
}

textarea {
resize: none;
}

div.nahled {
position: absolute;
top: 0;
left: 120px;
z-index: 1000;
padding: 10px;
background: #3b4346;
border-radius: 10px;
box-shadow: 0 0 15px #3b4346;
display: none;
}

div.nahled img {
width: 150px;
}

span.mini {
width: 24px;
height: 50px;
background: transparent url('../img/ikony/view.png') no-repeat center center;
display: block;
position: absolute;
top: 0;
right: 10px:;
cursor: pointer;
}

span.mini:active ~ div.nahled  {
display: block;
}

input.day,
input.month,
input.hour,
input.minute {
width: 30px !important;
text-align: center;
margin-right: 2px;
}

input.year {
width: 50px !important;
text-align: center;
margin-right: 20px;
}

div.gallery {
	width: calc(100%+20px);
	position: relative;
	margin-left: -10px;
	margin-right: -10px;
}

div.gallery > div.item {
	width: calc(20% - 20px);
	height: 180px;
	margin: 0 10px 20px 10px;
	position: relative;
	float: left;
	overflow: hidden;
	transition: box-shadow 0.4s;
}

div.gallery > div.item:hover {
    box-shadow: 0 0 15px #999999;
}

div.gallery > div.item div.photo {
	width: 100%;
	height: 180px;
	position: relative;
	background: #000;
	text-align: center;
	overflow: hidden;
}

div.gallery > div.item div.photo img{
	height: 180px;
}

div.gallery > div.item div.photo div.name{
	position: absolute;
	bottom: 0;
	left: 0;
	width: calc(100%-20px);
	display: block;
	margin: 0;
	width: 100%;
	color: #fff;
	text-align: left;
	font-size: 1.0em;
	font-weight: 300;
	padding: 10px 10px;
	line-height: 30px;
	height: 30px;
	background: #000000;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	background: -webkit-linear-gradient(rgba(0,0,0,0) 100%, rgba(0,0,0,0.65) 0%);
	background: -o-linear-gradient(rgba(0,0,0,0) 100%, rgba(0,0,0,0.65) 0%);
	background: -moz-linear-gradient(rgba(0,0,0,0) 100%, rgba(0,0,0,0.65) 0%);
	background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
}

div.gallery > div.item div.preferences{
	width: calc(100% - 12px);
	height: 40px;
	position: absolute;
	top: -51px;
	left: 25px;
	background: #dfdfdf;
	background: -webkit-linear-gradient(#e8e8e8, #dfdfdf);
	background: -o-linear-gradient(#e8e8e8, #dfdfdf);
	background: -moz-linear-gradient(#e8e8e8, #dfdfdf);
	background: linear-gradient(#e8e8e8, #dfdfdf);
	border-left: 1px solid #b2b9bc;
	border-right: 1px solid #b2b9bc;
	border-top: 1px solid #b2b9bc;
	transition: top 0.3s;
	text-align: right;
	padding-right: 10px;
}

div.gallery > div.item div.info{
	width: calc(100% - 2px);
	height: 40px;
	position: absolute;
	bottom: -40px;
	left: 0;
	background: #dfdfdf;
	background: -webkit-linear-gradient(#e8e8e8, #dfdfdf);
	background: -o-linear-gradient(#e8e8e8, #dfdfdf);
	background: -moz-linear-gradient(#e8e8e8, #dfdfdf);
	background: linear-gradient(#e8e8e8, #dfdfdf);
	border-left: 1px solid #b2b9bc;
	border-right: 1px solid #b2b9bc;
	border-bottom: 1px solid #b2b9bc;
	transition: bottom 0.3s;
	text-align: center;
}

div.gallery > div.item:hover div.preferences {
	top: -10px;
}

div.gallery > div.item div.preferences p {
	line-height: 40px;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: calc(60% - 2px);
	/*background: #123;*/
	margin-left: 10px;
	text-align: left;
}

div.gallery > div.item:hover div.info {
	bottom: 0;
}

div.gallery > div.item div.preferences a.hon,
div.gallery > div.item div.preferences a.zon {
display: inline-block;
width: 30px;
line-height: 40px;
height: 40px;
}

div.gallery > div.item div.preferences i {
display: inline-block;
width: 30px;
line-height: 40px;
height: 40px;
}

div.gallery > div.item div.preferences a.hon:hover,
div.gallery > div.item div.preferences a.zon:hover {
background: #f4b17b;
background: -webkit-linear-gradient(#f3bc90, #f4b17b);
background: -o-linear-gradient(#f3bc90, #f4b17b);
background: -moz-linear-gradient(#f3bc90, #f4b17b);
background: linear-gradient(#f3bc90, #f4b17b);
}

div.gallery > div.item div.info a.icon {
	width: 30px;
	height: 40px;
	display: inline-block;
}

div.gallery > div.item div.info a.icon i {
	width: 30px;
	height: 40px;
	display: inline-block;
}

div.gallery > div.item div.info a.icon i.move_ll {
	background: transparent url('../img/ikony/move_ll.png') no-repeat center center;
}

div.gallery > div.item div.info a.icon i.move_l {
	background: transparent url('../img/ikony/move_l.png') no-repeat center center;
}

div.gallery > div.item div.info a.icon i.move_r {
	background: transparent url('../img/ikony/move_r.png') no-repeat center center;
}

div.gallery > div.item div.info a.icon i.move_rr {
	background: transparent url('../img/ikony/move_rr.png') no-repeat center center;
}

div.gallery > div.item div.info a.icon i.edit {
	background: transparent url('../img/ikony/edit.png') no-repeat center center;
}

div.gallery > div.item div.info a.icon i.delete {
	background: transparent url('../img/ikony/delete.png') no-repeat center center;
}

div.gallery > div.item div.info a.icon:hover {
	background: #f4b17b;
	background: -webkit-linear-gradient(#f3bc90, #f4b17b);
	background: -o-linear-gradient(#f3bc90, #f4b17b);
	background: -moz-linear-gradient(#f3bc90, #f4b17b);
	background: linear-gradient(#f3bc90, #f4b17b);
}

div.gallery > div.item div.info a.icon:nth-last-child(1):hover {
	background: #cc0000;
}

div.gallery > div.item div.info a.icon:nth-last-child(1):hover i.delete {
	background: transparent url('../img/ikony/delete_hover.png') no-repeat center center;
}

div.bar_editor{
	width: calc(100% - 330px);
	min-height: 150px;
	padding-right: 30px;
	padding-bottom: 30px;
	float: left;
	border-right: 300px solid #f0f0f0;
}

div.bar_preferences{
	width: 250px;
	min-height: 150px;
	margin-top: -73px;
	margin-left: -300px;
	padding: 20px 25px;
	background: #f0f0f0;
	float: left;
}

div.bar_preferences div.item{
	margin-bottom: 15px;
	position: relative;
}

div.bar_preferences label{
	width: 250px;
	height: 25px;
	display: block;
	margin: 0 0 0 0;
	padding: 0;
}

div.bar_preferences select{
	width: 250px;
	height: 30px;
	display: block;
	margin: 0 0 5px 0;
	padding: 0;
}

div.bar_editor input{
	min-width: 456px;
	width: 60%;
	height: 40px;
	display: block;
	margin: 0 0 5px 0;
	padding: 0 5px;
	font-size: 16px;
}

div.bar_preferences input{
	width: 236px;
	height: 30px;
	display: block;
	margin: 0 0 5px 0;
	padding: 0 5px;
}

	span.mini {
	width: 24px;
	height: 50px;
	background: transparent url('../img/ikony/view.png') no-repeat center center;
	display: block;
	position: absolute;
	top: -15px;
	right: 10px;
	cursor: pointer;
	}

span.mini:active ~ div.nahled  {
display: block;
}

div.bar_editor div.item{
	margin-bottom: 25px;
}

div.bar_preferences input.time{
	display: inline-block !important;
	margin-right: 1px;
	padding: 0 0px;
}

@media (max-width: 1600px){
	div.gallery {
		width: calc(100%+20px);
		position: relative;
		margin-left: -10px;
		margin-right: -10px;
	}

	div.gallery > div.item {
		width: calc(25% - 20px);
		min-height: 140px;
		margin: 0 10px 20px 10px;
		position: relative;
		background: #123;
		float: left;
	}
}


@media (max-width: 1400px){
	div.gallery {
		width: calc(100%+20px);
		position: relative;
		margin-left: -10px;
		margin-right: -10px;
	}

	div.gallery > div.item {
		width: calc(33.3% - 20px);
		min-height: 140px;
		margin: 0 10px 20px 10px;
		position: relative;
		background: #123;
		float: left;
	}
}

/* MODUL 000 */

div.prehled {
  width: 100%;
  display: flex;    
  justify-content: space-between;    
  margin-bottom: 25px;
}

div.prehled > div{  
  width: 48%;   
  width: calc(50% - 20px);   
  min-height: 300px;         
  position: relative;
}  

div.prehled > div > h3{
  font-size: 18px;
  margin-bottom: 15px;
}

div.prehled > div > table{  
  width: 100%;
}

div.prehled > div.statistika_clanku{
}

div.prehled > div.statistika_stranek{
}

div.prehled col:nth-last-child(1) {
  width: 120px;
}

div.prehled table > tbody > tr > td:nth-last-child(1) {
}

div.prehled > div.statistika_fotek > div.radek{
  width: 100%;
  position: relative;
  display: flex;          
  justify-content: space-between;  
  margin-bottom: 15px;
}

div.prehled > div.statistika_fotek > div.radek > div.fotka {
  width: 23%;
  height: 12rem;
  position: relative;
}

div.prehled > div.statistika_fotek > div.radek > div.fotka > img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

div.prehled > div.statistika_fotek > div.radek > div.fotka > span{
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 35px;
  line-height: 35px;
  box-sizing: border-box;
  padding: 0 5px;                         
  color: white;  
  background: -webkit-linear-gradient(transparent, black);
  background: -o-linear-gradient(transparent, black);
  background: -moz-linear-gradient(transparent, black);
  background: linear-gradient(transparent, black);
}

div.prehled div.graf {
  width: 100%;
  height: 100px;
  position: relative;
  box-sizing: border-box;
  padding: 0 25px;
  border-bottom: 1px solid #b2b9bc;
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

div.prehled div.graf > div.sloupec {
  width: 100%;
  float: left;
  margin: 0 3%;  
  background: #009ed8;
  background: -webkit-linear-gradient(#1fade2, #0092c8);
  background: -o-linear-gradient(#1fade2, #0092c8);
  background: -moz-linear-gradient(#1fade2, #0092c8);
  background: linear-gradient(#1fade2, #0092c8);   
  position: relative;     
}

div.prehled div.graf > div.sloupec:hover {
  opacity: .6;   
}

div.prehled div.graf > div.sloupec > div.nazev {
  text-align: center;
  position: absolute;
  bottom: -58px;
  left: 0;    
  width: 100%;
  font-size: .75rem;    
  object-postiton: top;
  overflow: hidden;
  height: 50px;
}    

div.prehled div.popisky {
  width: 100%;
  height: 60px;
}

label.required {
	font-weight: bold;
}

label.required::after {
 content: ' *';
 color: red;
}