html{height:100%}
html, body{margin:0;padding:0;top:0;left:0;font-family:Arial, sans-serif;font-size:100%}
body{min-height:100vh}
.top-page{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}
.sprite{background:url(images/sprite.png) no-repeat}
h1, h1 a{color:#005c7c;font-size:21px;font-weight:normal;margin:0;padding:7px 0 7px 0;text-decoration:none}
h2, h2 a{color:#000;font-size:18px;margin:0;padding:5px 0 5px 0;font-weight:bold;text-decoration:none}
h3, h3 a{color:#5ea746}
h4, h4 a{color:#9A0011;padding:5px 0 4px 0;margin:0;font-size:12px;line-height:1.2em;text-decoration:none}
p{color:#666;line-height:1.6em}
ul, ol{line-height:1.6em}
ul li, ol li{margin:0;padding:0}
a{font-weight:normal;text-decoration:none}
a visited{color:#fff}
a:hover{color:#a3c35b}
a img{border:0}
a.smallLink{color:rgb(127,181,57);font-size:10px;text-decoration:underline}
table{width:100%}
table td{line-height:1.6em}
table th{font-weight:normal;border-collapse:collapse;border-spacing:0}
img{max-width:100%}
iframe{margin:0;padding:0}
.clear{clear:both}
.clear3{clear:both;height:0.1875rem;border:0;font-size:0}
.clear4{clear:both;height:0.25rem;border:0;font-size:0}
.clear5{clear:both;height:0.3125rem;border:0;font-size:0}
.clear10{clear:both;height:0.625rem}
.clear15{clear:both;height:0.9375rem}
.clear20{clear:both;height:1.25rem}
.clear25{clear:both;height:1.563rem}
.clear30{clear:both;height:1.875rem}
.clearfix:after{clear:both;display:block;content:''}
.center{text-align:center}
.padding5{padding:0.3125rem}
.padding10{padding:0.625rem}
.padding20{padding:1.25rem}
.white{color:#fff}
.red{color:Red}
.green{color:#00C000}
.black{color:#000}
.aleft{text-align:left}
.aright{text-align:right}
.blue{color:#255cb7}
.relative{position:relative}
.hide{display:none}
.mandatoryField{color:Red;font-size:12px}
.required{color:red;font-size:16px;margin-left:3px;font-weight:bold}
.messagePanel{min-height:1.125rem}
.messageloginerror{margin:0 10px 0 0;min-height:26px;padding-bottom:5px}
.errorMessage{margin:5px 0 10px 0;min-height:14px;border:1px solid #ffd5d6;padding:5px 5px 5px 26px;color:#660000;font-size:12px;font-weight:normal;background:#fef2f0 url(images/icon-error.gif) top left no-repeat}
.errorMessage span{color:#990000;font-size:12px;font-weight:normal}
.errorMessageinline{display:inline-block;margin:5px 0 10px 0;min-height:14px;border:1px solid #ffd5d6;padding:5px 5px 5px 26px;color:#660000;font-size:12px;font-weight:normal;background:#fef2f0 url(images/icon-error.gif) top left no-repeat}
.errorMessageinline span{color:#990000;font-size:12px;font-weight:normal}
.successMessage{margin:5px 0 10px 0;min-height:14px;border:1px solid #00aa66;padding:5px 5px 5px 26px;color:#009900;font-size:12px;font-weight:normal;background:#eeffee url(images/icon-success.gif) top left no-repeat}
.successMessage span{color:#009900;font-size:12px;font-weight:normal}
.validatorError{color:#ff0000;margin:0 0 0 2px;background-color:transparent;padding:0px;border:0px solid #C09999;font-size:10px;vertical-align:top}
.validatorErrorNarrow{color:#cc0000;margin:0 0 0 -1px;background-color:transparent;padding:0px;border:0px solid #C09999;font-size:12px;vertical-align:top;font-weight:bold}
.validatorErrorStar{color:#ff0000;margin:0px 0 0 3px;padding:0px;font-size:16px;font-weight:normal}
.validatorErrorTextSmall{color:#ff0000;margin:3px auto;background-color:transparent;padding:3px 0px;border:1px solid #C09999;font-size:10px}
.validatorErrorTextMid{color:#ff0000;padding:3px 0px;font-size:13px}
.validatorErrorText{color:#CC3300;margin:3px auto;background-color:transparent;padding:3px 0px;border:0px solid #C09999;font-size:10px}
.errorMessageThin{margin:3px 0 3px 0;min-height:14px;border:1px solid #ffd5d6;padding:2px 3px 2px 26px;color:#660000;font-size:12px;font-weight:normal;background:#fef2f0 url(images/icon-error.gif) top left no-repeat}
.errorMessageThin span{color:#990000;font-size:11px;font-weight:normal}
.successMessageThin{margin:3px 0 3px 0;min-height:14px;border:1px solid #00aa66;padding:2px 3px 2px 26px;color:#009900;font-size:12px;font-weight:normal;background:#eeffee url(images/icon-success.gif) top left no-repeat}
.successMessageThin span{color:#009900;font-size:11px;font-weight:normal}
.passwordmatchframe{height:21px}
/* BARVE BESEDIL */
.colorred{color:#d62a26}
.controltitle{margin:0;padding:0 0 20px 0;color:#000;font-weight:bold}
.fleft{float:left}
.fright{float:right}
.wrapper{margin:0 auto;width:940px}
.pageindex{padding:1.3rem 0}
.pageindex h2{text-align:center;margin:0;padding:0 0 1.5rem 0}
.contentrightcol .topframe{background:#f0f0f0;margin-bottom:1.5rem}
.contentrightcol .topframe .padd{padding:21px 11px}
.content{min-height:300px;position:relative}
.contentheadingframe{padding:30px 0;background:#000}
.contentheadingframe h1{color:#d42b26}
.mainmenuframe{display:inline-block;width:100%}
/*Strip the ul of padding and list styling*/
ul.mainmenu{list-style-type:none;margin:0;padding:0;width:100%;position:relative;z-index:10}
/*Create a horizontal list with spacing*/
ul.mainmenu > li{display:inline-block;float:left;position:relative;padding:0}
/* skrijemo meni za franšize, dokler ne prikažemo responsive menija */
/*Style for menu links*/
ul.mainmenu li a{display:block;min-width:80px;height:50px;text-align:center;line-height:50px;color:#565656;background:#fff;text-decoration:none;padding:0 1em}
/*Hover state for top level links*/
ul.mainmenu li:hover a{background:#d42b26;color:#fff}
/*Style for dropdown links*/
ul.mainmenu li:hover ul{z-index:10}
ul.mainmenu li:hover ul a{background:#f3f3f3;color:#2f3036;height:30px;line-height:30px}
/*Hover state for dropdown links*/
ul.mainmenu li:hover ul a:hover{background:#ccc}
/*Hide dropdown links until they are needed*/
ul.mainmenu li ul{display:none;z-index:100;position:absolute}
/*Make dropdown links vertical*/
ul.mainmenu li ul li{display:block;float:left;z-index:100;width:190px}
/*Prevent text wrapping*/
ul.mainmenu li ul > li a{width:auto;min-width:150px;padding:0 10px;text-align:left;font-size:0.7rem}
/*Display the dropdown on hover*/
ul.mainmenu li a:hover + .hidden, .hidden:hover{display:block}
/*ul.mainmenu .hidden{position:relative}*/
ul.mainmenu .main-menu-separator{height:50px;width:1px;background-color:#e3e3e3;padding:0;margin:0}
/*Style 'show menu' label button and hide it by default*/
.show-menu{text-decoration:none;color:#fff;background:#d42b26;text-align:center;padding:10px 0;display:none}
/*Hide checkbox*/
.mainmenuframe input[type="checkbox"]{display:none}
/*Show menu when invisible checkbox is checked*/
.mainmenuframe input[type="checkbox"]:checked ~ #menu{display:block;z-index:10}
/* Footer */
footer{background-color:#5ea746;color:white;padding:.5rem;font-size:11px;height:50px}
footer a{text-decoration:underline;color:white}
footer a.creator{text-decoration:none}
.footerback p{color:#999}
.footerline{border-top:2px solid #383838}
ul.footercolumns{list-style:none;margin:0;padding:25px 0 15px 0}
ul.footercolumns li{float:left}
ul.footercolumns li:last-child{float:right}
ul.footercolumns h3{border-bottom:2px solid #494949;font-weight:bold;padding-bottom:10px}
ul.footercolumns a{color:#ccc}
.footerpart1{width:25%;margin-right:3%}
.footerpart2{width:20%}
.footerpart3{width:50%}
.footerpart3 .padd{padding-left:85px}
.footerback .fleftcolumn{float:left;width:70%}
.footerback .frightcolumn{float:right;width:250px;text-align:right}
.footerback .frightcolumn a{color:#fff;font-size:11px}
.header{padding:42px 0}
.headerlink{font-size:24px;display:inline-block;color:#fff;margin:0 auto}
.btn-xs{padding:.25rem .35rem !important;font-size:.85rem;line-height:1.2}
/* Radio */
.radio{list-style:none;margin:0 0 8px 0;padding:0}
.radio:after{clear:both;display:block;content:''}
.radio input[type=radio], .radio input[type=checkbox]{display:none;margin:10px}
/* radiobuttonlist z gumbi */
.radiobuttonh{list-style:none;margin:0;padding:0}
.radiobuttonh li{float:left;margin-right:10px}
.radiobuttonh li:last-child{margin-right:0}
.radiobuttonh input[type=radio]{display:none;margin:10px}
.radiobuttonh input[type=radio] + label{border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;border-top:1px solid #e6e6e6;border-bottom:1px solid #b3b3b3;display:inline-block;padding:3px 12px;margin-bottom:0;font-size:12px;color:#333;text-align:center;vertical-align:middle;cursor:pointer;background-color:#f5f5f5;background-repeat:repeat-x;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);background-image:linear-gradient(to bottom,#fff,#e6e6e6);margin-left:-2px;margin-right:-2px;margin-top:-2px;text-shadow:0 1px 1px rgba(255,255,255,1)}
.radiobuttonh input[type=radio]:checked + label{background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.10),0 1px 2px rgba(0,0,0,0.00);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.10),0 1px 2px rgba(0,0,0,0.00);box-shadow:inset 0 2px 4px rgba(0,0,0,0.10),0 1px 2px rgba(0,0,0,0.00);background-color:#888;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.75)}
/* gumbi vertikalno */
.radiobuttonv{list-style:none;margin:0;padding:0;display:block;width:100%;max-width:400px}
.radiobuttonv:after{content:'';display:block;clear:both}
.radiobuttonv li input[type=radio] + label{margin:0;display:block;width:100%}
.radiobuttonv input[type=radio], .radiobuttonv input[type=checkbox]{display:none;margin:10px}
.radiobuttonv input[type=radio] + label, .radiobuttonv input[type=checkbox] + label{border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;border-top:1px solid #e6e6e6;border-bottom:1px solid #b3b3b3;display:inline-block;padding:4px 12px;margin-bottom:0;color:#333;text-align:center;vertical-align:middle;cursor:pointer;background-color:#f5f5f5;background-repeat:repeat-x;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);background-image:linear-gradient(to bottom,#fff,#e6e6e6);margin-left:-2px;margin-right:-2px;margin-top:-2px;text-shadow:0 1px 1px rgba(255,255,255,1)}
.radiobuttonv input[type=radio]:checked + label, .radiobuttonv input[type=checkbox]:checked + label{background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.10),0 1px 2px rgba(0,0,0,0.00);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.10),0 1px 2px rgba(0,0,0,0.00);box-shadow:inset 0 2px 4px rgba(0,0,0,0.10),0 1px 2px rgba(0,0,0,0.00);background-color:#888;color:#fff}
.radio-left input[type=radio] + label, .radio-left input[type=checkbox] + label{text-align:left}
.radio-yellow input[type=radio]:checked + label, .radio-yellow input[type=checkbox]:checked + label{background-color:rgba(255,193,7,0.5);color:black}
.radio-first-item li:first-child input[type=radio] + label{color:black}
/* week days control */
.week-days-table{width:auto}
.week-days-table td{padding:0;vertical-align:bottom}
/* CheckBoxList*/
.chklst{padding-left:1rem}
.chklst li{display:block;position:relative;padding-left:10px;margin-bottom:5px;cursor:pointer;font-size:18px}
.chklst li:hover{cursor:pointer;background-color:#ddd}
.chklst input[type=checkbox]:hover + label{cursor:pointer}
.chklst input[type=checkbox]{position:relative;top:1px;height:15px;width:15px;background:#e6e6e6;margin-right:3px}
.chklst label{display:inline-block;margin-left:3px;line-height:21px;margin-bottom:0;flex:1}
.chklst-sm input[type=checkbox] + label{font-size:12px}
/* new design */
.header-table {}
.header-table .side-column{width:15%}
.header-sub{font-size:0.75rem}
.header-order{background:#5ea746;padding:27px 35px;font-size:1rem;color:#fff}
.header-order-sm{padding:1rem .75rem;font-size:.75rem}
.header-order-sm i{color:#fff}
.text-order{color:#5ea746}
.btn-order{padding:16px 1.25rem;font-size:0.875rem;background:#5ea746;color:#fff}
.btn-order-cancel{padding:16px 1.25rem;font-size:0.875rem}
.row-login{border-bottom:1px solid #000}
.login-frame input[type=text], .login-frame input[type=password]{border:0}
.meals-row .col-6:nth-child(odd){padding-right:7.5px}
.meals-row .col-6:nth-child(even){padding-left:7.5px}
.frame-meals{padding:1rem 0;color:#fff;background:#cccccc;text-align:center}
.frame-meals-disabled{border-bottom:1px solid #fff}
.frame-meals-header{background:#5ea746}
.frame-meals-content{background:#e6e6e6}
.frame-meals-footer{font-size:.7rem}
.icon-success{width:75px;height:75px;border-radius:37px;background:#5ea746;color:#fff;margin:0 auto;margin-top:2rem}
.icon-success i{font-size:2rem;margin-top:25%}
.footer-text{position:absolute;left:0;right:0;bottom:60px;font-size:0.875rem}
.meal-selector .col-6{background:#e6e6e6;border:1px solid #fff;border-width:0 1px 1px 0}
.meal-radio{position:relative;display:block}
.meal-radio input[type=radio]{position:absolute;left:7px;top:9px}
.meal-radio label{display:block;font-size:0.85rem;margin-bottom:0}
.meal-radio input[type=radio]:checked + label{background-color:#b2b2b2;color:#000}
.label-title{background:#cccccc;padding:7px 0 7px 25px}
.label-content{padding:5px 5px 10px 10px}
.label-no-meal-title{padding:7px 0 7px 25px}
.meal-radio-no label{background:#cccccc}
.meal-radio-no input[type=radio]:checked + label{background-color:#b2b2b2;color:#000}
.meal-radio-separator{border-bottom:2px solid #fff;margin-bottom:5px}
@media only screen and (max-width:600px) {
    .btn-order{width:100%}
    .btn-order-inline{width:auto}
}
#cookie-law-info-bar[data-cli-style="cli-style-v2"]{padding:14px 25px}
#cookie-law-info-bar{font-size:15px;margin:0 auto;text-align:left;box-sizing:border-box;width:100%;z-index:9999;left:0px;font-weight:300;box-shadow:0 -1px 10px 0 rgba(172, 171, 171, 0.3);background-color:rgb(255, 255, 255);color:rgb(51, 51, 51);font-family:inherit;bottom:0px;position:fixed;display:block}