.center {
    text-align: center;
}

#page-wrapper {
    background-color: #f1f2f7;
    height: 2000px;
    margin-top: 1rem;
}

.sidebar ul li a.active {
    background-color: #32323a !important;
    color: #80aaba !important;
}

.sidebar ul li a:hover {
    background-color: #e6e6e6 !important;
    color: #80aaba !important;
}

.navbar-static-top {
    background-color: #fff !important;
    color: #fff !important;

}

.form_h5_divider {
    margin-top: 20px !important;
    margin-bottom: 10px;
    text-align: center;
    font-weight: bold;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.ml-3 {
    margin-left: 1rem !important;
}

.mr-3 {
    margin-right: 1rem !important;
}

.pl-3 {
    padding-left: 1rem !important;
}

.pr-3 {
    padding-right: 1rem !important;
}

.top-bar {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    background-color: #fff;
}

.page-title {
    text-align: center;
    background-color: #fff;
    margin-bottom: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 17px;
    font-weight: bold;
    vertical-align: middle;
    line-height: 3rem;
}

.breadcrumb {

    line-height: 3.5rem;
    background-color: #fff !important;
    margin-bottom: 1rem !important;

}

.breadcrumb li {

    color: #0aa3a1 !important;
    font-weight: bold;

}

.breadcrumb a {

    color: #0aa3a1 !important;
    font-weight: bold;

}

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

a.note_doc {
    cursor: pointer;
    margin-left: 5px;
    color: red;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    vertical-align: middle;
}

.window_hidden {
    /*display: none;*/
    margin: 30px 0;
    background-color: white;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 10px;
    border-radius: 4px;
    width: 100%;
    margin: auto;
}

.navbar-brand {
    color: #fff !important;
}

.sidebar ul li a {
    border-bottom: 1px solid #000000 !important;

}

.fa-user#user_menu {
    color: #fff;
}

.fa-caret-down#user_menu_caret {
    color: #fff;
}


.dropdown {
    background-color: #fff !important;
    color: #fff !important;
    margin-right: 20px;
}

.dropdown-menu a:focus {
    background-color: black;
}

/*h2
{
background-color:#0aa3a1   !important;	
color:#fff  !important;	
padding-left: 15px !important;	
padding-top: 10px !important;
border: 2px solid #ffd900  !important;
}*/
h3 {

    color: #000000 !important;
    padding-left: 15px !important;
    padding-bottom: 10px;
    padding-top: 10px !important;

    background-color: #e6e6e6;
    font-size: 18px !important;

}

h4 {

    color: #8c8c8c !important;

    padding-top: 10px !important;
    border-bottom: 2px solid #8c8c8c !important;
    font-size: 24px !important;
}



div.well {
    overflow-x: auto;
    white-space: nowrap;
}

div.well [class*="col"] {
    /* TWBS v2 */
    display: inline-block;
    float: none;
    /* Very important */
}




.availability_cell {
    width: 12%;
    text-align: center;
    bottom: 0;
    position: absolute;
    font-size: 11px;
}

#side-menu {
    background-color: #32323a;
    height: 400vh !important;
}

#side-menu a {
    color: #fff;
    background-color: #32323a;
}

#side-menu .active a {
    color: #80aaba !important;
    background-color: #29282e !important;
}

#side-menu a:hover {

    background-color: #29282e !important;
    color: #80aaba !important;

}

@media (min-width: 600px) {
    .navbar-header {
        float: left;
        height: 82px !important;
    }
}




@media (max-width: 600px) {
    .navbar-brand>img {
        display: inline !important;



    }
}

@media (max-width: 600px) {
    .navbar-top-links {
        margin-right: 0 !important;
        margin-top: 17% !important;


    }
}

@media (max-width: 600px) {
    .navbar-brand {
        color: #fff !important;
        width: 100% !important;
        text-align: center;
        padding-right: 9%;


    }
}

@media (max-width: 600px) {
    #side-menu {
        height: 10% !important;
    }
}

@media (max-width: 600px) {

    .btn-group-sm>.btn,
    .btn-sm {
        margin-bottom: 5px !important;


    }
}

@media (max-width: 600px) {
    .button_performance {
        font-size: 12px;


    }
}

@media (max-width: 600px) {
    .button_doctor {
        font-size: 12px;


    }
}

@media (max-width: 600px) {
    .button_delete_doctor {
        font-size: 12px;


    }
}

@media (max-width: 600px) {
    .button_publish_doctor {
        font-size: 12px;


    }
}

.dropdown-toggle {
    background-color: #fff;
}

.dropdown-menu .divider {
    background-color: #fff !important;
}

.nav>li>a:focus,
.nav>li>a:hover {
    background-color: #e6e6e6 !important;
}

.panel-heading {
    color: #000000 !important;
    font-weight: bold;

    border-color: #8c8c8c !important;
    background-color: #f2f2f2 !important;
}

input.checkbox {
    margin-left: 0px !important;
}

thead {

    color: #000000;

}

th {
    text-align: center !important;
}

tr {
    text-align: center !important;
}

.button_doctor {

    background-color: #ffd900;
    color: #0aa3a1;
    font-weight: bold;



}

.button_doctor:hover {

    background-color: #ffe866;
    color: #0aa3a1;
    font-weight: bold;



}

.button_doctor:active:focus {

    background-color: #ffe866;
    color: #0aa3a1;
    font-weight: bold;



}

.button_create {
    margin-top: 20px;
    background-color: #ffd900;
    color: #0aa3a1;
    font-weight: bold;



}

.button_create:hover {
    margin-top: 20px;
    background-color: #ffe866;
    color: #0aa3a1;
    font-weight: bold;



}

.button_create:active:focus {
    margin-top: 20px;
    background-color: #ffe866;
    color: #0aa3a1;
    font-weight: bold;



}

.note-toolbar {
    background-color: #e6e6e6 !important;
    text-align: left !important;
    border: none !important;

}

.has-error .note-editor {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.note-editor.note-frame {
    margin-bottom: 0px !important;
}

td {
    vertical-align: middle !important;
}

#center_performances_rates th {
    vertical-align: middle;
    color: #000000;
    background-color: #f2f2f2 !important;
}

#info_center th {
    width: 35%;
    text-align: right !important;
    padding-right: 10px !important;
    color: #000000;
    background-color: #f2f2f2 !important;
    vertical-align: middle;
}

#info_center td {

    text-align: center !important;
    padding-left: 10px !important;
}


.fc-toolbar h2 {

    font-size: 18px !important;
    color: #474752;
    font-weight: 300;
}

.fc button {
    height: 1.5em !important;
}

h3.row-header {
    background-color: #f2f2f2 !important;
    margin-bottom: 0px !important;
    padding-bottom: 8px !important;
    text-align: center !important;
    color: #8c8c8c !important;
    border-top: 2px solid #8c8c8c !important;
    border-left: 2px solid #8c8c8c !important;
    border-right: 2px solid #8c8c8c !important;
    font-weight: bold;
    font-size: 18px !important;

}

h3.row-middle {
    background-color: #f2f2f2 !important;
    margin-bottom: 19px !important;
    margin-top: 34px !important;
    margin-left: -50px !important;
    margin-right: -50px !important;
    padding-bottom: 8px !important;
    text-align: center !important;
    color: #8c8c8c !important;
    border-top: 2px solid #8c8c8c !important;
    border-bottom: 2px solid #8c8c8c !important;

    font-weight: bold;

}

@media (min-width: 768px) {
    .navbar-coll {
        overflow-x: visible !important;
        display: inline !important;
    }
}

@media (max-width: 767px) {
    .fc-toolbar .fc-left {
        margin-bottom: 10px !important;


    }
}

@media (max-width: 767px) {
    .fc-button-group {
        margin-bottom: 13px !important;


    }
}

@media (max-width: 767px) {
    .fc-day-grid-event .fc-content {
        height: 5px !important;


    }
}

@media (max-width: 767px) {
    span.fc-time {
        font-size: 8px;


    }
}

@media (max-width: 767px) {
    .fc-content {
        padding: 0px !important;


    }
}

@media (max-width: 767px) {
    .w_send_info {
        border: 1px solid #8c8c8c;


    }
}

@media (max-width: 767px) {
    .w_send_files {
        border: 1px solid #8c8c8c;


    }
}

@media (min-width: 767px) {
    .send_info_files {
        display: flex;


    }
}

.w_send_info {
    border: 1px solid #8c8c8c;
}

.w_send_files {
    border-right: 1px solid #8c8c8c;
    border-top: 1px solid #8c8c8c;
    border-bottom: 1px solid #8c8c8c;
}

h4.modal_title {
    padding-top: 0px !important;
}

td.fc-day-top a {
    color: #000000 !important;

}

/*td.fc-day-top.fc-sun
{
 background-color: #ffd900  !important; 
}
.fc-day-top.fc-sun a
{
 color: #0aa3a1 !important;  
}*/
.fc-today {
    border: 2px solid red !important;


}

.fc table {
    border-collapse: separate !important;
}

.fc-unthemed td.fc-today {}

.fc-day-top.fc-today {
    border: none !important;

}

th.fc-day-header {
    background-color: #e6e6e6 !important;
    color: #8c8c8c !important;
    border: none !important;
}

.fc-content-skeleton thead {}

a.fc-day-number {
    color: #fff !important;
}

.fc-day-header.fc-widget-header.fc-sun span {

    color: #8c8c8c !important;
}

.fc-day-header.fc-widget-header a {
    color: #8c8c8c !important;
}

.text-xs-center {
    text-align: center !important;
}

.card-inverse .card-blockquote,
.card-inverse .card-footer,
.card-inverse .card-header,
.card-inverse .card-title {
    color: #fff;
}

.card-title {
    margin-bottom: .75rem;
}

.card-block {
    padding: 1.25rem;
}

.m-b-2 {
    margin-bottom: 1.5rem !important;
}

.card-success {
    background-color: #fff;
    margin-top: 20px;

}

.number {
    font-size: 24px;
    font-weight: bold;
    color: #000000;
}

.text-light {
    font-weight: bold !important;
    color: #000000 !important;
}

@media (max-width: 767px) {
    .col-sm-4 {
        margin-top: 15px !important;


    }
}

@media (max-width: 767px) {
    .save {

        font-size: 12px;

    }
}

tr:first-child>td>.fc-day-grid-event {
    /*margin-top: 32px !important;*/

}

.not_available {
    font-weight: bold;
    margin-top: 10px;
    background-color: #f2f2f2;


    text-align: center;
}

.not_available p {
    color: red;


    padding-top: 5px;
    padding-bottom: 5px;
}

.available p {
    color: #00b300;

    padding-top: 5px;
    padding-bottom: 5px;

}

.available {
    font-weight: bold;
    margin-top: 10px;
    background-color: #f2f2f2;


    text-align: center;
}

@media (max-width: 767px) {
    .available p {

        font-size: 12px;

    }
}

@media (max-width: 767px) {
    .not_available p {

        font-size: 12px;

    }
}

h5 {
    font-size: 15px !important;
}

#availability_window {

    background-color: #fff;

    padding-bottom: 10px;

}

@media (max-width: 767px) {
    #availability_window {

        padding-left: 7px;
        padding-right: 7px;

    }
}

@media (max-width: 767px) {
    #page-wrapper {

        padding-left: 20px;
        padding-right: 20px;

    }
}

.navbar-top-links li a {
    background-color: #fff !important;
    color: #8c8c8c;
}

table.dataTable thead th,
table.dataTable thead td {
    border: none !important;
}

.flexcontainer {
    display: flex;
    justify-content: flex-start;
    /* adjustment */
    position: relative;
    /* new */

}

.itemcenter {
    flex: 0 1 auto;

    position: absolute;
    /* new */
    left: 50%;
    transform: translateX(-50%);
}

.itemleft {
    flex: 0 1 auto;

    margin-right: auto;
    /* new */
}


.page-header {
    margin-bottom: 0px;
    margin-top: 0px;
    background-color: #fff !important;
    border-bottom: 1px solid #e6e6e6;
}

.main_window {

    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    background-color: #fff;
    padding-top: 15px;

}

.sidebar ul {
    margin-top: -4px;
}

@media (max-width: 767px) {
    .availability_cell {

        font-size: 4pt !important;
        font-weight: bold;
        width: 12%;

    }

    .note_doctor {
        font-size: 12px;
    }
}

.checkbox label .toggle {
    margin-left: 20px !important;
}

@media (max-width: 767px) {
    .checkbox label .toggle {
        margin-top: 10px;

    }
}

.not_active {
    background-color: #ffe6e6;

}

.not_active_title {
    background-color: #ffe6e6;
    font-weight: bold;
}