
<html>
<head>
<style type=text/css>
@charset "utf-8";
/*
Zvezdara teatar      color
Narandzasta         #F6921E
 Svetla             #f7b86f
Crvena              #BE1E2D
Siva                #6D6E70
Zelena              #00A69C
*/

/*
:root{
    --boja_sezone: #cdc998; 
}
*/

body {
background-color: #000000; /*#E9E9E9*/
}

.styleBrend {
    background-color: #FFFFFF;
    padding-top: 15px;
    padding-bottom: 15px;
}

.styleBrendDno {
    background-color: #fcfefc;
    padding-top: 15px;
    padding-bottom: 15px;
}

.styleBrendSenka {
    background-color: #cdc998;
    height: 4px;
}

.styleZaglavljeUser {
    background-color: #6D6E70;
    padding-top: 5px;
    padding-bottom: 5px;
}

.styleZaglavlje {
    background-color: #FFFFFF;
    /* padding-top: 10px; */
    padding-bottom: 10px;
}

.styleZaglavljeSenka {
    background-color: #cdc998;
    height: 4px;
}

.styleTelo {
    background-color: #E9E9E9;
    padding-top: 15px;
    padding-bottom: 15px;
}

.styleDnoSenka {
    background-color: #cdc998;
    height: 2px;
}

.styleDno {
    background-color: #6D6E70;
    height: 10px;
}

.styleRezervacijaTelo {
  background-color: #f5f5f5;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
  font-family: tahoma, verdana, arial;
}

.styleRepertoarOkvirDno {
    height: 30px;
}

.styleRepertoarZaglavlje {
    background-color: #F8F8F8;
  padding: 0 0 0 5px;
    height: 35px;
    width: 300px;
    font-family: tahoma, verdana, arial;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
}

.styleRepertoarZaglavljeTable {
  background-color: #F8F8F8;
  padding: 0 0 0 5px;
  height: 35px;
  width: 300px;
  font-family: tahoma, verdana, arial;
  font-size: 14px;
  font-weight: normal;
  color: #000000;
}

.styleRepertoarZaglavljeDanas {
  background-color: #218c8d;
  padding: 0 0 0 5px;
  height: 35px;
  width: 300px;
  font-family: tahoma, verdana, arial;
  font-size: 14px;
  font-weight: normal;
  color: #FFFFFF;
}

.styleRepertoarZaglavljeDanasTable {
  background-color: #218c8d;
  padding: 0 0 0 5px;
  height: 35px;
  font-family: tahoma, verdana, arial;
  font-size: 14px;
  font-weight: normal;
  color: #FFFFFF;
}

.styleRepertoarDatum {
    background-color: #218c8d;
    padding: 0 0 0 10px;
    height: 28px;
    width: 300px;
    font-family: tahoma, verdana, arial;
    font-size: 12px;
    color: #FFFFFF;
}

.styleRepertoarDatumTable {
  background-color: #218c8d;
  height: 28px;
  font-family: tahoma, verdana, arial;
  font-size: 12px;
  color: #FFFFFF;
}

.styleRepertoarDanas {
  background-color: #208C8E;
  padding: 0 0 0 10px;
  height: 28px;
  width: 300px;
  font-family: tahoma, verdana, arial;
  font-size: 12px;
  font-weight: bold;
  color: #218c8d;
}

.styleRepertoarDanasTable {
  background-color: #208C8E;
  padding: 0 0 0 10px;
  height: 28px;
  font-family: tahoma, verdana, arial;
  font-size: 12px;
  font-weight: bold;
  color: #218c8d;
}

.styleRepertoarNaslov {
    background-color: #F8F8F8;
  padding: 0 0 0 5px;
    height: 30px;
    width: 300px;
    font-family: tahoma, verdana, arial;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}

.styleRepertoarNaslovTable {
  background-color: #F8F8F8;
  padding: 5px 0 5px 0;
  height: 30px;
  font-family: tahoma, verdana, arial;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
}

.styleRepertoarNaslovDanas {
  background-color: #218c8d;
  padding: 0 0 0 5px;
  height: 30px;
  width: 300px;
  font-family: tahoma, verdana, arial;
  font-size: 12px;
  font-weight: normal;
  color: #FFFFFF;
}

.styleRepertoarNaslovDanasTable {
  background-color: #218c8d;
  padding: 5px 0 5px 0;
  height: 30px;
  font-family: tahoma, verdana, arial;
  font-size: 12px;
  font-weight: normal;
  color: #FFFFFF;
}

.styleRepertoarNemaPredstave {
  background-color: #F8F8F8;
  padding: 0 0 0 5px;
  height: 35px;
  width: 300px;
  font-family: tahoma, verdana, arial;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
}

.styleRepertoarNemaPredstaveTable {
  background-color: #F8F8F8;
  padding: 0 0 0 5px;
  height: 35px;
  font-family: tahoma, verdana, arial;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
}

.styleRepertoarNemaPredstaveDanas {
  background-color: #218c8d;
  padding: 0 0 0 5px;
  height: 35px;
  width: 300px;
  font-family: tahoma, verdana, arial;
  font-size: 12px;
  font-weight: normal;
  color: #FFFFFF;
}

.styleRepertoarNemaPredstaveDanasTable {
  background-color: #218c8d;
  padding: 0 0 0 5px;
  height: 35px;
  font-family: tahoma, verdana, arial;
  font-size: 12px;
  font-weight: normal;
  color: #FFFFFF;
}

.styleRepertoarOpis {
    background-color: #F8F8F8;
  padding: 0 0 0 5px;
    height: 20px;
    width: 300px;
    font-family: tahoma, verdana, arial;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}

.styleRepertoarOpisTable {
  background-color: #F8F8F8;
  padding: 0 0 0 5px;
  height: 20px;
  font-family: tahoma, verdana, arial;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
}

.styleRepertoarOpisDanas {
  background-color: #218c8d;
  padding: 0 0 0 5px;
  height: 20px;
  width: 300px;
  font-family: tahoma, verdana, arial;
  font-size: 12px;
  font-weight: normal;
  color: #FFFFFF;
}

.styleRepertoarOpisDanasTable {
  background-color: #218c8d;
  padding: 0 0 0 5px;
  height: 20px;
  font-family: tahoma, verdana, arial;
  font-size: 12px;
  font-weight: normal;
  color: #FFFFFF;
}

.styleRepertoarCena {
    background-color: #F8F8F8;
  padding: 0 0 0 5px;
    height: 25px;
    width: 300px;
    font-family: tahoma, verdana, arial;
    font-size: 12px;
    font-weight: bold;
    color: #ef7126;
}

.styleRepertoarCenaTable {
  background-color: #F8F8F8;
  padding: 0 0 0 5px;
  height: 25px;
  font-family: tahoma, verdana, arial;
  font-size: 12px;
  font-weight: bold;
  color: #ef7126;
}

.styleRepertoarCenaDanas {
  background-color: #218c8d;
  padding: 0 0 0 5px;
  height: 25px;
  width: 300px;
  font-family: tahoma, verdana, arial;
  font-size: 12px;
  font-weight: bold;
  color: #FFCC80;
}

.styleRepertoarCenaDanasTable {
  background-color: #218c8d;
  padding: 0 0 0 5px;
  height: 25px;
  font-family: tahoma, verdana, arial;
  font-size: 12px;
  font-weight: bold;
  color: #FFCC80;
}

.styleRepertoarVreme {
    background-color: #F8F8F8;
  padding: 0 0 0 5px;
    height: 25px;
    width: 100px;
    font-family: tahoma, verdana, arial;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}

.styleRepertoarVremeTable {
  background-color: #F8F8F8;
  padding: 0 0 0 5px;
  height: 25px;
  font-family: tahoma, verdana, arial;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
}

.styleRepertoarVremeDanas {
  background-color: #218c8d;
  padding: 0 0 0 5px;
  height: 25px;
  width: 100px;
  font-family: tahoma, verdana, arial;
  font-size: 12px;
  font-weight: normal;
  color: #FFFFFF;
}

.styleRepertoarVremeDanasTable {
  background-color: #218c8d;
  padding: 0 0 0 5px;
  height: 25px;
  font-family: tahoma, verdana, arial;
  font-size: 12px;
  font-weight: normal;
  color: #FFFFFF;
}

.styleRepertoarKorpa {
    background-color: #F8F8F8;
    height: 25px;
    width: 200px;
}

.styleRepertoarKorpaTable {
  background-color: #F8F8F8;
  height: 25px;
}

.styleRepertoarKorpaDanas {
  background-color: #218c8d;
  height: 25px;
  width: 200px;
}

.styleRepertoarKorpaDanasTable {
  background-color: #218c8d;
  height: 25px;
}

.styleRepertoarRazmak {
    height: 20px;
}

.styleRepertoarLinija0 {
  background-color: #F8F8F8;
  height: 2px;
}

.styleRepertoarLinija0Table {
  height: 20px;
}

.styleRepertoarLinija0Danas {
  background-color: #218c8d;
  height: 2px;
}

.styleRepertoarLinija0DanasTable {
  height: 20px;
}

.styleRepertoarLinija1 {
    background-color: #BEBEBE;
    height: 2px;
}

.styleRepertoarLinija1Table {
  background-color: #BEBEBE;
  height: 2px;
}

.styleRepertoarLinija1Danas {
  background-color: #BEBEBE;
  height: 2px;
}

.styleRepertoarLinija1DanasTable {
  background-color: #BEBEBE;
  height: 2px;
}

.styleRepertoarLinija2 {
    background-color: #017AD9;
    height: 10px;
}

.styleRepertoarLinija3 {
    background-color: #017AD9;
    height: 10px;
}

.styleKorpa {
    background-color: #4E4E4E;
    height: 35px;
    width: 35px;
}

.styleKorpaSenka {
    background-color: #757575;
    height: 5px;
    width: 35px;
}

.styleKorpaADD {
    background-color: #01579B;
    height: 35px;
    width: 120px;
}

.styleKorpaADDSenka {
    background-color: #017AD9;
    height: 5px;
    width: 120px;
}

.styleRegInfoRed {
  border: 1px;
  border-color: #FF0004;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.styleRegInfoGreen {
    border-color: #2AB900;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.textBrend {
    color: #000000;
    font-size: 14px;
    font-family: tahoma, verdana, arial;
    font-weight: normal;
}

.textBrendB {
    color: #000000;
    font-size: 16px;
    font-family: tahoma, verdana, arial;
    font-weight: bold;
}

.textBrendDno {
    color: #000000;
    font-size: 12px;
    font-family: tahoma, verdana, arial;
    font-weight: normal;
}

.textBrendDnoB {
    color: #000000;
    font-size: 12px;
    font-family: tahoma, verdana, arial;
    font-weight: bold;
}

.textBrendDnoB14 {
    color: #000000;
    font-size: 14px;
    font-family: tahoma, verdana, arial;
    font-weight: bold;
}

.textZaglavljeUser {
    color: #FFFFFF;
    font-size: 12px;
    font-family: tahoma, verdana, arial;
    font-weight: normal;
}

.textZaglavljeLogo {
    color: #000000;
    font-size: 25px;
    font-family: tahoma, verdana, arial;
    font-weight: bold;
}

.textDijalogNaslov {
    color: #FFFFFF;
    font-size: 18px;
    font-family: tahoma, verdana, arial;
    font-weight: bold;
}

.textZaglavljeSekcije {
    color: #000000;
    font-size: 12px;
    font-family: tahoma, verdana, arial;
    font-weight: bold;
}

.textNaslov {
    color: #000000;
    font-size: 19px;
    font-family: tahoma, verdana, arial;
    font-weight: bold;
}

.textPodnaslov {
    color: #000000;
    font-size: 15px;
    font-family: tahoma, verdana, arial;
    font-weight: bold;
}

.textNormal {
    color: #000000;
    font-size: 14px;
    font-family: tahoma, verdana, arial;
    font-weight: normal;
    text-align: left;
}

.formaPovuciLevo {
    text-align: left;
}

.textKorpaBeli {
    color: #FFFFFF;
    font-size: 12px;
    font-family: tahoma, verdana, arial;
    font-weight: normal;
}

.LinkBrend {
    cursor: pointer;
    color: #000000; /*Font kolor*/
    font-family: tahoma, verdana, arial;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}

.LinkBrend:hover {
    color: #208c8e; /*Pozadina Hover*/
}

.LinkSvetliN {
    cursor: pointer;
    color: #FFFFFF; /*Font kolor*/
    font-family: tahoma, verdana, arial;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}

.LinkSvetliN:hover {
    color: #f1b531; /*Pozadina Hover*/
}

.LinkTamniB {
    cursor: pointer;
    color: #000000; /*Font kolor*/
    font-family: tahoma, verdana, arial;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

.LinkTamniB:hover {
    color: #208c8e; /*Pozadina Hover*/
}

.LinkDatumMeniN {
    cursor: pointer;
    color: #218c8d; /*Font kolor*/
    font-family: tahoma, verdana, arial;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
}

.LinkDatumMeniN:hover {
    color: #000000; /*Pozadina Hover*/
}

.LinkDatumMeniB {
    cursor: pointer;
    color: #000000; /*Font kolor*/
    font-family: tahoma, verdana, arial;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

.LinkDatumMeniB:hover {
    color: #000000; /*Pozadina Hover*/
}

.ButtonKorpaADD {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    font-family: tahoma, verdana, arial;
    color: #000000;
    font-size: 12px;
    font-weight:normal;
    background: #BEBEBE;
    padding: 7px 20px 7px 20px;
    border: solid #473e3f 0px;
    text-decoration: none;
    white-space: nowrap;
    background-color: #8bb4da;
}

.ButtonKorpaADD:hover {
    background: #000000;
  color: #FFFFFF;
    text-decoration: none;
}

.ButtonKorpaCanceled {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    font-family: tahoma, verdana, arial;
    color: #ffffff;
    font-size: 12px;
    font-weight:bold;
    background: #FF0004;
    padding: 7px 20px 7px 20px;
    border: solid #473e3f 0px;
    text-decoration: none;
    background-color: #8bb4da;
}

.ButtonKorpaCanceled:hover {
    background-color:#FF0004; /*Pozadina Hover*/
}

.ButtonMestaPlus {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    font-family: tahoma, verdana, arial;
    color: #ffffff;
    font-size: 12px;
    font-weight:bold;
    background: #ef7126;
    padding: 5px 10px 5px 10px;
    border: solid #473e3f 0px;
    text-decoration: none;
    background-color: #8bb4da;
}

.ButtonMestaPlus:hover {
    background-color:#473e3f; /*Pozadina Hover*/
}

.ButtonMestaMinus {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    font-family: tahoma, verdana, arial;
    color: #ffffff;
    font-size: 12px;
    font-weight:bold;
    background: #F6921E;
    padding: 5px 10px 5px 10px;
    border: solid #473e3f 0px;
    text-decoration: none;
    background-color: #8bb4da;
}

.ButtonMestaMinus:hover {
    background-color:#6D6E70; /*Pozadina Hover*/
    color: #ffffff;
    text-decoration: none;
}

.btnKorpaPlati {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    font-family: tahoma, verdana, arial;
    color: #ffffff;
    font-size: 12px;
    font-weight:bold;
    background: #ef7126;
    padding: 10px 15px 10px 15px;
    border: solid #473e3f 0px;
    text-decoration: none;
    background-color: #8bb4da;
}

.btnFisk, .btnOnlineFisk  {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 4px;
    font-family: tahoma, verdana, arial;
    color: #ffffff;
    font-size: 12px;
    font-weight:bold;
    background: #ef7126;
    padding: 10px 15px 10px 15px;
    width: 150px;
    margin: 2px;
    border: solid #473e3f 0px;
    text-decoration: none;
    background-color: #8bb4da;
}

.btnFisk:active {
    position:relative;
    top:1px;
}

.btnOnlineFisk:active {
    position:relative;
    top:1px;
}

.btnFisk:hover {
    background-color:#473e3f; /*Pozadina Hover*/
}

.btnOnlineFisk:hover {
    background-color:#473e3f; /*Pozadina Hover*/
}

.btnFisk:disabled {
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}

.btnOnlineFisk:disabled {
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}

.btnFisk[disabled] {
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}

.btnOnlineFisk[disabled] {
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}

.btnRefundEFakture  {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 4px;
    font-family: tahoma, verdana, arial;
    font-size: 12px;
    font-weight:bold;
    padding: 10px 15px 10px 15px;
    margin: 2px;
    border: solid #473e3f 0px;
    text-decoration: none;
}

.btnKorpaPlati:hover {
    background-color:#473e3f; /*Pozadina Hover*/
}

.btnFontOrange {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    font-family: tahoma, verdana, arial;
    color: #ffffff;
    font-size: 11px;
    font-weight:bold;
    background: #F6921E;
    padding: 8px 10px 8px 10px;
    border: solid #473e3f 0px;
    text-decoration: none;
    background-color: #8bb4da;
}

.btnFontOrange:hover {
    background-color:#6D6E70; /*Pozadina Hover*/
}

.btnFontOrange.disabled,
.btnFontOrange[disabled] {
  opacity: 0.5; 
  cursor: not-allowed;
  background-color: #cccccc;
  color: #666666;
}

.btnMini {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    font-family: tahoma, verdana, arial;
    color: #ffffff;
    font-size: 11px;
    font-weight:bold;
    background: #F6921E;
    border: solid #473e3f 0px;
    text-decoration: none;
    background-color: #8bb4da;    
}

.btnMini:hover {
    background-color:#6D6E70; /*Pozadina Hover*/   
    color: #ffffff !important; 
}

.btnMini:disabled {
  opacity: 0.5; 
  cursor: not-allowed;    
}

.btnFontRed {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    font-family: tahoma, verdana, arial;
    color: #ffffff;
    font-size: 11px;
    font-weight:bold;
    background: #ff0000;
    padding: 8px 10px 8px 10px;
    border: solid #473e3f 0px;
    text-decoration: none;
}

.btnFontRed:hover {
    background-color:#473e3f; /*Pozadina Hover*/
}

.btnKorpaDel {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 5px;
    font-family: tahoma, verdana, arial;
    color: #ffffff;
    font-size: 9px;
    font-weight:bold;
    background: #FF0004;
    padding: 3px 7px 3px 7px;
    border: solid #473e3f 0px;
    text-decoration: none;
}

.btnKorpaAkcija {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 5px;
  font-family: tahoma, verdana, arial;
  color: #ffffff;
  font-size: 9px;
  font-weight:bold;
  background: #00CC66;
  padding: 3px 7px 3px 7px;
  border: solid #473e3f 0px;
  text-decoration: none;
}

.btnKorpaTotalAkcija {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 5px;
  font-family: tahoma, verdana, arial;
  color: #ffffff;
  font-size: 9px;
  font-weight:bold;
  background: red;
  padding: 3px 7px 3px 7px;
  border: solid #473e3f 0px;
  text-decoration: none;
}

.btnKorpaTotalAkcija:hover {
  background-color:#473e3f; /*Pozadina Hover*/
}

.btnKorpaPromeniKupca {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: tahoma, verdana, arial;
  color: #ffffff;
  font-size: 9px;
  font-weight:bold;
  background: #ef7126;
  padding: 5px 9px 5px 9px;
  border: solid #473e3f 0px;
  text-decoration: none;
}

.btnKorpaDel:hover {
    background-color:#473e3f; /*Pozadina Hover*/
}

.btnKuponDel {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 5px;
  font-family: tahoma, verdana, arial;
  color: #ffffff;
  font-size: 9px;
  font-weight:bold;
  background: #FF0004;
  padding: 3px 7px 3px 7px;
  border: solid #473e3f 0px;
  text-decoration: none;
}

.btnKuponDel:hover {
  background-color:#473e3f; /*Pozadina Hover*/
}

.btnMestoON {
    -webkit-border-radius: 9;
    -moz-border-radius: 9;
    border-radius: 9px;
    background: #FFFFFF;
    border: solid #BE1E2D 1px;
    color: #000000;
    font-size: 11px;
    font-family: tahoma, verdana, arial;
    font-weight: normal;
    cursor: pointer;
}

.btnMestoONOnLine {
  -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;
  background: #FFFF00;
  border: solid #FF0004 1px;
  color: #000000;
  font-size: 11px;
  font-family: tahoma, verdana, arial;
  font-weight: normal;
  cursor: pointer;
}

.btnMestoOFF {
    -webkit-border-radius: 9;
    -moz-border-radius: 9;
    border-radius: 9px;
    background: #DCDCDC;
    border: solid #E9E9E9 1px;
    color: #BABABA;
    font-size: 11px;
    font-family: tahoma, verdana, arial;
    font-weight: normal;
    cursor: not-allowed;    
}

.btnMestoOFFRezervacija {
  -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;
  background: #DCDCDC;
  border: solid #008F8F 1px;
  color: #BABABA;
  font-size: 11px;
  font-family: tahoma, verdana, arial;
  font-weight: normal;
  cursor: not-allowed;  
}

.btnMestoOFFUKorpi {
  -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;
  background: #DCDCDC;
  border: solid #FF6BF5 2px;
  color: #BABABA;
  font-size: 11px;
  font-family: tahoma, verdana, arial;
  font-weight: normal;
  cursor: not-allowed;  
}

.btnMestoUSED {
  -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;
  background: #007C29;
  border: solid #E9E9E9 1px;
  color: #BABABA;
  font-size: 11px;
  font-family: tahoma, verdana, arial;
  font-weight: normal;
  cursor: not-allowed;  
}

@keyframes blinkanje {
    0%   { background-color: #007C29; }
    49% { background-color: #007C29; }
    50% { background-color: #ffffff; }
    99% { background-color: #ffffff; }
    100% { background-color: #007C29; }
}
.btnMestoUSEDFlash {
  -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;
  background: #007C29;
  border: solid #E9E9E9 1px;
  color: #BABABA;
  font-size: 11px;
  font-family: tahoma, verdana, arial;
  font-weight: normal;
  cursor: not-allowed;  
  animation-name: blinkanje;
  animation-duration: 1s;
  animation-iteration-count: 10;  
}

.btnMestoRez {
    -webkit-border-radius: 9;
    -moz-border-radius: 9;
    border-radius: 9px;
    background: #FF6BF5;
    border: solid #FF6BF5 1px;
    color: #000000;
    font-size: 11px;
    font-family: tahoma, verdana, arial;
    font-weight: normal;
    cursor: pointer;
}

.btnMestoRezervacija {
  -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;
  background: #00FFFF;
  border: solid #FF6BF5 1px;
  color: #000000;
  font-size: 11px;
  font-family: tahoma, verdana, arial;
  font-weight: normal;
  cursor: pointer;
}

.lblScenaPredstava {
    color: #000000; 
    font-size: 13px;
    font-family: tahoma, verdana, arial;
    font-weight: normal;
}

.lblScenaParter {
    color: #5f6266;
    font-size: 11px;
    font-family: tahoma, verdana, arial;
    font-weight: normal;
}

.styleKorpaNaslov {
    background-color: #6D6E70;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #FFFFFF;
    font-size: 14px;
    font-family: tahoma, verdana, arial;
    font-weight: bold;
}

.styleGridKorpaNaslov {
    background-color: #cdc998; /* background-color: #ef7126; */
    height: 30px;
    color: #FFFFFF;
    font-size: 14px;
    font-family: tahoma, verdana, arial;
    font-weight: bold;
}

.styleTblKartaInfo {
  font-family: tahoma, verdana, arial;
  color: #000000;
  font-size: 12px;
  font-weight: normal;
  background: #f5f5f5;
  padding: 5px 7px 5px 7px;
  border: solid #8bb4da 1px;
  text-decoration: none;
}

.styleGridKorpa1 {
    background-color: #EFEFEF;
    height: 20px;
    color: #000000;
    font-size: 14px;
    font-family: tahoma, verdana, arial;
    font-weight: normal;
    text-align: center !important;
}

.styleGridKorpa1:hover {
  background-color: #B0B0B0;
}

.styleGridKorpa2 {
    background-color: #e2e2e2;
    height: 20px;
    color: #000000;
    font-size: 14px;
    font-family: tahoma, verdana, arial;
    font-weight: normal;
}

.styleGridKorpa2:hover {
  background-color: #B0B0B0;
}

.styleGridKorpaTotal {
    background-color: #EFEFEF;
    height: 20px;
    color: #000000;
    font-size: 14px;
    font-family: tahoma, verdana, arial;
    font-weight: normal;
}

.styleGridKorpaTotal:hover {
  background-color: yellow;
}

.styleGridKorpa1-a {
    background-color: #EFEFEF;
    height: 20px !important;
    color: #000000;
    font-size: 12px;
    font-family: tahoma, verdana, arial;
    font-weight: normal;
}
    
.styleGridKorpa1-a:hover {
    background-color: #B0B0B0;
}

.styleGridKorpa2-b {
    background-color: #e2e2e2;
    height: 20px !important;
    color: #000000;
    font-size: 12px;
    font-family: tahoma, verdana, arial;
    font-weight: normal;
}

.styleGridKorpa2-b:hover {
    background-color: #B0B0B0;
}

.styleGridKorpa1Placene {
    background-color: #83E0D4;
    height: 20px;
    color: #000000;
    font-size: 12px;
    font-family: tahoma, verdana, arial;
    font-weight: normal;
}

.styleGridKorpa2Placene {
    background-color: #32CDB8;
    height: 20px;
    color: #000000;
    font-size: 12px;
    font-family: tahoma, verdana, arial;
    font-weight: normal;
}

.textKorpaTotal {
    color: #000000;
    font-size: 14px;
    font-family: tahoma, verdana, arial;
    font-weight: normal;
}

.textKorpaTotalB {
    color: #ef7126;
    font-size: 14px;
    font-family: tahoma, verdana, arial;
    font-weight: bold;
}

.textKorpaSpecifikacija {
  color: #000000;
  font-size: 12px;
  font-family: tahoma, verdana, arial;
  font-weight: normal;
}

.textKorpaSpecifikacijaB {
  color: #000000;
  font-size: 12px;
  font-family: tahoma, verdana, arial;
  font-weight: bold;
}


.selectKorpa {
    border-color: #000000;
    color: #000000;
    font-size: 13px;
    font-family: tahoma, verdana, arial;
    font-weight: normal;
    border-width: 1px;
}

option {
    background-color: #EFEFEF;
}

.tabHeadTextAlign {
    text-align: center;
}

.ui-widget-header {
    border: 1px solid #e78f08;
    background: #cd0000 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
    /*color: #ffffff;*/
    font-weight: bold;
}
.inputKorpa {
    border-color: #000000;
    color: #000000;
    font-size: 13px;
    font-family: tahoma, verdana, arial;
    font-weight: normal;
    border-width: 1px;
}

.inputKorpaRight {
    border-color: #000000;
    color: #000000;
    font-size: 13px;
    font-family: tahoma, verdana, arial;
    font-weight: normal;
    border-width: 1px;
    text-align: right;
}

.styleProdajaNaslovTabRez {
    background-color: #cdc998;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #ffffff;
    font-size: 14px;
    font-family: tahoma, verdana, arial;
    font-weight: bold;
    height: 30px !important;
    /* display:inline-block; */
}

.styleProdajaNaslov {
    background-color: #cdc998;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #ffffff;
    font-size: 14px;
    font-family: tahoma, verdana, arial;
    font-weight: bold;
    display:inline-block;
}

.styleProdajaNaslovIzvestaj {
    background-color: #ffffff;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #000000;
    font-size: 14px;
    font-family: tahoma, verdana, arial;
    font-weight: bold; 
}

.styleGridProdajaNaslov {
    background-color: #cdc998;
    height: 20px;
    color: #FFFFFF;
    font-size: 14px;
    font-family: tahoma, verdana, arial;
    font-weight: bold;
}

.styleGridProdajaNaslovProdaja {
    background-color: #cdc998;
    height: 20px;
    color: #FFFFFF;
    font-size: 14px;
    font-family: tahoma, verdana, arial;
    font-weight: bold;
}

.styleGridProdajaNaslov-b {
        background-color: #cdc998;
        height: 30px;
        width: 140px;
        color: #FFFFFF;
        font-size: 14px;
        font-family: tahoma, verdana, arial;
        font-weight: bold;
    }  
    
.styleGridProdajaNaslovDlg {
    background-color: #cdc998;
    height: 30px;
    color: #FFFFFF;
    font-size: 14px;
    font-family: tahoma, verdana, arial;
    font-weight: bold;
}

.styleGridProdajaNaslovTotal {
    background-color: #cd0000;    
    color: #ffffff;    
}

.styleGridProdajaNaslovTotal:hover {
    color: #000000;
    }
    
    
.styleGridProdajaGreska {
    background-color: #FF0004;
    height: 30px;
    color: #FFFFFF;
    font-size: 14px;
    font-family: tahoma, verdana, arial;
    font-weight: bold;
}

.styleGridProdajaTransakcija {
    background-color: #cdc998;
    opacity: 0.6;
    height: 26px;
    color: #000000;
    font-size: 13px;
    font-family: tahoma, verdana, arial;
}

.styleGridProdajaTransakcija:hover {
  background-color: #B0B0B0;
}

.styleGridProdajaTransakcijaText {
    color: #ffffff !important;
}

.styleGridProdajaTransakcijaTotal {
    opacity: 0.6;
    color: #000000;
    height: auto;
    font-size: 13px;
    font-family: tahoma, verdana, arial;
    font-weight: bold;
}

.styleGridProdajaTransakcijaTotal:hover {
    background-color: #B0B0B0;
}

.styleGridProdajaTransakcijaUkupno {
    background-color: #cdc998;
    opacity: 0.6;
    height: 25px;
    color: #000000;
    font-size: 13px;
    font-family: tahoma, verdana, arial;
    font-weight: bold;
}
.styleGridProdajaTransakcijaUkupno:hover {
  background-color: #B0B0B0;
}

.styleGridProdajaKarta1 {
    background-color: #EFEFEF;
    height: 20px;
    color: #000000;
    font-size: 14px;
    font-family: tahoma, verdana, arial;
    font-weight: normal;
}

.styleGridProdajaKarta2 {
    background-color: #E2E2E2;
    height: 20px;
    color: #000000;
        font-size: 14px;
        font-family: tahoma, verdana, arial;
}

.styleGridProdajaKarta3 {
    background-color: #D5D5D5;
    height: 20px;
    color: #000000;
    font-size: 14px;
    font-family: tahoma, verdana, arial;
    font-weight: normal;
}

.styleGridProdajaKartaNeaktivan {
    background-color: #CCCCCC !important;
    height: 20px;
    color: #737373;
    font-size: 14px;
    font-family: tahoma, verdana, arial;
    font-weight: normal;
}

.styleGridProdajaKarta1:hover {
  background-color: #B0B0B0;
}

.styleGridProdajaKarta2:hover {
  background-color: #B0B0B0;
}

.styleGridProdajaKarta3:hover {
  background-color: #B0B0B0;
}

.styleGridProdajaNoviSlog {
    background-color: #D1D1D1;
    height: 20px;
    color: #000000;
    font-size: 14px;
    font-family: tahoma, verdana, arial;
    font-weight: normal;
}

.styleGridProdajaKartaNeaktivno {
    background-color: #D0D0D0;
    height: 20px;
    color: #ACACAC;
    font-size: 14px;
    font-family: tahoma, verdana, arial;
    font-weight: normal;
}

.styleGridProdajaTotal {
    background-color: #F9D0B8;
    height: 25px;
    color: #000000;
    font-size: 14px;
    font-family: tahoma, verdana, arial;
    font-weight: bold;
}

.ButtonProdajaDatum {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    font-family: tahoma, verdana, arial;
    color: #ffffff;
    font-size: 12px;
    font-weight:bold;
    background: #F6921E;
    padding: 5px 10px 5px 10px;
    border: solid #473e3f 0px;
    text-decoration: none;
    background-color: #8bb4da;
}

.ButtonProdajaDatum:hover {
    background-color:#473e3f;
}

.ButtonProdajaPrintAll {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    font-family: tahoma, verdana, arial;
    color: #ffffff;
    font-size: 12px;
    font-weight:bold;
    background: #ef7126;
    padding: 3px 10px 3px 10px;
    border: solid #473e3f 0px;
    text-decoration: none;
    background-color: #8bb4da;
}

.ButtonProdajaPrint {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    font-family: tahoma, verdana, arial;
    color: #ffffff;
    font-size: 12px;
    font-weight:bold;
    background: #ef7126;
    padding: 3px 10px 3px 10px;
    border: solid #473e3f 0px;
    text-decoration: none;
    background-color: #8bb4da;
}

.ButtonProdajaPrintAll:hover {
    background-color:#473e3f;
}

.ButtonProdajaEmailAll {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    font-family: tahoma, verdana, arial;
    color: #ffffff;
    font-size: 12px;
    font-weight:bold;
    background: #ef7126;
    padding: 3px 10px 3px 10px;
    border: solid #473e3f 0px;
    text-decoration: none;
    background-color: #8bb4da;
}

.ButtonProdajaEmailAll:hover {
    background-color: #473e3f;
}

.btn-warning {
    border: solid #8bb4da 1px;
    text-decoration: none;
    margin-top: 5px;
    background-color: #8bb4da !important;
}
.btn-warning:focus {
    background-color: #8bb4da;
}

.btn-warning:hover {
    background-color: #6D6E70 !important;
}

.btn-red-fisk {
    border: solid #D63B41 3px; !important;
    text-decoration: none;
    font-weight:bold; !important;
    margin-top: 5px;
    color: #D63B41 !important;
    background-color: white; 
}
.btn-red-fisk:hover {
    background-color: #6D6E70 !important;
}

.btn-sm {
        background-color: #8bb4da;   
}

.btn-sm:hover {
        background-color: #6D6E70 !important;   
}

.ButtonProdajaPrint:hover {
    background-color: #6D6E70;
    border: solid #8bb4da 1px;
}

.ButtonKorpa {
    background-color: #8bb4da;
}

.ButtonKorpa:hover {
    background-color: #6D6E70;
}



.ButtonProdajaIzvestaj {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    font-family: tahoma, verdana, arial;
    color: #ffffff;
    font-size: 12px;
    font-weight:bold;
    background: #F6921E;
    padding: 3px 10px 3px 10px;
    border: solid #473e3f 0px;
    text-decoration: none;
    margin-top: 5px;
    background-color: #8bb4da;
    height: 25px;
}

.ButtonProdajaIzvestaj:hover {
    background-color: #6D6E70;
}

.ButtonProdajaEmail {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    font-family: tahoma, verdana, arial;
    color: #ffffff;
    font-size: 12px;
    font-weight:bold;
    background: #ef7126;
    padding: 3px 10px 3px 10px;
    border: solid #473e3f 0px;
    text-decoration: none;
    background-color: #8bb4da;
}

.ButtonProdajaEmail:hover {
    background-color:#473e3f;
}

.crniTekst {
    color: #000000 !important;
    background-color: #ffffff;
}


.TabModON {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 8px 8px 0px 0px;
    font-family: tahoma, verdana, arial;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    background: #F6921E;
    padding: 7px 17px 7px 17px;
    border: solid #473e3f 0px;
    text-decoration: none;
    background-color: #8bb4da;
    cursor: pointer;
}

.TabModON:hover {
    background-color:#6D6E70;
}

.TabModOFF {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 8px 8px 0px 0px;
    font-family: tahoma, verdana, arial;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    background-color: #f7b86f;
    padding: 7px 17px 7px 17px;
    border: solid #473e3f 0px;
    text-decoration: none;
    cursor: pointer;
    background-color: #8bb4da;
    opacity: 0.6;
}

.TabModOFF:hover {
    background-color: #6D6E70;
}

.ProdajaTabModON {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 8px 8px 8px 8px;
    font-family: tahoma, verdana, arial;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    background: #F6921E;
    padding: 17px 17px 17px 17px;
    border: solid #ff4df3 2px;
    text-decoration: none;
    background-color: #d9d9d9; 
    cursor: pointer;
}

.ProdajaTabModOFF {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 8px 8px 8px 8px;
    font-family: tahoma, verdana, arial;
    color: #000000;
    font-size: 14px;
    background-color: #f7b86f;
    padding: 7px 17px 7px 17px;
    border: solid #d9d9d9 0px;
    text-decoration: none;
    cursor: pointer;
    background-color: #d9d9d9;
    opacity: 1;
}

.ProdajaTabModOFF:hover {
    background-color: #ff4df3;
    padding: 12px 17px 12px 17px;
}

.VracanjeTabModON {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 8px 8px 8px 8px;
    font-family: tahoma, verdana, arial;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    background: #F6921E;
    padding: 17px 17px 17px 17px;
    border: solid #ff0000 2px;
    text-decoration: none;
    background-color: #d9d9d9;
    cursor: pointer;
}

.VracanjeTabModOFF {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 8px 8px 8px 8px;
    font-family: tahoma, verdana, arial;
    color: #000000;
    font-size: 14px;
    background-color: #f7b86f;
    padding: 7px 17px 7px 17px;
    border: solid #473e3f 0px;
    text-decoration: none;
    cursor: pointer;
    background-color: #d9d9d9;
    opacity: 1;
}

.VracanjeTabModOFF:hover {
    background-color: #ff0000;
    padding: 12px 17px 12px 17px;
}

.RezervisanjeTabModON {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 8px 8px 8px 8px;
    font-family: tahoma, verdana, arial;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    background: #F6921E;
    padding: 17px 17px 17px 17px;
    border: solid #00FFFF 2px;
    text-decoration: none;
    background-color: #d9d9d9;
    cursor: pointer;
}

.RezervisanjeTabModOFF {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 8px 8px 8px 8px;
    font-family: tahoma, verdana, arial;
    color: #000000;
    font-size: 14px;
    background-color: #f7b86f;
    padding: 7px 17px 7px 17px;
    border: solid #473e3f 0px;
    text-decoration: none;
    cursor: pointer;
    background-color: #d9d9d9;
    opacity: 1;
}

.RezervisanjeTabModOFF:hover {
    background-color: #00FFFF;
    padding: 12px 17px 12px 17px;
}

.IskoriscenostTabModON {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 8px 8px 8px 8px;
    font-family: tahoma, verdana, arial;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    background: #F6921E;
    padding: 17px 17px 17px 17px;
    border: solid #007C29 2px;
    text-decoration: none;
    background-color: #d9d9d9;
    cursor: pointer;
}

.IskoriscenostTabModOFF {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 8px 8px 8px 8px;
    font-family: tahoma, verdana, arial;
    color: #000000;
    font-size: 14px;
    background-color: #f7b86f;
    padding: 7px 17px 7px 17px;
    border: solid #473e3f 0px;
    text-decoration: none;
    cursor: pointer;
    background-color: #d9d9d9;
    opacity: 1;
}

.IskoriscenostTabModOFF:hover {
    background-color: #007C29;
    padding: 12px 17px 12px 17px;
    opacity: 1;
}

.SmallScrButtonON {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 4px 4px 4px 4px;
    font-family: tahoma, verdana, arial;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    background: #F6921E;
    padding: 7px 17px 7px 17px;
    border: solid #473e3f 0px;
    text-decoration: none;
    background-color: #8bb4da;
    cursor: pointer; 
}

.SmallScrButtonON:hover {
    background-color: #6D6E70;    
}

.SmallScrButtonOFF {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 4px 4px 4px 4px;
    font-family: tahoma, verdana, arial;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    background: #F6921E;
    padding: 7px 17px 7px 17px;
    border: solid #473e3f 0px;
    text-decoration: none;
    background-color: #8bb4da;
    cursor: pointer;
    opacity: 0.6 !important;
}

.SmallScrButtonOFF:hover {
    background-color: #6D6E70;    
}   
 
.filterColor {
    background-color: #8bb4da !important;
    color: #FFFFFF !important;
}

.panelBorder {
    border: solid #8bb4da 1px !important;  
}

.TabModSDSP {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 3px 3px 3px 3px;
  font-family: tahoma, verdana, arial;
  color: #F8F8F8;
  font-size: 12px;
  font-weight: bold;
  background: #218c8d;
  padding: 7px 17px 7px 17px;
  border: solid #473e3f 0px;
  text-decoration: none;
  cursor: pointer;
}

.TabModON:hover {
  background-color:#473e3f;
}

.RepertoarURL {
  font-family: tahoma, verdana, arial;
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}

.RepertoarURL:hover {
  color:#218c8d;
  text-decoration: none;
}

.RepertoarURLTable {
  font-family: tahoma, verdana, arial;
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}

.RepertoarURLTable:hover {
  color:#218c8d;
  text-decoration: none;
}

.RepertoarProstor {
  font-family: tahoma, verdana, arial;
  color: #000000;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
}

.RepertoarProstor:hover {
  color:#218c8d;
  text-decoration: none;
}

.RepertoarURLDanas {
  font-family: tahoma, verdana, arial;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}

.RepertoarURLDanas:hover {
  color: red;
  text-decoration: none;
}

.RepertoarURLDanasTable {
  font-family: tahoma, verdana, arial;
  color: red; /*#FFFFFF; */
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}

.RepertoarURLDanasTable:hover {
  color: #c12a17;
  text-decoration: none;
}

#loading {
   width: 100%;
   height: 100%;
   top: 0px;
   left: 0px;
   position: fixed;
   display: block;
   opacity: 0.7;
   background-color: #fff;
   z-index: 99;
   text-align: center;
}

#loading-image {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
}

.scrollup {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 30px;
    right: 50px;
    display: none;
    text-indent: -9999px;
    cursor: pointer;
    opacity : 0.4;
    background: url('../img/scrollup.png') no-repeat 0 0 #333; /* fallback for older browsers */
    background: url('../img/scrollup.png') no-repeat 0 0 rgba(0,0,0,0.7);
    
}

.scrolldown {
    width: 40px;
    height: 40px;
    position: fixed;
    top: 30px;
    right: 50px;
    display: none;
    text-indent: -9999px;
    cursor: pointer;
    opacity : 0.4;
    background: url('../img/scrolldown.png') no-repeat 0 0 #333; /* fallback for older browsers */
    background: url('../img/scrolldown.png') no-repeat 0 0 rgba(0,0,0,0.7);
    z-index: 2;
}

.zoomIn {
    width: 40px;
    height: 40px;
    position: fixed;
    top: 342px;
    left: 20px;
    /*text-indent: -9999px; */
    /*cursor: pointer; */
    opacity : 0.4;
    /* background: url('../img/zoom-in.png') no-repeat 0 0 #333; */ /* fallback for older browsers */
    /* background: url('../img/zoom-in.png') no-repeat 0 0 rgba(0,0,0,0.7); */
    z-index: 2;
    background-color: #cdc998 !important;
    border: none;
    border-radius: 50%;
    color: #ffffff;
}

.zoomOut {
    width: 40px;
    height: 40px;
    position: fixed;
    top: 300px;
    left: 20px;
    /*text-indent: -9999px; */
    /*cursor: pointer; */
    opacity : 0.4;
    /* background: url('../img/zoom-out.png') no-repeat 0 0; */ /* fallback for older browsers */
    /* background: url('../img/zoom-out.png') no-repeat 0 0; */ 
    z-index: 2;
    background-color: #cdc998 !important;
    border: none;
    border-radius: 50%;
    color: #ffffff;
}

.fileinputs {
    position: relative;
}

.fakefile {
   position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1; 
}

.fakefile input[type=button] {
    /* enough width to completely overlap the real hidden file control */
   -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    font-family: tahoma, verdana, arial;
    color: #ffffff;
    font-size: 12px;
    font-weight:bold;
    background: #ef7126;
    padding: 5px 10px 5px 10px;
    border: solid #473e3f 0px;
    text-decoration: none;
}

.fileinputs input.file {
    position: relative;
    text-align: left;
    font-family: tahoma, verdana, arial;
    color: #ffffff;
    font-size: 12px;
    font-weight:bold;
    opacity: 0;
    z-index: 2;
}
.styleIzvestajNaslov {
    background-color: #6D6E70;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #FFFFFF;
    font-size: 14px;
    font-family: tahoma, verdana, arial;
    font-weight: bold;
}
.styleIzvestajTelo {
    background-color: #f5f5f5;
    padding-top: 5px;
    padding-bottom: 5px;
}

.panel-body {
    padding: 5px;
}
.well {
    padding: 5px;
    padding-bottom: 5px;
    border-radius: 0px;
}
.well-sm {
    padding: 2px;
    border-radius: 0px;
    margin-bottom: 5px;
}

.panel-default>.panel-heading {
  background-color: #cdc998;
}

.btn-prijava-sezona {
    background-color: #cdc998;
    color: #ffffff;
}

.btn-prijava-sezona:hover {
    background-color: #B39348;
    color: #FFFFFF;
}

.login-title {
    color: white;
    background-color: #cdc998;
    padding: 10px;
    font-size: 18px;
    font-weight: 400;
    display: block;
}

.tekst-center {
  text-align: center; 
    display: block;   
}

.frm-fields-bg-color {
    background-color: #FAFFBD;
}

thead {
    text-align: center;
}

th {
    text-align: center;
}

td {
    text-align: center;
}

.dialogNaslov {
    background-color: #cdc998;
    color: #FFFFFF;
    font-size: 14px;
    font-family: tahoma, verdana, arial;
    font-weight: bold;
}

.test {
    text-align: left;
}
</style>
</head>
</html>