.segment h4 {
    margin-bottom:0.1rem;
}

.ui.main {
    padding-top:4.5rem;
}

#CCalendarContent,
#CCalendarContainer {
    padding:0;
}

#CCTopBar {
    height:4.5rem;
}

#CCTopBar label {
    margin-right:0.5rem;
}


#CCTopBar form .three.fields {
    margin-bottom:0;
}

#CCTopBar #CCJumpTo input {
    width:100%;
    min-width:6rem;
}

#CCTopBar form .three.fields .ui.icon.button {
    margin:0 0.2rem;
}

.CCBookingView {
    background:#aaeeff;
    border:1px solid #aabbcc;
    border-radius:0.4rem;
    overflow:hidden;
    margin:0.1rem;
    white-space:nowrap;
    padding:0.3rem 0.5rem;
    cursor:arrow;
}

.ui.basic.CCdisabled.button {
    background:#eeeeee;
    cursor:default;
}

#CCalendarContent.TotalBookingsAny .AmountBookings1 .CCBookingView {
    width:70%;
}

#CCalendarContent.TotalBookingsAny .AmountBookings2 .CCBookingView {
    width:40%;
    display:inline-block;
}

#CCalendarContent.TotalBookingsAny .AmountBookings3 .CCBookingView {
    width:30%;
    display:inline-block;
}

#CCalendarContent.TotalBookingsAny .AmountBookings4 .CCBookingView {
    width:23%;
    display:inline-block;
}

#CCalendarContent.TotalBookingsAny .AmountBookings5 .CCBookingView {
    width:19%;
    display:inline-block;
}

#CCalendarContent.TotalBookingsAny .AmountBookings6 .CCBookingView {
    width:17%;
    display:inline-block;
}

#CCalendarContent.TotalBookings2 .AmountBookings1 .CCBookingView {
    width:80%;
}

#CCalendarContent.TotalBookings2 .AmountBookings2 .CCBookingView {
    width:calc(50% - 0.2rem);
    display:inline-block;
}

#CCalendarContent.TotalBookings1 .AmountBookings1 .CCBookingView {
    width:100%;
}

.CCBookingView.CCIsOwn {
    background:#ffaa00;
}

.CCBookingView.CCNeedsApproval {
    background:#dddddd;
}

.CCBookingView.CCNeedsApproval.CCIsOwn {
    background:#dddddd;
}

.CCBookingView.CCAllowUpdate {
    cursor:pointer;
}

.ui.celled.table td.CCStartTimePlace,
.ui.celled.table td.CCMonthlyCell:not(.totals) {
    padding:0.1rem;
}

.minWidth180 {
    min-width:180px;
}

.displayDays7 .ui.celled.table td.CCStartTimePlace {
    width:13.5%;
}

.displayDays7 .ui.celled.table td.CCStartTime {
    width:5.5%;
    text-align:right;
}
.displayDays1 .ui.celled.table td.CCStartTimePlace {
    width:80%;
}

.displayDays1 .ui.celled.table td.CCStartTime {
    width:20%;
    text-align:right;
}

.ui.table thead th {
    text-align:center;
}

.ui.table thead th.today {
    color:#0055BB;
}

.ui.table thead th.Saturday {
    background:#ffbf83;
}

.ui.table thead th.Sunday {
    background:#ffbf83;
}

.ui.unpadded.segment {
    padding:0;
}

.ui.button.marginBottom {
    margin-bottom:0.5rem;
}

#CCSelectCalendarContent .ui.basic.button {
    color:#000000;
}

#CCSelectCalendarContent .ui.basic.button:hover {
    background:#eeeeee;
}

.note-editor.note-frame {
    width:100%;
}


@media only screen and (max-width: 767px) {
    .mobile.hide {
        display:none !important;
    }
    #CCTopBar #CCJumpTo input {
        padding-left:0.4rem;
        padding-right:0.4rem;
    }

    #CCTopBar form .three.fields .ui.icon.button {
        padding-left:0.4rem;
        padding-right:0.4rem;
    }
}