@font-face {
    font-family: Myriad;
    src: url(../fonts/MYRIAD.ttf) format('truetype');
}

@font-face {
    font-family: MyriadB;
    src: url(../fonts/MYRIADB.ttf) format('truetype');
}

@font-face {
    font-family: Oswald-bold;
    src: url(../fonts/Oswald-Bold.otf) format('embedded-opentype');
}

@font-face {
    font-family: Wingding;
    src: url(../fonts/wingding.ttf) format('truetype');
}

@font-face {
    font-family: Wingding;
    src: url(../fonts/wingding.ttf) format('truetype');
}

.custom-success {
    background-color: green;
    color: white;
    padding: 3px;
    border-radius: 5px;
    font-size: 11px;
}

.custom-danger {
    background-color: darkred;
    color: white;
    padding: 3px;
    border-radius: 5px;
    font-size: 11px;
}

.custom-success:hover, .custom-danger:hover, .custom-success:focus, .custom-danger:focus {
    color: lightgrey;
}

/*menu new*/
#navigation {
    background-color: white;
    height: 80px;
}

h2.h2 {
    font-family: MyriadB;
    font-size: 30px;
}

nav.navbar-default {
    margin: 0;
    border-color: white;
}

.h2-margin {
    margin-bottom: 40px;
}

#menu-top {
    margin-top: -10px;
}

#menu-top a {
    font-size: 12px;
    color: black;
}

#navigation > .row {
    position: relative;
    margin-top: 27px;
}

#navigation {
    display: table-row;
}

#navigation.navbar-header {
    position: relative;
    top: 35px;
}

#navigation ul {
    display: table-cell;
    vertical-align: bottom;
    text-transform: uppercase;
    font-family: Myriad;
    padding-top: 10px;
}

#navigation i {
    color: #c6c6c6;
    font-size: 8px;
}

#navigation ul li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 25px;
}

#navigation ul li a {
    display: table-cell;
    vertical-align: middle;
}

.registrace {
    text-align: left;
    background-color: rgba(105, 105, 105, 0.5);
    color: #fff;
    border: 1px solid #9aa0ac;
    padding: 15px 15px 15px 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.registrace label {
    font-weight: 400;
}

.registrace .btn-primary {
    color: #fff;
    background-color: #e6007e;
    border-color: #e6007e;
    padding-bottom: 30px !important;
}

#navigation .menu_login .registrace {
    margin-bottom: 0px;
    color: #e6007e;
}

#navigation-mob {
    background-color: white;
}

@media (max-width: 991px) {
    .city-menuwrapper .navbar-toggle {
        display: block;
    }
}

.city-menuwrapper button i {
    color: white;
}

.city-menuwrapper button {
    background: #e6007e;
    border: none;
    width: 45px;
    height: 45px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: none;
    border-radius: 50%;
}

#navigation-mobile ul {
    list-style-type: none;
    vertical-align: bottom;
    text-transform: uppercase;
    font-family: Myriad;
    weight: 5px;
    padding-inline-start: 0px;
}

#navigation-mobile ul li {
    vertical-align: middle;
}

#navigation-mobile ul li a {
    vertical-align: middle;
    color: black;
}

#navigation-mobile i {
    color: #c6c6c6;
    font-size: 8px;
    vertical-align: 2px;
}

.menu-logo-menu-old {
    max-width: 100%;
}

.menu-logo-menu-old-mini {
    width: 30px;
}

.skin-blue .main-header .navbar {
    background-color: #f5f5f5;
}

.skin-blue .main-header .logo {
    background-color: #f5f5f5;
}

.company-title-toggle {
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.skin-blue .main-header .navbar .sidebar-toggle, .skin-blue .main-header .navbar .sidebar-toggle:hover, .skin-blue .main-header .navbar .nav > li > a, .skin-blue .main-header .navbar .nav > li > a:hover, .skin-blue .main-header .navbar .nav > li > a:active,
.skin-blue .main-header .navbar .nav > li > a:focus {
    color: black;
}

.skin-blue .main-header .navbar .nav > li > a:hover, .skin-blue .main-header .navbar .nav > li > a:active, .skin-blue .main-header .navbar .nav > li > a:focus, .skin-blue .main-header .navbar .nav .open > a,
.skin-blue .main-header .navbar .nav .open > a:hover, .skin-blue .main-header .navbar .nav .open > a:focus, .skin-blue .main-header .navbar .nav > .active > a {
    color: black;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background: rgba(0, 0, 0, 0.1);
}

.skin-blue .workshops-submenu > li.current > a {
    border-left-color: #e6007e !important;
}

.skin-blue .main-header li.user-header {
    background-color: white;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
    color: black;
}

.skin-blue .main-header .logo:hover {
    background: rgba(0, 0, 0, 0.1);
}


.menu-logo {
    position: absolute;
    max-width: 15%;
}

.menu-logo-mobil {
    position: absolute;
    max-width: 30%;
}

@media (min-width: 990px) {
    .menu-logo-mobil {
        display: none !important;
    }

    #navigation-mob {
        display: none;
    }
}

.navbar-header a.navbar-brand {
    display: inline-block;
    height: 70px;
    padding: 0px 0;
}

/*menu new end*/

.login {
    margin-top: 10%
}

.login .login-logo {
    padding-bottom: 35px;
    padding-top: 15px;
    background-color: #e7e7e7;
}

.login .data-body, .login .login-body {
    background-color: #e7e7e7;
    padding-bottom: 20px;
}

.skin-blue .sidebar-menu > li.current > a {
    border-left-color: #e6007e;
}

.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.current > a, .skin-blue .sidebar-menu > li.menu-open > a {
    color: #e6007e;
    background-color: #f8f8f8;
}

.workshops-menu > li.header > a {
    color: #ffffff;
}

.workshops-menu .header > .btn-success:hover {
    color: #fff;
    background-color: #008d4c;
    border-color: #00a65a;
}

.workshops-submenu > li > a {
    color: #1e282c;
}

.skin-blue .workshops-submenu > li:hover > a, .skin-blue .workshops-submenu > li.current > a, .skin-blue .workshops-submenu > li.menu-open > a {
    background-color: #e1e3e9;
}

.skin-blue .workshops-submenu > li.current > a {
    border-left: 3px solid #3c8dbc;
}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #f8f8f8;
}

.skin-blue .sidebar-menu > li.header {
    background-color: #f8f8f8;
}

.skin-blue .sidebar a {
    color: #333;
}

.logo-footer {
    max-width: 48%;
    margin: auto;
    filter: brightness(0.4);
    padding: 0;
}

.footer .city-name {
    font-size: 17px;
    letter-spacing: 0.5px;
}

.footer .col-md-4 > a {
    text-align: center;
}

.footer a {
    font-weight: 600;
}

.footer a:link {
    color: #666;
    text-decoration: none;
    transition: all 0.4s ease;
}

.footer a:visited {
    color: #666;
    text-decoration: none;
    transition: all 0.4s ease;
}

.footer a:hover,
.partneri a:hover {
    color: #ec008c;
    text-decoration: none;
}

footer {
    font-family: Calibri, Arial, sans-serif;
    background-color: #efefef;
    padding-top: 15px;
    color: #666;
    font-size: 14px;
    line-height: 22px;
    /*width: 102%;
    margin-left: -1%;*/
}

.footer li {
    display: inline-block;
    padding: 0px 15px;
}

.footer ul {
    text-align: center;
}

.footer p {
    color: #666;
    padding: 0px 15px;
    margin: 0 0 15px;
}

@media (min-width: 1200px) {
    .container.footer {
        width: 1170px;
    }
}

@media (max-width: 992px) {
    .logo-footer {
        padding-bottom: 15px;
    }

    .footer .col-md-9 > .col-md-4 {
        text-align: center;
    }
}

footer.main-footer {
    padding: 0;
    margin: 0;
    padding-top: 15px;
    margin-top: auto;
    background-color: #efefef;
}

@media (max-width: 767px) {
    .sidebar-open footer.main-footer {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

body.sidebar-mini.sidebar-collapse .main-footer {
    padding: 0 !important;
    margin: 0 !important;
}

div.content-wrapper {
    background-color: white;
}

.btn.btn-termin {
    margin-left: 20px;
    width: 80%;
    height: 26px;
    padding-top: 2px;
    background-color: #e6007d;
    color: white;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 20px;
}

.opacity-half {
    opacity: 0.5;
}

.company-select img {
    border: 1px solid #878786;
}

.company-select a:hover img {
    border-color: #e6007d;
    opacity: 0.8;
}

.user-footer ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

a.fc-event {
    cursor: pointer;
}

.fc-event > .fc-delete {
    color: white;
    height: 100%;
    float: left;
    width: 10px;
    margin-right: 2px;
    display: inline-flex;
    padding-left: 1px;
    padding-right: 1px;
    margin-top: 1px;
}

.fc-event .fc-content .fc-time, .fc-event .fc-content .fc-title {
    white-space: normal;
}

.fc-event .fc-strip {
    position: relative;
    width: 7px;
    height: 120%;
    margin-left: 3px;
    margin-right: 3px;
    display: inline-block;
    top: -16px;
    opacity: 0.7;
}

.sidebar-menu .treeview .filter-button {
    background-color: #f4f4f4;
    border: 2px dotted #e6007e;
    border-radius: 7px;
    color: black;
    border: none;
}

.sidebar-menu .treeview .filter-button:hover {
    border-color: #e6007e;
    background-color: #fafafa;
    border: none;
}

ul.sidebar-menu > li.menu-open > a.filter-button {
    background-color: #fafafa;
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

ul.sidebar-menu > li.treeview > ul.filter-form {
    color: black;
    padding: 20px;
    background-color: rgb(244, 244, 244);
    border-left: 2px dotted #e6007e;
    border-right: 2px dotted #e6007e;
    border-bottom: 2px dotted #e6007e;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border: none;
}

ul.sidebar-menu > li.treeview > ul.filter-form .btn-primary {
    margin-top: 15px;
    width: 100%;
    background-color: #e6007e;
}

.company-choice {
    padding-left: 25px;
    padding-right: 25px;
}

.company-choice .company-max-width {
    max-width: 480px;
}

.company-choice img {
    border: 1px solid #878786;
    background-color: transparent;
    z-index: 2;
    width: 450px;
    height: 180px;
}

.company-choice .info-pink, .company-choice .info-pink a {
    font-family: MyriadB;
    font-size: 14px;
    color: #e6007d;
}

.company-choice .info {
    font-family: Myriad;
    color: #000;
}

.company-choice .info span {
    font-family: Myriad;
    color: #878786
}

.company-choice a:hover img {
    border-color: #e6007d;
    opacity: 0.8;
}

.company-choice .row {
    margin-top: 5px;
}

ul.rs-filtered .treeview a.filter-button {
    border-color: #dd4b39;
}

ul.rs-filtered.sidebar-menu > li.treeview > ul.filter-form {
    border-left: 2px dotted #dd4b39;
    border-right: 2px dotted #dd4b39;
    border-bottom: 2px dotted #dd4b39;
}

div.modal-content {
    background-color: #fff;
}

div.modal-body {
    background-color: #f4f4f4;
    border-radius: 15px;
}

div.btn-info-modal {
    border: 2px dotted #00c0ef;
}

div.btn-danger-modal {
    border: 2px dotted #dd4b39;
}

div.btn-warning-modal {
    border: 2px dotted #f39c12;
}

div.btn-info-modal i {
    color: #00c0ef;
    margin-bottom: 10px;
}

div.btn-danger-modal i {
    color: #dd4b39;
    margin-bottom: 10px;
}


div.btn-warning-modal i {
    color: #f39c12;
    margin-bottom: 10px;
}

div.modal-body .modal-text {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: white;
    padding-left: 20px;
    left: -15px;
    position: relative;
}

div.modal-body a {
    margin-right: 5px;
}

.ulless-filter .btn-primary {
    margin-top: 25px;
    width: 100%;
    border: none;
}

ul.rs-filtr {
    margin-bottom: 20px;
}

.flash-messenger .alert {
    border-radius: 0;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border-color: #e6007e;
    background-color: #e6007e;
}

.booking-status-change {
    list-style-type: none;
    display: inline-block;
}

.notifications-menu > .btn-info:hover, .notifications-menu > .btn-info:active {
    background-color: #ec008c;
    color: white;
}

.table li.booking-status-change > .dropdown-menu-emaily {
    width: 150px;
    display: block;
}

a.status-change {
    margin-right: 4px;
}

.table ul.navbar-nav > li > a {
    padding: 6px 12px;
}

.table ul.navbar-nav > li > a {
    padding: 6px 12px;
}

.table ul.nav > li > a {
    padding: 6px 12px;
}

ul.nav li.notifikace-booking ul.dropdown-menu li ul.menu a h4 {
    margin: 0 0 0 0;
}

ul.nav li.notifikace-booking ul.dropdown-menu li ul.menu a p {
    margin: 0 0 0 0;
}

ul.navbar-nav li.booking-status-change ul.dropdown-menu-emaily li.email-state-header {
    background: #3c8dbc;
    color: white;
}

div.popover {
    min-width: 275px;
    max-width: 600px;
}

div.popover div.popover-content {
    padding: 0;
    max-width: 330px;
}

.popover-header-termin {
    padding: 5px;
    color: white;
}

.popover-controll-termin {
    width: 330px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
    background-color: #e9e9e9;
}

.popover-content-termin {
    padding: 5px;
}

.popover-controll-termin > div {
    margin-top: 5px;
}

.popover-header-booking {
    padding: 5px;
    color: white;
}

.popover-controll-booking {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
    background-color: #e9e9e9;
}

.popover-content-booking {
    padding: 5px;
}

.popover-controll-booking > div {
    margin-top: 5px;
}

.popover-controll-booking a {
    width: 100%;
}

.fc-termin-aborted .fc-content {
    background: white;
    color: black;
    height: 100%;
}

.item-booking {
    padding-left: 5px;
    padding-right: 5px;
}

.item-booking-liche {
    background-color: #e9e9e9;
}

.pull-left-booking {
    width: 49%;
    display: inline-block;
}

.pull-right-booking {
    width: 49%;
    display: inline-block;
    text-align: right;
}

.popover-list-booking {
    max-height: 150px;
    overflow: auto;
}

div.ulless-filter {
    background-color: #f4f4f4;
    border: 2px dotted #e6007e;
    border-radius: 7px;
    color: black;
    padding: 15px;
    border: none;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    color: black;
    background-color: #f4f4f4;
}

.select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
    border-color: #e6007e;
}

.select2-container--bootstrap .select2-dropdown {
    border-color: #e6007e;
}

.form-control:focus {
    border-color: #e6007e;
}

#zakaznici_filter_datumVytvoreni > div:nth-of-type(2) {
    margin-left: 30px;
}

#zakaznici_filter_datumVytvoreni > div {
    display: inline-block;
}

#zakaznici_filter_datumVytvoreni_left_datetime, #zakaznici_filter_datumVytvoreni_right_datetime {
    display: inline-block;
    margin: 0px 5px;
}

.form-field-hidden {
    visibility: hidden;
    position: absolute;
}

a.event-checked {
    border-left: 10px solid;
    border-top: 5px solid;
    border-bottom: 5px solid;
}

.multi-choice-termin {
    font-size: 16px;
    zoom: 1.5;
    margin-left: 7PX;
    margin-right: 10px;
    height: 35px;
}

.multi-choice-termin input[type=checkbox] {
    margin-top: 10px;
}

th .asc::after {
    padding-left: 5px;
    font-family: 'Glyphicons Halflings';
    content: "\e155";
    color: #EE5757;
}

th .desc::after {
    padding-left: 5px;
    font-family: "Glyphicons Halflings";
    content: "";
    color: rgb(238, 87, 87);
}

th .sortable::after {
    padding-left: 5px;
    font-family: "Glyphicons Halflings";
    content: "";
    color: rgb(181, 181, 181);
}

a.btn {
    margin: 1px;
}

table a.btn {
    width: 40px;
    height: 35px;
}

.popover-controll-termin .grid-termin-popouver {
    display: inline-grid;
}

.sluzba-select span.select2-selection.select2-selection--single {
    background-color: #eeeeee;
}

.select2-container .select2-selection--single,
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    text-align: left;
}

#modal {
    z-index: 1500;
}

.btn.btn-facebook {
    float: left;
}

.company-create-new .company-max-width .info-pink {
    font-size: 20px;
    text-align: center;
    position: relative;
    top: -40px;
    z-index: 1;
}

.company-view-logo-choice {
    text-align: center;
    color: #8c8c8c;
    position: relative;
}

.company-view-logo-choice .info-default-1 {
    font-size: 20px;
    position: absolute;
    bottom: 100px;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
}

.company-view-logo-choice .info-default-2 {
    font-size: 20px;
    position: absolute;
    bottom: 65px;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
}

.company-info-choice {
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 20px;
}

.company-view-logo-choice-pink {
    text-align: center;
    color: #e6007d;
    position: relative;
}

.company-create-new .info-pink-1 {
    font-size: 20px;
    position: absolute;
    bottom: 100px;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
}

.company-create-new .info-pink-2 {
    font-size: 20px;
    position: absolute;
    bottom: 65px;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
}

.select2-container #select2-sluzba-choice-global-api-results .select2-results__option[aria-disabled=true],
.select2-container #select2-poskytovatel-choice-global-api-results .select2-results__option[aria-disabled=true] {
    display: none;
}

.tooltip-bubble {
    border-radius: 30px;
    padding: 0px;
    background-color: #3c8dbc;
    width: 16px;
    color: white;
    border: white;
    padding-right: 1px;
}

.info-helper {
    margin-bottom: 15px;
    margin-left: 15px;
    border: 1px solid gray;
    padding: 10px;
    color: #636363;
    border-radius: 26px;
}

.panel {
    border-color: #cecece;
}

.panel a {
    color: #e6007e
}

.panel a:hover {
    color: #e6007e
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green a {
    color: #5cb85c;
}

.panel-blue {
    border-color: #428bca;
}

.panel-blue .panel-heading {
    color: #fff;
    background-color: #428bca;
    border-color: #428bca;
}

.panel-blue a {
    color: #428bca;
}

.huge {
    font-size: 40px;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.content-wrapper table.table {
    word-break: break-word;
}

.bookmark-product-group-autoscroll,
.bookmark-voucher-group-autoscroll
{
    background-color: #eaeaef;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 1px;
    color: black;
}

.position-relative {
    position: relative;
}

.produkt-index-position-absolute {
    position: absolute;
    margin-top: 3px;
    margin-left: 3px;
}

.booking-table-nadpis {
    border-top: none !important;
}

.booking-table-nadpis h4 {
    margin-bottom: 0;
    font-weight: 600;
}

.support-after-registration {
    position: relative;
}

h4.support-after-registration a.btn-login-after-registration {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0 !important;
}

.flash-messenger .alert a {
    text-decoration: none;
}

.text-sm .main-sidebar .brand-link {
    padding-top: 4px;
    padding-bottom: 4px;
}

input.form-control:focus {
    box-shadow: none;
}

.logo-mini {
    display: none;
    text-align: center;
}

body.sidebar-collapse .logo-lg {
    display: none;
}

body.sidebar-collapse .logo-mini {
    display: block;
}

body.sidebar-collapse .nav-item-back {
    margin-bottom: 30px;
}

.user-header {
    height: 85px;
    width: 100%;
    text-align: center;
    display: inline-table;
    padding-top: 15px;
}

.user-header img {
    height: 100px;
}

.navbar-nav > .user-menu > .dropdown-menu > div.user-body {
    border-bottom: none;
}

.dropdown-menu {
    margin-top: 8px;
    border-top-color: #dee2e6;
}

.workshop-choice .btn-success {
    border-radius: 0;
    margin-left: 0;
    margin-top: 0;
}

.text-sm a.nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
}

.container.footer {
    font-family: Calibri, Arial, sans-serif;
    background-color: #efefef;
    padding-top: 15px;
    color: #666;
    font-size: 14px;
    line-height: 22px;
}

.main-header .logo-lg {
    width: 196px;
}

.wrapper footer.main-footer {
    margin-top: 15px;
}

th .sortable::after {
    display: none;
}

.sortable .float-right {
    float: none !important;
}

.workshop-choice-wrapper {
    display: flex;
}

.workshop-choice-wrapper a {
    width: 60px;
}

.workshop-choice-wrapper a:first-child {
    width: 100%;
}

.citydiary-bookmark-content {
    visibility: hidden;
    position: absolute;
}

.citydiary-bookmark-content:not(.citydiary-active-bookmark-content) {
    height: 0;
    overflow: auto;
}

.citydiary-bookmark-content.citydiary-active-bookmark-content {
    visibility: visible;
    position: relative;
}

.citydiary-bookmark,
.citydiary-bookmark-email{
    color: #fff;
    background-color: #e6007e;
    border-color: #de0076;
    box-shadow: none;
    margin-right: 1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    bottom: -1px;
    position: relative;
    border-bottom: none;
}

.citydiary-bookmark:active,
.citydiary-bookmark-email:active {
    color: #fff;
    background-color: #de0076;
    border-color: #de0076;
}

.citydiary-bookmark:focus,
.citydiary-bookmark-email:focus {
    color: #fff;
    background-color: #de0076;
    border-color: #de0076;
}

.citydiary-bookmark:hover,
.citydiary-bookmark-email:hover {
    color: #fff;
    background-color: #de0076;
    border-color: #de0076;
}

.citydiary-bookmark.citydiary-active-bookmark {
    border-color: #ced4da;
    background-color: #ffffff;
    color: black;
    border-bottom: none;
}

.bookmark-wrapper {
    display: flex;
    border-bottom: 1px solid #ced4da;
    margin-bottom: 20px;
    overflow-x: scroll;
    overflow-y: hidden;
}

#service-group-calendar-filter.bookmark-wrapper,
#service-calendar-filter.bookmark-wrapper{
    justify-content: center;
}

#rs2_workshop_color,
#rs2_employee_color,
#rs2_product_group_color,
#rs2_product_color,
#rs2_voucher_group_color,
#rs2_voucher_color,
#rs2_service_group_color,
#rs2_service_color,
#rs2_employee_access_color {
    display: flex;
}

.color-ffffff,
.color-ffffff + label,
.color-ffffff .fc-event-time,
.color-ffffff .fc-event-title {
    background-color: #ffffff !important;
    color: black !important;
}

.color-d50000,
.color-d50000 + label,
.color-d50000 .fc-event-time,
.color-d50000 .fc-event-title {
    background-color: #d50000 !important;
    color: white !important;
}

.color-e67c73,
.color-e67c73 + label,
.color-e67c73 .fc-event-time,
.color-e67c73 .fc-event-title {
    background-color: #e67c73 !important;
    color: white !important;
}

.color-f4511e,
.color-f4511e + label,
.color-f4511e .fc-event-time,
.color-f4511e .fc-event-title {
    background-color: #f4511e !important;
    color: white !important;
}

.color-f6bf26,
.color-f6bf26 + label,
.color-f6bf26 .fc-event-time,
.color-f6bf26 .fc-event-title {
    background-color: #f6bf26 !important;
    color: white !important;
}

.color-33b679,
.color-33b679 + label,
.color-33b679 .fc-event-time,
.color-33b679 .fc-event-title {
    background-color: #33b679 !important;
    color: white !important;
}

.color-0b8043,
.color-0b8043 + label,
.color-0b8043 .fc-event-time,
.color-0b8043 .fc-event-title {
    background-color: #0b8043 !important;
    color: white !important;
}

.color-039be5,
.color-039be5 + label,
.color-039be5 .fc-event-time,
.color-039be5 .fc-event-title {
    background-color: #039be5 !important;
    color: white !important;
}

.color-3f51b5,
.color-3f51b5 + label,
.color-3f51b5 .fc-event-time,
.color-3f51b5 .fc-event-title {
    background-color: #3f51b5 !important;
    color: white !important;
}

.color-7986cb,
.color-7986cb + label,
.color-7986cb .fc-event-time,
.color-7986cb .fc-event-title {
    background-color: #7986cb !important;
    color: white !important;
}

.color-ba55d3,
.color-ba55d3 + label,
.color-ba55d3 .fc-event-time,
.color-ba55d3 .fc-event-title {
    background-color: #ba55d3 !important;
    color: white !important;
}

.color-8e24aa,
.color-8e24aa + label,
.color-8e24aa .fc-event-time,
.color-8e24aa .fc-event-title {
    background-color: #8e24aa !important;
    color: white !important;
}

.color-616161,
.color-616161 + label,
.color-616161 .fc-event-time,
.color-616161 .fc-event-title {
    background-color: #616161 !important;
    color: white !important;
}

.color-bfdeff,
.color-bfdeff + label,
.color-bfdeff .fc-event-time,
.color-bfdeff .fc-event-title {
    background-color: #bfdeff !important;
    color: black !important;
}

.color-d9edf7,
.color-d9edf7 + label,
.color-d9edf7 .fc-event-time,
.color-d9edf7 .fc-event-title {
    background-color: #d9edf7 !important;
    color: black !important;
}

.color-dff0d8,
.color-dff0d8 + label,
.color-dff0d8 .fc-event-time,
.color-dff0d8 .fc-event-title {
    background-color: #dff0d8 !important;
    color: black !important;
}

.color-fcf8e3,
.color-fcf8e3 + label,
.color-fcf8e3 .fc-event-time,
.color-fcf8e3 .fc-event-title {
    background-color: #fcf8e3 !important;
    color: black !important;
}

.color-48d1cc,
.color-48d1cc + label,
.color-48d1cc .fc-event-time,
.color-48d1cc .fc-event-title {
    background-color: #48d1cc !important;
    color: black !important;
}

.color-e6e6fa,
.color-e6e6fa + label,
.color-e6e6fa .fc-event-time,
.color-e6e6fa .fc-event-title {
    background-color: #e6e6fa !important;
    color: black !important;
}

.color-deb887,
.color-deb887 + label,
.color-deb887 .fc-event-time,
.color-deb887 .fc-event-title {
    background-color: #deb887 !important;
    color: black !important;
}

.color-dda0dd,
.color-dda0dd + label,
.color-dda0dd .fc-event-time,
.color-dda0dd .fc-event-title {
    background-color: #dda0dd !important;
    color: black !important;
}
.booking-calednar .fc-event {
    border: 1px solid gray !important;
}

.booking-calednar .border-unapproved{
    border: 2.5px #dc3545 !important;
}
.booking-calednar .border-approved{
    border: 2.5px #28a745 !important;
}
.booking-calednar .border-cleared{
    border: 2.5px #007bff !important;

}

input.color-showcase {
    position: relative;
    top: 4px;
    left: 17px;
}

input.color-showcase + label {
    border-radius: 15px;
    padding: 4px;
    border: 1px solid #ced4da;
    width: 45px;
    height: 40px;
    font-size: 0;
}

.availabilities {
    list-style-type: none;
    padding-left: 0;
}

.availabilities li {
    display: flex;
    list-style-type: none;
    flex-wrap: wrap;
    padding: 5px;
}
.availability-item-form .form-group {
    margin-right: 5px;
}
.availability-item-form {
    border-bottom: 1px solid #ced4da;
    margin-bottom: 10px;
}
.availability-item-form > button {
    width: 100%;
}
.availability-item-form-new {
    background-color: #d3eacf;
}
.availability-item-form-new > div {
    display: flex;
    list-style-type: none;
    padding-left: 0;
    flex-wrap: wrap;
}
.availability-item-form-new .form-group {
    margin-right: 5px;
}
.availability-item-form-new {
    border-bottom: 1px solid #ced4da;
    margin-bottom: 10px;
}
.availability-item-form-new > button {
    width: 100%;
}

.availabilities li:last-child {
    width: 100%;
}

.availabilities li:last-child button {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #2C3E50;
    background-color: var(--fc-button-bg-color, #2C3E50);
    border-color: #2C3E50;
    border-color: var(--fc-button-border-color, #2C3E50);
    border-radius: .25em;
}

.availabilities li:last-child button:hover {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #1e2b37;
    background-color: var(--fc-button-hover-bg-color, #1e2b37);
    border-color: #1a252f;
    border-color: var(--fc-button-hover-border-color, #1a252f);
}
#availability-calendar .fc-day {
    background-color: #f0f0f0;
}
#availability-calendar .fc-day.fc-day-today {
    background-color: #f5f5f5;
}
#availability-calendar .fc-daygrid-day {
    background-color: #f0f0f0;
}
#availability-calendar .fc-daygrid-day.fc-day-today {
    background-color: #f5f5f5;
}

.fc .fc-timegrid-now-indicator-line{
    border-width: 2.5px 0 0;
}

.vacations {
    list-style-type: none;
    padding-left: 0;
}

.vacations li {
    display: flex;
    list-style-type: none;
    flex-wrap: wrap;
    padding: 5px;
}
.vacation-item-form .form-group {
    margin-right: 5px;
}
.vacation-item-form {
    border-bottom: 1px solid #ced4da;
    margin-bottom: 10px;
}
.vacation-item-form > button {
    height: 38px;
    margin-top: auto;
}
.vacation-item-form-new {
    background-color: #d3eacf;
}
.vacation-item-form-new > div {
    display: flex;
    list-style-type: none;
    padding-left: 0;
    flex-wrap: wrap;
}
.vacation-item-form-new .form-group {
    margin-right: 5px;
}
.vacation-item-form-new {
    border-bottom: 1px solid #ced4da;
    margin-bottom: 10px;
}
.vacation-item-form-new > button {
    height: 38px;
    margin-top: auto;
    margin-left: 10px;
}

.vacations li:last-child {
    width: 100%;
}

.vacations li:last-child button {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #2C3E50;
    background-color: var(--fc-button-bg-color, #2C3E50);
    border-color: #2C3E50;
    border-color: var(--fc-button-border-color, #2C3E50);
    border-radius: .25em;
}

.vacations li:last-child button:hover {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #1e2b37;
    background-color: var(--fc-button-hover-bg-color, #1e2b37);
    border-color: #1a252f;
    border-color: var(--fc-button-hover-border-color, #1a252f);
}

.variants {
    list-style-type: none;
    padding-left: 0;
}
.variants li {
    display: flex;
    list-style-type: none;
    flex-wrap: wrap;
    padding: 5px;
}
.variant-item-form .form-group {
    margin-right: 5px;
}
.variant-item-form {
    border-bottom: 1px solid #ced4da;
    margin-bottom: 10px;
}
.variant-item-form > button {
    width: 100%;
}
.variant-item-form-new {
    background-color: #d3eacf;
}
.variant-item-form-new > div {
    display: flex;
    list-style-type: none;
    padding-left: 0;
    flex-wrap: wrap;
    margin-bottom: 5px;
}
.variant-item-form-new .form-group {
    margin-right: 5px;
}
.variant-item-form-new {
    border-bottom: 1px solid #ced4da;
    margin-bottom: 10px;
}
.variant-item-form-new > button {
    width: 100%;
}

.variants li:last-child {
    width: 100%;
}

.variants li:last-child button {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #2C3E50;
    background-color: var(--fc-button-bg-color, #2C3E50);
    border-color: #2C3E50;
    border-color: var(--fc-button-border-color, #2C3E50);
    border-radius: .25em;
}

.variants li:last-child button:hover {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #1e2b37;
    background-color: var(--fc-button-hover-bg-color, #1e2b37);
    border-color: #1a252f;
    border-color: var(--fc-button-hover-border-color, #1a252f);
}

.durations {
    list-style-type: none;
    padding-left: 0;
}
.durations li {
    display: flex;
    list-style-type: none;
    flex-wrap: wrap;
    padding: 5px;
}
.duration-item-form .form-group {
    margin-right: 5px;
}
.duration-item-form {
    border-bottom: 1px solid #ced4da;
    margin-bottom: 10px;
}
.duration-item-form > button {
    width: 100%;
}
.duration-item-form-new {
    background-color: #d3eacf;
}
.duration-item-form-new > div {
    display: flex;
    list-style-type: none;
    padding-left: 0;
    flex-wrap: wrap;
    margin-bottom: 5px;
}
.duration-item-form-new .form-group {
    margin-right: 5px;
}
.duration-item-form-new {
    border-bottom: 1px solid #ced4da;
    margin-bottom: 10px;
}
.duration-item-form-new > button {
    width: 100%;
}

.durations li:last-child {
    width: 100%;
}

.durations li:last-child button {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #2C3E50;
    background-color: var(--fc-button-bg-color, #2C3E50);
    border-color: #2C3E50;
    border-color: var(--fc-button-border-color, #2C3E50);
    border-radius: .25em;
}

.durations li:last-child button:hover {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #1e2b37;
    background-color: var(--fc-button-hover-bg-color, #1e2b37);
    border-color: #1a252f;
    border-color: var(--fc-button-hover-border-color, #1a252f);
}

.combinations {
    list-style-type: none;
    padding-left: 0;
}
.combinations li {
    display: flex;
    list-style-type: none;
    flex-wrap: wrap;
    padding: 5px;
}
.combination-item-form .form-group {
    margin-right: 5px;
}
.combination-item-form {
    border-bottom: 1px solid #ced4da;
    margin-bottom: 10px;
}
.combination-item-form > button {
    width: 100%;
}
.combination-item-form-new {
    background-color: #d3eacf;
}
.combination-item-form-new > div {
    display: flex;
    list-style-type: none;
    padding-left: 0;
    flex-wrap: wrap;
    margin-bottom: 5px;
}
.combination-item-form-new .form-group {
    margin-right: 5px;
}
.combination-item-form-new {
    border-bottom: 1px solid #ced4da;
    margin-bottom: 10px;
}
.combination-item-form-new > button {
    width: 100%;
}

.combinations li:last-child {
    width: 100%;
}

.combinations li:last-child button {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #2C3E50;
    background-color: var(--fc-button-bg-color, #2C3E50);
    border-color: #2C3E50;
    border-color: var(--fc-button-border-color, #2C3E50);
    border-radius: .25em;
}

.combinations li:last-child button:hover {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #1e2b37;
    background-color: var(--fc-button-hover-bg-color, #1e2b37);
    border-color: #1a252f;
    border-color: var(--fc-button-hover-border-color, #1a252f);
}

.hr-div {
    width: 100%;
    border-bottom: 1px solid #ced4da;
    margin-top: 0;
    margin-bottom: 10px;
}
#loading {
    margin-bottom: 15px;
}

#loading-text{
    z-index: 100;
    position: fixed;
    top: 50%;
    left: 50%;
    height: 0;
    width: 100%;
    font-size: 2.5rem;
}

.booking-form {
    display: block;
    border: none;
    border-radius: 7px;
    min-height: 790px;
    color: black;
    margin: auto;
    padding: 0px;
    padding-bottom: 0px;
    padding-top: 25px;
    margin-bottom: 15px;
}
.booking-form .header-city-diary {
    text-align: center;
}
.booking-form .content-city-diary {
    min-height: 700px;
    overflow: auto;
    height: 700px;
    font-family: 'Proxima', sans-serif;
    margin-bottom: 5px;
}
.booking-form .footer-city-diary {
    font-size: 15px;
    display: flex;
    text-align: center;
    height: 50px;
    font-family: 'Proxima', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.42857143;
    padding: 5px;
    z-index: 10;
    border-top: none;
    width: 100%;
}
.booking-form .craue_formflow_buttons button {
    margin-left: 0px;
    border: 1px solid #dee2e6;
    position: relative;
    cursor: pointer;
    padding: 5px 25px;
    font-size: 20px;
    font-weight: 500;
    margin-top: 0px;
    box-shadow: none;
    min-height: 40px;
    margin-right: 5px;
    border-radius: .25em;
    float: left;
    background-color: #efefef;
    color: black;
}
.booking-form button:focus {
    outline: none;
}
.booking-form button.craue_formflow_button_last {
    background-color: #e4087e;
    color: #fff;
    float: right;
}
.booking-form .booking-step-content-city-diary {
    text-align: center;
    margin-bottom: 25px;
}
.booking-form .iradio_line-pink, .booking-form .icheckbox_line-pink {
    width: 70%;
    margin: auto;
    margin-bottom: 3px;
}
.booking-form .form-control {
    margin: auto;
    margin-bottom: 3px;
}
.booking-form .icheckbox_line-pink, .booking-form .iradio_line-pink {
    background-color: #eeeeee;
    color: black;
}
.booking-form .icheck_line-icon {
    color: black;
    background: none;
    height: 15px;
    top: 40%;
}
.booking-form .icheck_line-icon {
    color: black;
    background: none;
    height: 15px;
    top: 45%;
}
.booking-form .icheckbox_line-pink.checked, .booking-form .iradio_line-pink.checked {
    background: #e4087e;
    color: white;
}
.booking-form .icheckbox_line-pink.hover, .booking-form .icheckbox_line-pink.checked.hover, .booking-form .iradio_line-pink.hover {
    background: #e4087e;
    color: white;
}
.booking-form .icheckbox_line-pink.hover .icheck_line-icon, .booking-form .icheckbox_line-pink.checked .icheck_line-icon, .booking-form .icheckbox_line-pink.checked.hover .icheck_line-icon, .booking-form .iradio_line-pink.hover .icheck_line-icon, .booking-form .iradio_line-pink.checked .icheck_line-icon {
    background: #e4087e;
    color: white;
}

.booking-form .icheckbox_line-pink .icheck_line-icon .fa-times{
    display: block;
}
.booking-form .icheckbox_line-pink .icheck_line-icon .fa-check{
    display: none;
    top: 1px;
    position: relative;
}
.booking-form .icheckbox_line-pink.hover .icheck_line-icon .fa-times, .booking-form .icheckbox_line-pink.checked .icheck_line-icon .fa-times, .booking-form .icheckbox_line-pink.checked.hover .icheck_line-icon .fa-times, .booking-form .iradio_line-pink.hover .icheck_line-icon .fa-times, .booking-form .iradio_line-pink.checked .icheck_line-icon .fa-times{
    display: none;
}
.booking-form .icheckbox_line-pink.hover .icheck_line-icon .fa-check, .booking-form .icheckbox_line-pink.checked .icheck_line-icon .fa-check, .booking-form .icheckbox_line-pink.checked.hover .icheck_line-icon .fa-check, .booking-form .iradio_line-pink.hover .icheck_line-icon .fa-check, .booking-form .iradio_line-pink.checked .icheck_line-icon .fa-check{
    display: block;
}


.booking-form .opacity-half-city-diary {
    opacity: 0.5;
}
.booking-form .opacity-full-city-diary {
    opacity: 1;
}
.booking-form .opacity-half-city-diary .fc-day {
    background-color: #f0f0f0;
}
.booking-form .opacity-half-city-diary .fc-day.fc-day-today {
    background-color: #f5f5f5;
}
.booking-form .fc .fc-bg-event {
    background-color: #f0f0f0;
    opacity: 1;
}
.booking-form .footer-link-city-diary {
    height: min-content;
    display: contents;
    color: #ec008c;
}
.booking-form .form-field-hidden-city-diary {
    visibility: hidden;
    position: absolute;
}
.booking-form .service-duration-city-diary {
    width: 70% !important;
    margin: auto !important;
    margin-bottom: 3px !important;
}
.booking-form .service-duration-city-diary {
    width: 70% !important;
    margin: auto !important;
    margin-bottom: 3px !important;
}
.booking-form .service-duration-city-diary > div{
    display: flex;
}
.booking-form .service-duration-city-diary .iradio_line-pink, .booking-form .service-duration-city-diary .icheckbox_line-pink {
    width: 100%;
    margin-right: 5px;
}
.booking-form .fc .fc-timegrid-col-bg .fc-highlight, .booking-form .fc .fc-timegrid-col-events {
    z-index: 100000;
}
.booking-form .booking-step-content-booking-form {
    margin-bottom: 25px;
}
#accordion .card{
    box-shadow: none;
}
#accordion .card-header{
    padding: 0;
    background-color: white;
}
#accordion .card-title a{
    display: block;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #e6007e;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
#accordion .card-title{
    width: 100%;
}
.fc .fc-header-toolbar .fc-button-primary {
    background-color: #e6007e;
    border-color: #e6007e;
}
.fc .fc-header-toolbar .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-header-toolbar .fc-button-primary:not(:disabled):active {
    background-color: #c8007e;
    border-color: #c8007e;
}
.fc .fc-header-toolbar .fc-button-primary:focus, .fc .fc-header-toolbar .fc-button-primary:not(:disabled).fc-button-active:focus, .fc .fc-header-toolbar .fc-button-primary:not(:disabled):active:focus {
    box-shadow: none;
}
.custom-file-input {
    cursor: pointer;
}
.booking-city-diary .booking-steps-list-city-diary {
    padding-left: 10px;
}
.booking-index-voucher-signature {
    font-size: 13px !important;
}

.booking-index-voucher-signature .btn-sm {
    font-size: 9px !important;
    padding: 2px;
    height: auto !important;
}
.break {
    flex-basis: 100%;
    height: 0;
}

table a.btn.btn-fit-content {
    width: fit-content;
}

.btn.btn-secondary{
    background-color: #28a745;
    border-color: #28a745;
}

.btn-disabled-city-diary{
    pointer-events: none;
    user-select: none;
    opacity: .5;
}

.booking-calendar-popover-wrapper {
    width: 0;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1400;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.booking-calendar-popover-wrapper[aria-hidden='false'] {
    width: 100%;
    left: 0;
    overflow: visible;
}
.booking-calendar-popover {
    width: 90%;
    max-width: 800px;
    padding: 40px;
    flex-grow: 1;
    background-color: white;
    transition: transform 0.3s ease-out;
    transform: translateX(100%);
}
.booking-calendar-popover-wrapper[aria-hidden='false'] .booking-calendar-popover {
    transform: translateX(0);
}
.booking-calendar-popover__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
}
.booking-calendar-popover__heading {
    font-size: 1.5rem;
    margin: 0 1rem 0 0;
    padding: 0;
}
.booking-calendar-popover__close-button {
    -webkit-appearance: none;
    appearance: none;
    padding: 0;
    margin: 0;
    font-size: 1rem;
    border: 0;
    background: transparent none;
    box-shadow: none;
}


h3.company-title-frontend-view {
    color: #ec008c;
    margin-bottom: 10px;
    font-size: 32px;
    font-family: "Proxima-Bold", sans-serif;
    padding: 0 0;
    font-weight: 600;
    margin-top: 7%;
    text-align: center;
}
h3.company-title-frontend-view img {
    width: 200px !important;
    height: 200px !important;
    max-width: 200px !important;
    max-height: 200px !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 50% !important;
    box-shadow: 0 0px 50px rgba(0, 0, 0, 0.2) !important;
    transition: box-shadow 0.15s ease-out !important;
}
h3.company-title-frontend-view a:hover img,
h3.company-title-frontend-view a:focus img,
h3.company-title-frontend-view a:active img {
    box-shadow: 0 0px 120px rgba(0, 0, 0, 0.2) !important;
}
h3.company-title-frontend-view > a,
h3.company-title-frontend-view img {
    display: inline-block;
}

h3.company-title-frontend-view > a:link,
h3.company-title-frontend-view > a:visited,
h3.company-title-frontend-view > a:active {
    text-decoration: none;
}

h3.company-title-frontend-view:hover {
    text-decoration: underline;
}

img.logo-company-frontend-view {
    border-radius: 50%;
}

.btn-primary-next {
    background-color: #e4087e !important;
    color: #fff !important;
    margin-left: 0px !important;
    border-radius: 30px !important;
    border: 1px solid #000 !important;
    position: relative !important;
    top: 10px !important;
    cursor: pointer !important;
    padding: 10px 25px !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    margin-top: 0px !important;
    box-shadow: none !important;
    min-height: 40px;
}

@media (max-width: 992px) {
    img.logo-company-frontend-view {
        margin: auto;
        max-width: 130px;
    }
}

#transaction_log_card {
    margin: 1px;
    color: #e6007d;
    width: 100%;
    height: 40px;
    font-family: Myriad;
    font-size: 17px;
    text-align: center;
    border: 0.5px solid black;
}
#transaction_log_card:focus {
    outline: none !important;
    border: 1px solid #e6007d;
    box-shadow: 0 0 10px #719ece;
}
.btn.table-terminal-pouzit {
    font-family: MyriadB;
    font-size: 15px;
    background-color: #e6007d;
    color: white;
    border-radius: 0px;
    height: 40px;
    min-width: 100px;
    width: fit-content;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 15px;
}
.border-terminal {
    border-style: solid;
    border-width: 5px 5px 5px 5px;
    border-color: #e6007d;
    margin: 30px;
    padding: 20px;
}
.border-terminal p {
    font-family: MyriadB;
}

.payment-header .far,
.payment-header .fas,
.payment-header .fab,
.payment-body .far,
.payment-body .fas,
.payment-body .fab {
    font-size: 20px;
}

.payment-header {
    background-color: #e4087e;
    min-height: 100px;
    width: 100%;
    text-align: center;
}

.payment-header-logo {
    max-width: 150px;
    margin: 10px 0 0 10px;
}

.payment-header-bar {
    width: 100%;
    padding: 10px 0 5px 10px;
    color: #fff;
    text-align: center;
}

.payment-header-bar span {
    display: inline-block;
}

.payment-header-bar span span {
    position: relative;
    top: -3px;
    font-size: 13px;
    font-weight: bold;
}

.payment-header-bar span hr {
    height: 2px;
    width: 10vw;
    background: #fff;
    border-radius: 30px;
    margin: 5px;
}

.payment-header-bar span i {
    color: #fff;
    font-size: 20px;
}

.payment-body h4 {
    margin: 15px 0;
}

.payment-body a.booking-payment-send{
    display: block;
    max-width: 250px;
}

.payment-body-item {
    padding: 10px;
    border: 1px solid #e4087e;
    border-radius: 5px;
}

.payment-body-item span,
.payment-body i {
    color: #e4087e;
}

.payment-body i.fa-check-circle {
    color: #28a745;
}

.payment-body-item span span {
    position: relative;
    top: -2px;
    font-size: 15px;
}

.payment-body-item-citykarta img {
    max-width: 22px;
    height: auto;
}

.payment-body-item-citykarta span span {
    top: 2px;
}

.payment-body-dodavatel-nadpis,
.payment-body-booking-title{
    position: relative;
}

.payment-body-dodavatel-nadpis-toggle,
.payment-body-booking-title-toggle{
    position: absolute;
    top: 0;
    right: 0;
    display: none;
}

.payment-body-dodavatel-info,
.payment-body-booking-info{
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.payment-body-dodavatel-info a,
.payment-body-booking-info a{
    color: #000;
    text-decoration: underline;
}

.payer-carousel {
    margin: 20px 0 0;
}
.payer-carousel__item {
    margin: 0 0 20px;
}
.payer-carousel__heading {
    font-weight: bold;
    font-size: 18px;
    border: 1px #e4087e solid;
    padding: 8px 10px;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.payer-carousel__heading .fas {
    margin-left: 15px;
}
.payer-carousel__content {
    max-height: 0;
    overflow: hidden;
    padding: 0 0 0 10px;
    transition: max-height 0.2s ease-out;
}
.payer-carousel__item--expanded .payer-carousel__content {
    max-height: 100rem;
    margin-bottom: 40px;
}
.payment-page-wrapper.opaque{
    opacity: 0.5;
}
.payment-check-wrapper{
    position: absolute;
    width: 100vw;
    height: 100vh;
    top: 40%;
    text-align: center;
    max-height: 200px;
}
.payment-circle{
    opacity: 0;
    stroke-dasharray: 130;
    stroke-dashoffset: 130;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
#payment-tick{
    max-width: 10%;
    position: relative;
    filter: invert(46%) sepia(83%) saturate(430%) hue-rotate(82deg) brightness(96%) contrast(90%);
}
.payment-tick{
    stroke-dasharray: 50;
    stroke-dashoffset: 50;
    -webkit-transition: stroke-dashoffset 1s 0.5s ease-out;
    -moz-transition: stroke-dashoffset 1s 0.5s ease-out;
    -ms-transition: stroke-dashoffset 1s 0.5s ease-out;
    -o-transition: stroke-dashoffset 1s 0.5s ease-out;
    transition: stroke-dashoffset 1s 0.5s ease-out;
}
.payment-drawn + svg .payment-path{
    opacity: 1;
    stroke-dashoffset: 0;
}

@media (max-width: 992px){
    #loading-text{
        left: 35%;
    }
}

@media (max-width: 768px) {
    .payment-body-dodavatel-info,
    .payment-body-booking-info{
        max-height: 0;
        transition: max-height 0.4s ease;
    }
    .payment-body-dodavatel-nadpis-toggle,
    .payment-body-booking-title-toggle{
        display: block;
    }
}

@media (max-width: 575.98px) {
    .booking-city-diary .fc-toolbar {
        -ms-flex-direction: unset;
        flex-direction: unset;
    }

    .booking-calendar-popover{
        padding: 15px;
    }

    #service-group-calendar-filter.bookmark-wrapper,
    #service-calendar-filter.bookmark-wrapper{
        overflow-y: hidden;
        overflow-x: scroll;
        justify-content: flex-start;
    }
}

@media (max-width: 368px) {
    .payment-header-bar {
        text-align: left;
    }
    .payment-header-bar span:first-of-type span {
        display: none;
    }
    .payment-header-bar span:first-of-type {
        margin-bottom: 2px;
    }
}

@media (max-width: 1200px) and (min-width: 768px) {
/*    .booking-city-diary .booking-form-city-diary {
        display: flex;
    }*/
    .booking-city-diary .header-city-diary {
        display: flex;
    }

    .booking-city-diary .title-step-left-filler-city-diary {
        width: 20%
    }
    .booking-city-diary .title-step-city-diary {
        width: 80%
    }
    .booking-city-diary .title-step-right-filler-city-diary {
        width: 0
    }

/*    .booking-city-diary .booking-steps-list-city-diary {
        width: 20%
    }
    .booking-city-diary form {
        width: 80%
    }*/
    .booking-city-diary .right-col-city-diary {
        width: 0
    }
}
@media (min-width: 1200px) {
/*    .booking-city-diary .booking-form-city-diary {
        display: flex;
    }*/
    .booking-city-diary .header-city-diary {
        display: flex;
    }

    .booking-city-diary .title-step-left-filler-city-diary {
        width: 20%
    }
    .booking-city-diary .title-step-city-diary {
        width: 70%
    }
    .booking-city-diary .title-step-right-filler-city-diary {
        width: 10%
    }

/*    .booking-city-diary .booking-steps-list-city-diary {
        width: 20%
    }
    .booking-city-diary form {
        width: 80%
    }*/
    .booking-city-diary .right-col-city-diary {
        width: 0
    }
}