.ad-space-padding {
    padding-bottom: 30%;
}
.fa-1x {
    font-size: 1.5rem;
}
.navbar-toggler.toggler-example {
    cursor: pointer;
}
.dark-blue-text {
    color: #0A38F5;
}
.dark-pink-text {
    color: #AC003A;
}
.dark-amber-text {
    color: #ff6f00;
}
.dark-teal-text {
    color: #004d40;
}

.btn {
    border-radius: 6px !important;
}

.navbar-dropdown {
    right: 0;
    top: 42px;
    border-radius: 0px 0px 0px 24px;
}

body {
    padding-bottom: 0;
    background-color: #f2f2f2;
    font-family: "Montserrat";
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    align-items: center;
    justify-content: center;
}
.footer {
    justify-items: flex-end;
    margin-top: auto;
}

input {
    border: solid 1px;
}
select {
    border: solid 1px !important;
    font-size: 95% !important;
}


.selected-coupon {
    background-color: #ffcb08 !important;
}

.selected-member {
    background-color: #ffcb08 !important;
}

textarea {
    border: solid darkgray;
    border-radius: 4px !important;
}

input {
    border-radius: 4px !important;
}
select {
    border-radius: 4px !important;
}

input[type=checkbox]
{
    /* Double-sized Checkboxes */
    -ms-transform: scale(2); /* IE */
    -moz-transform: scale(2); /* FF */
    -webkit-transform: scale(2); /* Safari and Chrome */
    -o-transform: scale(2); /* Opera */
    transform: scale(2);
}

.autocomplete {
    position: relative;
    display: inline-block;
}

input {
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
}
select {
    padding: 10px !important;
    font-size: 16px;
    border: 1px solid #ccc!important;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 180px;
    border: 1px solid #ccc;
    z-index: 1;
    max-height: 300px;
    overflow-y: auto;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #f1f1f1;
}

.show {
    display: block;
}

.dropdown-content::-webkit-scrollbar {
    width: 6px; /* Set the width of the scrollbar */
}

.dropdown-content::-webkit-scrollbar-thumb {
    background-color: #888; /* Set the color of the scrollbar thumb */
    border-radius: 10px; /* Add rounded corners to the thumb */
}

.dropdown-content::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* Set the color of the scrollbar thumb on hover */
}

.dropdown-content::-webkit-scrollbar-track {
    background-color: #eee; /* Set the color of the scrollbar track */
    border-radius: 10px; /* Add rounded corners to the track */
}

.red-border {
    border: solid red;
}

.hide-input {
    display: none;
}

.pps-background {
    background-color: #0e203e;
}
.pps-color {
   color: #0e203e;
}
.swal2-confirm {
    background-color: #0e203e!important;
}
.keyhealth-background {
    background-color: #0c2f46;
}

.profmed-primary-color {
    color: #578e95!important;
}
.profmed-primary-color:is(button)  {
    color: white!important;
    background-color: #578e95;
}
.profmed-primary-color:is(label)  {
    color: white!important;
    background-color: #578e95;
}
.profmed-primary-color:is(hr)  {
    color: #578e95!important;
    background-color: #578e95;
}
.keyhealth-primary-color {
    color: #00a4b6!important;
}
.keyhealth-primary-color:is(button)  {
    color: white!important;
    background-color: #00a4b6;
}
.keyhealth-primary-color:is(label)  {
    color: white!important;
    background-color: #00a4b6;
}
.keyhealth-primary-color:is(hr)  {
    color: #00a4b6!important;
    background-color: #00a4b6;
}
.btn:hover {
    color: #578e95;
    background-color: #578e95;
    border-color: #578e95;
}

.auth-buttons:not(.profmed-background) {
    cursor: pointer;
}

hr {
    color: #00a4b6;
    background-color: #00a4b6;
    height: 1px;
}

.profmed-background {
    background-color: #020202;
}

.font-size-80 {
    font-size: 80%;
}
.white-link {
    color: white;
}
.white-link:hover {
    color: white;
}

.gold-color {
    color: #c2a714;
}
.auth-buttons {
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.image-container {
    display: flex;
    justify-content: center; /* Center contents horizontally */
    align-items: center; /* Center contents vertically */
    padding-left: 15%;
}

.big-image {
    width: 30%; /* Adjust size as needed */
    height: auto;
}

.small-images {
    display: flex;
    flex-direction: column;
    align-items: center; /* Center contents horizontally */
}

.small-image {
    width: 35.5%;
    height: auto;
    margin-left: -1.5%;
}

@font-face {
    font-family: 'Montserrat';
    src: url('https://pps.mimsol3.co.za/assets/Fonts/Montserrat-VariableFont_wght.ttf');
    /* Add additional font file formats (e.g., woff, woff2) for better browser support */
}
.form-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    background-color: #ffffff;
    border: 1px solid #f2f2f2;
    color: #6c6e70;
    width: 100%;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
}
.custom-select-dropdown:after {
    content: '';
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z" style="fill:%23ffffff;"/></svg>');
    background-color: #36adc0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 55%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 40px;
    pointer-events: none;
    color: #ffffff;
    border-radius: 0 6px 6px 0;
}
.custom-select-dropdown {
    position: relative;
}
.medicalSchemeSelect {
    cursor: pointer;
}
.authFrom {
    margin-bottom: 4rem !important;
}

input[type="file"] {
    display: none;
}
.custom-file-upload {
    border: 1px solid #000000;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
    color: unset;
    background-color: unset;
    border-color: unset;
}

.medicalSchemeSelect:hover {
    z-index: 2;
}

.table-row:hover {
    background-color: #e2e2e2;
}