/*change primary button colors*/
/* @import url('https://fonts.googleapis.com/css?family=Parisienne'); */

.btn-primary {
    background-color: #f7642f !important;
    border-color: #ec6d1d !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    background-color: #ff8255 !important;
    border-color: #ec6d1d !important;
}

/* @media only screen and (max-width: 2000px) {
    #calendar-btn { display: none; }
    #patient-btn { display: none; }
} */

/*adjust dermaone logo size*/

.erpnext-icon {
    width: 130px;
    margin-top: -4px;
}

@media (max-width: 767px) {
    .erpnext-icon {
        width: 90px;
        margin-top: -4px;
    }
}

/*indicators*/
.appt-status .agenda-day {
    position: absolute;
    top: 0px;
    right: 3px;
}
/*.appt-status {
    color: #0f0f0f !important;
    font-size: smaller;
    position: absolute;
    bottom: : 0px;
    left: 3px;
}*/
.appt-status .indicator {
    margin-right: -5px;
}

.appt-status .indicator::before, .appt-status .indicator-right::after {
    border: black solid 1px;
}
#waitinglist .indicator::before, #waitinglist .indicator-right::after {
    height: 11px;
    width: 11px;
    border-radius: 11px;
    /*border: grey solid 1px;*/
}


/*calendar css*/
#monthdatepicker .datepicker-inline {
    width: 100%;
}

#monthdatepicker .datepicker {
    width: 100%;
}

.fc-toolbar {
    padding: 8px;
}

.fc-agendaDay-view .fc-slats tr:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.fc-timelineDay-view .fc-major:hover, .fc-timelineDay-view .fc-minor:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

/*.fc-event-container .fc-time{
   display : none;
}*/

.fc-event {
    border: solid rgba(0, 0, 0, 0.75) 1px !important;
}
.fc-event .fc-bg {
    opacity: 0 !important;
}

.crossed {
    filter: brightness(90%);
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M0 0 L0 0 L100 100 L100 100' opacity='1' stroke='black' stroke-width='0.7' fill='none' /><path d='M0 100 L100 0 L100 0 L0 100' opacity='0.75' stroke='black' stroke-width='0.7' fill='none' /></svg>");
    background-repeat:no-repeat;
    background-position:center center;
    background-size: 100% 100%, auto;
}
.crossed-white {
    filter: brightness(87.5%);
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M0 0 L0 0 L100 100 L100 100' opacity='1' stroke='white' stroke-width='1' fill='none' /><path d='M0 100 L100 0 L100 0 L0 100' opacity='1' stroke='white' stroke-width='1' fill='none' /></svg>");
    background-repeat:no-repeat;
    background-position:center center;
    background-size: 100% 100%, auto;
}

.fc-event:hover {
    border: solid red 1px !important;
}

.fc-axis {
    width: 37px !important;
}

.fc-highlight {
    background: orange !important;
}

.fc-content {
    color: black !important;
    font-size: smaller;
}
.fc-resource-area     {
    font-size: normal;
    font-weight: bold;
}
.fc-time-grid .fc-content-col {
    padding-right: 5px;
}

.fc-no-scrollbars {
    overflow: hidden !important;
}

.fc-time-grid .fc-bgevent, .fc-time-grid .fc-event {
    margin: 1px;
    /*max-width: 90%;*/
    /*margin-right: 10px;
    margin-top: 1px;
    margin-bottom: 1px;*/
}

#history-appts > tbody > tr > td {
    vertical-align: middle;
}
#history-appts > tbody > tr:hover {
    background-color: #f5f5f5 !important;
}