/* CSS Document */


body
{
  background-color:#f6f6ff;
  text-align:ceter;
  font-family:verdana, tahoma, arial;
  height:100%;
}

form
{
  margin:0 0 0 0;
}

a, input[type=button]
{
  cursor:pointer;
}

hr.clear
{
  clear:both;
  visibility:hidden;
  margin:-1px 0 -1px 0;
  width:0px;
  height:0px;
}

.float
{
  float:none;
}

.right
{
  float:right; 
}

/*  -- HLAVNI CAST  --  */

div.helpdesk
{
  width:100%;
}


header.head
{
  background-color:#083C75;
  color:white;
  text-align:left;
  border:1px solid #ccc;
  width:100%;
  background-image:url('../soubory/img/header_bg.gif');
  background-repeat:repeat-y;
  background-position:left top;
  position:fixed;
  top:0;
  left:0;
  z-index:220;
}

div.header-box
{
  width:100%;
  height:45px;
}

header.head a.head-nadpis
{
  margin:2px 0 2px 2px;
  padding:5px;
  font:normal 22px verdana, tahoma, arial;
  color:#e0e0ff;
  float:left;
  text-decoration:none;
  position:relative;
  z-index:210;
}


header.head a.hlavicka-login, a.hlavicka-logout
{
  text-decoration:none;
  margin:0 0 0 0;
  color:white;
  font:bold 11px verdana, tahoma, arial;
}

a.hlavicka-ico
{
  text-decoration:none;
  margin:4px 0 0 0;
  display:inline-block;
  width:20px;
  height:20px;
  background-repeat:no-repeat;
}

a.h-ico-help
{
  background-image:url('../soubory/img/header-ico-napoveda.png');
}

a.h-ico-printer
{
  background-image:url('../soubory/img/printer.png');
}

a.h-ico-nast
{
  background-image:url('../soubory/img/nastaveni.png');
}

a.h-ico-statistika
{
  background-image:url('../soubory/img/header-ico-statistika.png');
}

a.h-ico-poznamky
{
  background-image:url('../soubory/img/header-ico-poznamky1.png');
}

a.h-ico-zastup
{
  background-image:url('../soubory/img/header-ico-zastup.png');
}

a.h-ico-cookies
{
  background-image:url('../soubory/img/header-ico-klic.png');
}

a.h-ico-smile
{
  background-image:url('../soubory/img/header-ico-smile.png');
  background-position:center-top;
}
a.h-ico-smile:hover
{
  background-position: center -22px;
}

a.h-ico-kontakty
{
  background-image:url('../soubory/img/header-ico-kontakt.png');
}

a.h-ico-terminal
{
  background-image:url('../soubory/img/header-ico-terminal.png');
}

a.h-ico-terminal-aktivni
{
  background-image:url('../soubory/img/header-ico-terminal-aktivni.png');
}




footer
{
  background-color:#082F5A;
  color:white;
  text-align:left;
  border:1px solid #ccc;

  width:100%;
  background-image:url('../soubory/img/header_bg.gif');
  background-repeat:repeat-y;
  background-position:right top;
  position:fixed;
  bottom:0;
  left:0;
  z-index:215;
}


div.footer
{
  width:100%;
  height:40px;
}


div.filtr
{
  width:100%;
  border:1px solid #aaa;
  text-align:left;
  background-color:#0B519E;

}

div.hlavni-cast
{
  width:auto;
  border:0px solid #aadddd;
  background:linear-gradient(165deg, #f0f0ff 0%,#f8f8ff 100%); /* W3C */
  padding:10px 0 0 10px;
}


table.vyber-zarizeni
{
  margin:20px 0 150px 0;
}

table.vyber-zarizeni a
{
  text-decoration:none;
  color:#1C3882;
}





/* -- PRIHLASENI -- */

.login-tab
{
  background-image:url('../soubory/img/globe3.png');
  background-repeat:no-repeat;
  background-position:0px 45px;
  background-color:#fff;
  border:1px solid #aaa;
  width:400px;
  height:250px;
  border-radius:8px;
  margin:50px 0 50px 0;

}


.login-input-tab
{
  margin:20px 10px 0 0;
  font-size:12px;
  color: #808080;
}

.login-tab input[type="text"], input[type="password"]
{
  width:120px;
  background-color: #FDFBFB;
	border: 1px #BBBBBB solid;
	padding: 2px;
	margin: 1px;
	font-size: 14px;
	color: #808080;
}

.ok:hover
{
  background-color:#D8EAF4;
}

.login-tab h1
{
  font:bold 28px verdana, tahoma, arial;
  color:#1D3E66;
  margin:5px 0 0 0;
  border-bottom:1px solid #aaa;
  text-align:center;
}

.login-tab a
{
  text-decoration:none;
  color:#bbb;
}


/* --- NAPOVEDA --- */

div.napoveda-priklad
{
  border:1px solid #888;
  width:670px;
}














/* -- PANELY -- */

div.levy-obal
{
  width:180px;
  border:0px solid #ddaadd;
  float:left;
  margin:0 10px 0 0;
}


div.pravy-obal
{
  width:150px;
  float:right;
  margin-right:10px;
}



div.hlavni-obal
{
  width:auto;
  border:none;
  margin:0 0 0 0;
  display:block;
  overflow:hidden;

}


div.hlavni-panel, div.hlavni-panel-menu
{
  width:auto;
  border:1px solid #dbdbdb;
  margin:0 10px 10px 0;
  border-radius: 6px;
  display:block;
  padding:10px;
  background-color:white;
  overflow:hidden; 
  min-height:250px;
  text-align:left;
}

div.hlavni-panel-menu
{
  min-height:5px;
  background-color:#d0ddff;
  padding:5px;
  text-align:left;
  border-color:#B0C0FF;
  color:#b0c0ff;
  position:relative;
  z-index:210;
}

div.hlavni-panel-menu a
{
  text-decoration:none;
  font-weight:bold;
  font-size:14px;
  color:#000090;
}

div.hlavni-panel p
{
  text-align:justify;
  width:670px;
} 

div.hlavni-panel h2
{
  font-size:22px;
  color:#5889B3;
  border-bottom:1px solid #5889B3;
  text-align:left;
}


div.informacni-obal
{
  width:auto;
  min-height:520px;
  margin-bottom:10px;
}

div.informacni-panel
{
  width:auto;
  border:1px solid #aaa;
  min-height:500px;
  padding:20px;
  background-color:rgba(255,255,255,.6);
  border-radius:5px;
}


div.aplikace-panel
{
  width:auto;
  border:0px solid red;
  text-align:left;
}

fieldset.aplikace-panel
{
  width:auto;
  border:1px solid #aaa;
  border-radius:5px;
  text-align:left;
  margin-bottom:10px;
}


div.prehled-puis-panel
{
  width:auto;
  border:0px solid red;
  text-align:left;
}

fieldset.prehled-puis-panel
{
  width:auto;
  border:1px solid #aaa;
  border-radius:5px;
  text-align:left;
  margin-bottom:10px;
}










/*  == TABULKA TICKETS == */

div.tickets-nadpis
{
  width:100%;
  margin:0 0 10px 0;
  text-align:left;
  font:normal 16px verdana, tahoma, arial;
}

div.tickets-nadpis a.zrusit, div.tickets-nadpis a.zpet
{
  color:#FF6566;
  display:inline-block;
  width:20px;
  height:20px;
  border:1px solid #ddd;
  text-decoration:none;
  text-align:center;
  margin:0 0 0 20px;
  font:bold 16px verdana, tahoma, arial;
  border-radius:5px;
  background: linear-gradient(145deg, #fff, #ddd);

}

div.tickets-nadpis a.zpet
{
  font-size:14px;
  color:blue;
  width:45px;
}

table.tickets
{
  width:100%;
  margin:0 0 0 0;
  background-color:white;
  border-collapse:collapse;
  font:normal 12px verdana, tahoma, arial;
}

table.tickets tr:hover
{
  background-color:#FFFFEA;
}

table.tickets th
{
  background-color:#D0DDFF;
  border:1px solid #e0e0ff;
}

table.tickets th.id-ticket
{
  width:80px;
}

table.tickets th.ikony
{
  width:116px;
}

table.tickets td
{

  border:1px solid #e0e0ff;
}

table.tickets td.id-ticket
{
  text-align:right;
}

table.tickets td.raquo
{
  border-right:none;
  text-align:center;
  padding:0 0 0 0;
}


table.tickets td.predmet
{
  border-left:none;
}

table.tickets a
{
  text-decoration:none;
  color:blue;
}

table.tickets a.info
{
  color:#fff;
}

table.tickets a.info:hover
{
  color:#666;
}

span.tck-stav
{

  padding:3px 4px 4px 4px;
  border-radius: 3px;
  font:bold 11px verdana, tahoma, arial;
  cursor:pointer;
  text-decoration:none;
}

span.novy
{ background-color:#0000D1; color:white;}
span.precteno
{ background-color:#fff; color:#666;}
span.postoupeno
{ background-color:#ddd; color:#666; border:1px solid #ccc;}
span.postoupenoMe
{ background-color:#0000D1; color:white;}
span.odlozeno
{ background-color:#F5B600; color:white;}
span.resise
{ background-color:#00BD00; border:1px solid #00BD00; color:white;}
span.hotovo
{ background-color:#ddd; color:#666; border:1px solid #ccc;}
span.presunuto
{ background-color:#fff; color:#aaa; border:1px solid #ccc;}
span.zamitnuto
{ background-color:#CE0000;color:white;}
span.odstraneno
{ background-color:#ddd; color:#CE0000; border:1px solid #CE0000;}
span.odstranit
{ background-color:#fff; color:#CE0000; border:1px solid #CE0000;}
span.pripraven
{ background-color:#F0FFF0; color:#008600; border:1px solid #ccc;}
span.ceka
{ color:#F5B600; border:1px solid #F5B600;}

span.tck-druh-vpn
{ background-color:#F0FFF0; color:#008600; border:1px solid #ccc;}
span.tck-multi
{ background-color:#D9EAFF; color:#2A5AFF; border:1px solid #ccc;}


/* podle rozliseni */

@media (max-width:1100px)
{
    table.tickets th.od1
    {display:none;}
    table.tickets td.od1
    {display:none;}
    table.prehled th.od1
    {display:none;}
    table.prehled td.od1
    {display:none;}
}

@media (max-width:1000px)
{
    table.tickets th.od2
    {display:none;}
    table.tickets td.od2
    {display:none;}
    table.prehled th.od2
    {display:none;}
    table.prehled td.od2
    {display:none;}
}

@media (max-width:950px)
{
    table.tickets th.od3
    {display:none;}
    table.tickets td.od3
    {display:none;}
    table.prehled th.od3
    {display:none;}
    table.prehled td.od3
    {display:none;}
}

@media (max-width:920px)
{
    table.tickets th.od4
    {display:none;}
    table.tickets td.od4
    {display:none;}
    table.prehled th.od4
    {display:none;}
    table.prehled td.od4
    {display:none;}
}

@media (max-width:820px)
{
    table.tickets td.id-ticket
    {width:40px}
    table.tickets th.id-ticket
    {width:40px}
    table.tickets th.ikony
    {width:60px;}
    table.prehled th.od5
    {display:none;}
    table.prehled td.od5
    {display:none;}
    
}







div.strankovani
{
  text-align:right;
  font:normal 12px verdana, tahoma, arial;
  width:auto;
  margin-top:10px;
}

div.strankovani a
{
  color:blue;
  text-decoration:none;
  font-weight:bold;
}


/* -- Infopanel -- */
div#infopanel
{
  min-height:10px;
  position:relative;
  z-index:210;
  background-color:#FFFFCE;
}


table.infopanel
{
  color:#082F5A;
  width:100%;
  margin:0 0 0 0;

  border-collapse:collapse;
  font:normal 12px verdana, tahoma, arial;
}

table.infopanel a
{
  color:blue;
  text-decoration:none;
}


/* -- Tip -- */

div.tip
{
  color: #9F6000;
  background-color: #FEEFB3;
  border:1px solid;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-image:url('../soubory/IKONY/TIP.png');
  min-height:35px;
  background-position:10px 10px;
  background-repeat:no-repeat;
  font:normal 12px verdana, tahoma arial;
  text-align:left;
}

div.tip div
{
  margin:5px 5px 5px 40px;
}

div.tip div p
{
  color:black;
  margin:2px;
}





/* -- PRAVY PANEL -- */


div.pravy-panel, a.novy-zaznam, a.novy-infopanel
{
  width:140px;
  background-color:white;
  float:right;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border:1px solid #dbdbdb;
  padding:5px; 
  padding-top:0px;
  margin-bottom:10px;
  text-align:center;
}

a.novy-zaznam
{
  display:block;
  text-decoration:none;
  padding-top:5px;
  color:#888;
  font-weight:bold;
  border-color:#bbb;
}

a.novy-zaznam:hover, a.novy-infopanel:hover
{
  background-color:#D6DDFF;
  color:#666693;
  border-color:#666693;
}


a.novy-infopanel
{
  text-decoration:none;
  font:normal 12px verdana, tahoma, arial;
  color:#888;
  padding:2px 5px 2px 5px;
  border-color:#bbb;
}


table.pravy
{
  width:140px;
  margin:5px 0 0 0;
}

table.pravy th
{
  border-bottom:1px solid #ddd;
  text-align:left;
  font:normal 12px verdana, tahoma, arial;
  color:#999;
}

table.pravy td
{
  text-align:left;
  font:normal 12px verdana, tahoma, arial;
  color:#aaa;
}

input.pravy-hledat
{
  width:99px;
  border:1px solid #ccc;
  background-image:url('../soubory/img/hledat_bck.png');
  background-repeat:no-repeat;
  background-position:0px 1px;
}

input.lupa
{
  width:21px;
  height:18px;
  background-image:url('../soubory/IKONY/lupa_ico.png');
  background-position:center middle;
  background-repeat:no-repeat;
  background-color:white;
  border:none;
}


table.pravy a, table.pravy span
{
  color:#888;
  text-decoration:none;
  font-size:11px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid rgba(0,0,0,0);

}

table.pravy a:hover, table.pravy span.a, table.pravy a.a
{
background-color:#ddd; color:#666; border:1px solid #ccc;
}

/*
a.novy
{ background-color:#0000D1;}
a.precteno
{ background-color:#fff;}
a.postoupeno
{ background-color:#ddd; color:#666; border:1px solid #ccc;}
a.postoupenoMe
{ background-color:#0000D1;}
a.odlozeno
{ background-color:#F5B600;}
a.resise
{ background-color:#00BD00;}
a.hotovo
{ background-color:#ddd; color:#666; border:1px solid #ccc;}
a.zamitnuto
{ background-color:#CE0000;}

*/

/* --- ROZCESTNIK --- */

div.nap-rozcestnik
{
  width:75%;
  text-align:left;
  margin-bottom:40px;
}

div.nap-rozcestnik a
{
  display:inline-block;
  font:normal 18px verdana, tahoma, arial;
  text-decoration:none;
  color:#1D4EA0;
}



/*  --- velky input --- */

input.velkyInput
{
  border:2px solid #999;
  font-size:22px;
  padding:2px;
  
}



/* === polozky bublina === */

div.polozka-bublina
{
  border-radius:4px;
  font:normal 12px verdana, tahoma, arial;
  padding:3px 6px 3px 6px;
  margin:0 2px 2px 0;
  display:inline-block;
}

div.polozka-bublina a
{
  text-decoration:none;
  font-weight:bold;
}


div.pbModra
{
  background-color:#E6EBFF;
  border:1px solid #ACCDFF;
}

div.pbModra a
{
  color:#8FA5FF;
}


div.pbCervena
{
  background-color:#FFEBEA;
  border:1px solid #FF8982;
}

div.pbCervena a
{
  color:#FF8982;
}


/*  =====   TERMINAL  ------ */

input.hlavni-cmd-line
{
  width:250px;
  margin:10px 5px 5px 5px;
  font-family:console, arial;
}

pre.hlavni-terminal
{
  width:250px;
  min-height:720px;
  text-align:left;
  margin:10px;
  border:1px solid #666;
  padding:6px;
}