/* Styly prosím modifikujte v souboru SISJidelnicekUziv.css */


/*------------------- */
/* -- HLAVNI STYLY -- */

/* Pridani vlastniho fontu */
@font-face {
     font-family: "OpenSans";
     src: url('Fonts/OpenSans-Regular.eot');
     src: url('Fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
          url('Fonts/OpenSans-Regular.ttf') format('truetype');
}

/* Telo webove aplikace */
body
{
	background: #FFFFFF;
	font-family: "OpenSans", Arial, sans-serif;
	color: #333333;
    font-size: 16px;
    height: 100%;
}

/* Text typu H1 */
h1
{
    text-align: center;
    font-weight: normal;
    font-size: 36px;
    margin-bottom: 0px;
}

/* Text typu H1 v tisku */
h1.Tisk {
	text-align: left;
	font-weight: normal;
	font-size: 36px;
	margin-bottom: 0px;
}

/* Odkaz */
a
{
	color: #0066CC;
	text-decoration: underline;
}

/* Oddelovaci cara*/
hr {
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-top: 1px solid #D6D6D6;
    background-color: #D6D6D6;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

/* Textove pole */
input {
    border-style: solid;
    border-color: #8E8E8E;
    border-width: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #666666;
    height: 32px;
    padding: 4px 8px 4px 8px;
    font-size: 16px;
}
textarea {
    border-style: solid;
    border-color: #8E8E8E;
    border-width: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #666666;
    padding: 4px 8px 4px 8px;
    font-size: 16px;
}

/* Zaskrkavaci pole */
input[type="checkbox"] {
    border: none;
    height: auto;
}
.BigChkBox input {
    height: 20px;
    width: 20px;
}

/* Vyberove pole */
select {
    border-style: solid;
    border-color: #8E8E8E;
    border-width: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #666666;
    height: 24px;
    min-width: 183px;
}

/* Primarni tlacitko */
.PrimarniTlacitko {
    height: 40px;
    min-width: 74px;
    color: #FFFFFF;
    background-color: #0670BB;
    font-size: 16px;
    text-align: center;
}

/* Primarni tlacitko - hover */
input[type="submit"]:hover.PrimarniTlacitko {
    background-color: #0786E0;
}

/* Potvrzovaci tlacitko */
.PosunuteTlacitko {
    margin-left: 98px;
}
.PosunuteTlacitko2 {
    margin-left: 151px;
}

/* Sekundarni tlacitko */
.SekundarniTlacitko {
    height: 40px;
    min-width: 74px;
    /*color: #545454;*/
    color: #0670BB;
    /*background-color: #D6D6D6;*/
    background-color: #FFFFFF;
    /*border: none;*/
    border: 1px solid #0670BB;
    font-size: 16px;
    text-align: center;
}

/* Sekundarni tlacitko - hover */
input[type="submit"]:hover.SekundarniTlacitko {
    background-color: #E2E2E2;
}

/* Telo obsahu */
.TableHlavni {
    Padding: 0;
    width: 100%;
    height: 100%;
    border: 0;
    position: absolute;
    top: 8px;
    left: 0px;
    z-index: 101;
}

/* Telo obsahu prihlasovaci stranky */
.TableHlavniObsahLogin {
    width: 100%;
    height: 100%;
    background-image: url('Obrazky/LoginBackground.jpg');
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
}

/* Telo obsahu ostatnich stranky */
.TableHlavniObsah {
    max-width: 1100px;
    padding: 40px;
    vertical-align: top;
}

/* Zahlavi login stranky */
.ZahlaviLoginStranky {
    margin-bottom: 20px;
}
.ZahlaviLoginStranky img {
    margin-left: 24px;
}

#Zapati_loginLogoFONSAkordDiet {
    margin: 0 0 0 20px;
}
#Zapati_loginLogoSTAPRO {
    margin: 0 20px 0 0;
}
/* Zapati stranky */
.ZapatiStranky {
    width: 100%;
}

/* Menu */
.TableHlavniMenu {
    vertical-align:top;
    width: 200px;
}

/* Polozky menu */
.TableMenu
{
    margin-top: -45px;
}
.TableMenu td
{  
	height: 40px;
    padding-left: 20px;
}
.TableMenu a
{
	color: #333333;   
}
.TableMenu a:hover
{
	color: #0066CC;   
}

a.ItemMenu {
	color: #333333;
	margin-left: 23px;
}
a.ItemMenu:hover {
	color: #0066CC;
	margin-left: 23px;
}

th.FoodCell{
	padding-left: 20px;
}

/* Tabulka */
.Tabulka {
    border: none;
    font-size: 16px;
    width: 100%;
}
.Tabulka td {
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #BFBFBF;
    padding: 5px;
}

/* Tabulka v prehledu jidelnicku */
.PrehledJidelnicekHeader {
    color: #0670D2;
    border-bottom: 2px solid #808080;
}
.PrehledJidelnicekHeader td {
    border-top: none;
}
.PrehledJidelnicekFooter {
    color: #0670D2;
    border-top: 2px solid #808080;
}
.PrehledJidelnicekFooter TD {
    border-bottom: none;
}

/* Tabulka v prehledu objednavek */
.PrehledObjednavekHeader {
    color: #0670D2;
    border-bottom: 2px solid #808080;
}
.PrehledObjednavekHeader td {
    border-top: none;
}
.PrehledObjednavekFooter {
    color: #0670D2;
    border-top: 2px solid #808080;
}
.PrehledObjednavekFooter TD {
    border-bottom: none;
}

/* Tabulka v prehledu uctenek */
.PrehledUctenekHeader {
    color: #0670D2;
    border-bottom: 2px solid #808080;
}
.PrehledUctenekHeader td {
    border-top: none;
}
.PrehledUctenekFooter {
    color: #0670D2;
    border-top: 2px solid #808080;
}
.PrehledUctenekFooter TD {
    border-bottom: none;
}

/* Tabulka v prehledu uctu */
.PrehledUcetHeader {
    color: #0670D2;
    border-bottom: 2px solid #808080;
}
.PrehledUcetHeader td {
    border-top: none;
}
.PrehledUcetFooter {
    color: #0670D2;
    border-top: 2px solid #808080;
}
.PrehledUcetFooter TD {
    border-bottom: none;
}

/* Tabulka v nastaveni filtru */
.TabulkaFiltry {
    border: none;
    font-size: 16px;
}
.TabulkaFiltry td {
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #BFBFBF;
    padding-left: 5px;
    padding-right: 5px;
}
.TableFiltryHeader {
    color: #0670D2;
    border-bottom: 2px solid #808080;
}
.TableFiltryFooter {
    color: #0670D2;
    border-top: 2px solid #808080;
}

/* Tlacitko zapsat objednavky */
.ZapsatObjednavky {
    /*margin: 16px 8px 0 0;*/
}

/* Tabulka jidelnicek */
.JidZahlavi {
    color: #0670D2;
    border: none;
}
.JidZapati {
    color: #0670D2;
    border: none;
}
.JidDatum {
    vertical-align: top;
    width: 80px;
}
.JidDruh { 
    vertical-align: top;
    width: 80px;
}
.JidSkupina {
    vertical-align: top;
    width: 100px;
}
.JidStav {
    vertical-align: top;
    text-align: center;
}
.JidObrazekOdkaz {
    color: white;
}
.JidObrazek {
    min-width: 80px; text-align: center;
}
.JidObrazek img {
    cursor:pointer;
}
.JidObrazek .JidObrazekModal img {
    max-width: 800px;
}
.JidInfo {
    width: 40px;
    vertical-align: top;
}
.JidInfo img {
    cursor:pointer;
}
.JidObjednavka {
    vertical-align: top;
    width: 20px;
}
.JidCena {
    width: 80px;
    text-align: right;
    vertical-align: top;
}
.JidPlnaCena { }
.JidPoznamka {
    width: 200px;
}
.JidTisk {
    width: 150px;
    text-align: center;
}
.JidTisk a {
    padding: 5px 20px 5px 20px;
    border-radius: 4px;
    background-color: #FFFFFF;
}
.JidTisk a:hover {
    background-color: #E2E2E2;
}
.JidCelkemLbl {
    font-weight: bold;
}
.JidCelkem {
    font-weight: bold;
}
.JidObjednavatAno { }
.JidObjednavatNe {
    color: #A6A6A6;
}
.JidObjednano {
    background-color: #FDDBB5;
}
.JidVydano {
    background-color: #C0C0C0;
}
.JidNelzeObjednat {
    background-color: Red;
}
.JidStavU {
    background-color: LightGreen;
}
.JidStavB {
    background-color: Fuchsia;
}
.JidLicha { }
.JidSuda { }
.Tabulka td.JidPosledni {
    border: none;
}
.Tabulka td.JidDalsiDen {
    border-bottom: 2px solid #808080;
}


/*------------------- */
/* -- JQUERY -- */

/* DatePicker */
.ui-widget-content .ui-datepicker-week-end .ui-state-default {
    background-color: LightSteelBlue;
}
.ui-widget-content .ui-datepicker-week-end .ui-state-active {
    background-color: #007fff;
}
.ui-widget-content .ui-datepicker-week-end .ui-state-highlight {
    background-color: #fffa90;
}


/*------------------- */
/* -- KALENDAR -- */

/* Kalendar */
.Kalendar {
    width: 300px;
    font-size: 16px;
}
.Kalendar a {
    text-decoration: none;
}
.KalendarWeekend {
    background-color: #D9D9D9;
}
.KalendarHoliday {
    background-color: #D9D9D9;
}
.KalendarDatumZpet { } 
.KalendarObjednano {
    background-color: #FDDBB5;
    font-weight: bold;
}  
.KalendarDatumDnes {
    border: 2px solid #6DE1C2; /*#80AE0E*/ /*#FFC080*/
    font-weight: bold;
}
.KalendarDatumObjednavat {
    font-weight: bold;
}
.KalendarDatumVpred { }
.KalendarTitle { }
.KalendarDayHeader { 
    font-weight: normal;
}
.Kalendar td:hover {
    background-color: #DAE9F4;
}
.Kalendar .KalendarTitle td:hover {
    background-color: #F2F2F2;
}


/*------------------- */
/* -- ZAHLAVÍ -- */

.ImgLogo {
    margin-left: 24px;
}

.AutoWidthColumn{
    width: 1px; /* Decreases the size to 1px if possible */ white-space: nowrap; /* Forces the cell to only decrease to the contents */
}

@media only screen and (max-width: 1000px) {
    #imgLogo{
       display: none;
    }
}

#Zahlavi_Uzivatel_LblZustatekText {
    white-space: nowrap;
}
#Zahlavi_Uzivatel_LblZustatek {
    white-space: nowrap;
}
#Zahlavi_Uzivatel_LblPrihlasenyUzivatel {
    white-space: nowrap;
    Font-Size: 24px;
}

/* Text odkazu odhlaseni */
.Odhlaseni {
    text-decoration: none;
    padding-right: 87px;
    font-size: 24px;
}
.noWrap {
    white-space: nowrap;
}


/*------------------- */
/* -- TEXTY -- */
/* Nadpis */
.TextNadpis {
    background-color: #FFFFFF;
}
.TextNadpisLogin {
    background-color: #FFFFFF;
    margin-left: -30%;
}

/* Informacni text */
.InformationText {
    font-size: 14px;
    padding: 20px;
    word-wrap: break-word;
    display: inline-block;
    background: none center 0 #FFFFFF;
    background-color: rgba(255, 255, 255, 0.7);
    filter: alpha(opacity=70);
    text-align: left;
}

/* Informacni text v popisech (INC souborech)*/
.InfoText
{
    /*font-weight: bold;*/
    font-size: 16px;
}

/* Text poznamky k jidelnickum */
.Poznamka
{
    margin-top: 31px;
}

/* Text poznamky k jidelnickum */
.PoznamkaKJidelnickum
{
    font-size: 14px;
    color: #0670BB;
}

/* Text vyberu vydejniho mista */
.VydejniMistoText {
    font-size: 16px;
}

/* Informativni text chyby pri ukladani objednavek */
.JsouNeulozeneObjednavky {
    font-weight:bold;
    Font-Size:small;
    color:Red;
}

/* Informativni text chyby pri ukladani nastaveni */
.JsouUlozeneZmeny {
    font-weight: bold;
    Font-Size: small;
    color: Red;
}

/* Text popisu kalendare */
.KaledarPopis 
{
	font-size: 14px;
}

/* Text popisu uctenky */
.UctenkaPopis
{
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}


/*------------------- */
/* -- RATING -- */

.JidHodnoceniPanel {
    background-color: #f2f2f2;
    margin-top: 8px;
}
.JidHodnoceniGrid {
    background-color: #FFFFFF;
    border: 1px solid #0670BB;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.JidHodnoceniGrid .c-rating {
    padding: 5px;
}
.JidHodnoceniGridText {
    margin: 5px;
    font-size: 10pt;
    width: 400px;
}
.JidHodnoceniGridTlacitko {
    margin: 5px;
    vertical-align: top;
}
.JidHodnoceniKomentar {
    border: none;
    height: 24px;
    cursor: pointer;
}
.JidHodnoceniTlacitko {
    vertical-align: top;
}
.JidHodnoceniPrehled {
    margin-top: 5px;
}
.JidHodnoceniPrehledKomentar {
    margin-top: 5px;
    font-size:10pt;
    color: #A6A6A6;
    font-weight: normal;
}


/*------------------- */
/* -- OBRAZEK -- */

.JidObrazekModal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    /* opacity */
    /*filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;*/
}

.JidObrazekModalContent {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* The Close Button */
.JidObrazekClose {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

/* Add Animation - Zoom in the Modal */
 .JidObrazekModalContent { 
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

.JidObrazekClose:hover,
.JidObrazekClose:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}


/*------------------- */
/* -- INFO -- */

.JidInfoModal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(255,255,255); /* Fallback color */
    /* opacity */
    /*filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;*/
}

.JidInfoModalContent {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

.JidInfoCaption {
    padding-bottom: 20px;
    text-align: center;
    color: #333333;
}

.JidInfoText {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 20px;
    text-align: left;
    color: #333333;
}

/* The Close Button */
.JidInfoClose {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #0066CC;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

/* Add Animation - Zoom in the Modal */
 .JidInfoModalContent { 
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

.JidInfoClose:hover,
.JidInfoClose:focus {
    color: #0066CC;
    text-decoration: none;
    cursor: pointer;
}


/*------------------- */
/* -- DIALOG -- */

.dialog-info .modal-header {
    color: #0670D2;
}

.dialog-info .btn {
    height: 40px;
    min-width: 74px;
    color: #FFFFFF;
    background-color: #0670BB;
    font-size: 16px;
    text-align: center;
}

.dialog-info .btn-primary:hover {
    background-color: #0786E0;
}


@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

 @keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

@media only screen and (max-width: 700px){
    .JidObrazekModalContent {
        width: 100%;
    }
}