/*
.wrap {
    min-height: 100%;
    height: auto;
    margin: 60px auto 0px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

!* add sorting icons to gridview sort links *!
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: !*"\e113"*! "\e151";
}

a.desc:after {
    content: !*"\e114"*! "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}



.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.content-container h1:first-child{
    margin-top: 0px;
}
.bg-success{
    background: #5cb85c !important;
}

.media-date{
    text-align: center;
    padding: 6px 15px;
}
.media-date .day-of-month{
    font-size: 30px;
}
.media-date .day-text{
    font-size: 16px;
}
.panel-day .media-appointment:first-child {
    margin-top: 7px !important;
    border-top: 0px;
}
.panel-day .media-appointment:last-child {
    margin-bottom: 7px !important;
}

.media-time {
    font-size: 18px;
    width: 660px;
    vertical-align: middle;
}

.panel-day .media-appointment{
    border-top:1px solid #ddd;
    padding: 10px 0 10px;
    margin-top: 0px;
    cursor: pointer;
}
.icon-appointment-completed{
    color: #408e40 !important;
}

.icon-appointment {
    position: relative;
    top: 4px;
    font-size: 22px;
}

.messages-menu{
    padding: 14px 0;
    list-style: none;
    position: relative;
}
.messages-menu .dropdown-toggle i{
    color: #fff;
    font-size: 20px;
}
.messages-menu .label{
    position: absolute;
    left: 13px;
    bottom: 16px;
}
.messages-menu ul{
    padding: 0;
    list-style: none;
}

.messages-menu .menu{
    padding: 15px;
}

.messages-menu .dropdown-menu{
    right: -150px;
    width: 300px;
    max-height: 400px;
    overflow: auto;
}
.messages-menu .dropdown-menu{
    padding: 15px 5px;
}
.messages-menu .dropdown-menu li + li{
    margin-top: 5px;
    border-top: 1px solid #ddd;
}


.panel-week-stats .panel{
    padding: 5px;
    text-align: center;
}
.panel-week-stats .panel h2{
    margin-top: 0;
    font-size: 22px;
    margin-bottom: 5px;
}

.panel-week{
    position: relative;
}

.left-menu{
    display: none;
}


.activity-widget .media{
    line-height: 19px;
}
.activity-widget .media + .media {
    border-top: 1px solid #ddd;
    padding-top: 7px;
    margin-top: 7px;
}



.panel-week .panel-body{
    overflow-x: auto;
}

@media only screen and (min-width : 768px) {
    .left-menu {
        display: block;
        position: fixed;
        top: 80px;
        z-index: 999;
    }
    .content-container{
        padding-left: 85px !important;
    }

    .wrap{
        margin-top: 80px;
    }

    .panel-week-stats .panel {
        padding: 3px;
        text-align: center;
    }

    .panel-big .panel-heading{
        height: 58px;
        font-size: 24px;
    }

    .media-time-counter {
        width: 200px;
        padding-right: 20px;
        text-align: right;
    }

    .calendars-body{
        display: flex;
    }
    .calendar {
        flex-grow: 1;
        flex-basis: 0;
    }
    nav.navbar .sidebar-item{
        display: none !important;
    }

    .calendars-header input{
        text-align: center;
        font-size: 20px;
        cursor: pointer;
    }
}



@media only screen and (min-width : 1024px) {
    .no-padding-desktop{
        padding: 0;
    }
}
@media only screen and (max-width : 768px) {
    .panel-week-stats .panel h2{
        font-size: 18px;
        margin-bottom: 0;
    }
    .panel-week-stats .panel{
        margin-bottom: 5px;
    }

    .panel-week .panel-heading .btn{
        font-size: 12px;
        padding: 7px 7px;
        position: absolute;
        top: 4px;
        right: 2px;
    }

    .media-appointment .media-left, .media-appointment .media-right,.media-appointment .media-body{
        display: block;
    }

    .media-time-counter {
        float: none !important;
    }


    .modal-content h1, .modal-content h2 {
        font-size: 20px;
    }
    .breadcrumb{
        display: none;
    }

    .messages-menu{
        display: block;
    }

    .calendars-header input{
        width: 120px;
    }
    .panel-week .panel-body{
        max-height: 500px;
        overflow: scroll;
    }
    
    .navbar-fixed-top{
        position: static !important;
    }

    .wrap{
        margin-top: 0 !important;
    }

    .panel-week .panel-body , .activity-widget .panel-body{
        height: 1000px;
        overflow: auto;
    }
}

.balance-widget h3{
    margin: 5px 0;
}

.grid-view .btn + .btn{
    margin-left: 10px;
}*/
.scroll-wrapper.menu-items {
    overflow: hidden !important;
}

.card-date .day-of-month {
    font-size: 30px;
}

.card-date .day-text {
    font-size: 16px;
}

.card-day .media-appointment:first-child {
    margin-top: 7px !important;
    border-top: 0px;
}

.card-day .media-appointment:last-child {
    margin-bottom: 7px !important;
}

.media-time {
    font-size: 18px;
    width: 660px;
    vertical-align: middle;
}

.card-day .media-appointment {
    border-top: 1px solid #ddd;
    padding: 10px 0 10px;
    margin-top: 0px;
    cursor: pointer;
}

.card .separated + .separated, .top-separator {
    border-top: 1px solid rgba(0, 0, 0, .08);
}

.card-week-schedule .book-appointment-btn {
    position: absolute;
    right: 20px;
    top: 12px;
}

.card-week-schedule {
    position: relative;
}

.day-card-date {
    float: left;
    width: 100px;
}

.day-card-body {
    float: right;
}

.card-date {
    background: #2b303b;
}

@media (max-width: 480px) {
    .card .card-body.card-search {
        padding-top: 15px;
    }
}

.card-week-schedule .card-title {
    margin-top: 12px !important;
}

.table thead tr th:first-child,
.table thead tr th, .table tbody tr td {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center;
}

.page-item.active .page-link {
    background-color: #6d5cae !important;
    border-color: #6d5cae !important;
}

.page-item.disabled span {
    display: none;
}

.pagination {
    margin-top: 10px;
}

.table .fas::before {
    font-size: 20px;
}

.table a {
    margin: 0 5px 5px;
    display: inline-block;
}

.table a + a {
    margin-left: 0;
}

@media (max-width: 767px) {
    .fs-sm-15 {
        font-size: 15px !important;
    }
    .fs-sm-13 {
        font-size: 13px !important;
    }

    .stats-widget .card-body, .stats-widget .card-header {
        min-height: 24px !important;
        padding: 8px !important;
    }

    .stats-widget .card-body {
        padding-top: 0px !important;
    }

    .card-week-schedule .card-body {
        max-height: 500px;
        overflow: scroll;
    }

    .activity-widget .card-body {
        max-height: 500px;
        overflow: scroll;
    }
}

.card-search .grid-view {
    overflow: scroll;
}

.calendars-header {
    text-align: center;
    margin-bottom: 15px;
}

.fc-scroller {
    height: auto !important;
    overflow: visible !important;
}

.fullcalendar.next-day-appendix {
    position: absolute;
    z-index: 0;
}
.fullcalendar.next-day-appendix .fc-slats tr{
    background: transparent ;    
}


.btn.btn-save-blocker {
    display: none;
}

.disabled {
    pointer-events: none;
}

#appointment-form .tab-content {
    padding: 20px 0;
}

.appointments-canceled tr {
    cursor: pointer;
}

 .pagination {
    font-size: 20px;
}

.calendar {
    background: #fff;
} 
@media only screen and (min-width: 768px) {
    .calendars-body {
        display: flex;
    }

    .calendar {
        flex-grow: 1;
        flex-basis: 0;
    }
}

.field-appointment-notice textarea {
    background-color: #f1e4f0;
}

@media only screen and (max-width: 768px) {
    .breadcrumb {
        display: none;
    }

    .calendars-header input {
        width: 120px;
    }
}

.fc-license-message {
    display: none !important;
}

/*----------------------------------------
  47. Full Calendar
----------------------------------------*/
.fc {
    background-color: #ffffff;
}

.fc th {
    text-align: center;
    padding: 15px;
    background-color: transparent;
    color: #8a8a8a;
    font-size: 12px;
    text-transform: uppercase;
    border-right-width: 0;
    border-left-width: 0;
}

.fc button {
    background-color: #ffffff;
    background-image: none;
    height: 37px;
    padding: 0 15px;
    color: #717171;
}

.fc button.fc-state-default {
    border-color: #e9eaec;
    box-shadow: none;
}

.fc button.fc-state-active {
    box-shadow: none;
    background-color: #e9eaec;
}

.fc-toolbar {
    padding: 20px;
    border-top: 1px solid #e9eaec;
    border-right: 1px solid #e9eaec;
    border-left: 1px solid #e9eaec;
}

.fc-toolbar.fc-header-toolbar {
    margin-bottom: 0px;
}

.fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {
    padding: 5px;
    margin: 0px 10px;
    margin-top: 5px;
}

.fc-basic-view .fc-today .fc-day-number {
    background: #24d5d8;
    color: #ffffff;
    border-radius: 50%;
    padding: 0px 7px;
    line-height: 2.2;
}

.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
    border-color: #e9eaec;
}

.fc-unthemed td.fc-today {
    background-color: transparent;
}

.fc-event-container .fc-event {
    border-radius: 0px;
    border: 0px;
    background-color: #48b0f7;
    color: #fff !important;
    font-size: 12px;
    line-height: 1.5;
    padding: 4px 15px 0;
}

.fc-event-container .fc-day-grid-event {
    margin: 1px 5px 5px;
}

.calendar-event .card-body {
    position: relative;
}

.calendar-event .add-event {
    position: absolute;
    top: -22px;
    z-index: 9;
    right: 25px;
    border: 0px;
    font-size: 20px;
    padding: 7px 12px;
    border-radius: 50%;
}

.calendar-event .event-list {
    padding-left: 0;
    list-style: none;
}

.calendar-event .event-list .event-items {
    margin-bottom: 20px;
    position: relative;
}

.calendar-event .event-list .event-items > a {
    display: block;
    color: #8a8a8a;
}

.calendar-event .event-list .event-items > a:hover {
    color: #4a4a4a;
}

.calendar-event .event-list .event-items .remove {
    position: absolute;
    right: 0px;
    top: 12px;
    font-size: 20px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.calendar-event .event-list .event-items .event-name {
    font-weight: bold;
    border: 0px;
    padding: 0px 10px;
}

.calendar-event .event-list .event-items .event-detail {
    padding-left: 25px;
}

.calendar-event .event-list .event-items .bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    background-color: #ffffff;
    border: 3px solid;
    border-color: #fafafa;
}

.calendar-event .event-list .event-items .bullet.success {
    border-color: #24d5d8;
}

.calendar-event .event-list .event-items .bullet.warning {
    border-color: #fecd2f;
}

.fc-slats tr {
    background: #fff;
}

hr.fc-divider {
    display: none !important;
}

body {
    font-size: 90%;
}

body .ui-widget {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
    background: #2e3641;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

body .ui-datepicker {
    padding: 0;
}

body .ui-datepicker-header {
    border: none;
    background: #6d5eac;;
    font-weight: normal;
    font-size: 15px;
    border-radius: 0px;
}

body .ui-datepicker-header .ui-state-hover {
    background: transparent;
    border-color: transparent;
    cursor: pointer;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

body .ui-datepicker .ui-datepicker-title {
    margin-top: .4em;
    margin-bottom: .3em;
    color: #e9f0f4;
}

body .ui-datepicker .ui-datepicker-prev-hover,
body .ui-datepicker .ui-datepicker-next-hover,
body .ui-datepicker .ui-datepicker-next,
body .ui-datepicker .ui-datepicker-prev {
    top: .9em;
    border: none;
}

body .ui-datepicker .ui-datepicker-prev-hover {
    left: 2px;
}

body .ui-datepicker .ui-datepicker-next-hover {
    right: 2px;
}

body .ui-datepicker .ui-datepicker-next span,
body .ui-datepicker .ui-datepicker-prev span {
    background-image: url(/img/ui-icons_ffffff_256x240.png);
    background-position: -32px 0;
    margin-top: 0;
    top: 0;
    font-weight: normal;
}

body .ui-datepicker .ui-datepicker-prev span {
    background-position: -96px 0;
}

body .ui-datepicker table {
    margin: 0;
}

body .ui-datepicker th {
    padding: 1em 0;
    color: #ccc;
    font-size: 13px;
    font-weight: normal;
    border: none;
    border-top: 1px solid #584b8d;
}

body .ui-datepicker td {
    background: #f97e76;
    border: none;
    padding: 0;
}

body td .ui-state-default {
    background: transparent;
    border: none;
    text-align: center;
    padding: .5em;
    margin: 0;
    font-weight: normal;
    color: #efefef;
    font-size: 16px;
}

body .ui-state-disabled {
    opacity: 1;
}

body .ui-state-disabled .ui-state-default {
    color: #fba49e;
}

body td .ui-state-active,
body td .ui-state-hover {
    background: #2e3641;
}

.calendars-datepicker {
    width: 260px !important;
}

.calendars-header * {
    font-size: 18px !important;
}

body .ui-datepicker {
    width: 274px;
}

.ui-datepicker table {
    background: #6d5eac;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: 1;
    background: #f5f5f5;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #f5f5f5;
    background: #fff;
    color: #262626;
}

.ui-state-active{
    background: #584b8d !important;
    color: #fff !important;
}

.modal-body th,.modal-body td{
    padding: 10px !important;
}

.bootstrap-switch{
    width: 138px !important;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
    background: #6d5cae !important;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
    background: #f55753 !important;
}
.checkbox input[type=checkbox]:checked+label::after{
    display: none;
}

.input-group-addon.picker .glyphicon {
    position: relative;
    left: -6px;
    top: 4px;
}
/*

.card-week-schedule .card-body .scroll-x,
.activity-widget .card-body .scroll-x{
    display: none;
}*/


/*************** SCROLLBAR BASE CSS ***************/

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}




/*************** SIMPLE INNER SCROLLBAR ***************/

.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }


.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }

.grid-view th {
    white-space: nowrap;
}

.grid-view{
    overflow: auto;
}

@media (max-width:480px){
    #appointment-form .form-group {
        clear: both;
    }
    
    #appointment-form .form-group + .form-group {
        padding-top: 8px;
    }
  
    #appointment-form .form-group .checkbox label{
        padding-top: 4px;
    }
    
    #appointment-form .form-group label{
        float: left;
        width: 30%;
        height: 38px;
        line-height: 13px;
        margin-bottom: 0;
        padding-top: 10px;
    }

    #appointment-form .form-group select, #appointment-form .form-group input[type='text'], #appointment-form .form-group textarea{
        float: left;
        width: 70%;
    }
    
    #appointment-form .btn-save-appointment{
        clear: both;
        float: left;
        margin-top: 20px;
    }

    .modal-body th, .modal-body td {
        padding: 4px !important;
    }

    .modal-body h2, .modal-body h3, .modal-body h4{
        font-size: 18px;
        line-height: 18px;
        margin: 8px 0 12px;
    }
}

.circle-status{
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 10px;
}

.circle-status-pending{
    background-color: #c4bcbc;
}

.circle-status-active{
    background-color: #2ccc6f;
}

.circle-status-attached{
    background-color: #e2e755;
}

.circle-status-used{
    background-color: #e9514f;
}

.circle-status-in_process{
    background-color: #b2f2b6;
}

.circle-status-expired,
.circle-status-refunded,
.circle-status-canceled{
    background-color: #1d1b1b;
}

.btn-view-voucher-ajax{
    display: block;
}

.voucher-index .grid-view tr.faded{
    opacity: 0.4;
}

.page-container .page-content-wrapper .content:only-child {
    padding-top: 0 !important;
}

.calendar.calendar-disabled .fc{
    opacity: 0.35;
}

@media (max-width: 991px) {
    .page-container {
        padding-top: 38px;
    }
}
@media (max-width: 405px) {
    .calendars-header .btn {
        padding-left: 10px;
        padding-right: 10px;
    }
    #calendars-datepicker{
        width: 130px;
    }
}

.fc-time-grid-event.fc-short .fc-time:before{
    content: '';
}

.fc-time-grid-event.fc-short .fc-time span {
    display: inline;
}

.fc-event-container .fc-event {
    margin-right: 0 !important;
}

#vouchersearch-created_at{
    background-color: #fff;
    background-image: none;
    border: 1px solid rgba(0,0,0,.07);
    font-family: Arial,sans-serif;
    -webkit-appearance: none;
    color: #2c2c2c;
    outline: 0;
    padding: 8px 12px;
    line-height: normal;
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle;
    min-height: 35px;
    -webkit-transition: all .12s ease;
    transition: all .12s ease;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-transition: background .2s linear 0s;
    transition: background .2s linear 0s;
}
@media (min-width: 768px) {
    #vouchersearch-created_at{
        width: 60%;
    }
}
@media (max-width: 767px) {
    #vouchersearch-created_at{
        margin-bottom: 5px;
    }
}

.day-card .break{
    background: #249c0d;
    color: #fff;
}

.day-card .break h5{
    font-size: 14px;
    line-height: 14px;
}
.day-card .break h4{
    color: #fff;
    font-size: 17px;
}
.select2-dropdown {
    z-index: 10060 !important;
}

.select2-close-mask {
    z-index: 10055 !important;
}

.page-sidebar .sidebar-menu .menu-items>li>a>.title {
    width: 100% !important;
}

.select-on-check-all{
    margin-left: -17px;
}

.appointment-invoice-index table th:nth-child(5){
    width: 200px !important;
}

.appointment-invoice-index table th:nth-child(6){
    width: 200px !important;
}


.appointment-invoice-index table th:nth-child(2), .appointment-invoice-index table th:nth-child(3){
    width: 60px !important;
}

#appointmentsearch-date_to {
    margin-top: 6px;
}

.appointment-invoice-index input[name^='index_number']{
    width: 50px;
    margin: 0 10px;
}

#invoice-download-bunch input[name='selection[]'], #invoice-download-bunch input[name^='index_number'] {
    display: none;
}

.appointment-invoice-index .filters input {
    display: inline-block;
    width: 100px;
}

@media (max-width: 768px) {
    .stats-widget .col:nth-child(1) .card-body h3 {
        line-height: 18px;
    }
    .stats-widget .col:nth-child(1) .card-header {
        padding-bottom: 7px !important;
    }
}

@media (min-width: 768px) and (max-width: 1112px) {
    .stats-widget .col:nth-child(1) .card-body h3 {
        font-size: 18px;
    }
}

@media (min-width: 768px) {
    .visible-xs {
        display: none;
    }

    .visible-xs br{
        display: none;
    }
}

.fc-time-grid-event.not-come {
    border: 1px solid red;
}

.fc-time-grid-event.paid-by-card {
    background: #E91E63;
}
.fc-time-grid-event.blocker{
    background: #f55753;
}
.fc-time-grid-event.has-notice{
    background: #6d5cae;
}
.fc-time-grid-event.has-voucher{
    background: #3b9826;
}
.fc-time-grid-event.has-groupon-voucher{
    background: #1a1a1b;
}
.fc-time-grid-event.has-full-customer-info{
    background: #823e1f;
}
.fc-time-grid-event.has-comment{
    background: #0d3651;
}

.service-tariff-column {
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .service-tariff-column {
        width: 14%;
        float: left;
    }
}