@font-face {
  font-family: Roboto;
  src: url(/css/fonts/Roboto-Regular.ttf);
}
html{font-size: 0.875rem;}
body {
  font-size: 1em; /* currently ems cause chrome bug misinterpreting rems on body element */
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
a{outline: 0;}
.no-display{display: none;}
.c-pointer, .mk-link{cursor: pointer;}
.c-default{cursor: default;}




#test-env{display: none; position: fixed; background-color: red; color: white; width: 100%; top: 0; margin: 0 auto; font-size: .5em; text-align: center;}

.alert{border: 1px #ccc solid; border-radius: 5px; padding: 17px; max-width: 400px; margin: 0 auto 17px auto;
position: relative;
}
.btn-primary .text-muted{color: inherit !important;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    color: transparent;
}
i[data-toggle="tooltip"]{font-size: 18px !important;}
/*
.alert .close{
position: absolute; right: 8px; top: 8px;
width: 16px; height: 16px; color: transparent;
background-size: contain;
}
.alert-danger .close{background-image: url(/gr/icon-close-white-24.png);}
.alert-success{border-color: #00a03d;}
.alert-warning{border-color: #FFED00;}

.center-block{
   width: 100%;
   max-width: 800px;
   margin: 0 auto;
}
*/

/*
.flash-message{background-color: white; font-size: 1.2em;}
.flash-message .alert-success{
background-color: #5CA578;
color: white;
}
.flash-message .alert-warning{
background-image: url(/gr/icon-warning-24.png); background-repeat: no-repeat;
background-position: 1em 50%;
padding-left: 50px;
}
.flash-message .alert-loading{
background-image: url(/gr/ajax-loader.gif); background-repeat: no-repeat;
background-position: 1em 50%;
padding-left: 100px;
}
.flash-message .alert-danger{
background-color: #cd5439; color: white;
 border-color: #ccc;
}
.close-button{
background-image: url(/gr/icon-close-24.png);
background-repeat: no-repeat;
cursor: pointer;
width: 24px;
height: 24px;
position: absolute;
top: 1em; right: 1em;
display: block;
z-index: 1;
background-color: white;
border-radius: 5px;
}
*/



/*
.single-title{text-align: center; border-bottom: 1px solid #e1e1e1; clear: both;}

h4{font-size: 1.5em;}
h5{font-size: 1.2em;}
.alert h4{color: #cd5439; font-size: 1.2em;}
.alert-success h4{color: #00a03d;}
.invalid-feedback{color: #cd5439;}
*/
#logo-frame{display: inline-block;
background-image: url(/gr/img/logo-cracow-card.jpg);
background-repeat: no-repeat;
background-size: contain;
height: 23px;
width: 135px;
vertical-align: middle;
clear: left;
line-height: 22px;
position:relative;
}

.demo-badge{
    position: absolute;
    right:-20px;
    top:-10px;
    background:red;
    text-align: center;
    border-radius: 5px;
    color:white;
    padding: 3px;
    font-size:10px;
    line-height: 12px;
}

.navbar-menu-sub .nav-sub-item + .nav-sub-item {
    margin-top: 10px;
}
.navbar-menu-sub .nav-sub-item i {
    margin-right: 3px;
}
@media (max-width: 992px) {
  .navbar-menu .nav-link {
    padding: 3px 20px;
  }
}

#slugline{padding: 3px 17px; border-bottom: 1px #ccc solid;}
#slugline a{color: #5CA578; text-decoration: none;}

#counter-box{float:right;}
@media (max-width: 1139px) {
.content-auth > .container {
    max-width: none;
    padding: 0;
}
}
.ui-tabs .ui-tabs-panel {
padding: .5em .7em;

}
.content-narrow, body .items-narrow{max-width: 1024px; margin: 0 auto;}
.content-auth {
    min-height: calc(100vh - 108px);
}

html, body {
  margin: 0;
}

fieldset {
   border: 1px #999 solid;
   border-radius: 5px;
   padding: 1rem;
}
textarea{height: auto;}
legend{width: auto; font-size: 1em;}
a.btn i{vertical-align: bottom;}
.item-row td{vertical-align: middle;}

.product-icon{
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
width: 1em;
height: 1.2em;
vertical-align: middle;
}

/*
a{color: #cd5439; text-decoration: none;}
a:hover{color: #cd5439; text-decoration: underline;}
*/
.center-frame{width: 360px; margin: 0 auto; box-sizing: border-box;}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
.center-frame{width: 100%; margin: 0 auto;}
}
.ota-box img{max-width: 80px;}

.calendar-sidebar-header .search-form .form-control {
border-width: 1px;
background-color: initial;
}
.calendar-sidebar-header > *{margin-right: 5px;}
.calendar-sidebar-header > :last-child{margin-right: 0;}
.calendar-nav a span{flex-shrink: 0;}

nav.calendar-nav .active{color: #0168fa;}
.ui-datepicker .ui-state-active, .calendar-inline .ui-datepicker .ui-datepicker-calendar td a.ui-state-hover:hover{
	background-color: #0168fa;
	color: white;}
.small-button{padding: 3px; background-color: #7987a1; color: white !important; border-radius: 5px; font-size: 15px; cursor: pointer;}
.small-button:hover{background-color: #808080;}

.fc-time-grid .fc-slats td {
    height: 2.5em;
}
.fc-content .fc-time{margin-bottom: 3px; display: inline-block;}
.calendar-content-body .fc-time-grid-event .fc-title{
	margin-bottom: 3px;
	font-size: 10px;
    display: inline-block;
}

.fc-content .material-icons, .fc-widget-content .material-icons{vertical-align: middle !important;}
.btn .material-icons, .list-group-item .material-icons{vertical-align: middle !important;}
.fc-content span, .fc-content a, .fc-list-item-title a{vertical-align: inherit;}
.fc-event{
    cursor: pointer;
}
.badge .material-icons{font-size: inherit; vertical-align: middle;}


input[type="radio"] + label:hover{text-decoration: underline;}


.custom-checkbox.text-checkbox .custom-control-label::before{display: none;}

.custom-control.text-checkbox {
    padding-left: 0;
}

.text-checkbox .custom-control-label span {
    border-radius: 0.25rem;
    padding: 1px;
    border: 2px solid;
    cursor: pointer; 
}
.text-checkbox .custom-control-label span.bg-info {
background-color: white !important;
border-color: #00b8d4 !important;
}
.text-checkbox .custom-control-label span.bg-info:hover {
	color: #00b8d4;
}
.text-checkbox .custom-control-input:checked ~ .custom-control-label span.bg-info {
    background-color: #00b8d4 !important;
    color: white
}
/*
.text-checkbox .custom-control-input:checked ~ .custom-control-label span:hover {
    color: white;
}
*/
.custom-bg-color1,
.custom-checkbox > .custom-bg-color1[type="checkbox"]:checked + label:before,
.color1 .fc-event-dot, .color1.fc-event
{background-color: #F1BA24 !important; color: white !important;}
.custom-fg-color1{color: #F1BA24 !important;}
.custom-bd-color1, .custom-checkbox > .custom-bg-color1[type="checkbox"] + label:before{border-color: #F1BA24 !important;}
.option-header.color1{ background-color: #F1BA24; color: white;}
.option-header.color1:hover{ opacity: .9;}
.my-accordion .option-header.color1.ui-state-active{color: #666;}


.custom-bg-color2,
.custom-checkbox > .custom-bg-color2[type="checkbox"]:checked + label:before,
.color2 .fc-event-dot, .color2.fc-event
{background-color: #F27F26 !important;  color: white !important;}
.custom-fg-color2{color: #F27F26 !important;}
.custom-bd-color2, .custom-checkbox > .custom-bg-color2[type="checkbox"] + label:before{border-color: #F27F26 !important;}
.option-header.color2{ background-color: #F27F26; color: white;}
.option-header.color2:hover{ opacity: .9;}
.my-accordion .option-header.color2.ui-state-active{color: #666;}

.custom-bg-color3,
.custom-checkbox > .custom-bg-color3[type="checkbox"]:checked + label:before,
.color3 .fc-event-dot, .color3.fc-event
{background-color: #ED4323 !important; color: white !important;}
.custom-fg-color3{color: #ED4323 !important;}
.custom-bd-color3, .custom-checkbox > .custom-bg-color3[type="checkbox"] + label:before{border-color: #ED4323 !important;}
.option-header.color3{ background-color: #ED4323; color: white;}
.option-header.color3:hover{ opacity: .9;}
.my-accordion .option-header.color3.ui-state-active{color: #666;}


.custom-bg-color4,
.custom-checkbox > .custom-bg-color4[type="checkbox"]:checked + label:before,
.color4 .fc-event-dot, .color4.fc-event
{background-color: #CD1712 !important;  color: white !important;}
.custom-fg-color4{color: #CD1712 !important;}
.custom-bd-color4, .custom-checkbox > .custom-bg-color4[type="checkbox"] + label:before{border-color: #CD1712 !important;}
.option-header.color4{ background-color: #CD1712; color: white;}
.option-header.color4:hover{ opacity: .9;}
.my-accordion .option-header.color4.ui-state-active{color: #666;}

.custom-bg-color5,
.custom-checkbox > .custom-bg-color5[type="checkbox"]:checked + label:before,
.color5 .fc-event-dot, .color5.fc-event
{background-color: #AB003B !important; color: white !important;}
.custom-fg-color5{color: #AB003B !important;}
.custom-bd-color5, .custom-checkbox > .custom-bg-color5[type="checkbox"] + label:before{border-color: #421D69 !important;}
.option-header.color5{ background-color: #421D69; color: white;}
.option-header.color5:hover{ opacity: .9;}
.my-accordion .option-header.color5.ui-state-active{color: #666;}

.custom-bg-color6,
.custom-checkbox > .custom-bg-color6[type="checkbox"]:checked + label:before,
.color6 .fc-event-dot, .color6.fc-event
{background-color: #421D69 !important; color: white !important;}
.custom-fg-color6{color: #421D69 !important;}
.custom-bd-color6, .custom-checkbox > .custom-bg-color6[type="checkbox"] + label:before{border-color: #421D69 !important;}
.option-header.color6{ background-color: #421D69; color: white;}
.option-header.color6:hover{ opacity: .9;}
.my-accordion .option-header.color6.ui-state-active{color: #666;}

.custom-bg-color7,
.custom-checkbox > .custom-bg-color7[type="checkbox"]:checked + label:before,
.color7 .fc-event-dot, .color7.fc-event
{background-color: #2F3192 !important; color: white !important;}
.custom-fg-color7{color:#2F3192  !important;}
.custom-bd-color7, .custom-checkbox > .custom-bg-color7[type="checkbox"] + label:before{border-color: #2F3192 !important;}
.option-header.color7{ background-color: #2F3192; color: white;}
.option-header.color7:hover{ opacity: .9;}
.my-accordion .option-header.color7.ui-state-active{color: #666;}

.custom-bg-color8,
.custom-checkbox > .custom-bg-color8[type="checkbox"]:checked + label:before,
.color8 .fc-event-dot, .color8.fc-event
{background-color: #2B51DF !important; color: white !important;}
.custom-fg-color8{color: #2B51DF !important;}
.custom-bd-color8, .custom-checkbox > .custom-bg-color8[type="checkbox"] + label:before{border-color: #2B51DF !important;}
.option-header.color8{ background-color: #2B51DF; color: white;}
.option-header.color8:hover{ opacity: .9;}
.my-accordion .option-header.color8.ui-state-active{color: #666;}

.custom-bg-color9,
.custom-checkbox > .custom-bg-color9[type="checkbox"]:checked + label:before,
.color9 .fc-event-dot, .color9.fc-event
{background-color: #00ACA6 !important; color: white !important;}
.custom-fg-color9{color: #00ACA6 !important;}
.custom-bd-color9, .custom-checkbox > .custom-bg-color9[type="checkbox"] + label:before{border-color: #00ACA6 !important;}
.option-header.color9{ background-color: #00ACA6; color: white;}
.option-header.color9:hover{ opacity: .9;}
.my-accordion .option-header.color9.ui-state-active{color: #666;}


.custom-bg-color10,
.custom-checkbox > .custom-bg-color10[type="checkbox"]:checked + label:before,
.color10 .fc-event-dot, .color10.fc-event
{background-color: #3BB54A !important; color: white !important;}
.custom-fg-color10{color: #3BB54A !important;}
.custom-bd-color10, .custom-checkbox > .custom-bg-color10[type="checkbox"] + label:before{border-color: #3BB54A !important;}
.option-header.color10{ background-color: #3BB54A; color: white;}
.option-header.color10:hover{ opacity: .9;}
.my-accordion .option-header.color10.ui-state-active{color: #666;}



.custom-control-input.bg-info:checked ~ .custom-control-label::before{
	background-color: #00b8d4 !important;
	border-color: #00b8d4 !important;
}
.custom-control-input.bg-info2:checked ~ .custom-control-label::before{
   background-color: #3a87ad !important;
   border-color: #3a87ad !important;
}


ul.ui-autocomplete {
    z-index: 1100;
}
  .ui-autocomplete-category {
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
  }
  .ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }

    .ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;   
    padding: 4px 0;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.ui-menu-item div{padding: 3px;}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
}

.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}

.ui-datepicker { position: relative; z-index: 10000 !important; }
.dropdown-menu.show{z-index: 10001}

#lockModal, #resourceModal, #removeModal, #salesEditModal, #salesRemoveModal {
    z-index: 1052 !important;
}
.modal-backdrop-custom {
    z-index: 1051 !important;
}

.badge{font-size: inherit;}

body .action-button{
background-color: #696D78;
color: white;
padding: 6px 10px;
border-radius: 4px; border: 1px #666 solid;
text-transform: uppercase; font-weight: bold; font-size: .8em;
display: inline-block;
line-height: 26px;
margin-bottom: 8px;
height: 38px;
box-sizing: border-box;
text-decoration: none;
white-space: nowrap;
vertical-align: middle;
letter-spacing: 1px;
}

.items .action-button{margin-bottom: 0; height: 30px; padding: 8px; line-height: 16px;}
body .action-button:hover{color: #eee;}
body .action-red, body button.action-red{background-color: #cd5439;}
body .action-green{background-color: #78d39b;}
body .mk-error-field{background-color: #cd5439;}
body .mk-success-field{background-color: #78d39b;}
.action-form{display: inline-block; margin-bottom: 0;}
body .prev-button{background-image: url(/gr/icon-left-16.png); background-repeat: no-repeat; background-position: 24px center; padding-left: 45px;}
body .next-button{background-image: url(/gr/icon-right-16.png); background-repeat: no-repeat; background-position: right 24px center; padding-right: 45px;}
body .save-button{background-image: url(/gr/icon-save-16.png); background-repeat: no-repeat; background-position: 24px center; padding-left: 45px;}
body .button-green{background-color: #5CA578; color: white;}
body .button-yellow{background-color: #E9CE49; color: #333;}

body .button-blue{background-color: #0077cc; color: white;}
body .button-light-blue{background-color: #A6CBD5; color: white;}
body .button-green:hover, body .button-blue:hover, body .button-light-blue:hover, body .button-blue:focus, body .button-green:focus, body .button-light-blue:focus{color: #eee;}
body .label-middle{margin-top: 8px; font-weight: normal;}

/*
.card{
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0,0,0,.125);
border-radius: .25rem;
margin-bottom: 17px;
}
.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
    color: #5CA578;
    font-weight: bold;
    position: relative;
}
.card-header a{color: #5CA578;}
.card-header .icon16{vertical-align: top;}
.card-header .menu{position: absolute; top: 8px; right: 10px;}
.card-header .menu button{padding: 0; margin: 0; border: none; height: 16px;}
.card-header .menu form{padding: 0; border: none; display: inline; padding: 0; margin: 0;}
.card-body{
padding: 1.25rem;
overflow: hidden;
font-size: .9em;
}
.card-body dl{margin-bottom: 0;}
*/
.my-accordion .ui-state-active{background-color: #fff; border-color: #ddd;}
.my-accordion .ui-state-active .ui-icon{background-image: url("../images/ui-icons_444444_256x240.png")}
.my-accordion .ui-state-active label{color: black;}

.ui-accordion .ui-accordion-content{padding: 1em 1.5em;}
.cal-accordion.ui-accordion .ui-accordion-content {
    padding: 1em .5em 0 0.5em;
}
.cal-accordion form, .cal-accordion .tickets-table{margin-bottom: 0;}

.cal-accordion h5{position: relative;}
.cal-accordion h5 .ticket-type-info{position: absolute; top: 8px; right: 8px;}
#type-tabs .ticket-type-info{margin-left: .3em;}
 .cal-accordion .ui-accordion-content-active{
margin-bottom: 1em;
}
.cal-accordion .ui-accordion-header-active{margin-top: 1em;}
.cal-accordion{margin-top: 1em;}

.content-frame .button.button-primary{background-color: #cd5439; color: white;}
.content-frame .button.button-primary:hover, .content-frame .button.button-primary:focus{background-color: #cd5439; color: #ccc;}


.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #ddd;
}

.ui-widget{font-family: inherit !important;}
/*
@media (max-width: 992px){
  .footer{display: block; padding: 10px 25px;}
  .footer > div:last-child {
    margin-top: 0;
  }
  .content {
    padding-bottom: 0;
  }
}
*/

input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus{border-color: #be3346;}


  
.button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary{
background-color: #696D78; border-color: #696D78;}
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #696D78;
  border-color: #696D78;}
  


.dialog-form{display: none;}

.login-form{width: 350px; margin: 2em auto;}
.login-form legend{ font-size: 1em; padding: 5px;}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
.login-form{width: 95%;}
}
.r-column{display: inline-block; vertical-align: top;}
.items{width: 100%; margin: 8px 0 20px 0;}

.mobile-label, .mobile-items .th{display: none;}
.mobile-items .columns:after, .head-row .columns:after{content: "."; visibility: hidden;}
.filter-form a.selected{color: #be3346;}
@media screen and (max-width: 768px) {
   
.mobile-items table, .mobile-items th, .mobile-items tr, .mobile-items td{display: block;}
.mobile-items td{text-align: center; display: table; width: 100%; box-sizing: border-box; line-height: 150%;}
.mobile-items tr{border-bottom: 2px black solid; width: 100%;}
.mobile-items .th{display: table-cell; width: 50%; font-weight: bold; text-align: left; height: 100%; padding-right: .5em;}
.mobile-items tr.head-row, .head-row, .mobile-items tr.filter-row, .mobile-navi .actions-form{display: none;}
.navi{display: none;}


.mobile-items tr.filter-row td{text-align: left;}
}
.head-row{clear: both; font-weight: bold;}
.items > .row, .head-row{border-bottom: 1px solid #E1E1E1; padding: 5px 0; vertical-align: middle;}
.items .row > .columns:first-child{padding-left: 3px;}


.icm-w, .icf, .icm-w2{
background-image: url(/gr/icons-set-white-03.png);
background-repeat: no-repeat;
width: 10px; height: 10px;
margin-right: 5px;
display: inline-block;
background-size: 290px;
}
.icm-w2{background-image: url(/gr/icons-set-white-01.png); background-size: 170px;}

.icf{background-image: url(/gr/icons-flags.png); width: 16px; background-size: initial;}
.icf-ru{background-position: -16px 0;}
.icf-en{background-position: -32px 0;}

.icm-logout{background-position: -20px -201px;}
.icm-user{background-position: -20px -80px;}
.icm-home{background-position: -100px -101px;}
.icm-help{background-position: -140px -161px;}
.icm-edit{background-position: -140px 0;}
.icm-delete{background-position: -180px 0;}
.icm-add{background-position: -8px -546px; width: 12px;}
.icm-locked{background-position: -200px 0;}
.icm-enabled{background-position: -240px 0;}
.icm-role{background-position: -140px -20px;}
.icm-save{background-position: 0 -120px;}
.icm-permission{background-position: -101px -201px;}
.icm-system{background-position: -280px -141px;}
.icm-action-log{background-position: -40px -1px;}
.icm-access-log{background-position: -200px -160px;}

.icm-calendar{background-image: url(/gr/icon-calendar-16.png);background-size: contain;}
.icm-download{background-image: url(/gr/icon-save-24.png);background-size: contain;}
.icm-text{background-image: url(/gr/icon-text-24.png);background-size: contain;}
.icm-picture{background-image: url(/gr/icon-photos-24.png);background-size: contain;}
.icm-photographer{background-image: url(/gr/icon-photographer-24.png);background-size: contain;}
.icm-editing{background-image: url(/gr/icon-editing-24.png);background-size: contain;}



.icon-green{background-color: #78d39b;}
.icon-red{background-color: #BE3346;}

.icon-flag{width: 24px; height: 24px; background-image: url(/gr/icon-flags.png); display: inline-block;}
.flag-ok{background-position: -24px 0;}
.flag-error{background-position: -48px 0;}

.icon128{width: 128px; height: 128px; background-size: contain;}
.icon64{width: 64px; height: 64px; background-size: contain;}
.icon48{width: 48px; height: 48px; background-size: contain;}
.icon24{width: 24px; height: 24px; display: inline-block; background-size: contain;}
.icon16{width: 16px; height: 16px; display: inline-block; background-size: contain; vertical-align: text-top;}
.icon12{width: 12px; height: 12px; display: inline-block; background-size: contain; vertical-align: text-top;}
.button .icon24{vertical-align: middle;}
#cssmenu .icon12{margin-right: 5px;}
#cssmenu ul ul .icon12{vertical-align: text-top;}
.icon24-yellow-star{background-image: url(/gr/yellow-star-24.png);}
.icon24-read-only{background-image: url(/gr/icon-read-only-24.png);}
.icon24-money-bag{background-image: url(/gr/money-bag-24.png);}
.icon24-arrow-up{background-image: url(/gr/icon-arrow-up-24.png);}
.icon-running{background-image: url(/gr/icon-running-24.png);}
.icon-decision{background-image: url(/gr/icon-decision-24.png);}
.icon-wine{background-image: url(/gr/icon-wine-24.png);}
.icon-alarm{background-image: url(/gr/icon-alarm-24.png);}
.icon-people{background-image: url(/gr/icon-people-24.png);}
.icon-bulb{background-image: url(/gr/icon-bulb-24.png);}
.icon-bulb-blue{background-image: url(/gr/icon-bulb-blue-24.png);}
.icon-logout{background-image: url(/gr/icon-logout-24.png);}
.icon-dropdown{background-image: url(/gr/icon-dropdown-24.png);}
.icon-medal{background-image: url(/gr/icon-medal-24.png);}
.icon-palm{background-image: url(/gr/icon-palm-24.png);}
.icon-subject{background-image: url(/gr/icon-subject-dark-24.png);}
.icon-bulletin{background-image: url(/gr/icon-bulletin-dark-24.png);}
.icon-bulletin-b{background-image: url(/gr/icon-bulletin-blue-24.png);}
.icon-plus{background-image: url(/gr/icon-plus-24.png);}
.icon-add-folder{background-image: url(/gr/icon-add-folder-24.png);}
.icon-refresh{background-image: url(/gr/icon-refresh-24.png);}
.icon-copy{background-image: url(/gr/icon-copy-24.png);}
.icon-copy-red{background-image: url(/gr/icon-copy-red-24.png);}
.icon-paste{background-image: url(/gr/icon-paste-24.png);}
.icon-trash{background-image: url(/gr/icon-trash-24.png);}
.icon-pdf{background-image: url(/gr/icon-pdf-24.png); vertical-align: middle;}
.icon-multi-pdf{background-image: url(/gr/icon-multi-pdf-24.png); vertical-align: middle;}
.icon-numerate{background-image: url(/gr/icon-numerate-24.png); vertical-align: middle;}
.icon-excel{background-image: url(/gr/icon-excel-24.png); vertical-align: middle;}
.icon-remove-many{background-image: url(/gr/icon-remove-many-24.png); vertical-align: middle;}
.icon-penalties{background-image: url(/gr/icon-penalties-24.png); vertical-align: middle;}
.icon-finish{background-image: url(/gr/icon-finish-24.png); vertical-align: middle;}
.icon-restart{background-image: url(/gr/icon-restart-24.png); vertical-align: middle;}
.icon-report{background-image: url(/gr/icon-report-24.png); vertical-align: middle;}
.icon-trophy{background-image: url(/gr/icon-trophy-24.png); vertical-align: middle;}
.icon-synchro{background-image: url(/gr/icon-synchro-24.png); vertical-align: middle;}
.icon-delete-row{background-image: url(/gr/icon-delete-row-24.png);}
.icon-ticket{background-image: url(/gr/icon-ticket-24.png); vertical-align: middle;}
.icon-confirmation{background-image: url(/gr/icon-confirmation-24.png); vertical-align: middle;}
.icon-update-many{background-image: url(/gr/icon-update-many-24.png);}
.icon-clock{background-image: url(/gr/icon-clock-24.png); vertical-align: middle;}
.icon-forward{background-image: url('/gr/icons/arrow-right-48.png'); vertical-align: middle; display: inline-block;}
.icon-backward{background-image: url('/gr/icons/arrow-left-48.png'); vertical-align: middle; display: inline-block;}
.icon-forward:hover{background-image: url('/gr/icons/arrow-right-48.png');}
.icon-backward:hover{background-image: url('/gr/icons/arrow-left-48.png');}
.icon-delete{background-image: url(/gr/icon-delete-24.png); vertical-align: middle;}
.icon-edit{background-image: url(/gr/icon-edit-24.png); vertical-align: text-top;}
.button .icon-edit{ vertical-align: middle;}
.icon-barcode{background-image: url(/gr/icon-barcode-24.png);}
.icon-manager-white{background-image: url(/gr/icon-manager-white-24.png); vertical-align: middle;}
.icon-barcode-white{background-image: url(/gr/icon-barcode-white-24.png); vertical-align: middle;}
.icon-ticketplus-white{background-image: url(/gr/icon-ticketplus-white-24.png); vertical-align: middle;}
.icon-attraction-white{background-image: url(/gr/icon-attraction-white-24.png); vertical-align: middle;}
.icon-ticket-white{background-image: url(/gr/icon-ticket-white-24.png); vertical-align: middle;}
.icon-type-white{background-image: url(/gr/icon-type-white-24.png); vertical-align: middle;}
.icon-eye{background-image: url(/gr/icon-eye-24.png);}
.icon-back{background-image: url(/gr/icon-back-24.png);}
.icon-erase{background-image: url(/gr/icon-erase-24.png);}
.icon-qr{background-image: url(/gr/icon-qr-24.png);}
.icon-stock-check{background-image: url(/gr/icon-stock-check-24.png); vertical-align: middle;}
.icon-cash{background-image: url(/gr/icon-cash-24.png); vertical-align: middle;}
.icon-settings-light{background-image: url(/gr/icons/settings-light-36.png); vertical-align: middle;}
.icon-settings{background-image: url(/gr/icons/settings-36.png); vertical-align: middle;}
.icon-info{background-image: url(/gr/icon-info-24.png);}
.icon-confirmed{background-image: url(/gr/icon-confirmed-24.png);}
.icon-unconfirmed{background-image: url(/gr/icon-unconfirmed-24.png);}
.icon-paid{background-image: url(/gr/icon-paid-100.png);}
.icon-unpaid{background-image: url(/gr/icon-unpaid-100.png);}
.icon-paid-half{background-image: url(/gr/icon-paid-half-100.png);}
.icon-wallet{background-image: url(/gr/icon-wallet-24.png);}
.icon-online{background-image: url(/gr/icon-online-24.png);}
.icon-calendar{background-image: url(/gr/icon-calendar-24.png);}
.icon-manager{background-image: url(/gr/icon-manager-24.png);}
.icon-system{background-image: url(/gr/icon-system-24.png);}
.icon-user{background-image: url(/gr/icon-user-24.png);}
.icon-database{background-image: url(/gr/icon-database-24.png);}
.icon-avatar{background-image: url(/gr/avatar-icon-24.png);}
.icon-menu{background-image: url(/gr/icon-menu-24.png);}
.icon-x{background-image: url(/gr/icon-x-24.png);}
.icon-multiply{background-image: url(/gr/icons/multiply-24.png);}
.icon-plus-c{background-image: url(/gr/icons/plus-circle-24.png);}
.icon-minus-c{background-image: url(/gr/icons/minus-circle-24.png);}

input[type="text"].more{
	background-image: url(/gr/icons/more-36.png);
	background-position-x: right;
   background-position-y: center;
	background-repeat: no-repeat;
	padding-right: 30px;
}

.icon-calendar-sheet{
display: inline-block;
background-image: url(/gr/icon-calendar-gray-128.png);
vertical-align: middle;
text-align: center;
position: relative;
}
.icon-calendar-sheet .cal-month{font-size: .7em; margin-top: 16px;}
.icon-calendar-sheet .cal-day{font-size: .9em;}

input.attraction-times:checked ~ label .icon-calendar-sheet {
  background-image: url(/gr/icon-calendar-red-128.png); vertical-align: middle;
}

.icon-calendar-sheet.chosen{background-image: url(/gr/icon-calendar-red-128.png); vertical-align: middle;}
.timetable-box .row{margin-bottom: 5px;}

.view-menu{display: inline-block; vertical-align: text-bottom;}
.view-menu a{color: #5CA578;}
.view-menu .active{color: #cd5439;}

.main-box hr{clear: both;}




.action-box{float: right;}
#content .create-button{margin-bottom: 17px;}
.filter-form{margin: 0;}
.multi-word{display: inline-block; padding: .3em 1.5em .3em .3em; border-radius: 5px; border: 1px #ccc solid; margin: 0 .3em .5em 0;
background-image: url(/gr/icon-close-16x16.png);
background-repeat: no-repeat;
background-position: right 3px center;
background-color: #eee;
cursor: pointer;
}
.filter-form .filtered{border-color: #4c5d9d;}
.perm-group{margin-left: 1em;}
.row-even{background-color: #eee;}

.success-row{background-color: #CCFFCC;}
.error-row{background-color: #FF9999;}
.warning-row{background-color: #FFFF99;}

.last-record{background-color: #E9CE49 !important;}



#items-frame{border-top: 1px #e1e1e1 solid; padding: 1em 17px; overflow: hidden;}

.info-frame{
position: fixed;
left: 0;
right: 0;
top: 20%;
z-index: 100;
}
.info-box{
width: 100%;
max-width: 400px;
margin: 0 auto;
padding: 3em 2em;
display: none;
}
.loading-box{background-color: #FFFF99; border: 1px #FFCC66 solid; line-height: 32px; display: none;}
.icon-loading{width: 32px; height: 32px; background-image: url(/gr/ajax-loader.gif); display: inline-block; vertical-align: middle; margin: 1em;}
.icon-ok{width: 32px; height: 32px; background-image: url(/gr/icon-ok-32.png); display: inline-block; vertical-align: middle; margin: 1em;}
.no-display{display: none;}

.small-form{max-width: 600px; margin-left: auto; margin-right: auto;}


.page-navi{box-sizing:  border-box; border-top: 1px #e1e1e1 solid; padding-top: 1rem; clear: both;}
.page-navi .row{padding: 0 1em;}
.page-navi input[type="text"]{vertical-align: top;}
.navi-top-box{position: fixed; bottom: 0; left: 0; right: 0; background-color: white; z-index: 5;}
.navi-bottom-box{display: none;}
@media (max-width: 550px) {
.navi-top-box{position: static;}
.navi-bottom-box{display: block;}
}

.multi-form{display: none;}
.multi-action a{display: inline-block; width: 24px; height: 24px; padding: 8px; background-repeat: no-repeat; cursor: pointer; background-position: 50%; vertical-align: middle;}
.multi-action .marked-count{color: #be3346; vertical-align: top; display: inline-block; width: 24px; height: 24px; padding: 8px;
font-size: 13px;
background-repeat: no-repeat; background-position: 50% 6px;
background-image: url(/gr/icon-marked-count-32.png);}
.action-section{border-right: 3px #ccc groove; padding-right: 5px;}


a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{color: #454545;}

body .error-message{color: red;}
/*
.progress{width: 100%; height: 1em; border: 1px #ccc solid; display: none;}
.progress-bar{background-color: #bbb; height: 100%; width: 0;}
*/

.option-row.chosen{background-color: #fffeee;}


#ticket-types-row{margin-top: 20px; clear: both;}
.tickets-table{width: 100%; margin-bottom: 0;}
.tickets-table label, .tickets-table input{margin-bottom: 0;}
.tickets-table td{padding: 8px 0;}
.tickets-table td:first-child{padding-left: 5px;}
.tickets-table td:last-child {
    padding-right: 5px;
}
.tickets-table tr:last-child td {
    border-bottom: none;
}
.amount-cell{white-space: nowrap; width: 110px;}
.amount-cell a{vertical-align: middle; cursor: pointer;}
.total-row{background-color: #666; color: white;}

.product-panel{
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   column-gap: 10px;
   row-gap: 10px;
   margin-top: 10px;
}
.product-item-panel{
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
@media (max-width: 765px) {
.product-panel{   grid-template-columns: 1fr;}
.product-item-panel{
   grid-template-columns: 1fr;
}
}

.product-box{
border: 1px #c5c5c5 solid;
border-radius: 5px;
}
.product-box h5{font-weight: bold; padding: 5px; margin-bottom: 0;}

.timetable-box{
margin: 10px 0;
display: grid;
grid-template-columns: repeat( auto-fit, 65px );
align-items: stretch;
gap: 5px;
}
.timetable-box.interval-timetable-box{
grid-template-columns: repeat( auto-fit, 108px );	
}

.time-block{border: 1px #cdd5e6 solid; border-radius: 5px; padding: 2px 3px; white-space: nowrap;}
.time-block label{display: inline;}
.time-block label, .time-block input{margin-bottom: 0; vertical-align: middle;}
.time-block.current{background-color: #0168fa; color: white;}


.option-header{border-color: #666; color: #666;}
.option-row.chosen, .option-header.chosen{background-color: #5CA578; color: white;}

.option-header label{color: black;}
.option-header label.red-label, .option-header label.green-label{font-weight: bold;}
.option-header.chosen .green-label{color: white !important;}
.my-accordion .option-header{position: relative;}
.my-accordion .option-switch{position: absolute; right: 24px; top: 8px;}
.ui-accordion .ui-accordion-header {
    padding-left: 1.5em;
}
.ui-accordion-header .ui-accordion-header-icon {
    left: 5px;
}
.ui-state-active .ui-icon, .ui-button:active .ui-icon {
    background-image: url("../images/ui-icons_444444_256x240.png");
}
/*
Special checkbox styles
*/
/* The container */
.special-chk {
  display: inline;
  position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  cursor: default;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.special-chk input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.special-chk .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: white;
  border: 1px #333 solid;
}

/* On mouse-over, add a grey background color */
.special-chk:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.special-chk input:checked ~ .checkmark {
  background-color: #696D78;
}

/* Create the checkmark/indicator (hidden when not checked) */
.special-chk .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.special-chk input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */


.special2-chk {
  display: inline;
  position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  cursor: default;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.special2-chk input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.special2-chk .checkmark {
  position: absolute;
  top: 0;
  left: 0;
background-image: url(../../gr/super-check.png);
width: 24px;
height: 14px;
background-position: 0 -14px;
}


/* When the checkbox is checked, add a blue background */
.special2-chk input:checked ~ .checkmark {
background-position: 0px 0px;;
}

/* Create the checkmark/indicator (hidden when not checked) */
.special2-chk .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.special2-chk input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */

/*
Calendar styles
*/
.month-box{font-size: 1.2em;}
.month-box * {box-sizing: border-box;}
.month-box ul{list-style-type: none;font-family: Verdana, sans-serif;}
.month {
  padding: 10px 25px;
  width: 100%;
  text-align: center;
}

.month ul {
  margin: 0;
  padding: 0;
}

.month ul li {
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.month .prev {
  float: left;
  padding-top: 10px;
}

.month .next {
  float: right;
  padding-top: 10px;
}

.weekdays {
  margin: 0;
  padding: 10px 0;
  background-color: #ddd;
}

.weekdays li {
  display: inline-block;
  width: 13.6%;
  color: #666;
  text-align: center;
  margin-bottom: 0;
}

.days {
  padding: 10px 0;
  background: #eee;
  margin: 0;
}

.days li {
  list-style-type: none;
  display: inline-block;
  width: 13.6%;
  text-align: center;
  margin-bottom: 5px;
  color: black;
}
.days li a{color: black;  width: 45px; height: 45px; line-height: 45px; display: inline-block;  position: relative;}
.days li.inactive a{
	color: #999;
}

.days li.active a{
  background: #E9CE49;
  color: white !important;
}


.days li a:hover{
text-decoration: none;
background: #5CA578;
color: white !important;
}
.days li a sub{color: #cd5439; font-weight: bold;}

/* Add media queries for smaller screens */
@media screen and (max-width:720px) {
  .weekdays li, .days li {width: 13.1%;}
}

@media screen and (max-width: 420px) {
  .weekdays li, .days li {width: 12.5%;}
  .days li .active {padding: 2px;}
}

@media screen and (max-width: 290px) {
  .weekdays li, .days li {width: 12.2%;}
}

.week-container{
display: grid;
grid-gap: 5px 5px;
grid-template-columns: 50px repeat(7, 1fr);
grid-template-rows: repeat(25, auto);
width: 100%;
grid-auto-rows: minmax(30px, auto);
}
.week-container  li{
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: 1px #999 solid;
	box-sizing: border-box;
	border-radius: 5px;
	padding: 3px;
}
.week-container li.hours5{grid-row-end: span 5;}
.week-box, .day-box{
max-height: 500px;
overflow: auto;
position: relative;
}
.week-header{position: sticky; height: 70px; top: 0; background-color: white;}

.day-container > ul{
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-bottom: 0;
}
.day-container > ul > li{
list-style-type: none;
   margin: 0;
   padding: 0;
   height: 50px;
   overflow: hidden;
   border: 1px #999 solid;
   box-sizing: border-box;
   margin-right: 1%;
   margin-bottom: 3px;
   border-radius: 5px;
   padding: 3px;
   width: 15%;
}
.day-container .day-row-label{width: 50px;}
.day-timeslot-box, .week-row-label{font-size: 10px;}