.center {
    text-align: center;
}

.bootstrap-select {
    width: 100% !important;
}

.serviceInClientModal .modal-dialog {
    max-width: 800px;
}


/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.toggled .reduced,
ul:not(.toggled) .bigged {
    display: initial;
}

.toggled .bigged,
ul:not(.toggled) .reduced {
    display: none;
}

.phone-agenda {
    margin-left: 10px;
    font-size: 1em;
}

.fc-list-table td {
    padding: 8px 6px;
}

@media screen and (max-width: 555px) {
    .d-xs-flex {
        display: flex !important;
    }
}

@media screen and (max-width: 768px) {
    .fc-toolbar {
        flex-wrap: wrap;
        text-align: center;
    }

    .fc-left {
        text-align: center;
    }

    .card-header.py-3.d-flex.justify-content-between.align-items-center {
        flex-wrap: wrap;
    }

    .card-header.py-3.d-flex.justify-content-between.align-items-center div {
        display: flex;
        align-items: center;
        flex-shrink: 1;
        flex-wrap: wrap;
    }

    .card-header.py-3.d-flex.justify-content-between.align-items-center h6{
        flex-shrink: 0;
        text-align: center;
        width: 100%;
    }

    .btn-small {
        padding:.25rem .5rem;
        font-size:.875rem;
        line-height:1.5;
        border-radius:.2rem
    }

    #agenda .fc-left,
    #calendar .fc-left {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    #agenda .fc-right,
    #calendar .fc-right {
        margin: 8px 0;
        text-align: center;
        width: 100%;
    }

    .container-fluid .card-header {
        display: none !important;
    }

    .mobile-buttons {
        display: block !important;
    }

    .mobile-buttons a {
        color: #303030;
        background-color: #ededed;
        border-color: initial;
    }

    .mobile-buttons a:hover {
        color: #129a82 !important;
        background-color: #ededed;
        border-color: #129a82 !important;
    }

    .dataTables_length {
        display: none;
    }

    .card-mobile-header {
        padding: .75rem 1.25rem;
        margin-bottom: 0;
        background-color: #f8f9fc;
        border-bottom: 1px solid #e3e6f0;
    }

    card-mobile-header a {
        color: #303030;
    }

    card-mobile-header a:hover {
        color: #129a82;
    }

    .dataTable td:first-child {
        display: flex;
    }
}

.mobile-buttons {
    display: none;
}

#statistics .border-left-primary,
#statistics .border-left-info,
#statistics .border-left-success,
#statistics .border-left-warning {
    border-left-width: 2rem !important;
}

#statistics .card-body .h5 {
    font-size: 2.25rem !important;
}

.bg-dark {
    background-color: #303030 !important;
}

#navbarMobile ul {
    list-style: none;
    margin: 0;
    padding-left: 10px;
    border-top: 1px solid white;
    padding-top: 20px;
}

#navbarMobile ul li a {
    color: white;
}

#navbarMobile ul li.nav-item:hover {
    background-color: #4c4e59;
}

#navbarToggle {
    color: white !important;
}

.dashboard-calendary-title {
    align-items: center;
    color: #303030 !important;
    display: flex;
    font-size: 1.25rem;
    justify-content: flex-start;
}
.dashboard-calendary-title span {
    margin-left: .5em;
}

.container-fluid h1 {
    font-size: 2rem;
    color: #303030 !important;
}

.cancelButton {
    background-color: #7D7D7D !important;
}

.cancelButton:hover {
    background-color: #E02D1B !important;
}

.saveButton {
    background-color: #31B9A1 !important;
}

.saveButton:hover {
    background-color: #53DAC2 !important;
}

a.btn {
    cursor: pointer;
}

#editBtn, #editInlineBtn {
    border-color: #666;
    color: #666;
    margin-right: 3px;
}