.studip .column_book_content {
    padding: 10px;
    margin-left: 0px;
}

.studip .consultation_confirm_message {
    padding: 5px;
}

.studip .consultation_booking_message_ok {
    border: 1px solid green;
}

.studip .consultation_booking_message_error {
    border: 1px solid red;
}

.studip .consultation_modal .form-label {
    min-width: 8em;
}

.studip .consultation_modal input[type="text"],input[type="email"] {
    height: 2em;
    font-size: 1em;
}

/** table */
.studip .consultations_table tr td {
    padding: 0.5em;
}

/** booking in progress */
.studip .consultations_table .booking {
    background-color: darkgrey;
    color: white;
}

/** booked */
.studip .consultations_table .booked {
    background-color: green;
    color: white;
}

.studip .consultations_table .booking_failed {
    background-color: red;
    color: white;
}

.studip .consultation_button {
    border: 1px solid rgb(118,118,118);
}

/**
 modal dialog
 source: https://www.w3schools.com/howto/howto_css_modals.asp
*/
/* The Modal (background) */
.studip .consultation_modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    /* Fallback color */
     background-color: rgb(100,100,100);
    /* grey w/ opacity */
    background-color: rgba(100,100,100,0.4);
}

/* Modal Content/Box */
.studip .consultation_modal-content {
    /* do not set background color because dark mode will not work correctly */
    /*background-color: #fefefe;*/
    background-color: white;
    color: black;
    margin: 5% auto; /* % from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 30em; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.studip .consultation_modal-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.studip .consultation_modal-close:hover,
.studip .consultation_modal-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}