.fc-event {
	font-size:16px;

	border-radius:0 !important;
	border:0 !important;
	text-align:center;
	color:#fff;

    margin: 2px;
    padding: 0px 0 5px 0px;
}

.event-title {
    font-size: 14px;
}

.fc-event.no-booking {
    cursor: pointer;
}

.fc-event.booked {
    cursor: default;
}

.fc-head-container {
    background-color: #F8F6EB;
}

#profile-calendar .fc-unthemed th,
#profile-calendar .fc-unthemed td,
#profile-calendar .fc-unthemed thead,
#profile-calendar .fc-unthemed tbody,
#profile-calendar .fc-unthemed .fc-divider,
#profile-calendar .fc-unthemed .fc-row,
#profile-calendar .fc-unthemed .fc-popover {
    border: none !important;
}

body .fc-event .event-time { display: none; }

body .fc-button {
	color:#fff;
	font-size:120%;
	padding:0;
    background-color: transparent;
    border: none;
}

body .fc-state-default {
    color: #110f0d;
    background-color: transparent;
    font-size:120%;
    box-shadow: none;
}

body .fc-toolbar h2 {
    font-size: 24px;
}

@media screen and (max-width: 511px) {
    body .fc-toolbar h2  {
        font-size: 17px;
        margin-top: 0.5em;
    }
}

body .fc-toolbar button {
    background: none;
}

/*Calendar navigation buttons BOF*/
@media screen and (max-width: 991px) {
    .fc-toolbar {
        margin-top: 1em;
    }
}
/*Calendar navigation buttons EOF*/

/* My profile calendar BOF */
    #calendar-container .calendar .fc-header {
        background-color: #6ac5ef;
        color: #fff;
    }
    #calendar-container .calendar .fc-header h2{
        font-size:120%;
    }
    #calendar-container .calendar .fc-content {
        border: 3px solid #6ac5ef;
        border-top:0;
        color: #8c8c8c;
    }
    #calendar-container .calendar .fc-text-arrow {
        font-size: 1.5em;
        cursor: pointer;
    }
    #calendar-container td.fc-day.fc-past {
        background-color: #EEEEEE;
    }

    @media screen and (max-width: 991px) {
        #calendar-container .fc-widget-content {
            height: 40px !important;
        }
    }

/* My profile calendar EOF */

/* Public calendar view on profile page BOF*/

    #profile-calendar .fc-toolbar {
        margin: 0;
        padding: 0;
        margin-top: -1em;
    }

    /*Remove borders from calendar header row*/
    #profile-calendar th {
        border-style: initial;
        background-color: #F8F6EB;
        height: 42px;
        text-transform: uppercase;
    }

    #profile-calendar .fc-left,
    #profile-calendar .fc-right
    {
        position: relative;
        top: 40px;
        z-index: 99;
    }

    #profile-calendar .disabled {
        color: #888;
    }

    #profile-calendar td {
        border-style: initial;
    }

    /*Borders only for parent table*/
    #profile-calendar .fc-view > table {
        border: 4px solid #F8F6EB;
    }

    /* Past day background shade */
    #profile-calendar .fc-day {
        background-color: transparent;
    }

/* Public calendar view on profile page EOF*/

/**UI Dialog BOF*/
    .ui-widget-overlay {
        z-index: 99;
        border: none;
        margin: 0px;
        padding: 0px;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        background-color: #E3EEF7;
        opacity: 0.6;
        /*cursor: wait;*/
        position: fixed;
    }

    .ui-dialog {
        z-index:100;
        background-color: #FFFFFF;
        width: 450px !important;
        padding-left: 1em;
    }

    .ui-dialog-title {
        font-size: 25px;
        font-family: FreightSansProSemibold-Regular;
        padding-left: 10px;
        padding-top: 10px;
        border-bottom: 1px solid gray;
        width: 95%;
        display: block;
    }

    /*Dialog buttons BOF*/
    .ui-dialog-buttonset {
        padding-bottom: 1em;
        height: 50px;
    }

    .ui-dialog-buttonset button:first-child {
        float: left;
        width: 175px;
    }

    .ui-dialog-buttonset button:last-child {
        float: right;
        margin-right: 1em;
    }

    .ui-dialog-buttonset button {
        margin-left: 3px;
    }

    /*Approve content form BOF*/
    .approve-content--form {
        padding-left: 1em;
        padding-right: 1em;
    }
    .approve-content--form__textarea {
        width: 95%;
        height: 100px;

        margin-bottom: 2em;
    }
    /*Approve content form EOF*/

    @media screen and (max-width: 511px) {
        .ui-dialog {
            width: 300px !important;
        }
        .ui-dialog-buttonset {
            padding-bottom: 1em;
            height: 140px;
        }

        .ui-dialog div > h4 {
            text-align: center;
            padding-right: 1em;
        }

        .ui-dialog-buttonset button {
            display: block;
            width: 83% !important;
            float: none !important;

            margin-top: 3px;

            margin-left: 1em !important;
        }

    }
    /*Dialog buttons EOF*/

    .ui-dialog-titlebar-close {
        display: none;
    }
/*UI Dialog EOF*/

.delete-appointment-dialog__container {
    text-align: center;
}

@media screen and (max-width: 511px) {
    .popup {
        top: 12.5%;
        height: 90%;
        width: 100%;
		position: static;
    }

    .popup .content {
        width: 100%;
        height: 100%;
    }

    .delete-appointment-dialog__container {
        display: flex;
        justify-content: center;
        align-content: center;
    }

    .delete-appointment-dialog__container > div {
        align-self: center;
    }
}

.cancelled-booking {
	color:red;
}

/*Datepicker styling BOF*/

	#ui-datepicker-div {
		display: none;
	}

	.ui-datepicker {
		background-color: white;
		min-width: 250px;
		height: auto;

        border: 1px solid #110f0d;
        padding: 1em;
	}

    .ui-datepicker-prev,
    .ui-datepicker-next {
        font-weight: bold;
        cursor: pointer;
    }

    .ui-datepicker-next {
        float: right;
    }

    .ui-datepicker-title {
        text-align: center;
        font-size: 24px;
    }

	.ui-datepicker-calendar {
		width: 100%;
	}

	.ui-datepicker-calendar td {
		padding: 5px;
	}

	.ui-datepicker-calendar td:hover {
		background-color: #110f0d;
	}

	.ui-datepicker-calendar td:hover a {
		color: white;
	}
/*Datepicker styling EOF*/

.cancellation-terms-box p {
    padding-right: 1em;
}