/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

table ul {
    padding-inline-start: 20px;
}

.marginContainer {
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
}

.availabilityContainer {
    color: rgb(64,73,105);
}

td .col {
    padding-right: 10px;
    padding-left: 5px;
}

td div .first {
    padding-left: 10px;
    font-weight: bold;
}

td div .last {
    padding-right: 20px;
}

.appointmentTdInfo {
    max-width: 150px;
    font-size: 14px;
    color: red;
}

.appointmentTdSpecialFields {
    max-width: 100px;
}

.appointmentTdPhysicianType {
    max-width: 50px;
    font-size: 14px;
}

.appointmentTdPhysicianName {
    font-weight:bold;
}
.appointmentPhysicianData {
    max-width: 100px;
}
.nextAvailabilities{
    position:fixed;
    right:20px;
}
.timeSlotAvailable {
    cursor: pointer;
}

.timeSlotAvailable:hover {
    border: 1px solid red;
}

.timeSlotNotAvailable {
    color: lightgray;
    cursor: not-allowed;
    visibility:hidden;
}

.timeSlotModalInfo {
    font-size: 14px;
    color: red;
}

.display-none {
    display: none;
}

.paddingLeftRight10 {
    padding-left: 10px;
    padding-right: 10px;
}

.hidden {
    display: none !important;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
    font: Roboto !important;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1340px;
    }
}
@media screen and (max-width: 600px) {
    html:after {
        content: "Der Kalender unterstützt derzeit keine Smartphones. Bitte melden Sie sich von einem Desktop-Computer oder Tablet aus an. | The calendar doesn not support mobile phones at the moment. Please, login on a desktop computer or tablet.";
        display: flex;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        height: 200px;
        color: red;
        font-size: 20px;
        font-weight: bold;
    }

    body {
        display: none;
    }
}
.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  line-height: 1;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}
/* Sticky footer styles
-------------------------------------------------- */

/* Popper.JS styles
-------------------------------------------------- */
#cal-popup {
    z-index: 10000;
    margin-top: 3px !important;
    display: flex;
}

    #cal-popup #save-event {
        background-color: #F26322;
        width: 32px;
        height: 32px;
        border-radius: 5px;
        cursor: pointer;
    }

        #cal-popup #save-event::before {
            content: url("data:image/svg+xml,%3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.16353 8.53996L1.82609 5.31637L0.693604 6.41022L5.16353 10.7277L14.7677 1.45116L13.6352 0.3573L5.16353 8.53996Z' fill='white'/%3E%3C/svg%3E%0A");
            color: white;
            position: absolute;
            top: 8px;
            left: 9px;
        }

    #cal-popup #remove-event {
        background-color: #d02020;
        width: 32px;
        height: 32px;
        border-radius: 5px;
        cursor: pointer;
    }

        #cal-popup #remove-event::before {
            content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' class='bi bi-trash' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1ZM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118ZM2.5 3h11V2h-11v1Z' fill='white'/%3E%3C/svg%3E%0A");
            position: absolute;
            top: 8px;
            right: 8px;
        }
    


    #cal-popup.add #edit-event,
    #cal-popup.add #delete-event {
        display: none;
    }

#cal-popup.edit #edit-event {
    display: none;
}

#cal-popup.delete #edit-event,
#cal-popup.delete #save-event {
    display: none;
}

#cal-event-tooltip {
    background-color: white;
    z-index: 10000;
    padding: .3rem .6rem;
    margin-bottom: 1rem;
    border: 1px solid white;
    border-radius: .5rem;
    color: white;
}

/* Popper.JS styles
-------------------------------------------------- */


/* Fullcalendar rewrites
-------------------------------------------------- */
.fc .fc-timegrid-slot {
    height: 1.5em!important;
}

.fc table {
    font-size: 14px!important;
}

a.fc-event.selected {
    background-color: rgb(226, 245, 255) !important;
}
    a.fc-event.selected .fc-event-time {
        color: #F26322 !important;
    }
a.fc-event-mirror .fc-event-time {
    color: #F26322 !important;
}

.fc-event-resizer::after {
    content: url("data:image/svg+xml,%3Csvg width='6' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 3L0.401924 0.75L5.59807 0.75L3 3Z' fill='%23797879'/%3E%3C/svg%3E%0A");
    font-size: 20px;
    color: #797879;
    position: absolute;
    border-top: 1px solid #797879;
    top: 3px;
    width: 100%;
    text-align: center;
}

.fc-event-resizer:hover:after {
    content: url("data:image/svg+xml,%3Csvg width='6' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 3L0.401924 0.75L5.59807 0.75L3 3Z' fill='%23F26322'/%3E%3C/svg%3E%0A");
    border-top: 1px solid #F26322;
}

a.fc-event.selected:hover {
    color: white;
}

.fc-header-toolbar {
    padding: 10px;
    margin: 3px 0;
    border-top: 1px solid var(--fc-border-color, #ddd);
    border-bottom: 1px solid var(--fc-border-color, #ddd);
}

.fc-header-toolbar .fc-button-primary {
    background-color: rgb(200,199,204) !important;
    border-color: transparent !important;
    border-radius: 0.25em !important;
    margin: 5px !important;
}

    .fc-header-toolbar .fc-button-active {
        background-color: rgb(121,120,121) !important;
    }

.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 10px !important;
}

.fc-col-header th div {
    padding-top: 10px;
    padding-bottom: 10px;
}

.fc-scrollgrid-section-header .fc-scroller {
    overflow: hidden!important;
}

.fc-event-time {
    font-size: 12px!important;
}

    .fc-event-time:after {
        /* Remove "-" after event time and before title */
        content: '\00a0' !important;
    }

.fc-event-title {
    font-size: 12px !important;
}

.fc-theme-standard .fc-scrollgrid {
    border-top-style: hidden !important;
}

.fc-col-header-cell {
    border-left-style: hidden !important;
}

.fc-direction-ltr .fc-timegrid-col-events {
    margin: 0 1px !important;
}

.fc-timegrid-event {
    border-radius: 0 !important;
}

    .fc-timegrid-event .fc-event-time {
        padding-top: 2px;
        padding-left: 3px;
    }

    .fc-timegrid-event .fc-event-title-container {
        padding-top: 2px;
    }

.fc-v-event {
    border: 0 !important;
}

.fc-daygrid-week-number {
    display: none;
}

.fc-daygrid-day-number {
    display: none;
}

.fc-daygrid-day {
    height: 120px !important;
}

.fc-col-header-cell-cushion {
    text-transform: uppercase;
}

.fc-button-primary {
    text-transform: uppercase !important;
}

/* Fullcalendar rewrites
-------------------------------------------------- */
/* Fullcalendar own styles
-------------------------------------------------- */
.wastebasket {
    content: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.65985 9.33333C1.65985 10.0667 2.38314 10.6667 3.26716 10.6667H8.08908C8.9731 10.6667 9.69639 10.0667 9.69639 9.33333V2.66667H1.65985V9.33333ZM10.5 0.666667H8.08908L7.28543 0H4.07081L3.26716 0.666667H0.856201V2H10.5V0.666667Z' fill='%23797879'/%3E%3C/svg%3E%0A");
    float: right;
    padding-top: 3px;
    padding-right: 5px;
}
    .wastebasket:hover {
        content: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.65985 9.33333C1.65985 10.0667 2.38314 10.6667 3.26716 10.6667H8.08908C8.9731 10.6667 9.69639 10.0667 9.69639 9.33333V2.66667H1.65985V9.33333ZM10.5 0.666667H8.08908L7.28543 0H4.07081L3.26716 0.666667H0.856201V2H10.5V0.666667Z' fill='%23F26322'/%3E%3C/svg%3E%0A");
        cursor: pointer;
    }

.eventClickable {
    cursor: pointer;
}

.eventHover {
    background-color: rgb(226, 245, 255) !important;
}
    .eventHover .fc-event-time {
        color: #F26322 !important;
        width: 100%;
    }

.headerHolidayColor {
    background-color: rgb(255, 201, 185);
}

.headerWeekendColor {
    background-color: rgb(251, 216, 254);
}

.monthViewEvent {
    border-radius: 5px !important;
}
    .monthViewEvent .fc-event-title {
        color: white;
        font-weight: normal !important;
    }

.monthViewAvailability .fc-daygrid-event-dot {
    content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.33333 0C0.596667 0 0 0.596667 0 1.33333V10.6667C0 11.4033 0.596667 12 1.33333 12H5.05859C4.88793 11.5793 4.77024 11.1327 4.71224 10.6667H1.33333V3.33333H10.6667V4.71224C11.1327 4.77024 11.5793 4.88793 12 5.05859V1.33333C12 0.596667 11.4033 0 10.6667 0H1.33333ZM2.66667 5.33333V6.66667H4V5.33333H2.66667ZM5.33333 5.33333V6.66667H5.83984C6.27384 6.126 6.80991 5.67133 7.42057 5.33333H5.33333ZM10 6C7.8 6 6 7.8 6 10C6 12.2 7.8 14 10 14C12.2 14 14 12.2 14 10C14 7.8 12.2 6 10 6ZM10 7.33333C11.4667 7.33333 12.6667 8.53333 12.6667 10C12.6667 11.4667 11.4667 12.6667 10 12.6667C8.53333 12.6667 7.33333 11.4667 7.33333 10C7.33333 8.53333 8.53333 7.33333 10 7.33333ZM2.66667 8V9.33333H4V8H2.66667ZM10.2852 8.07813L9.21875 10.0924L10.6172 11.4909L11.3242 10.7839L10.4479 9.90755L11.1693 8.54557L10.2852 8.07813Z' fill='white'/%3E%3C/svg%3E%0A");
    height: 14px !important;
    width: 14px !important;
}

.monthViewAppointment .fc-daygrid-event-dot {
    visibility: hidden;
    height: 14px;
    margin: 0;
}

.fc-col-daygrid-week-number {
    width: 80px;
    text-align: center;
}

.td-daygrid-week-number {
    vertical-align: middle !important;
}

.fc-daygrid-day-top-override {
    position: relative;
    z-index: 4;
    padding: 10px;
}

.fc-today {
    color: orange;
}

/* Fullcalendar own styles
-------------------------------------------------- */
.tableFixHead {
    overflow-y: auto;
    overflow-x: hidden;
}

    .tableFixHead thead th {
        position: sticky;
        top: -1px;
        z-index: 1;
        background: white;
        border-top: 1px solid white;
    }

#legend {
    position: fixed;
    top: 70%;
    left: 83%;
    width: 13em;
    height: 16.5em;
    border: 1px solid black;
    background-color: white;
    z-index: 1;
}

.legend-element-color {
    display: inline-block;
    width: 35px;
    height: 25px;
    margin-left: 10px;
}

.legend-element-name {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 600;
}

.legend-headline {
    margin: 10px 0px 10px 10px;
    font-weight: 700;
}
/* Bootsrap own styles
-------------------------------------------------- */
.btn-success-custom {
    color: #fff;
    background-color: #F26322;
    border-color: #F26322;
    border-radius: 5px;
}

    .btn-success-custom:hover {
        color: #fff;
        background-color: #F26322;
        border-color: #F26322;
    }

    .btn-success-custom:focus, .btn-success.focus {
        box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
    }

    .btn-success-custom.disabled, .btn-success-custom:disabled {
        color: #fff;
        background-color: #F26322;
        border-color: #F26322;
    }
.btn-cancel {
    color: #F26322 !important;
}
/*------------------------------------------------- */