.navbar-end {
    padding-right: 10px;
}

.slider-navigation-next {
    display: none;
    opacity: 0;
}

.slider-navigation-previous {
    display: none;
    opacity: 0;
}

.doctor-card {
    margin-bottom: 20px;
}

img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

button.delete {
    margin-left: 5px;
}

@media screen and (max-width: 768px) {
    .doctor-card {
    margin-bottom: 20px;
    }

    .field.is-grouped {
    flex-direction: column;
    align-items: stretch;
    }
}

.navbar-end {
    padding-right: 5px;
}

.auth .signup {
  display: flex;
  align-items: right;
  justify-content: right;
}

.auth .login {
  display: flex;
  align-items: left;
  justify-content: left;
  border-left: 3px solid #2793da; /* Vertical line color */
}

.auth .centering {
    align-items: center !important;
    justify-content: center !important;      
}

.auth .form-container {
  width: 60%;
}

.auth .box {
  width: 400px;
  margin: auto;
}


.focus {
    z-index: 10 !important;
}

.nefocus {
    opacity: 50%;
}

/* entire container, keeps perspective */
.flip-container {
    perspective: 1000px;
    display: inline-block;
}

/* flip the pane when hovered */
.flip-container:hover .flipper, .flip-container.hover .flipper {
    transform: rotateY(180deg);
}

.flip-container, .front, .back {
    width: 20vw;
    height: 15vw;
}

/* flip speed goes here */
.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}

/* hide back of pane during swap */
.front, .back {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

/* front pane, placed above back */
.front {
    /* for firefox 31 */
    transform: rotateY(0deg);
    top: 0;
}

/* back, initially hidden pane */
.back {
    transform: rotateY(180deg);
    top: 100%; /* Initial position off-screen */
}

/* Additional styles for handling multiple cards */
.flip-container:hover .back {
    top: 0; /* Move the back face to the top on hover */
}

.logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo {
    width: 5%;
}

.signature {
    width: 25%;
}

/* PDF font */
@page {
    font-family: 'Arial', sans-serif;
}

.categorization {
    font-size: larger;
    text-align: right;
}