a img {border: none;}
table {border-collapse: collapse; margin: 0; padding: 0;}
table tr td {padding: 0;}
form, p, h1, h2, h3, h4, ul, ol, li, select, option {margin: 0; padding: 0;}
img {max-width: 100%;}
.infoTabContent table img {max-width: none;}
*,*:focus,*:hover {outline: none;}
input:focus {outline: none;}
.ui-dialog {overflow: visible !important; height: auto !important;}
.ui-dialog-content {height: auto !important;}

/* --------------------- OBECNÉ -------------------------- */
html {height: 100%; overflow-x: hidden;}
body {min-height: 100%; position: relative;}

body {text-align: center; font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 1.2em; margin: 0; padding: 0; color: #3e475b;}

.ui-widget {font-family: 'Roboto', sans-serif;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, textarea {font-family: 'Roboto', sans-serif; font-size: 13px;}
table.userData *:not(i), select.uniFormSelect {font-family: 'Roboto', sans-serif; font-size: 1em;}

h1, h2, h3 {font-family: 'Roboto Condensed', sans-serif; line-height: 1.2em;}
h1 {font-size: 1.846153846153846em; /*24/13*/ font-weight: normal; padding: 0 0 18px 0px;} 
h2 {font-size: 1.461538461538462em; /*19/13*/ color: #0093dd; padding: 0 0 12px; margin: 0;}
h2.closed {margin-top: 20px; /*font-size: 16px;*/}
h3 {font-size: 1.230769230769231em; /*16/13*/ padding: 0 0 10px; margin: 0;}
h4 {font-size: 1em; /*13/13*/ color: #006190; padding: 8px 0 8px 0; margin: 0;}

a {text-decoration: underline;}
a:hover {text-decoration: none;}
a, p.backToSchema i, .paymentInCashInfo a, table.userHistory a, a.color, .ui-widget-content .ui-state-highlight a {color: #0093dd;}
a:hover, .paymentInCashInfo a:hover, table.userHistory a:hover, a.color:hover, .ui-widget-content .ui-state-highlight a:hover {color: #123e7b;}
/*.ui-message a:hover {color: #3e475b!important;}*/

p {padding: 0 0 18px 0;}
img.ramecek {padding: 4px; border: 1px solid #eee;}

.cleaner {clear: both; font-size: 0!important;}
.right, th.right, td.right {text-align: right;}
.center	{text-align: center !important;}
.bold {font-weight: bold;}
.fl {float: left;}
.fr {float: right;}
.font11 {font-size: 11px;}
.orange {color: #e95d0f;}
.desktop {display: none;}

.obsah i :not(.tagsLegend) {color: #006190;} 
.fa-user {color: #1E6FDE;}
.fa-thumbs-o-down {color: #3e475b;}
.fa-shopping-basket, .fa-credit-card {color: orange;}
.fa-refresh {color: #56B726;}
.fa-comment {color: #FFDE49;}
.fa-search, .fa-list {color: #0FD2F7;}
.fa-external-link {color: #FF2968;}
.fa-icon-default {color: #1563AF;}
.fa-trash-alt {color: #FF2A00; color: #FF6600;}
.fa-birthday-cake {color: #FF2A00;}
.fa-icon-disabled, .fa-icon-disabled {color: #bbb;}
.fa-icon-late {color: #993e475b3;}
.fa-check, .fa-check-circle {color: #00AF49;}
.fa-certificate {color: #CC0000;}
.fa-times-circle {color: #999;}
.fa-info-circle {color: #0093dd;}
.fa-exclamation-circle {color: #e24b08;}
.fa-camera {color: #A8754B;} 
.fa-phone-square {color: #33BDCC;}
.fa-print {color: #AD7A74;}
.fa-file-excel-o {color: #00BF51;}
.fa-envelope-o, .fa-envelope {color: #FF66CC;}
.fa-arrow-up, .fa-arrow-down {color: #6DBF1E;}
.fa-pencil, .fa-clock-o {color: #FF9900;}
.fa-money {color: gold;}
.fa-ban {color: #FF0000;}
.fa-play-circle-o {color: #3e475b;}
.fa-child {font-size: 16px;}

.childrenContent i {margin-right: 5px;} 

table.tBasket i, #basketContent i, table.userHistory i {font-size: 16px;}
table.userHistory tr td.akce {text-align: center;}
table.userHistory tr td.akce i {margin: 0 4px;}

.iconsDetail .sendEmailDetail {width: 45px; padding-right: 9px;}
.sendEmailDetail i span {position: absolute; color: #FF66CC; top: 1px; left: 26px;}
.sendEmailDetail:hover i span {color: #fff;}

select, input.dinput[type=text], input.dinput[type=password], textarea {/*border: 1px solid #d3d3d3; background: #F2F2F2;*/ box-sizing: border-box;} 
input.dinput[type=text], textarea {padding: 5px 6px;} 
select {padding: 4px 6px;}
select option {/*background: #F2F2F2;*/ box-sizing: border-box;}

input[type=text], input[type=password], input[type=tel], input[type=email], textarea.userActivityNote {/*border: 1px solid #d3d3d3; background: #F2F2F2;*/ box-sizing: border-box; padding: 5px 6px;} 
input.datepicker, input.datepickerBirthdate, .short {width: 90px!important;}
input.inputKratsi {width: 140px!important;}
input.long {width: 350px!important;}
input[type=radio], input[type=checkbox] {box-sizing: border-box;}

input[type="checkbox"] {appearance: none; display: none!important;}
input[type="checkbox"] + label:before {display: inline-block; vertical-align: middle; content: "\f0c8"; font-family: Font Awesome\ 5 Free; text-indent: 0; font-size: 17px; line-height: 1em; margin: 0 6px 0 0; color: #3e475b;}
input[type="checkbox"]:checked + label:before {content: "\f14a";}

select#prehled {padding: 3px 6px; position: relative; top: 1px; border-radius: 0;}
select#id_event {width: 174px; padding-top: 3px; padding-bottom: 4px;} 
.ui-datepicker-title select {padding: 0;}

a.button {display: inline-block; box-sizing: border-box;}
.button i {margin-right: 4px; color: inherit;}

#web {max-width: 1210px; margin: 0 auto 15px;}
#web-content {padding: 20px 10px 10px 10px; position: relative; box-sizing: border-box;}

#datepicker, #timeContainer, #basket_out {margin: 0 auto 20px auto;}
#timeContainer {text-align: center;}
.ui-datepicker table {font-size: 1em; margin-bottom: 2px;}

#ui-datepicker-div {width: 75%; max-width: 270px; box-sizing: border-box;}
#datepicker, .activityFilterContainer, #basket_out, #timeContainer, #userSummary {width: 75%; max-width: 300px;}
#leftCol .ui-datepicker {width: 100%!important; box-sizing: border-box;}
#leftCol #ui-datepicker-div {width: 85%!important;}
.ui-datepicker td span, .ui-datepicker td a {padding-top: .3em!important; padding-bottom: .3em!important;}

/* restaurace */
.selObal p {display: inline-block; padding: 0 10px 0 0;}
.selObal p.placeNo {display: block;}

.headerIn {max-width: 1210px; margin: 0 auto; position:relative; padding: 50px 0 10px;}
.headerContact {position: static; left: 0; line-height: 1.2em; padding: 10px 10px 0;}
.headerContact p {padding: 0;}
.headerContact a {display: inline-block; padding: 5px 0;}
.logoMain {text-align: center; margin: 20px 20px 15px;}
.logoMain img {width: 191px; vertical-align: text-bottom;}

#tabs {position: relative; margin-bottom: 10px;}
#tabs li a.infoTab {cursor: pointer;}

#basket_out {text-align: left;}
#basketRecapitulation {margin-bottom: 20px;}
.basketRecapitulation {width: auto!important;}

#basket_out .ui-message p.button {margin: 0; text-align: right;}

table.tBasket tr td {border:1px solid #ddd; background-color: #fff; padding: 5px 13px; white-space: nowrap; font-weight: normal; line-height: 16px;}
table.tBasket tr.trHeader td {padding: 4px 13px; font-weight: bold;}

table.tBasketShort {width: 100%;}
table.tBasketShort tr th, table.tBasketShort tr td {padding: 6px 4px 6px 8px;}
table.tBasketShort tr th {background: #cbc9c9; text-align: left; padding: 5px 4px 5px 8px;}
table.tBasketShort tr.odsazeni td {height: 2px;}
table.tBasketShort tr td.tdBasketDelete {padding-right: 8px; text-align: right;}
table.tBasketShort tr.basketPrice td {font-weight: bold;}
table.tBasketShort tr.basketPrice td span {display: inline;}
table.tBasketShort tr.creditLane td {font-style: italic; padding: 2px 4px 6px 8px;}
table.tBasketShort tr td.creditError {padding-top: 6px;}
table.tBasketShort span.basketHoursSum {display: inline;}
.basketCourseLessons {position: relative; top: 8px;}

table.tabParam tr td {padding: 1px 0;}
table.tabParam tr td.paramName {padding-top: 10px;}
table.tabParam tr td select {width: 100px; max-width: 90%; min-width: 188px;}
#basketRecapitulation table.tabParam tr td select {min-width: 265px;}
table.tabParam tr.trParam_sum th, table.tabParam tr.trParam_sum td {font-weight: bold!important;}
table.tabParam tr.trParam_sum th {text-transform: uppercase;}
table.tabParam input + label {padding-right: 10px;}
td.paramRadek div.obalInput {white-space: nowrap; display: inline-block;}
table.tabParam input[type="radio"] {margin-right: 4px;}
table.tabParam tr.trParam_sum th, table.tabParam tr.trParam_sum td {padding-bottom: 10px;}

div.parameterInstruction {background: none; border: none;}
div.parameterInstruction p {padding-bottom: 0px;}

a.toBasket {background: #ff9000; position: fixed; left: 0; display: block; bottom: 0; width: 100%; z-index: 9999; text-align: center; padding: 12px 0 11px; color: #fff; text-transform: uppercase; font-weight: 700; text-decoration: none; font-size: 1.153846153846154em;}
a.toBasket:hover {color: #fff;}
a.toBasket i {color: #fff;}

.parametersActivity table.tabParam {width: 100%;}
.parametersActivity table.tabParam tr td, .parametersActivity table.tabParam tr th {padding-top: 10px;}
.parametersActivity table.tabParam tr th {font-weight: normal;}
.parametersActivity table.tabParam tr th.paramName {padding-right: 15px;}
.parametersActivity table.tabParam tr textarea {width: 100%; height: auto!important;} 

#activityDialog form.formParameters {padding-top: 20px;}
#activityDialog form.formParameters h2 {padding-bottom: 0;}

.recapText {padding-top: 15px;}
.recapText ul {margin-left: 13px; padding-bottom: 18px;}
.recapText ul li {padding-bottom: 6px;}
.recapText p {padding-bottom: 22px;}

#userSummary {margin: 0 auto 20px; text-align: left;}
#userSummary table {margin: 14px 0 0;}
#userSummary table td {padding: 2px 4px 2px 8px;}
#userSummary table th {padding: 5px 4px 5px 8px; text-align: left;}
#userSummary table th.right {text-align: right;}
#userSummary table td.tdPrazdny {padding: 0; height: 8px;}
#userSummary table tr.trFirst td {padding-top: 4px;}

p.buttonBuy {text-align: right; padding: 10px 0;}

p.haveVoucherLinkObal {padding-left: 8px; padding-bottom: 12px;}

table.tBasket tr td.tdBasketDelete {padding: 3px; text-align: center;}

.ui-tabs {position: relative; margin-bottom: 10px;}
.ui-tabs .ui-tabs-nav li {font-weight: 500;}
.ui-state-active a, .ui-state-hover a {outline: none;}
#tabs li.dateSelectTab {float: right;}
.ui-tabs .ui-tabs-panel {padding: 1em 14px!important;}

#webContentOtherPages {padding: 0 10px 10px 10px;}
#webContentOtherPages .payment_message {font-size: 14px; font-weight: bold; margin: 25px auto 0 auto; width: 440px;}
#webContentOtherPages .zpet {float: none; text-align: right;}
p.zpet {padding-bottom: 0; position: relative; top: -10px; margin-bottom: -5px;}
p.zpet a {font-size: 1.15385em; display: inline-block; padding-top: 5px; padding-bottom: 5px;}
p.zpet i.fa-arrow-left {margin-right: 4px;}
#webContentOtherPages p.backFromPayment {float: none; text-align: left;}
  
/*--schema -- main view table-*/ 
.schema-container {position: relative; text-align: center;}
.schema-container h2 {margin: 0; padding: 10px 0 0 0;}
.schemaSloucene h2 {margin: 0; padding: 0 0 10px 0;}
table.schema, table.activitiesList {border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
table.schema *, table.activitiesList * {box-sizing: border-box;}
table.schema th, table.fc-col-header th {white-space: nowrap; padding: 0 15px; font-weight: normal;}
table.schema td, table.activitiesList td {width: 30px; height: 16px; box-shadow: inset -1px -1px 0 #ddd; /* border-right a bottom */ background:white; vertical-align: top;}
table.schemaIndividual td a {text-decoration:none; font-size: .9230769230769231em; /*13/12*/ cursor:pointer; line-height: 1em; padding: 3px 3px 1px 3px; display: block;}
table.schemaIndividual tr td a:hover, table.schema tr td a.hover {background: #a1cd2f;}
table.schema tr td a.noHover {background:#fff;}
table.schema tr td img {display: block;}
table.schema tr.times td, table.activitiesList tr.times td, table.schema tr.prices td, table.fc-col-header th {background: #f9f9f9; text-align:center; color: #3e475b; height: 28px!important; padding: 6px 0 0 0;}
table.schema tr.prices td {font-weight: normal;}
table.tBasketShort tr th {background: #F2F2F2; color: #3e475b;}
table.schema .lineNumber {box-shadow: inset -1px -1px 0 #ddd; /* border-right a bottom */ padding: 0 10px!important; text-align: left;}
        table.schema tr .lineNumber, table.schema tr.prices td, table.schemaVertical tr td.endDay {border: none!important;} /* prebiti custom stylu u zakazniku */
table.schemaLaneTable tr .lineNumber {line-height: 15px; font-weight: 500;}
table.schemaLaneTable tr .lineNumber div {overflow: hidden; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap;}
table.schemaLaneTable tr.prices td {width: auto;}
table.schema tr td.booked, div.booked {background-color: #D41243; color: #fff;}
table.schema tr td.booked span {display: block;}
table.schema tr td.own, div.own, table.schema tr td.own a:hover {background-color: #FF8900; color: #fff;}
table.schema tr td.old {background-color: #e1eef5;}
table.schema tr td.old span, table.schema tr td.readonly span {display: block;}
table.schema tr td a.selected, div.selected {background: yellow;}
table.schema tr td .res-name, table.schema tr td div.eventGrouped span {font-size: 12px; line-height: 12px; display: inline-block; padding: 3px 1px 0 3px; font-family: 'Roboto Condensed', sans-serif; box-sizing: border-box;} 
table.schema tr td span.event {display: block;}
table.schema tr td div {display: block;}
table.schema tr td.tdNoBooking {background: #dcdaff;}
table.schemaIndividual td.hour .divHour {border-right: 1px solid #b3b6bd;}
table.schema tr.times td.hour {width: auto;}
table.schema tr.hidden td {height: 0px!important; border: none;}
/* table.schema tr.trWaitingLane td, table.schema tr.trWaitingLane th {border-top: 2px solid #bbb;} */
table.schema tr td a.lastMinute, div.lastMinute {border:1px solid #193F61;}
table.schema tr.times td.weekend {background: #FEFDCD;}
table.schema tr td.weekend {background: #FEFDCD;}
table.schema tr td.noActivity a.firstActivityTerm {display: inline; font-size: 14px; text-decoration: underline; background: none; line-height: 1.5em;}
table.schema tr td.noActivity a.firstActivityTerm:hover {text-decoration: none;}
table.schema tr td.noActivity .ui-message {padding: 4px 0 4px 7px;}
table.schemaIndividual, table.schemaAccomodation {border-left: none!important;}

/* gym */
.schemaGym {display: flex; flex-wrap: wrap;}
.schemaGym * {box-sizing: border-box;}
.gymCell {/*width: 14.28%; */ width: 33.33333333333333%; padding: 2px;}
.gymCellIn {display: inline-flex; width: 100%; cursor: pointer; text-align: center;}
.gymCellIn div.noLink, .gymCellIn a {background: #f3f3f3; width: 100%; padding: 1em 0; text-decoration: none; border-radius: 4px;}
    .gymCellIn a.empty {background-color: #6ebe45; color: #fff;}
    .gymCellIn a.empty:hover {background-color: #569735;}
    .gymCellIn a.selected, .gymCellIn a.selected:hover {background-color: #fef200; color: #3e475b;}
    .gymCellIn div.old {color: #999;}
    .gymCellIn div.occupied {background-color: #63727e; color: #ddd;}
    .gymCellIn div.own {background-color: #f57b3a; color: #fff;}
.gymCellIn span {display: block; font-size: 1.1em; line-height: 1.5em;}

/* month calendar */
table.fc-scrollgrid {border: none!important;}
table.fc-col-header th {padding-top: 0; font-weight: 500;}
table.fc-col-header th a {text-decoration: none; }
table.fc-col-header th a:first-letter {text-transform: capitalize;}
.fc .fc-col-header-cell-cushion {padding: 5px 0;}
.fc-theme-standard td, .fc-theme-standard th {border: none;}
table.fc-col-header th, .fc .fc-scrollgrid table {border: 1px solid #d7d5d5;}
table.fc-scrollgrid-sync-table td.fc-daygrid-day {border: 1px solid #d7d5d5; border-top: none;}
.fc .fc-scrollgrid table {border-top: none!important; background: #fff;}
.fc-daygrid-day-bg {margin: 0 0 3px;}
.fc .fc-daygrid-day-events {margin-top: 0;}
.fc-daygrid-dot-event {align-items: start; /*padding: 2px 0;*/}
.fc-daygrid-dot-event .fc-event-title {font-weight: 400; white-space: normal;}
.fc a.fc-daygrid-event {font-family: 'Roboto Condensed', sans-serif; font-size: 1em; margin-top: 0; color: inherit;}
a.fc-daygrid-day-number {text-decoration: none; cursor: default; font-size: 1.153846153846154em;}
.fc-daygrid-event .fc-event-time {margin-right: 5px; min-width: 30px; text-align: right; font-weight: 700; text-transform: lowercase;}
    .timeFormat12 .fc-daygrid-event .fc-event-time {min-width: 51px;}
.fc-liquid-hack td, .fc-liquid-hack th {position: inherit;}
.fc-daygrid-event-dot {margin: 4px 4px 0;}
.fc-daygrid-dot-event.fc-event-mirror, .fc-daygrid-dot-event:hover {background: #ecf5d5; color: inherit;}
.fc-day-past {background: #f9f9f9;}
a.fc-event-past, a.fc-event-past * {cursor: default!important;}
a.fc-event-past:hover {background: none!important;} 
a.fc-event-past .fc-daygrid-event-dot {border-color: #ccc!important;}
a.fc-event-past a.fc-daygrid-day-number {color: #ccc!important;}
a.fc-event-cancelled {opacity: .6!important;}
span.dayNumberSpan {display: none;}

div.lastMinute {border-width:2px}
table.groupLanes tr td {text-align: center;}
table.groupLanes tr td a {display: block;}
table.groupLanes tr td a span {display: inline-block; position: relative; top: 50%; transform: translateY(-50%);}
table.groupLanes tr td a:hover span {color: #3e475b;} 
table.groupLanes tr td.booked a {color: #fff;}
table.groupLanes tr td.own a {color: #fff;}
table.groupLanes tr td.own a:hover, table.groupLanes tr td.own a.hover {background:#FBEC88; color: #3e475b;}
table.groupLanes tr td a.selected, div.selected {color: #3e475b;}
div.nobooking {background: #dcdaff; color: #3e475b;}

table.schema tr.times td.empty {width: auto;}
table.schema tr.hidden td:first-child {width: auto;}

.schemaWrapperOuter, .schemaWrapperOuterVertical {margin: 0 0 20px 0; -webkit-overflow-scrolling: touch;}

/* schema - navigation */
.weekNavigation {box-sizing: border-box; text-align: center;}
.weekNavigation * {box-sizing: border-box;}
.schema-container h3 {padding-top: 12px;}

a.navigationButton, span.navigationButton {background: #0093dd; display: inline-block; text-decoration: none; padding: 5px 11px 0; margin: 0 3px; height: 26px; border-radius: 12px; font-weight: 500;}
a.navigationButton, span.navigationButton {color: #fff;}
a.navigationButton:hover, .switchBar .switchIcons a.aktivni, .switchBar .switchIcons a.aktivni:hover {background: #fff; box-shadow: inset 0px 0px 0px 3px #0093dd; color: #0093dd;}
.switchBar .switchIcons a.aktivni:hover {cursor: default;}
a.navigationButton:hover i {color: #0093dd;}
span.navigationButton {opacity: 0.25; cursor: default; color: #fff;}

.navigationButton.arrow {padding: 0; width: 26px; height: 26px; padding-top: 5px; text-align: center; border-radius: 50%;}
.prevWeek i {position: relative; left: -1px;}
.nextWeek i {position: relative; left: 1px;}

/* schema - graficke boxy - stitky */
.schemaBox {max-width: 940px; box-sizing: border-box;}

.switchBar {padding: 0 0 13px; box-sizing: border-box; text-align: center;}
.switchBar * {box-sizing: border-box;}
.switchBar h3, .noTags h3 {text-align: center; font-size: 1.384615384615385em; /*18/13*/ padding: 10px 0; margin: 0!important;}
.switchBar .switchIcons {position: static; top: 0;} 
.switchIcons h2 {padding: 0; margin: 0;}
h2.h2Sloucene {padding: 0 0 10px; margin: 0;}

.tagsLegend {text-align: center;}
.tagsLegend a {display: inline-block; padding: 6px 15px; color: #fff; margin: 0 8px 7px 0; text-decoration: none; font-weight: bold;/* border-radius: 4px;*/}
.tagsLegend a.inactive {filter: grayscale(1); opacity: .4;}
.tagsLegend a.inactive:hover {filter: grayscale(0); opacity: 1;}
.tagsLegend i {padding: 0 6px 0 0;}

.boxLessonObal {display: -webkit-flex; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.boxLesson {width: 295px; margin: 15px 6px 20px; box-sizing: border-box; position: relative;}
    .boxLessonBooked {opacity: .65;}  
.boxLesson:hover {cursor: pointer;}  
.boxLesson::after {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: inset 0 0 0 2px #dfdfdf;}
.boxLesson:hover::after {box-shadow: inset 0 0 0 2px #3e475b;}
.boxLesson h2 {font-family: 'Roboto', sans-serif; background: #3e475b; font-size: 1.230769230769231em;/*16/13*/ color: #dfdfdf; height: 50px; padding: 5px 8px 5px 16px; position: relative; z-index: 3; box-sizing: border-box;}  
.boxLesson h2 span {display: inline-block; position: relative; top: 50%; transform: translateY(-50%);}

.fotoLesson {height: 176px; position: relative; z-index: 3;}  
.fotoLesson img {vertical-align: text-bottom; display: block;}  
.boxLesson img.fotoInstructor {max-height: 144px; position: absolute; right: 0; bottom: 0px; -webkit-clip-path: circle(55.2% at 75% 50%); clip-path: circle(55.2% at 75% 50%); vertical-align: text-bottom;}  
_:-ms-lang(x), .boxLesson img.fotoInstructor {border-radius: 76px 0px 0px 76px; height: 120px; bottom: 6px;}
.boxLesson .nameInstructor {background: #dfdfdf; height: 26px; line-height: 26px; padding: 0 0 0 16px; font-weight: bold;}  

/*.boxLessonHover .fotoLesson {z-index: 0;} */

.boxDetails {padding: 10px 16px; font-weight: bold; line-height: 1.5em;}
.boxDate {font-size: 1.230769230769231em; /*16/13*/ line-height: 1.5em;}
.boxPrice {padding: 8px 0;}
.boxStatus {background: #dfdfdf; text-align: center; text-transform: uppercase; font-size: 1.230769230769231em; /*16/13*/ line-height: 1.2em; padding: 7px 10px 6px; margin: 0 0 12px; position: relative;}
.boxStatus i {position: absolute; right: 10px; top: 6px; color: inherit!important; font-size: 20px; z-index: 1;}
.boxDetails .rateDiv {padding: 0 0 3px 0;}
.rateWrapper {padding: 0 0 5px 0;} 
.tags span {display: inline-block; font-size: 1.153846153846154em;/*15/13*/ padding: 5px 13px 0 0;}
.tags span i {padding: 0 5px 0 0;}
/* --------------- */

/* video */
.infoTabVideoFolders {display: -webkit-flex; display: flex; justify-content: center; flex-wrap: wrap; width: calc(100% + 20px); margin-left: calc(-10px); margin-right: calc(-10px); padding-bottom: 15px;}
.videoFolder {font-size: 1.153846153846154em; /*15/13*/ line-height: 1.2em; width: 220px; margin: 10px 6px; padding: 10px; box-sizing: border-box; text-align: center; position: relative;}
.videoFolder:hover {cursor: pointer;}  
.videoFolder::after {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: inset 0 0 0 2px #dfdfdf;}
.videoFolder:hover::after {box-shadow: inset 0 0 0 2px #3e475b;}
.videoFolder a {text-decoration: none; z-index: 10; position: relative;}
.videoFolder a:hover {color: inherit;}
.videoFolder span {display: block; text-decoration: none; padding: 10px 0;}
.videoFolder em {font-style: normal; color: #a1cd2f;}
.videoFolder i {font-size: 30px; line-height: 1.2em; padding: 0 10px 0 0; position: relative; top: 4px; color: #a1cd2f;}


.videoFolderVideos {display: -webkit-flex; display: flex; justify-content: center; flex-wrap: wrap; width: calc(100% + 20px); margin-left: calc(-10px); margin-right: calc(-10px); padding-bottom: 15px;}
.videoContent {width: 300px; margin: 10px 6px 10px; font-size: 1.153846153846154em; /*15/13*/ line-height: 1.2em; position: relative;}
    .videoLinks .videoContent {position: relative; padding: 10px 0; text-align: center;}
    .videoLinks .videoContent a {position: relative; padding: 0 10px; display: inline-block; z-index: 12;}
    .videoLinks .videoContent::after {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: inset 0 0 0 2px #dfdfdf;}
    .videoLinks .videoContent:hover::after {box-shadow: inset 0 0 0 2px #3e475b;}
.videoContent iframe {width: 288px!important; height: 163px!important}
.videoContent p {padding: 5px 10px; width: 288px; box-sizing: border-box;}
.videoContent .youtubeLink {text-align: center;}
.videoContent .youtubeLink i {font-size: 40px; text-align: center;}

.actVideo .videoContent {margin: 15px 0;}

p.zoomLink {padding: 5px 0 20px!important;} 

/* --------------- */

.messageTodayBox {padding: 20px 0 0 0;}
table.instructorTable {width: 100%;}
table.instructorTable tr td {vertical-align: top; display: block; text-align: center;}
table.instructorTable tr td img.imgTrainer {margin: 8px 0 15px 0;}
table.instructorTable tr td p {padding: 0;}

.podSchematem {position: relative; top: -10px; text-align: left;} 
.podSchematem p {padding-bottom: 0;} 
.schemaSloucene .podSchematem {margin-bottom: 10px;}
.podSchematem .ui-message {margin-bottom: 0; margin-top: 10px;}
.podSchematem ul {margin-left: 21px;}

.schemaWrapper {position: relative;}
table.schemaVertical tr td.empty {width: auto;}
table.schemaVertical tr.times td {font-weight: 500; padding: 0; height: auto!important;} 
table.schemaVertical .lineNumber {width: 32px; min-width: 32px; vertical-align: middle; font-weight: normal;}
table.schemaVertical tr.times .divDate {padding-top: 6px; height: 28px!important;}
table.schemaVertical tr td.endDay .divDate, table.schemaVertical tr td.endDay .divCell, table.schemaVertical tr td.endDay .divCellLane {border-right: 1px solid #3e475b;}
    table.schemaVertical tr.groupedRows td.endDay .divCell {border-right: none;}
    table.schemaVertical tr.groupedRows td .divCell {display: table;}
    table.schemaVertical tr.groupedRows td.endDay .divCell span, table.schemaVertical tr.groupedRows td.endDayLast .divCell span {border-right: 1px solid #3e475b; display: table-cell; vertical-align: middle;}
    table.schemaVertical tr.groupedRows td.endDayLast .divCell span {border-right: none!important;}
table.schemaVertical tr.groupedRows td {border-bottom: none;}
table.schemaVertical tr.hourVertical td.ui-state-default {background-position: 50% top;}
table.schemaVertical tr.groupedRows .lineNumber {font-weight: normal;}
table.schemaVertical tr.groupedRows td div.divCell, table.schemaVertical td div.divCellLane {background: repeating-linear-gradient(-45deg, #F8F8F8, #F8F8F8 5px, #f1f1f1 5px, #f1f1f1 10px); width: 100%; box-shadow: inset -1px -1px 0 #ddd; text-align: center; font-weight: normal;} 
table.schemaVertical td.endDay div.divCellLane {box-shadow: inset 0 -1px 0 #ddd;}   
table.schemaVertical tr.trSchemaLaneNames td div {height: 28px!important; padding: 0; line-height: 13px; display: flex; align-items: center; justify-content: center;}   
table.schemaVertical tr td.noActivity {padding: 25px 10px 15px 10px;}
table.schemaVertical tr td.noActivity div {margin: 0 auto;}
table.schemaVertical tr td.tdDnes {font-weight: bold; text-transform: uppercase;}
table.schemaVertical tr.times td.weekendColumn {background: #e9f4cd;}

a.slot {line-height: 15px; position:absolute; cursor: pointer; z-index: 1; text-align: center; display: block; background: url('/images/slot-header.png') repeat-x 0 -10px; text-decoration: none; box-sizing: border-box;}
a.slot span {display: block; padding: 1px 0px;}
a.slot span.name {font-weight:bold;}
a.slot span.time {padding-top: 2px;}
a.slot span.capacity {font-family: 'Roboto Condensed', sans-serif; position: relative;}
a.slot span.capacity strong {font-size: 14px; font-weight: bold;}

a.fullyBooked, a.activityBan {background-image: url('/images/icon-stop.png'), url('/images/slot-header.png'); background-position: right bottom, 0 -10px; background-repeat: no-repeat, repeat-x;}
a.notAvailable, a.notAvailableCourse {cursor: default; background-image: url('/images/icon-stop.png'), url('/images/slot-header.png'); background-position: right bottom, 0 -10px; background-repeat: no-repeat, repeat-x; background-color: #f9f9f9!important; color: #3e475b!important;}

a.notAvailable i, a.notAvailableCourse i {color: #3e475b!important;}
a.notAvailableCourse {cursor: pointer;}
a.activityExternalBlack {background-image: url('/images/icon-info-black.png'), url('/images/slot-header.png'); background-position: right bottom, 0 -10px; background-repeat: no-repeat, repeat-x;}
a.activityExternalWhite {background-image: url('/images/icon-info-white.png'), url('/images/slot-header.png'); background-position: right bottom, 0 -10px; background-repeat: no-repeat, repeat-x;}
a.notAvailableCourse.slotUserWhite, a.notAvailable.slotUserWhite, a.slotUserBlack {background-image: url('/images/icon-accept-black.png'), url('/images/slot-header.png'); background-position: right bottom, 0 -10px; background-repeat: no-repeat, repeat-x;}
a.slotUserWhite {background-image: url('/images/icon-accept-white.png'), url('/images/slot-header.png'); background-position: right bottom, 0 -10px; background-repeat: no-repeat, repeat-x;}
a.slotUserBlackWaiting {background-image: url('/images/icon-waiting-black.png'), url('/images/slot-header.png'); background-position: right bottom, 0 -10px; background-repeat: no-repeat, repeat-x;}
a.slotUserWhiteWaiting {background-image: url('/images/icon-waiting-white.png'), url('/images/slot-header.png'); background-position: right bottom, 0 -10px; background-repeat: no-repeat, repeat-x;}

h3.activityUserList {margin-top:20px; margin-bottom:6px; padding:0;}
ul.activityUserList {margin-left: 25px; list-style-type: square; padding-bottom: 10px;}

#datepickerMonthContainer {position: absolute; z-index: 2;}
.navigationMonthDatepicker, #datepickerMonthContainer {height: 29px; width: 46px;}
.datepickerMonth .ui-datepicker-calendar {display: none;}
button.ui-datepicker-trigger i {position: relative; left: -3px;}

table.activitiesList {width: 100%; margin-bottom: 15px;}
table.activitiesList tr.times td {text-align: left; padding-left: 13px; padding-right: 13px;}
table.activitiesList tr td {width: auto;}
table.activitiesList tr:not(.times) td {background-color: #fff; padding: 5px 13px; vertical-align: top; line-height: 1.33em; width: auto!important; height: auto!important; text-align: left;}
table.activitiesList tr td.obsazeni {padding-right: 15px;}
table.activitiesList tr td.activityListColor {text-align: center; min-height: 24px; padding: 4px 0 0 0;}
table.activitiesList tr td .ownReservation {padding: 1px; width: 16px; float: left;}
table.activitiesList tr.trSpace td {background: none; border-left: none; border-right: none; padding:0; height: 16px;}
table.activitiesList.bt tfoot th::before, table.activitiesList.bt tfoot td::before, table.activitiesList.bt td::before {display: none;}


/*-----detail aktivity-----*/
.actLeft {margin: 0 -5px; margin-bottom: 10px;}
.actPlaceLeft {float: left; /*width: 100px;*/ box-sizing: border-box; margin: 0 10px 5px 0; text-align: left;}
	.actPlace {padding: 8px 10px; line-height: 1.6em; box-sizing: border-box;}
	.actPlace strong {font-size: 1.2em;}
	.actPlace strong.waitingNumber {font-size: 1em;}
p.actDesc, .rateDiv {padding: 0 0 6px 0;} 
.actDesc ul, .actDesc ol {margin-left: 13px; padding: 0 0 15px 0;} 
.trainerImage {padding: 0 0 10px 0;}
.trainerImage img {border: 1px solid #eee; max-width: 120px;}
.activityDescContent p {margin: 0; padding: 0 0 15px 0;}

.activityDialogMessage {margin-top: 10px;}
.activityDialogMessage p {text-align: left;}

.actDetailImage {text-align: center; width: 136px; margin: 10px 0 0 0;}
.actDetailImage img {margin: 0 auto;}

div.ratingsStars {cursor: default; color: #a1cd2f; padding: 0px; margin: 0px; font-size: 11px; opacity: .30; filter:Alpha(Opacity=30); padding-right: 6px; padding-top: 5px;}
.actLeft div.ratingsStars {padding-top: 0;}
div.ratingsOver {cursor: default; opacity: 1; filter:Alpha(Opacity=100); }
span.rating {padding-right: 10px;}
.rateDivDialogCourse {padding: 12px 0 10px 0; clear: left;}

p.pUserActivityNote {padding-bottom: 0;}

table.activityCourseTerms {width: 100%;}
table.activityCourseTerms tr td {padding: 4px 6px; border: 1px solid #d8dcdf;}
table.activityCourseTerms tr.old td {background: #f6f6f6; color: #aaa;}
table.activityCourseTerms tr.current td {font-weight: bold;}

table#userActivity {margin-top: 15px;}
table#userActivity tr td {border: 1px solid #d8dcdf;}
table#userActivity tr td.center {vertical-align: middle;}
table#userActivity .zaplZaloha {margin-bottom: 10px;}

#recapDialog {text-align: left; /*background: #fff;*/}
#recapDialog select.selectUserCredit {max-width: 265px;}
#recapDialog tr td.tdCreditRecap {padding-bottom: 2px; font-style: italic;}

.gdprDialog {text-align: left;}
.gdprDialog ul, .gdprDialog ol {margin-left: 13px; padding-bottom: 13px;}
.gdprDialog ul li, .gdprDialog ol li {padding-top: 4px; padding-bottom: 4px;}
.gdprDialog ol ul li, .gdprDialog ul ul li {padding-bottom: 0;}

.legend {margin: 0px 0 15px 10px;}
.legendItem {float: left; margin: 3px 10px 4px 0;}
.legendImg .legendItem {margin: 3px 10px 8px 0;}
.legendItem div {float: left; width:14px; height:14px; border:1px solid #d7d5d5; margin-right: 5px; margin-top: -1px;}
.legendItem div.eventBorder {width:12px; height:12px;}
.legendItem div.empty {background: white;}
.legendItem img {border:1px solid #d7d5d5; display: block; float: left; margin-right: 5px;}

.skryty, .noDisplay {display:none;}

/*--user submenu--*/
ul.userMenu {margin: 0 auto 25px; width: 90%;}
ul.userMenu li {list-style-type: none; margin: 2px auto; padding: 0; box-sizing: border-box; text-transform: uppercase;}
ul.userMenu li a {padding: 0.8em 1em 0.6em; display: inline-block; text-decoration: none; width: 100%; box-sizing: border-box;}
ul.userMenu li a.ui-state-hover {color: inherit;}

table.sendForm {width: 100%;}
table.sendForm tr th {font-weight: 500; padding-left: 7px; padding-top: 10px;}
table.sendForm tr th, table.sendForm tr td {padding: 4px 4px; text-align: left; display: block;}
table.sendForm select, table.sendForm textarea {/*border: 1px solid #d3d3d3; background: #F2F2F2;*/ width: 100%;}
table.sendForm textarea {height: 89px;}
table.sendForm input[type=text], table.sendForm input[type=password], table.sendForm input[type=tel], table.sendForm input[type=email] {width: 100%; padding-top: 10px; padding-bottom: 10px;}
table.tAccommodation input[type=text], table.tAccommodation .nights {padding-top: 10px; padding-bottom: 10px;}
table.sendForm select, table.tAccommodation select {padding-top: 9px; padding-bottom: 9px;}
/*table.sendForm .ui-widget-content, table.formDetail .ui-widget-content {background-image: none;}*/

/*---- user history seznamy ----*/
table.userHistory {width:100%; margin-bottom: 15px; text-align: left;}
table.userHistory tr td, table.userHistory tr th {padding: 0.5em 1em; vertical-align: top;}
table.userHistory tr td.volby, table.userHistory tr td.akce	{padding:2px 8px 0px 8px;  vertical-align:middle;}
table.userHistory tr td.volby img, table.userHistory tr td.akce img	{padding:0 7px;}
table.userHistory tr.odd td {background:#f3f3f3;}
table.userHistory tr.hover td {background:#EFF5FF;}
table.userHistory tr td.id {width: 32px; color: #aaa; text-align: right;}
table.userHistory tr td img {vertical-align: middle;}
table.userHistory tr td span.info {padding-right: 10px;}
table.userHistory div.paymentInfo { text-align: left; margin-top: 5px;}
table.userHistory i.fa-print {width: 23px;}
table.userHistory i.fa-info-circle {font-size: 14px; margin-left: 4px;}

table.userHistory div.creditDescription p {padding: 4px 0;}
table.userHistory caption {padding: 0; text-align: left;}
table.userHistory caption h2 {display: inline-block; margin: 0; padding: 4px 0 6px 0;}

table.tableIcal:not(.bt) {width: auto;}

.atcb_bgoverlay { animation: none; background: none; }
  
table.bt tr {border-bottom: 5px solid #ddd;}
table.bt tr td {border-bottom: none;}
/*table.bt tr:last-child {border-bottom: 1px solid inherit;}*/
table.bt tr td.center, table.bt tr td.right {text-align: left!important;}
table.bt tr td.id {width: auto; text-align: left; padding-top: 15px;}
table.bt tr p.button {display: inline-block;}

.userNote {margin-bottom: 10px; text-align: left; max-width: 620px; position: relative;}
.userNote .time {padding: 0.5em 1em;}
.userNote .admin {float:right;}
.userNoteContent {padding: 10px;}
.userNoteContent p {margin: 0 0 8px 0; padding: 0;}

/*--tisk rezervace--*/
table.res-print td, table.res-print th {padding: 5px 15px 5px 0px; text-align: left;}
table.res-print td.right, table.res-print th.right {text-align: right;}
ul.users {text-align: left; list-style-type: none;}
ul.users li {padding: 5px 15px 5px 0;}


table.formDetail {width: 100%; text-align: left;}
table.formDetail tr th, table.formDetail tr td {padding: 4px 0; text-align: left; vertical-align: middle; display: block;}
table.formDetail tr th {font-weight: 500; padding-left: 7px; padding-top: 10px;}
table.formDetail tr.trJedenRadek th, table.formDetail tr.trJedenRadek td {display: inline-block; padding: 10px 0 3px 7px;}
table.formDetail select {width: 100%; /*border: 1px solid #d3d3d3; background: #F2F2F2;*/ padding-top: 9px; padding-bottom: 9px;}
table.formDetail input[type=text], table.formDetail input[type=password], table.formDetail input[type=tel], table.formDetail input[type=email], table.formDetail textarea {width: 100%; padding-top: 10px; padding-bottom: 10px;}
table.formDetail textarea {height: 89px;}
table.formDetail input.formInputDisabled {background: #eee!important;}
table.formDetail tr.trButton td {padding-top: 20px; padding-bottom: 15px; text-align: center;}
table.formDetail tr.trButton th {display: none;}
table.formDetail .chyba {display: block; padding: 2px 0;}
table.formDetail .pozn {display: inline-block; padding: 2px 0; color: #888;}
table.formDetail tr td.tdSekce div {padding: 10px 0 0; font-weight: bold; text-transform: uppercase;}
table.formDetail .obalInput {white-space: nowrap; display: inline-block; margin-right: 10px;}

form.formFeedback {margin-bottom: 20px;}
table.tabFeedback {border-top: 1px solid #d3d3d3;}
table.tabFeedback tr th {padding-left: 0; padding-top: 15px; font-size: 1.153846153846154em;}
table.tabFeedback tr td input[type=radio], table.tabFeedback tr td input[type=checkbox] {margin: 5px 4px 5px 10px;}
table.tabFeedback tr td label {padding-left: 2px;}
div.feedbackList p {padding: 0;}
div.feedbackList p a {display: inline-block; padding: 4px 0;}

input.req {background-image: url('/images/req.gif')!important; background-repeat: no-repeat!important; background-position: right top!important;}
em.req {color: #ef3e36; font-style: normal;}

.ok	{color:green;}
.chyba, .error, .creditError, .error i, table.activityCourseTerms tr.old td.error {color: #e24b08;}
img.icon	{position:relative; top:3px;}
.ui-form-chyba {margin-right:16px; padding: 4px 0.7em;}
.ui-form-ok {margin-right:16px; padding: 4px 0.7em;}
.ui-message {margin-bottom: 15px; text-align: left;}
    .ui-message-video {margin-bottom: 12px; margin-top: 5px;}
.ui-message span.textWrapper {display: table-cell;}
.ui-message p.button {margin-left: 20px;}
.ui-message-light {background: none!important; border: none!important; font-size: 1.076923076923077em; padding-bottom: 5px;}
.ui-message-light p {padding-left: 0!important; text-align: center!important;}
.ui-message-light p a {display: inline-block; padding: 5px 0;}
.ui-message i {padding: 0 3px; position: relative; top: 1px;}
#panel .ui-message i {width: auto;}

#formDepositInfoContainer {padding: 5px 10px; display: inline-block; margin-bottom: 25px;}
.ui-state-error p, .ui-state-highlight p, #formDepositInfoContainer p {margin: 0; padding: 7px;}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {color: #fff;}
.ui-state-error i, .ui-widget-content .ui-state-error i, .ui-widget-header .ui-state-error i {color: #fff;}
a.openLoginPanel:hover {color: #fff;}
.curHelp {cursor: help;}
.titleAlert {color: #e24b08;}
.nowrap {white-space: nowrap;}

/* -------- ui-jqery ikony -------- */
ul.ui-tabs-nav a i {padding-left: 4px; color: #0093dd;}

/* kalendar */
.ui-icon:before {display: block; font-size: 14px; text-indent: 0px; font-family: Font Awesome\ 5 Free}
.ui-datepicker-header .ui-icon {background-image: none!important; border: none!important; color: #fff;}
.ui-datepicker-header a:hover span:before {color: #a1cd2f;}
a.ui-state-hover .ui-icon {cursor: pointer;}
a.ui-datepicker-next-hover, a.ui-datepicker-prev-hover {background: #f3f3f3!important; border-color: transparent!important;}
span.ui-icon-circle-triangle-e:before {content: "\f138";}
span.ui-icon-circle-triangle-w:before {content: "\f137";}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {opacity: .35; filter: Alpha(Opacity=35); background-image: none;}

.ui-dialog-titlebar .ui-button span.ui-button-text:before {content: "";} 
.ui-dialog-titlebar .ui-button span {background: none !important;}
.ui-dialog-titlebar .ui-button span:before {content: "\f00d";}
/* -------------------- */

a.kotvaBasket {float:right; text-decoration:none;}
a.kotvaBasket span {float:left;}

.activityTermsDialogContent {margin-top: 20px;}
.showTermsDialogActivity, .gdprActivityTerms {margin-top: 5px;}
.showAfterLogin {text-align: center; padding-bottom: 40px; font-size: 14px;} 
.showAfterLogin div {margin: 40px auto 0px auto; padding: 6px 8px;}
.schemaSloucene .showAfterLogin div {margin: 0 auto;}
.showClosed {text-align: center; padding-bottom: 20px;}
.showClosed div {margin: 0 auto; padding: 3px 6px;} 

input#terms {position: relative; top:3px;}

.ui-tooltip {font-size: 1em!important; padding: 6px 8px!important; -webkit-box-shadow: 0 0 5px #aaa!important; box-shadow: 0 0 5px #aaa!important;}
body .ui-tooltip {border-width: 0px!important;}

#noticeDialog, #activityDialog, #termsDialog {text-align: left;}
#noticeDialogContent, #activityDialogContent, #termsDialogContent {margin-top: 10px;}

#activityDialogContent input.text, #activityDialogContent textarea {margin: 2px 0;} 
#activityDialogContent textarea {width: 100%; height: 50px; margin: 6px 0 0 0;} 
#activityDialogContent select.selectUserCreditActivity {max-width: 100%;} 
#activityDialogContent .ui-message {clear: left;} 

.childrenContent {padding: 10px 0 0 0;}
/*.childrenContent div.childrenContentIn {display: inline-block;}*/
.childrenContent div.childrenContentIn div {display: inline-block;}
.childrenContent strong {font-weight: normal;}
.childrenContent a.addChild {display: inline-block; padding: 6px 0 0;}
#activityDialogContent .childrenContent input, #activityDialogContent .childrenContent select {width: 160px; margin: 2px 10px 2px 5px;}
#activityDialogContent .childrenContent input.childrenAge {width: 60px;}
.activityPriceInfo {padding: 2px 0 6px;} /*sleva za 2 a více rezervací*/
.childrenContent span {color: #e24b08;}

td.childrenInstructionTd p {padding-bottom: 0px;}

#activityDialogContent table.activityCourseTerms { margin-bottom: 10px; }
#activityDialogContent a#showAllCourses {margin-top: 10px; margin-bottom: 10px; display: block;}

input.ui-button, .ui-button-text-only .ui-button-text {padding: 8px 18px 8px; font-size: 1.1em; border: none;}
p.buttonContinue, p.buttonSubmit, p.buttonPrint, p.buttonBack, #customStripeButton, #customStripeButtonNew, #customGiropayButton {margin-top: 20px; text-transform: uppercase; box-sizing: border-box;}
p.buttonBack, #customStripeButton, #customStripeButtonNew, #customGiropayButton {margin-top: 5px;}
#customStripeButton, #customStripeButtonNew, #customGiropayButton {margin-bottom: 15px;}
#customStripeButton, #customStripeButtonNew {cursor: pointer;}
#customStripeButton {min-width: 200px; min-height: 50px; cursor: pointer;}

#card-element {width: 100%!important; padding-bottom: 20px; margin-bottom: 10px;}

p.buttonContinue, .schemaBox p.button {margin-top: 20px; text-align: center; letter-spacing: .1em;}
p.buttonContinue a, .schemaBox p.button a {width: 80%; margin: 0 auto; display: inline-block; height: 38px; padding-top: 11px; padding-left: 0; padding-right: 0; font-size: 1.2em; line-height: 1.1em; box-sizing: border-box;}
.schemaBox p.button {margin-top: 0; text-transform: uppercase;}
.schemaBox p.button a {width: auto!important; padding: 11px 30px 0;}
p.button a, .ui-dialog-buttonset button.ui-button, input.ui-button {font-weight: 500;}
.cancelReservationButton {margin-top: 30px;}
p.button {white-space: nowrap;}
p.button i, .buttonPayStripe i, .buttonPayGiropay i {margin-left: 4px; margin-right: -4px;}
p.buttonContinue i {margin-right: -10px; font-size: 15px;}
p.buttonSubmit i {margin-right: -2px;}
p.buttonBack i {margin-right: 4px; margin-left: 0;}
.buttonPayStripe i, .buttonPayGiropay i {font-size: 13px!important; position: relative; top: -2px;}

table.userHistory tr td p.button {margin-top: 5px; padding: 0 0 5px 0;}

.fg-button {outline: 0; /*margin:0 4px 0 0;*/ padding: 8px 18px 8px; font-size: 1.1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1;}
	.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px;}
	
	/* remove extra button width in IE */
	button.fg-button { width:auto; overflow:visible; }
	
	.fg-button-icon-left { padding-left: 2.1em; }
	.fg-button-icon-right { padding-right: 2.1em;}
	.fg-button-icon-left .ui-icon { right: auto; left: .4em; margin-left: 0; }
	.fg-button-icon-right .ui-icon { left: auto; right: .5em; margin-left: 0; }
   
#footer {padding-bottom: 5px;}
table.tFooter {margin: 10px 0; width: 100%;}
table.tFooter tr td.left {padding-left: 10px; text-align: left;}
table.tFooter tr td.right {padding-right: 10px;}

a.adminLink {color: #bbb;}

.languageBox {height: 24px; text-align: center; padding: 10px 0 5px;}
.languageBox a {width: 24px; padding: 0 5px;}
.languageBox a img {opacity: 0.6; filter: alpha(opacity = 60); width: 24px;}
.languageBox a:hover img, .languageBox a.active img {opacity: 1.0; filter: alpha(opacity = 100);}

.loading-indicator {height: 80px; width: 80px; background: url( '/images/loading.svg' ); background-repeat: no-repeat; background-position: center center;}
.loading-indicator-overlay {background-color: #eee; opacity: 0.2; filter: alpha(opacity = 20);}

.creditSelectObal select {margin-right: 4px;}
.creditSelectObal i {margin-right: -16px; font-size: 16px;}
.paymentCreditSelect {border: 1px solid #d2d2d2; padding: 4px 4px 4px 5px; background: #f2f2f2; max-width: 180px;}
.paymentCreditButton {float:right;}
.paymentCreditButton i {font-size: 12px!important; margin-right: -2px; position: relative; top: -1px;}


.infoTabContent, #termsDialog {text-align: left; padding: 10px 0 0 0;}
.infoTabContent table td {padding: 3px 20px 3px 0;}
.infoTabContent table th {padding: 18px 0 3px 0; text-align: left;}
.infoTabContent p, #termsDialog p {padding: 0 0 16px 0; margin: 0;}
.infoTabContent h3, #termsDialog h3 {margin: 0;}
.infoTabContent ol, .infoTabContent ul, #termsDialog ol, #termsDialog ul {margin: 0 0 0 36px; padding: 0 0 16px 0;}
#noticeDialogContent ul {margin: 0 0 0 16px; padding: 0 0 16px 0;}
.infoTabContent ol li, .infoTabContent ul li, #termsDialog ol li, #termsDialog ul li, #noticeDialogContent ul li {margin: 0; padding: 0 0 5px 0;}

table.barevna {width: 100%; margin: 0 0 20px;}
table.barevna td, table.barevna th {padding: 8px 12px; border: 1px solid #d7d5d5;}
table.barevna th {background: #eee;}

p.kreditStav {text-align: left;}

tr.trCreditNow td {padding: 9px 10px 8px!important; font-weight: bold;}
tr.trCreditAdd td, .creditLegend span.trCreditAdd {background: #FFCFCA;} 
tr.trCreditNow td, .creditLegend span.trCreditNow {background: #FFFF6B;} 
tr.trCreditOld td, .creditLegend span.trCreditOld {background: #f6f6f6;}
tr.trCreditNew td, .creditLegend span.trCreditNew {background: #E1FFDF;} 
tr.trCreditProduct td, .creditLegend span.trCreditProduct {background: #FFBFF2;} 
tr.trCreditExpire td, .creditLegend span.trCreditExpire {background: #BFFAFF;} 
tr.trCreditDelete td, .creditLegend span.trCreditDelete {background: #EEEEEE;}
tr.trCreditPayPal td, .creditLegend span.trCreditPayPal {background: #B1FF00;}
tr.trCreditPayments td, .creditLegend span.trCreditPayments {background: #B1FF00;}
tr.trCreditStripe td, .creditLegend span.trCreditStripe {background: #cdc9e4;}
tr.trCreditGiropay td, .creditLegend span.trCreditGiropay {background: #cdc9e4;}
tr.trCreditInvoice td, .creditLegend span.trCreditInvoice {background: #f1b5ff;}
tr.trCreditThePay td, .creditLegend span.trCreditThePay {background: #B1FF00;}
tr.trCreditPayU td, .creditLegend span.trCreditPayU {background: #B1FF00;}
tr.trCreditComGate td, .creditLegend span.trCreditComGate {background: #B1FF00;}
tr.trCreditSodexo td, .creditLegend span.trCreditSodexo {background: #cbaf8a;}
tr.trCreditGPwebpay td, .creditLegend span.trCreditGPwebpay {background: #cbaf8a;}
tr.trCreditRefund td, .creditLegend span.trCreditRefund {background: #f4ffaf;}
tr.trCreditVoucher td, .creditLegend span.trCreditVoucher {background: #6bfae9;}

.creditLegend {padding: 10px 0; text-align: left;}
.creditLegend div {margin-right: 15px;}
.creditLegend div span {width: 10px; height: 10px; border: 1px solid #d8dcdf; margin-right: 4px; display: inline-block;}

.panelContent {padding: 10px 15px 0 15px!important; color: #fff;}
.panelContent, .panelContent a {color: #fff;}
.panelContent a:hover {color: #fff;}
.textLoginInformation {margin-left: 7px; padding-bottom: 8px;}
.panelContent .ui-message {margin-bottom: 3px;} 
em.panelReservationCount, em.panelReplacementCount {font-style: normal;}
table.userLoginTable {margin-bottom: 0px; margin-top: 10px; width: 100%;}
table.userLoginTable tr td {padding: 3px 7px; /*font-weight: bold;*/ white-space: nowrap;}
table.userLoginTable tr td input.text {width: 100%; background: #fff;}
#panel table.userLoginTable tr td input.text {border: 1px solid #fff;}
#panel td.tdRemember input[type="checkbox"] + label:before {color: #fff;}
table.userLoginTable tr td.userLoginTd {padding-top: 20px; padding-bottom: 20px; vertical-align: middle;}
table.userLoginTable tr td.tdRemember {padding-top: 7px;}

p.externalLoginMessage {text-align: center; padding: 10px 0 10px;}
p.externalLogin {text-align: center;}
p.externalLogin a {display: inline-block; margin: 0 15px;}
p.externalLogin img {height: 31px;}

#userLoginFormDialog p.externalLoginMessage {padding-top: 15px;}
#userLoginFormDialog p.externalLogin {padding-bottom: 0px;}
#userLoginFormDialog table.userLoginTable tr td.userLoginTd {padding-top: 7px; padding-bottom: 0;}

.loginLinks {display: flex; justify-content: space-between;}
.loginLinks p {margin: 0; padding: 0; font-size: 1.1em;}
.loginLinks a {padding: 5px 0; display: inline-block;}

a.userLoginSubmit {padding: 8px 14px 8px 18px; background: #006190; text-decoration: none; font-weight: bold; text-transform: uppercase;}
a.userLoginSubmit:hover {background: #0095dd;}
a.userLoginSubmit i, a.userLoginSubmitActivity i {padding-left: 8px; font-size: 13px; margin-left: 0; text-transform: uppercase;}
a.userLoginSubmitActivity {text-transform: uppercase;}
a.userLoginSubmitActivity span {font-size: 1em!important;}

#userLoginFormDialog {background: #f7f7f7; padding: 20px 20px 17px; max-width: 355px; margin: 0 auto 25px;}
#userLoginFormDialog h3 {float: left; width: 35%; padding: 4px 0 0 0; margin: 0;}
#userLoginFormDialog div.loginLinks {float: right; width: 65%; display: inline-block; text-align: right; margin-bottom: 0;}
#userLoginFormDialog div.loginLinks p {display: inline-block;}
#userLoginFormDialog input {border-color: #d7d5d5;}

#userLoginFormDialog table.userLoginTable {max-width: 355px; margin-top: 5px;}
#userLoginFormDialog table.userLoginTable tr td {padding-left: 0;}
#userLoginFormDialog table.userLoginTable tr :nth-child(2) {padding-right: 0;}
#userLoginFormDialog .textLoginInformation {margin-left: 0px;}

#userLoginFormDialog a.userLoginSubmit {color: #fff;}
#userLoginFormDialog table.userLoginTable p.button {margin: 8px 0 0 0; padding-bottom: 0;}

#userLoginFormDialog .ui-message {margin-top: 20px;}
#userLoginFormDialog .ui-message {margin-bottom: 0;}

.userLogged .loginLinks {display: block; margin-bottom: 10px;}
.userLogged span {float: right;}
.userLogged p {padding: 0;}
.loginLinks i {font-size: 14px; display: inline-block; text-align: center; width: 26px; color: inherit;}

p.cancelReservation {line-height: 18px;}

/* rozcestnik */
#guideDiv {text-align: center; margin-bottom: 20px;}
#guideDiv h1 {font-weight: 700; font-size: 44px; line-height: 48px; text-transform: uppercase; padding: 30px 0 25px;}
#guideDiv .button {display: inline-block; margin: 10px;}
#guideDiv .button a {color: #fff; display: inline-block; font-size: 24px; line-height: 24px; text-transform: uppercase; padding: 12px 25px; text-decoration: none; font-weight: bold; border-radius: 50px;}

.galerie-nahledy {overflow: hidden; padding: 0 0 1.5em;}
.box {float: left; position: relative; width: 98%; padding-bottom: 98%; background: #E1E1E1; margin: 1%;}
.box:hover {background-color: #ccc;}
.boxInner {position: absolute; left: 5px; right: 5px; top: 5px; bottom: 5px; overflow: hidden;}
.boxInner img {width: 100%;}
.boxInner .titleBox {position: absolute; bottom: 0; left: 0; right: 0; background: #000; background: rgba(0, 0, 0, 0.5); color: #FFF; padding: .5em 10px; text-align: center;}

#accomodationDialog {text-align: left;}
.accomodationDetailTopInfo p {padding-bottom: 10px;}
table.tAccommodation {width: auto!important;}
table.tAccommodation tr td {padding-right: 5px; vertical-align: top;}
table.tAccommodation tr td strong {white-space: nowrap; display: inline-block; padding-bottom: 8px;}
table.tAccommodation .nights {text-align: center; font-weight: bold;}
table.tAccommodation select#accomodation_places {width: 50px;}
div.accomodationMessage .ui-message {margin-top: 20px; margin-bottom: 0;}

table.schemaAccomodation tr td .triangle {padding: 0;}
table.schemaAccomodation tr td span.triangle {border-width: 29px 0 0 24px; display: block; border-style: solid; border-color: transparent transparent transparent #D41243;}

#cancelDialog {text-align: center;}
table.tableDeleteDialog {text-align:center; margin: 0 auto;}
table.tableDeleteDialog td {padding: 10px 3px 0 3px; vertical-align: top;}
#cancelDialog .ui-message-light {margin-bottom: 0;}
#cancelDialog p.center {padding: 6px 0 2px 0;}
#cancelDialog .ui-state-error {margin-top: 15px;}

#hoverContent {max-width: 296px; border: none; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa;}
.activityTooltip {width: auto; text-align: left; padding: 5px;}
.activityTooltipImage {float: right; margin: 5px 0 10px 15px;}
.activityTooltipImage img {border: 1px solid #e0e0e0; max-width: 120px;}
.activityTooltipInfo {float: left; max-width: 150px;}
.activityTooltipInfoNoPhoto {float:none; max-width: none;}
.activityTooltipName {font-weight: bold; padding: 5px 0 10px; font-size: 1.2em;}
.activityTooltipName i {color: inherit;}

.rateDiv .tItem1 {color: inherit;}
.tItem1 {color: #888;}
.tItem2 {margin-bottom: 8px;}

.reservationRepeatArea {margin: 15px 0 5px 0;}
.reservationRepeatLink {padding: 5px; margin-bottom: 3px;}
.reservationRepeatContent {padding: 4px; text-align: left;}
.reservationRepeatContent label {vertical-align: 3px;}
.reservationRepeatLink i {padding: 0 6px 0 0;}
.spanFindAnotherPlace {position:relative; top: 3px;}
#reservationRepeatMessage .ui-message {margin: 4px; padding: 0;}
#reservationRepeatDate {width: 90px;}

.replacementCheckbox {margin: 3px 0;}
p.userFilterReservation {padding: 5px 0 8px;}
p.userFilterReservation label, p.userFilterCredit label {padding-right: 20px;}
p.userFilterCredit {float: left; margin-right: 30px;}
p.userFilterReservation input[type=radio]:checked + label {font-weight: bold;}

.exportIcalRight {padding: 0 0 10px;}
.exportIcalRight i {padding-right: 2px; font-size: 14px;}
.exportIcalRight.exportTrainerLessons {padding-bottom: 10px!important}

.filterArea {margin-bottom: 20px; padding: 0.2em; width: 100%; box-sizing: border-box;}
.activityFilterContainer {text-align: center; margin: 0 auto; box-sizing: border-box; min-height: 27px;}
.activityFilterContainer div.filterContainer {margin: 8px 0; display: table;}
.activityFilterContainer div.filterContainer {margin-top: 5px; text-align: left; padding-left: 7px;}
.activityFilterContainer div.filterContainer input {display: table-cell; text-align: left;}
.activityFilterContainer div.filterContainer label {display: table-cell; /*vertical-align: middle;*/ text-align: left; /*padding-left: 4px;*/}
.activityFilterContainer .activityFilterHeader {padding: 5px;}
.activityFilterHeader i {color: #fff; display: inline-block; float: right; position: relative; top: 2px;}
.activityFilterHeader i.rotate {transform:rotate(180deg);}
.activityFilterHeader:hover {cursor: pointer;}
.filterContentCheckbox {display: none; padding-top: 5px;}

.paymentSummaryReservationOK {text-align: center;}
.paymentSummaryReservationOK table.userPaymentSelection, .paymentSummaryReservationOK table.userPaymentSummary {margin-left: auto; margin-right: auto;}
table.userPaymentSelection, table.userPaymentSummary {width: 100%;}
table.userPaymentSelection tr td, table.userPaymentSummary tr td {vertical-align: middle; font-weight: normal!important; text-align: left;}
table.userPaymentSelection tr td.right, table.userPaymentSummary tr td.right {text-align: right;}
table.userPaymentSelection tr th, table.userPaymentSummary tr th {text-align: left;}
table.userPaymentSelection tr.sendPayment td {text-align: center; padding: 25px 0 10px 0; background: none!important; border: none!important;}
table.userPaymentSelection tr.trPayment i {font-size: 39px;}
table.userPaymentSelection tr.trPayment td.ui-widget-content {border-radius: 0;}
table.userPaymentSelection tr.trPayment td.tdPaymentDisabled {max-width: 150px;}
table.userPaymentSelection tr.sendPayment td a.paymentButton, .stripe-button-el span, #customStripeButton, #customStripeButtonNew, .giropay-button-el span, #customGiropayButton {font-size: 18px!important;}
table.userPaymentSelection tr.sendPayment td a.paymentButton i {position: relative; top: -1px;}
.stripe-button-el, .giropay-button-el {padding: 0!important; background: none!important; box-shadow: none!important; margin-top: 5px; vertical-align: bottom;}
.stripe-button-el span, .giropay-button-el span {font-family: 'Roboto', sans-serif!important; text-shadow: none!important; padding: .3em 1em .3em 1em!important; text-transform: uppercase; box-shadow: none!important;}

#thepay-method-box {column-count: 2; text-align: left;}
img.thepay-methods-radio-icon {max-width: 30px; max-height: 30px;}

#activityPaymentSummary table.userPaymentSelection, #activityPaymentSummary table.userPaymentSummary {margin: 15px auto; width: 100%;}
.depositSelection {margin: 5px 5px 5px 15px;}

p.backToSchema {font-size: 1.2em;}
p.backToSchema a {display: inline-block; padding-top: 5px; padding-bottom: 5px;}
p.backToSchema i {padding-right: 5px;}
p.paymentInCashInfo {padding: 0; margin: 0;}
#paymentDoneDialogContent {margin-top: 10px; text-align:center;}
#paymentDoneDialogContent div.ui-message {margin: 0 auto;}


/* form masáže */
select#sFormTimes {width: 120px; padding: 2px 3px 1px 3px;}
select#sFormTimes option {padding: 2px 3px 2px 3px;}
h3.pickTime {font-size: 16px;}

#pickTimeArea {margin-bottom: 25px;}
#selectParamArea label.paramRadio {font-weight: bold; display: table-cell; width: 100%; margin: 0; padding: 2px 0; vertical-align: top;}
#selectParamArea label.paramRadio .radioDisabled {font-weight: normal;}
.paramInput {display: table-cell; padding: 2px 10px 2px 0px; vertical-align: top;}
.paramInput input {margin: 0; padding: 0;}
.sFormUserArea {margin-top: 20px;}
table.userData {box-sizing: border-box;}
table.userData tr td {vertical-align: top; padding: 4px 0px 4px 0px;}
table.userData tr th {text-align: left; vertical-align: top; font-weight: normal; padding-top: 10px;}
table.userData tr.mezera td {height: 7px; font-size: 0;}
table.userData tr td.firstCell {min-width: 130px;}
span.poznamka {display: inline-block; padding-bottom: 4px;}
div.predvolba input {width: 75%;}
div.predvolba input.phoneCountryCode {width: 22%; margin-right: 3%;}

.userInput {border: 1px solid #aaa; padding: 6px 8px; width: 240px; background: #fff; border-radius: 5px; box-sizing: border-box;}
select.userInput {padding: 5px 4px;}
select.cc_select {width: 84px;}
table.userData textarea {height: 89px; margin-bottom: 15px;}
span.closestTime {color: #89AF20; font-style: italic;}

p.paymentSummary {line-height: 24px; padding-bottom: 10px;}
.passwordText {font-size: 120%;}

.ui-dialog {max-width: 550px!important;}
.dialogLong {max-width: 650px!important;}
.recapDialog {max-width: 800px!important;}
.ui-dialog-content {padding: 15px 20px 10px!important; box-sizing: border-box;}
.ui-dialog .ui-dialog-buttonpane {text-align: center!important;}
.ui-dialog .ui-dialog-buttonpane button {margin-bottom: 0em!important;}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {width: auto;}

.schemaWrapper {overflow: auto; position: relative;/* float: right; width: 85%; */ -webkit-transform: translateZ(0); -webkit-overflow-scrolling: touch;}
table.schemaLaneTable {float: left; position: relative; z-index: 1;}                                                                                            

/*.schemaSwipeShaddow {position: absolute; width: 15px; right: 0; top: 0; box-shadow: inset -15px 0 5px -10px hsla(0,0%,0%,.15);}*/
.schemaSwipeArrow {text-align: center; position: absolute; width: 100%;}
.schemaSwipeArrow img {max-height: 60%; display: inline-block; position: relative; top: 50%; transform: translateY(-50%);}
div.comgateLogos {margin-bottom: 15px; max-width: 600px;}
div.gopayLogos {margin-bottom: 15px;}
img.gopayLogo {height: 30px; margin-right: 10px;}
div.paymentIconOuter {max-width: 200px; margin: 0 auto;}

ul.ui-autocomplete {border: 1px dashed #0093dd; /*border-radius: 5px;*/}
ul.ui-autocomplete * {font-weight: normal!important;}
ul.ui-autocomplete li {background: none; border-color: #fff; text-align: left; box-sizing: border-box;}
ul.ui-autocomplete li:hover {background: none; /*color: #27aae0;*/ border-color: #fff; font-weight: normal;}
.ui-autocomplete {max-height: 250px; overflow-y: auto; overflow-x: hidden; /*padding-right: 0px;*/    }
ul.ui-autocomplete li.display-disabled {pointer-events: none; color: #888;}
ul.ui-autocomplete li.display-disabled span.max-limit {margin-left: 4px;}

form#formSubmitReservation label.check-box {cursor: pointer;}

table.sendForm tr.trPlayers td p {padding-bottom: 6px;}
table.sendForm tr.trPlayers td input.ucastnik {margin-bottom: 6px;}
table.sendForm tr.trPlayers td label.check-box {display: inline-block; padding: 3px 0;}
table.sendForm tr.trPlayers th {vertical-align: top; padding-top: 13px;}
table.sendForm tr.trPlayers th.onlyHost {padding-top: 8px;}

label.prehled {display: none;}

.system-offline {padding: 25px 15px; text-align: center;}

div.croppieImageWrap {margin: 10px 0px 30px 0px!important}
.croppie-container .cr-slider-wrap {margin: 0px!important}
div.croppieUploadImage {margin-top: 15px;}
div.croppieUploadImage img {max-width: 120px;}

.voucherObal input {margin-right: 4px;}
.voucherObal i {margin-right: -16px; font-size: 16px;}
p.paymentVoucherCreditCheckButton {margin-left: 20px; display: inline-block;}

.timeButton {opacity: 0; animation: fadeInUp 0.2s forwards; animation-delay: calc(0.05s * var(--i)); }
@keyframes fadeInUp {to {opacity: 1;}}


/* responzivni */   
@media all and (max-width: 359px) {

table.activityCourseTerms tr td {padding: 4px 2px;}

#thepay-method-box {column-count: 1;}

}	

@media all and (min-width: 400px) {

table.tAccommodation tr td {padding-right: 10px;}

}

@media all and (min-width: 480px) {

ul.userMenu {text-align: center; width: auto;}
ul.userMenu li {display: inline-block; margin: 0 1px 1px 0; /*text-transform: none;*/}
ul.userMenu li a {width: auto;}

table.formDetail tr th, table.formDetail tr td, table.formDetail tr.trJedenRadek th, table.formDetail tr.trJedenRadek td {display: table-cell; padding: 4px 0;}
table.formDetail tr th {width: 30%;}
table.formDetail tr th, table.formDetail tr.trJedenRadek th {padding-right: 10px;}

form.lostPass table.formDetail {width: auto; margin: 0 auto;}
form.lostPass table.formDetail th {width: auto;}
form.lostPass table.formDetail input[type=email] {width: 300px;}
table.formDetail tr.trButton th {display: table-cell;}
table.formDetail tr.trButton td {text-align: left;}

table.tabFeedback tr th {padding-top: 15px;}
table.tabFeedback tr td input[type=radio], table.tabFeedback tr td input[type=checkbox] {margin: 5px 4px 5px 10px;}
table.tabFeedback tr.trButton td {text-align: center;}

table.sendForm tr th, table.sendForm tr td {display: table-cell; padding: 4px 4px;}
table.sendForm tr td.right {text-align: right;}

table.tAccommodation tr td {padding-right: 20px;}

.messageTodayBox {text-align: left;}

table.instructorTable tr td {padding-right: 15px; display: table-cell; text-align: left;}
table.instructorTable tr td img.imgTrainer {margin: 8px 0 0 0;}

.actPlaceLeft {margin-right: 15px;}
table.activityCourseTerms tr td {padding: 4px 15px;}

.box {width: 47.5%; padding-bottom: 47.5%;}

.selObal p.placeNo {display: inline-block;}

.gymCell {width: 25%;}

}

@media all and (max-width: 579px) {

#guideDiv h1 {font-size: 30px; line-height: 34px; padding: 10px 0 25px;}
#guideDiv .button {margin: 5px;}
#guideDiv .button a {font-size: 20px; line-height: 24px; padding: 10px 22px;}

}


@media all and (max-width: 639px) {

.fc .fc-scrollgrid-section, .fc .fc-scrollgrid-section table, .fc .fc-scrollgrid-section > td {height: auto; width: auto;}
table.fc-col-header th, .fc .fc-scrollgrid table {border: none!important;}
table.fc-scrollgrid-sync-table tbody {border-top: 1px solid #d7d5d5;}
td.fc-daygrid-day {display: block;}
th.fc-col-header-cell, td.fc-day-disabled, td.fc-day-past {display: none!important;}
.fc .fc-daygrid-day-top {flex-direction: row;}
.fc a.fc-daygrid-event {font-size: 1.076923076923077em;}
.fc-daygrid-dot-event {padding: 4px 0;}
.fc-daygrid-day-bg {margin: 0;}
.fc-direction-ltr .fc-daygrid-event .fc-event-time {min-width: 33px;}
    .timeFormat12 .fc-daygrid-event .fc-event-time {min-width: 55px;}
a.fc-daygrid-day-number {display: -webkit-flex; display: flex; justify-content: space-between; width: 100%;}
a.fc-daygrid-day-number span {display: block;}
span.dayNumberSpan {text-align: right;}
}

@media all and (min-width: 640px) {

.timeFormat12 .fc-daygrid-dot-event {flex-wrap: wrap;}
.timeFormat12 .fc-event-title {width: 100%; padding-left: 4px;}

.exportIcalRight.exportTrainerLessons {margin-top: -31px;}

}

@media only screen and (min-width: 640px) and (max-width: 1209px)  

{
.fc-daygrid-dot-event {flex-wrap: wrap;}
.fc-event-title {width: 100%; padding-left: 4px;}
}


@media all and (min-width: 640px) {

#web {text-align: left;}
.schema-container {text-align: left;}
#header {text-align: center;}

.ui-tabs .ui-tabs-panel {padding: 1em 1.4em!important;}

#webContentOtherPages .zpet {float: right;}

.schema-container h3 {padding: 6px 0 12px 0; margin: 0;}
.weekNavigation {float: right; text-align: right;} 

.ui-message-light p {text-align: left;}
#cancelContainer .ui-message-light p, #webContentOtherPages .ui-message-light p {text-align: left!important;}
#cancelDialogContent .ui-message-light p {text-align: center;}
.switchBar {display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap;}
.switchIcons, .switchBar h3, .switchBar .weekNavigationActivity {width: 39%;}
.switchBar h3 {padding: 0; width: 22%;}
.switchIcons {text-align: left;}

.actVideo .videoContent iframe {width: 510px!important; height: 286px!important;}

.messageTodayBox h3 {padding: 0 0 12px;}

table.instructorTable tr td {padding-right: 25px;}

.ui-dialog .ui-dialog-buttonpane button {margin-bottom: 0.5em!important;}

#datepicker, .activityFilterContainer, #basket_out, #timeContainer, #userSummary {width: 46%; margin-left: 2%; margin-right: 2%; float: left;}

p.externalLoginNewAccount {text-align: left;}
p.externalLoginNewAccount a {margin: 0 15px 0 0;}

table.formDetail {width: auto;}
table.formDetail tr th {max-width: 25%;}
table.formDetail input[type=text], table.formDetail input[type=password], table.formDetail input[type=tel], table.formDetail input[type=email], table.formDetail select, table.formDetail textarea {width: 300px;}

form.lostPass table.formDetail {margin: 0;}

table.tabFeedback tr.trButton td {text-align: left;}

table.userPaymentSelection, table.userPaymentSummary {width: auto;}
.uniForm table {margin-left: auto; margin-right: auto;}
.uniForm table.userPaymentSummary {margin-bottom: 25px;}
.uniForm table.userPaymentSelection {margin-bottom: 0px;}

p.backToSchema {float:right;}

ul.userMenu {text-align: left;}

.actWrapper {display: table; width: 100%;}
.actLeft {display: table-cell; padding-bottom: 10px;}
.trainerImage {display: table-cell; vertical-align: top; text-align: right;}

.tableDetailTopInfo {float: left; width: 32%; padding-top: 20px;}
.detailVyber {float: right; width: 66%;}


#thepay-method-box {column-count: 3;}

form.fUserFilterReservation {float: left;}
.exportIcalRight {float: right; padding: 5px 0 0 0;}

.gymCell {width: 20%;}

}

@media all and (min-width: 700px) {

#datepicker, .activityFilterContainer, #basket_out, #timeContainer, #userSummary {width: 40%; margin-left: 5%; margin-right: 5%;}

table.formDetail .chyba {display: inline-block; padding-left: 10px;}

.box {width: 31%; padding-bottom: 31%;}

}

@media all and (min-width: 768px) {
	
.desktop {display: block;}

#page_container {width: 100%; max-width: 1200px;}
#toppanel {position: absolute; width: 350px; right: 8%; z-index: 25;}
.panel_button {left: 67px;}

.headerIn {padding-top: 0;}
.logoMain {float: left; text-align: left;}
.headerContact {text-align: right; padding: 0 20px;}

.languageBox {position: absolute; right: 7px; bottom: 0; top: 8px; margin: 0; padding: 0;}

table.instructorTable {width: auto;}

table.activitiesList tr td.activityListColor {width: 22px!important;}

.gymCell {width: 14.28571428571429%; padding: 4px;}

}

@media all and (min-width: 940px) {

.tagsLegend {text-align: left; padding-top: 7px; padding-left: 2px;}

}

@media all and (min-width: 901px) {

table.userHistory tr td.tdCreditName {width: 40%;}
table.userHistory tr td.tdCreditName .creditNameUser {font-weight: 500; font-size: 1.076923076923077em;}

}

@media all and (min-width: 980px) {

#toppanel {right: 100px;}
.loginLinks p {font-size: 1em;}
#webContentOtherPages .ui-message {max-width: 60%;}
#iSportForm .ui-message {max-width: none;}
.panelReplacements a {padding: 2px 0;}

#web, .headerIn {width: 96%;}

.headerIn {padding: 0; border-bottom: none;}
.headerContact {position: absolute; padding: 0; text-align: left;}

#web-content {border-bottom: none; padding-top: 10px;}
#leftCol {float: left; width: 213px; padding-right: 7px;}
#rightCol {overflow: hidden;}

#ui-datepicker-div {width: 213px; max-width: none;}
#datepicker, .activityFilterContainer, #basket_out, #timeContainer, #userSummary {width: 100%; margin-left: 0; margin-right: 0;}

.ui-datepicker td span, .ui-datepicker td a {padding-top: .2em!important; padding-bottom: .2em!important; font-size: .9230769230769231em; /*12/13*/}
.ui-datepicker .formParameters td span, .ui-datepicker .formParameters td a {display: inline-block;}
.ui-datepicker .formParameters td a {text-decoration: underline;}
.ui-datepicker .formParameters td a:hover {text-decoration: none;}

.activityFilterHeader i {display: none;}
.activityFilterHeader:hover {cursor: default;}

.filterContentCheckbox {display: block;}
p.buttonContinue a {width: 100%;}

table.schemaLaneTable {width: auto;}
table.schemaLaneTable tr .lineNumber {padding: 0 10px; width: auto;}
table.schemaLaneTable tr .lineNumber div {overflow: visible; width: auto; white-space: nowrap;}

.legend {margin-left: 20px;}
.legendItem, .legendImg .legendItem {margin-right: 25px;}

table.activityCourseTerms {width: auto;}

#recapLeft {float:left; width: 46%; box-sizing: border-box;}
#recapRight {float:right; width: 46%; box-sizing: border-box;}
#recapLeftContent {box-sizing: border-box;}
#recapRightContent {box-sizing: border-box;}

#recapDialog select.selectUserCredit {max-width: 330px;}

table.formDetail input[type=text], table.formDetail input[type=password], table.formDetail input[type=tel], table.formDetail input[type=email], table.formDetail textarea {padding-top: 8px; padding-bottom: 8px;}
table.formDetail select {padding-top: 7px; padding-bottom: 7px;}
table.sendForm input[type=text], table.sendForm input[type=password], table.sendForm input[type=tel], table.sendForm input[type=email] {padding-top: 8px; padding-bottom: 8px;}
table.sendForm select, table.tAccommodation select {padding-top: 7px!important; padding-bottom: 7px!important;}

#webContentOtherPages {padding-top: 10px;}

.creditLegend div {display: inline-block;}

table.userHistory i.fa-print {width: 18px; margin-right: 4px;}

ul.userMenu li a {padding: 0.65em 1em .5em;}

.infoTabContent {font-size: 1.0769230769230774em; /*14/13*/ line-height: 1.33em;}

table.barevna {width: auto;}

.paymentInfoRequired {padding: 0 8%;}

div.benefitPayment .obalInput {white-space: nowrap; display: inline-block; margin-right: 10px;}
div.inputObalMS {display: inline-block; white-space: nowrap;}

}


@media all and (min-width: 1100px) {

.box {width: 23%; padding-bottom: 23%;}

table.userHistory tr td.tdCreditName {width: 50%;}

}

@media all and (min-width: 1240px) {

#web {width: 100%;}

table.schemaLaneTable tr .lineNumber div {/*width: auto!important;*/ white-space: nowrap!important;}

#webContentOtherPages .ui-message {max-width: 50%;}
#iSportForm .ui-message {max-width: none;}

}

.hoverContentDiv {
	position: absolute;
	display:none;
	padding: 10px;
	z-index: 999;
	border: #cdcdcd 1px solid;
	background: #fff;
	text-align: left;
}