.box-appointment {
    background: none;
    /*background-color: #969696;*/
}

.btn-appointment-add {
    font-size: 12pt !important;
}

.center-to-parent {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.content-appointment .appointment-title,
.content-appointment .appointment-subtitle {
    text-align: center;
    font-size: 26px;
    /*margin: 5px;*/
}


#appointmentModule .stepperContainer {
    min-height: 470px;
    position: relative;
    /*border-top: 5px solid #ef4f69;*/
    /*border-bottom: 1px solid #ddd;*/
    background-color: white;
}

#stepperBar {
    display: inline-block;
    width: 100%;
}

#stepperBar .stepperBar_item {
    float: left;
    text-align:center;
    width: 32.9%;
    height: 38px;
    padding: 9px 3px 0;
    background-color: #8e8e8e;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
}

#stepperBar .stepperBar_item:first-child {
    /*width: 96px;*/
    border-radius: 40px 0 0 40px
}

#stepperBar .stepperBar_item:last-child {
    /*width: 96px;*/
    border-radius: 0 40px 40px 0
}

#stepperBar .stepperBar_item.checked {
    background-color: #ef4f69;
    background-image: none;
    cursor: pointer;
}


#stepperBar .stepperBar_item+.stepperBar_item {
    margin: 0 0 0 1px
}


#stepperBar .stepperBar_item .stepperBar_item_content {
    color: #fff;
    text-align: center;
    font-size: 16px;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500
}


.fc-calendar-container {
    position: relative;
    width: 100%;
    padding: 10px;
}

.fc-calendar {
    width: 100%;
    height: 100%;
    padding: 0;
}

.fc-calendar .fc-head {
    height: 30px;
    line-height: 30px;
    background: #ccc;
    color: #fff
}

.fc-calendar .fc-body {
    position: relative;
    width: 100%;
    height: 100%;
    height: -moz-calc(70%);
    height: -webkit-calc(70%);
    height: calc(70%);
    border: 1px solid #ddd
}

.fc-calendar .fc-row {
    width: 100%
}

.fc-four-rows .fc-row {
    height: 25%
}

.fc-five-rows .fc-row {
    height: 20%
}

.fc-six-rows .fc-row {
    height: 16.66%;
    height: -moz-calc(16.66666667%);
    height: -webkit-calc(16.66666667%);
    height: calc(16.66666667%)
}

.fc-calendar .fc-head>div,
.fc-calendar .fc-row>div {
    float: left;
    height: 100%;
    width: 14.28%;
    width: -moz-calc(14.27142857%);
    width: -webkit-calc(14.27142857%);
    width: calc(14.27142857%);
    position: relative
}

.ie9 .fc-calendar .fc-head>div,
.ie9 .fc-calendar .fc-row>div {
    width: 14.2%
}

.fc-calendar .fc-row>div {
    padding: 4px;
    overflow: hidden;
    position: relative
}

.fc-calendar .fc-head>div {
    text-align: center
}

.fc-calendar .fc-row>div>span.fc-date {
    position: absolute;
    width: 30px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    color: #ddd;
    bottom: 5px;
    right: 5px;
    text-align: center;
}

.fc-calendar .fc-row>div>span.fc-weekday {
    padding-left: 5px;
    display: none
}

.fc-calendar .fc-row>div.fc-out {
    opacity: .6
}

.fc-calendar .fc-head>div:last-child,
.fc-calendar .fc-row>div:last-child {
    border-right: none
}

.fc-calendar .fc-row:last-child {
    border-bottom: none
}

.fc-calendar .fc-row>div.fc-cell.disabled.fc-content>div span,
.fc-calendar .fc-row>div.fc-cell.disabled>span.fc-date,
.fc-calendar .fc-row>div.fc-cell.disabled>span.fc-weekday,
.fc-calendar .fc-row>div.fc-cell.fc-today.disabled>span.fc-date,
.fc-calendar .fc-row>div.fc-cell.fc-today.disabled>span.fc-weekday {
    color: #d5d5d5
}

.fc-calendar .fc-row>div.fc-cell.disabled,
.fc-calendar .fc-row>div.fc-cell.disabled:hover,
.fc-calendar .fc-row>div.fc-cell.fc-today.disabled,
.fc-calendar .fc-row>div.fc-cell.fc-today.disabled:hover {
    cursor: not-allowed;
    background-color: #f3f4f5
}

.fc-calendar .fc-row>div.fc-content>div {
    padding-top: 5px
}


/* Generic dates */
.fc-calendar .fc-row > div.fc-content .fc-date,
.fc-calendar .fc-row > div.fc-content .fc-date {
    color: black;
}


/* Available dates */
.fc-calendar .fc-row > div.fc-available {
    background-color: #599346;
}

.fc-calendar .fc-row > div.fc-available .fc-date{
    color: white;
}

/* Past dates and disabled */
.fc-calendar .fc-row > div.fc-disabled,
.fc-calendar .fc-row > div.fc-past,
.fc-calendar .fc-row > div.fc-disabled:hover,
.fc-calendar .fc-row > div.fc-past:hover {
    cursor: not-allowed;
    background-color: #f3f4f5;
    -webkit-box-shadow: none ;
    -moz-box-shadow: none;
    box-shadow: none;
}

.fc-calendar .fc-row > div.fc-content.fc-past .fc-date {
    color: #ddd;
}

/* Schedule blocks */
#appointmentModule .stepperContainer_step .hour-list .block-line {
    padding: 10px;
    overflow: hidden;
}

#appointmentModule .stepperContainer_step .hour-list .block-line .block-hour {
    min-height: 54px;
    margin-top: 7px;
    border: 1px dotted #c1c1c1;
    cursor: pointer;
    float: left;
    width: 65px;
    margin-left: 7px;
    padding-bottom: 0;
}

#appointmentModule .stepperContainer_step .hour-list .block-line .block-hour.active,
#appointmentModule .stepperContainer_step .hour-list .block-line .block-hour.active:hover {
    background-color: #589442;
    color: #fff
}

#appointmentModule .stepperContainer_step .hour-list .block-line .block-hour:hover {
    background-color: #bcdfaf;
    color: #000
}

#appointmentModule .stepperContainer_step .hour-list .block-line .block-hour p {
    font-size: 16px;
    line-height: 50px;
    font-weight: 700;
    text-align: center;
    margin: 0;
}


#appointmentModule .stepperContainer_step .appointment-form {
    padding: 0 15px;
    color: black;
}

#appointmentModule .stepperContainer_step .appointment-form input,
#appointmentModule .stepperContainer_step .appointment-form textarea,
#appointmentModule .stepperContainer_step .appointment-form label.terms,
#appointmentModule .stepperContainer_step .appointment-form label.terms a{
    /*color: inherit !important;*/
    color: black !important;
    font-weight: normal;
}

#appointmentModule .stepperContainer_step .appointment-form .btn {
    background-color: #ef4f69;
}
#appointmentModule .stepperContainer_step .appointment-form .btn:hover {
    background-color: #fff;
    color: #ef4f69;
}

.fc-calendar .fc-row > div.fc-today > span.fc-date {
    color: #ddd !important;
}

#appointmentModule .appointmentSummary {
    border: 1px dotted #000000;
}

#appointmentModule .appointmentSummary .appointmentSummary-content {
    padding: 5px;
}

#appointmentModule .appointmentSummary .appointmentSummary-content .appointmentSummary-content_title{
    text-align: center;
    text-transform: uppercase;
    text-decoration: underline;
}

#appointmentModule .appointmentSummary .appointmentSummary-content .dl-horizontal {
    text-align: center;
}

#appointmentModule .appointmentSummary .appointmentSummary-content .dl-horizontal {
    text-align: center;
}

@media (min-width: 700px) {
    #appointmentModule .appointmentSummary .appointmentSummary-content .dl-horizontal dt {
        text-align: left;
        width: 110px;
    }

    #appointmentModule .appointmentSummary .appointmentSummary-content .dl-horizontal dd {
        margin-left: 95px;
        text-align: left;
    }
}

/* Advertise Box*/

#appointmentAdvertise {
    background: #fff;
    height: 50px;
    position: relative;
    margin-top: 10px;
}
#appointmentAdvertise .appointmentAdvertise-content p{
    text-align: center;
    line-height: 50px;
    margin : 0;
}