/* CSS Document */

/* == Chybove tabulky == */
.message_info, .message_success, .message_warning, .message_error, .message_validation {
    border: 1px solid;
    margin: 10px 0px;
    background-repeat: no-repeat;
    background-position: 10px center;
    font:bold 16px arial, tahoma, verdana;
    -moz-border-radius:10px;
    border-radius:10px;
    width:70%;
    -moz-box-shadow: 3px 3px 5px rgba(0,0,0,.5);
    -webkit-box-shadow: 10px 10px 5px rgba(0,0,0,.5);
    box-shadow: 10px 10px 5px rgba(0,0,0,.5);
    position:relative;
    z-index:250;
}
.message_info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../soubory/message/info.png');
}
.message_success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('../soubory/message/ok.png');
}
.message_warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../soubory/message/warning.png');
}
.message_error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../soubory/message/stop.png');
}
.message_validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('../soubory/message/error.png');
}

.message_info span.dopln, .message_success span.dopln, .message_warning span.dopln, .message_error span.dopln, .message_validation span.dopln
{
    font-size:12px;
    color:black;
}

.message_info a, .message_success a, .message_warning a, .message_error a, .message_validation a
{
    color:blue;
    text-decoration:none;
}

.message_info a:hover, .message_success a:hover, .message_warning a:hover, .message_error a:hover, .message_validation a:hover
{
    color:red;
}

.message_info div, .message_success div, .message_warning div, .message_error div, .message_validation div
{
    margin:10px 0px 10px 50px;
}



/* IKONY */
.Ikona, .IkonaPlus, .IkonaEdit, .IkonaDel, .IkonaDelOdp, .IkonaDelN, .IkonaAktivni, .IkonaPredat, .IkonaPredatG, .IkonaNeaktivni, .IkonaKos, .IkonaOznaceno, .IkonaNeoznaceno, .IkonaUkol, .IkonaLogistikaA, .IkonaLogistikaN, .IkonaKalendar, .IkonaLupa, .IkonaAuto, .IkonaTiskarna, .IkonaBublina, .IkonaBublinaR, .IkonaNahoru, .IkonaDolu, .IkonaPauza, .IkonaPlay, .IkonaNeplay, .IkonaOko  
{
  border:0px;
  display:block;
  width:13px;
  height:13px;
  float:right;
  margin-left:3px;
  text-decoration:none;
  background-repeat:no-repeat;
}

.IkonaPlus, .iPlus
{
  background-image:url('../soubory/IKONY/PLUS.gif');
}

.IkonaEdit, a.iEdit
{
  background-image:url('../soubory/IKONY/EDIT.gif');
}

.IkonaDel, .Del, .iDel
{
  background-image:url('../soubory/IKONY/DELETE_B.gif');
}

.IkonaDel:hover, .iDel:hover
{
  background-image:url('../soubory/IKONY/DELETE.gif');
}

.IkonaDelOdp
{
  background-image:url('../soubory/IKONY/DELETE_O.gif');
}

.IkonaDelN
{
  background-image:url('../soubory/IKONY/DELETE_n.gif');
}

.IkonaDelOdp:hover
{
  background-image:url('../soubory/IKONY/DELETE.gif');
}

.IkonaAktivni
{
  background-image:url('../soubory/IKONY/AKTIVNI.gif');
}

.IkonaNeaktivni
{
  background-image:url('../soubory/IKONY/NEAKTIVNI.gif');
}

.IkonaKos, .Kos
{
  background-image:url('../soubory/IKONY/KOS.gif');
}

.IkonaOznaceno, .Oznaceno
{
  background-image:url('../soubory/IKONY/CHECKED.gif');
}

.IkonaNeoznaceno, .Neoznaceno
{
  background-image:url('../soubory/IKONY/UNCHECKED.gif');
}

.IkonaPredat
{
  background-image:url('../soubory/IKONY/UKOL.gif');
}

.IkonaPredatG
{
  background-image:url('../soubory/IKONY/DOKUMENT_ADD.gif');
}


.IkonaKalendar
{
  background-image:url('../soubory/IKONY/KALENDAR.gif');
}

.IkonaLupa
{
  background-image:url('../soubory/IKONY/LUPA.gif');
}

.IkonaAuto
{
  background-image:url('../soubory/IKONY/AUTO.gif');
}

.IkonaTiskarna
{
  background-image:url('../soubory/IKONY/TISKARNA.gif');
}

.IkonaBublina
{
  background-image:url('../soubory/IKONY/BUBLINA.gif');
}

.IkonaBublinaR
{
  background-image:url('../soubory/IKONY/BUBLINA_R.gif');
}

.IkonaNahoru, .iNahoru
{
  background-image:url('../soubory/IKONY/NAHORU.gif');
}

.IkonaDolu, .iDolu
{
  background-image:url('../soubory/IKONY/DOLU.gif');
}

.IkonaNahoru:hover
{
  background-image:url('../soubory/IKONY/NAHORU_A.gif');
}

.IkonaDolu:hover
{
  background-image:url('../soubory/IKONY/DOLU_A.gif');
}

.IkonaPauza
{
  background-image:url('../soubory/IKONY/PAUZA.gif');
}

.IkonaPlay
{
  background-image:url('../soubory/IKONY/PLAY.gif');
}


.IkonaNeplay
{
  background:none;
}

.IkonaNePlay:hover
{
  background-image:url('../soubory/IKONY/NEPLAY.gif');
}

.IkonaOko
{
  background-image:url('../soubory/IKONY/OKO.png');
}

.OblibeneNE
{
  background-image:url('../soubory/IKONY/HVEZDICKA_P.png');
}

.Oblibene
{
  background-image:url('../soubory/IKONY/HVEZDICKA.png');
}

.OblibeneAKTIVNI
{
  background-image:url('../soubory/IKONY/HVEZDICKA_N.png');
}

.OblibeneAKTIVNI:hover
{
  background-image:url('../soubory/IKONY/HVEZDICKA.png');
}

span.IkonaOznaceno, span.IkonaPlay, span.IkonaNePlay, span.IkonaBublina, span.IkonaPauza, span.IkonaKos, span.IkonaPredat, span.IkonaPredatG, span.IkonaOko
{
  opacity:0.0;
}




/*  --  INFORMACNI BUBLINA  --  */


a.tooltip {
	cursor: help;
	z-index: 0;
	position:relative;
}
a.tooltip em {
	display: none;
	font-style:normal;
}
a.tooltip:hover {
	font-size: 100%;

}
a.tooltip:hover em {
	display: block !important;
	position: absolute;
	top: -20px;
	left: 60px;
	width: 300px;
	background: #336699;
	color: #fff;
	padding: 10px;
	text-decoration: none;
	z-index: 10;
	font-size: 90%;
}
a.tooltip span {
	display: none;
}



/* ====  DropDown MENU  =====  */

 /* Dropdown Button */
.dropbtn {
    display:block;
    width:40px;
    height:40px;
    background-color:#7DB5EB;
    background-image:url('../soubory/IKONY/menu-pruhy-40.png');
    background-repeat:no-repeat;
    background-position:center center;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    background-color: #AADDFF;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    margin-left:-120px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}