a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] { background: none; }
.fc .fc-toolbar { display: block; }
.fc-toolbar-chunk { margin-bottom: 10px; }
button { padding: 12px 18px; }

.row.header { margin-top: 25px; }
.row.header h4 { font-weight: bold; }
a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {
    outline-color: unset;
}
a:focus, input:focus, textarea:focus, button:focus {
    outline: none;
}
.wrappper.clients { overflow: scroll; }
table.clients { width: auto; min-width: 100%; border-collapse: collapse; }
tr.form, tr.detail { border: 1px solid grey; }
.wrappper { padding-top: 25px; }
.calendar .btn { border-radius: 0;}

table.customers tr.hidd td , table.trainers tr.hidd td { overflow: hidden;
    height: 0.01px;
    line-height: 0.01px;
    font-size: 0.01px;
    padding: 0;
    border-width: 0px;
    cursor: pointer;
    display: none;
}
.hidd select { display: none; }

/*table.customers tr:not(.lastrow) { height: 50px; }*/
table.customers tr.seprow { height: 1px; }
table.client-list tr.seprow { height: 1px; }
table.customers .fake-input { border: 1px solid gray; padding: 2px 5px; }


#uniModal { z-index: 10000; }
.modal-body {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}
.modal-dialog-wide{
    max-width: 80%;
}

.hide { display: none; }

.fl { float: left; margin-right: 10px; }
.az { padding: 0px 5px; border: 1px solid darkgrey; background-color: grey; color: white; cursor: pointer; }

.wrappper.trainers { /*overflow: scroll;*/ padding: 15px; }
.scrollbar-wrapper { max-width: 100%; overflow: auto; }
table.trainers { width: auto; min-width: 100%; border-collapse: collapse; margin-bottom: 0; }
table.trainers tr { border: 1px solid #777777; }
table.trainers th { border: 1px solid #777777; text-align: center; padding: 33px 5px; font-size: 14px; }
table.trainers td { border: 1px solid #777777; padding: 3px 5px; font-size: 14px; }
table.trainers td.sep, table.trainers th.sep { background-color: #0078c4; border-color: #0078c4; min-width: 10px; padding: 0; cursor: pointer; }
table.trainers td.sep.active, table.trainers th.sep.active { background-color: #3AC411; border-color: #3AC411; }
table.trainers td:not(.sep) { min-width: 120px; }
/*table.trainers input { padding: 2px; width: 100%; }*/
table.trainers td.extra.data .to-edit-wrapper { /*float: right; width: 50%;*/ width: 100%; }
table.trainers td.extra.data .inline-label { float: left; width: 50%; }
table.trainers td.extra.data input.inline.editing { padding: 2px; width: 70%; }
table.trainers button.ajax-add { padding: 2px 15px; background-color: #16a144; }
table.trainers td.extra.data.w250 { min-width: 250px; }
table.trainers tr.firstrow { border-top: 2px solid red; }
table.trainers td.invoice_fn { min-width: 520px; }
table.trainers td.paid { min-width: 250px; }

.show-arrow:hover { cursor: pointer; }

.wrappper.customers { overflow: scroll; padding: 15px 0; margin: 0 20px; }
table.customers { width: auto; min-width: 100%; border-collapse: collapse; }
table.customers th { border: 1px solid #777777; text-align: center; padding: 33px 5px; font-size: 14px; }
table.customers td { border: 1px solid #777777; padding: 3px 5px; font-size: 14px; }
table.customers td.sep, table.customers th.sep { background-color: #0078c4; border-color: #0078c4; min-width: 10px; padding: 0; cursor: pointer; }
table.customers td.sep.active, table.customers th.sep.active { background-color: #3AC411; border-color: #3AC411; }
table.customers td:not(.sep) { min-width: 120px; }
/*table.customers input { padding: 2px; width: 100%; }*/
table.customers td.extra.data .to-edit-wrapper { float: right; width: 70%; }
table.customers td.extra.data .inline-label { float: left; width: 30%; }
table.customers td.extra.data input.inline.editing { padding: 2px; width: 70%; }
table.customers tr.firstrow { border-top: 2px solid red; }
table.customers td.interest { min-width: 250px; }
table.customers td.paid { min-width: 250px; }
table.customers td.extra.data.w250 { min-width: 250px; }
table.customers tr.firstrow { border-top: 2px solid red; }
table.customers td.invoice_fn { min-width: 320px; }

.dog_del {
    min-width: 120px;
}

.to-clipboard {
    cursor: pointer;
    padding: 3px;
    border: 1px solid grey;
    background-color: #eeeeee;
}

table.modal-customers td:not(.sep) {
    min-width: 0;
}

table.payments td:not(.sep) { min-width: inherit; }

table.client-list {}
table.client-list td, table.client-list th { border: 1px solid #707070; }
table.client-list tr.seprow td { padding: 3px 5px; }
table.client-list th { background-color: #D8D8D8; text-align: center; }

.prepaid_wrapper .critical { color: red; }
.prepaid_wrapper .add { cursor: pointer; border: 1px solid #707070; min-width: 25px; text-align: center; padding: 1px 3px; background-color: #ffffff; font-size: 80%; font-weight: bold; float: left; margin-right: 5px; }
.prepaid_wrapper .view { cursor: pointer; border: 1px solid #707070; min-width: 25px; text-align: center; padding: 1px 3px; background-color: #ffffff; font-size: 80%; font-weight: bold; float: left; }

.paid input { padding: 2px; width: 100%; /* width: auto; */ float: left; clear: left; margin-top: 3px; }
.paid button { width: 100%; margin-bottom: 20px; }
.label_prepaid { float: left; clear: right; }
.input_prepaid { width: 100%; }

.training-time, .job-time, .hotel-time { text-align: center; }
.dogs-detail td { border: 1px solid grey; padding: 2px; }
.dogs-detail input { padding: 2px; width: 100%; }
.dogs-detail button { padding: 2px; width: 100%; }
input.mini, button.mini {padding: 2px; width: 100%; border: 1px solid grey; }

table.rewards { width: auto; margin-top: 35px; }
table.rewards td { background-color: #0078C4; border: 1px solid white; color: #000000; padding: 5px 20px; }
table.rewards tr.commission td { background-color: #015C00; color: #ffffff; }
button.invoice_upload, button.invoice_export {  background-color: #ffffff; border: 1px solid #16A144; color: #16A144; padding: 5px 20px; }
table.rewards.wf td { color: #ffffff; }

.day-stick { position: fixed; top: 0; z-index: 99999; width: inherit; max-width: inherit; }


table.invoices tr.credit-note td { background-color: #cccccc; }
table.invoice-rewards { margin: 5px; width: 100%; border-collapse: collapse; }
table.invoice-rewards td { color: black; border: 1px solid #333333; padding: 5px; }

table.invoice-button { margin-bottom: 0; }
table.invoice-button .rewards { width: 100%; margin-bottom: 0; }

/*table.trainer-invoice tr.extradata { display: none; }*/

.ajax-save.dis { opacity: 0.5; cursor: default; }
.job-wrapper { font-size: 14px; margin-bottom: 15px; }
.job-header { background-color: #0078c4; color: #ffffff; padding: 5px 10px; overflow: hidden; }
.job-date { float: left; }
.job-edit { float: right; cursor: pointer; }
.job-body { background-color: #e1d5fb; color: #000000; padding: 5px 10px; overflow: hidden;}
.job-title { font-weight: bold; }
.job-note { background-color: #5b5e60; color: #ffffff; padding: 5px 10px;}
.job-footer { background-color: #ffffff; color: #000000; }
.job-assign { background-color: #ff5555; padding: 10px; color: #ffffff; text-align: center; text-transform: uppercase; width: 100%; cursor: pointer; }
.job-done { background-color: #16a144; padding: 10px; color: #ffffff; text-align: center; text-transform: uppercase; width: 100%; cursor: pointer; }
.job-del { float: right; cursor: pointer; color: red; margin-top: 5px; }

.event { background-color: #16a144; padding: 10px; color: #ffffff; text-align: center; text-transform: uppercase; width: 100%; cursor: pointer; }
.event-running { background-color: #ff5555; }
.event-wrapper { font-size: 14px; margin-bottom: 15px; }
.event-header { background-color: #0078c4; color: #ffffff; padding: 5px 10px; overflow: hidden; }
.event-date { float: left; }
.event-edit { float: right; cursor: pointer; }
.event-del { float: right;
    cursor: pointer;
    color: red;
    margin-top: -13px;
    font-size: 24px;
}
.event-body { background-color: #e1d5fb; color: #000000; padding: 5px 10px; overflow: hidden; }
.event-title { font-weight: bold; }
.event-note { background-color: #5b5e60; color: #ffffff; padding: 5px 10px;}
.event-footer { background-color: #ffffff; color: #000000; }
.event-assign { background-color: #ff5555; padding: 10px; color: #ffffff; text-align: center; text-transform: uppercase; width: 100%; cursor: pointer; }
.event-done { background-color: #16a144; padding: 10px; color: #ffffff; text-align: center; text-transform: uppercase; width: 100%; cursor: pointer; }
.event-user { font-size: 16px; font-weight: bold; margin: 8px 0; }
.event.clone { background-color: #888888; }

table.rewards td.bg-individualny-trening, .bg-individualny-trening { background-color: #E4F0F8; }
table.rewards td.bg-skupinovy-trening, .bg-skupinovy-trening { background-color: #F3F8E4; }
table.rewards td.bg-skupinova-obrana, .bg-skupinova-obrana { background-color: #F3F8E4; }
table.rewards td.bg-skupinova-socializacia, .bg-skupinova-socializacia { background-color: #F3F8E4; }
table.rewards td.bg-skupinova-poslusnost, .bg-skupinova-poslusnost { background-color: #F3F8E4; }
table.rewards td.bg-online-trening, .bg-online-trening { background-color: #F5E4F8; }
table.rewards td.bg-hotel, .bg-hotel { background-color: #FCD5C0; }
table.rewards td.bg-online-hierarchia, .bg-online-hierarchia { background-color: #EFC3FF; }
table.rewards td.bg-individualna-hierarchia, .bg-individualna-hierarchia { background-color: #E4F0F8; }
table.rewards td.bg-problemove-spravanie, .bg-problemove-spravanie { background-color: #F2D6D6; }
table.rewards td.bg-denny-hotel-old, .bg-denny-hotel-old { background-color: #FCD5C0; }
table.rewards td.bg-individualny-trening-solo, .bg-individualny-trening-solo { background-color: #B8FCFC; }
table.rewards td.bg-skupinove-online-problemove-spravanie, .bg-skupinove-online-problemove-spravanie { background-color: #DFF2D6; }
table.rewards td.bg-krmenie-a-hygiena, .bg-krmenie-a-hygiena { background-color: #F2E7F4; }
table.rewards td.bg-socializacia-individualny-vycvik, .bg-socializacia-individualny-vycvik { background-color: #E4F0F8; }
table.rewards td.bg-ubytovanie-skusobne, .bg-ubytovanie-skusobne { background-color: #FCD5C0; }
table.rewards td.bg-ubytovanie, .bg-ubytovanie { background-color: #FCD5C0; }
table.rewards td.bg-ubytovanie-nadstandard, .bg-ubytovanie-nadstandard { background-color: #FCD5C0; }
table.rewards td.bg-ubytovanie-sale, .bg-ubytovanie-sale { background-color: #FCD5C0; }
table.rewards td.bg-ubytovanie-zlavnene, .bg-ubytovanie-zlavnene { background-color: #FCD5C0; }
table.rewards td.bg-ubytovanie-zlavnene-sale, .bg-ubytovanie-zlavnene-sale { background-color: #FCD5C0; }
table.rewards td.bg-denny-hotel, .bg-denny-hotel { background-color: #FCD5C0; }
table.rewards td.bg-denny-hotel-zlavneny, .bg-denny-hotel-zlavneny { background-color: #FCD5C0; }
.bg-group_total { background-color: #F3F8E4; }

.bg-vzdelavanie-hierarchia { background-color: #E4F0F8; }
.bg-cestovne-naklady { background-color: #E4F0F8; }
.bg-provizie { background-color: #E4F0F8; }

.event-row-date {
    font-size: 23px;
    font-weight: bold;
    background-color: lightgrey;
    width: 50vw;
    padding-left: 15px;
    line-height: 35px;
}

.interval_wrapper { clear: both; }
.interval_wrapper label { margin-top: 0.5rem; margin-bottom: 0; }

/*.fc-v-event.hotel, .fc-h-event.hotel, .fc-daygrid-event.hotel { border: 1px solid coral; background-color: coral; color: inherit; }*/
/*.fc-h-event.hotel .fc-event-main { color: inherit; }*/
/*.fc-v-event.hotel .fc-event-main { color: inherit; }*/
/*.fc-event-end.hotel:not(.fc-event-start) .fc-event-time { display: none; }*/
.fc-v-event, .fc-h-event, .fc-daygrid-event { color: inherit; }
.fc-h-event .fc-event-main { color: inherit; }
.fc-v-event .fc-event-main { color: inherit; }
.fc-event-end:not(.fc-event-start) .fc-event-time { display: none; }
.fc-direction-ltr .fc-timegrid-col-events { margin-right: 20%; }

.dog-form-wrapper { overflow: hidden; padding: 5px; border: 1px solid lightgray; }
.client-form-wrapper, .trainer-form-wrapper { overflow: hidden; padding: 5px; border: 1px solid lightgray; position: relative; }
.remove-client, .remove-trainer, .remove-invoice { position: absolute; right: 10px; color: red; cursor: pointer; }
.storno-invoice { position: absolute; right: 20px; top: 4px; color: orange; cursor: pointer; font-weight: bold; }
tr.storno, td.storno { background-color: #ff000017; }

.select2-container {
    width: 100%;
}
.select2-dropdown {
    background-color: white;
}

.clients-wrap { height: 300px; overflow: hidden; }

     /*
     i wish this required CSS was better documented :(
     https://github.com/FezVrasta/popper.js/issues/674
     derived from this CSS on this page: https://popper.js.org/tooltip-examples.html
     */

 .popper,
 .tooltip {
     position: absolute;
     z-index: 9999;
     background: #FFC107;
     color: black;
     width: 150px;
     border-radius: 3px;
     box-shadow: 0 0 2px rgba(0,0,0,0.5);
     padding: 10px;
     text-align: center;
 }
.style5 .tooltip {
    background: #1E252B;
    color: #FFFFFF;
    max-width: 200px;
    width: auto;
    font-size: .8rem;
    padding: .5em 1em;
}
.popper .popper__arrow,
.tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
}

.tooltip .tooltip-arrow,
.popper .popper__arrow {
    border-color: #FFC107;
}
.style5 .tooltip .tooltip-arrow {
    border-color: #1E252B;
}
.popper[x-placement^="top"],
.tooltip[x-placement^="top"] {
    margin-bottom: 5px;
}
.popper[x-placement^="top"] .popper__arrow,
.tooltip[x-placement^="top"] .tooltip-arrow {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}
.popper[x-placement^="bottom"],
.tooltip[x-placement^="bottom"] {
    margin-top: 5px;
}
.tooltip[x-placement^="bottom"] .tooltip-arrow,
.popper[x-placement^="bottom"] .popper__arrow {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}
.tooltip[x-placement^="right"],
.popper[x-placement^="right"] {
    margin-left: 5px;
}
.popper[x-placement^="right"] .popper__arrow,
.tooltip[x-placement^="right"] .tooltip-arrow {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}
.popper[x-placement^="left"],
.tooltip[x-placement^="left"] {
    margin-right: 5px;
}
.popper[x-placement^="left"] .popper__arrow,
.tooltip[x-placement^="left"] .tooltip-arrow {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}

.nav { margin-left: 0; width: 100%; }
.main-menu .nav-item { padding: 0.5rem 1rem;}
.main-menu .nav-link { color: #0078c4; font: normal normal bold 16px/18px Arial; text-transform: uppercase;
    border-bottom: 2px solid #ffffff; padding: 0; margin-bottom: 0.5rem; }
.main-menu .nav-link:hover { border-bottom: 2px solid #0078c4; }
.main-menu .nav-item.active .nav-link { border-bottom: 2px solid #0078c4; }
.sub-menu { background-color: #0078c4; color: #ffffff; }
.sub-menu .nav-item { padding: 0.5rem 0.9rem;}
.sub-menu .nav-link { color: #ffffff; font: normal normal bold 14px/16px Arial; text-transform: uppercase;
    border-bottom: 2px solid #0078c4; padding: 0; margin-bottom: 0.5rem; }
.sub-menu .nav-link:hover { border-bottom: 2px solid #ffffff; }
.sub-menu .nav-item.active .nav-link { border-bottom: 2px solid #ffffff; }

.buttons { text-align: right; }
button.fire-modal, button.generate-pdf, button.download-pdf, button.send-pdf { color: #16a144; font: normal normal bold 12px/14px Arial; text-transform: uppercase; cursor: pointer;
    border: 3px solid #16a144; width: 150px; }
button.fire-modal:hover, button.generate-pdf:hover, button.download-pdf:hover, button.send-pdf:hover { border: 3px solid #16a144; }
button.fire-modal:disabled, button.generate-pdf:disabled, button.download-pdf:disabled, button.send-pdf:disabled { cursor: not-allowed; }

button.narrow { padding: 10px 7px; width: 100px;  }

table.customers input[value=""]:not(.mini), table.customers input:not([value]):not(.mini),
table.trainers input[value=""]:not(.mini), table.trainers input:not([value]):not(.mini){
    background-color: yellow;
}

.form-check-label { margin-left: 5px; }

.type-wrapper {
    overflow: hidden;
    padding: 5px;
    border: 1px solid lightgray;
}
.type-wrapper .form-check { padding-left: 0; }
.type-wrapper .form-group { padding-left: 15px; }

.cas2 { display: none; }

@media (max-width: 576px) {
    .dt-profile h1 { font-size: 24px; }
    .main-menu .nav-item { padding-left: 0; padding-right: 2rem; }
    .main-menu .nav-link, .sub-menu .nav-link { font-size: 14px; line-height: 16px; }
    .buttons { text-align: center; margin-top: 20px; }
    /*.wrappper.customers { margin: 0 -20px; }*/

}

table td, table th {
    padding: 1em 1.41575em;
    text-align: left;
    vertical-align: top;
}

.woocommerce-input-wrapper {
    width: 100%;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2,
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    max-width: none;
}


.panel-grid.panel-has-style>.panel-row-style, .panel-grid.panel-no-style {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    -ms-justify-content: space-between;
    justify-content: space-between;
}
.panel-grid-cell {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.panel-grid-cell .panel-last-child {
    margin-bottom: 0;
}

.panel-grid-cell .so-panel {
    zoom: 1;
}

#panel-grid-0 { width:30.0073%;width:calc(30.0073% - ( 0.6999266324 * 30px ) ) }
#panel #panel-0 , #panel #panel-1 {  }
#panel-grid-1 { width:69.9927%;width:calc(69.9927% - ( 0.3000733676 * 30px ) ) }
#panel .so-panel { margin-bottom:35px }
#panel .so-panel:last-child { margin-bottom:0px }
@media (max-width:780px){
    #panel-grid.panel-no-style, #panel-grid.panel-has-style > .panel-row-style { -webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column }
    #panel-grid > .panel-grid-cell , #panel-grid > .panel-row-style > .panel-grid-cell { width:100%;margin-right:0 }
    #panel-grid-0 { margin-bottom:35px }
    #panel .panel-grid-cell { padding:0 }
    #panel .panel-grid .panel-grid-cell-empty { display:none }
    #panel .panel-grid .panel-grid-cell-mobile-last { margin-bottom:0px }
}

.form-control.search_input { width: auto; }
.form-control.submit_btn  { width: auto; }

/* new design fixes */

.dt-profile { display: block; margin: 80px 50px; }
.dt-profile h1 { font-size: 24px; }
.wrappper { margin-bottom: 80px; }
.wrappper h4 { font-size: 24px; }
#uniModal .modal-header h4 { font-size: 18px; }
.wrappper label { display: inline-block; margin-bottom: 5px; }
.modal-body label { display: inline-block; margin-bottom: 5px; }
.page-template-user-profile footer#footer { margin-top: 0; }
#wrapper { margin-top: -170px; max-width: 100%;  }
#myHeader { position: relative; }
.dt-profile .buttons { display: flex; flex-wrap: wrap; gap: 5px 10px; }
.dt-profile .buttons .break { width: 100%; }
table.rewards { height: 170px; width: 100%; white-space: normal; }
/*table.rewards.wf { width: auto; }*/

.paging { width: 30%; text-align: center; float: left; }
.paging.paging-100 { width: 100%; }

@media (max-width: 576px) {
    body.logged-in header {
        top: 82px;
    }
    #wrapper { overflow-x: scroll; }
    .dt-profile { margin: 20px; padding-top: 70px; }
    table.rewards { white-space: nowrap; }
    .wrappper.customers .paging { width: 100%; }
    .paging { width: 100%; }
}

.send_invoice_remainder {
    padding: 2px;
    border: 3px solid #16a144;
    width: auto;
    color: #16a144;
    text-align: center;
    cursor: pointer;
}
.send_invoice_remainder:hover {
    background-color: #d5d5d5;
}

#interest button {
    cursor: pointer !important;
    display: inline-block !important;
    margin-top: 0;
    padding: 17px 18px 19px !important;
    border-radius: 60px !important;
    border-width: 2px !important;
    border-style: solid !important;
    border-color: #0079c2;
    font-size: 14px !important;
    font-weight: 600 !important;
    background: #0079c2;
    color: #fff;
    -webkit-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    transition: 0.5s ease all;
    text-align: center;
    line-height: 1 !important;
    text-decoration: none;
}
#interest button:hover {
  border-color: #1f2732;
  background: #1f2732;
  color: #fff;
  text-decoration: none;
}
#interest button:focus {
  color: #fff;
}

.too-late .event-user,
.too-late .event-type,
.too-late .event-location {
    color: red;
}