@font-face {
    font-family: 'DroidArabicKufiRegular';
    src: url('Droid.Arabic.Kufi_DownloadSoftware.iR_.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cairo';
    src: url('Cairo-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



body {
    font-family: 'Cairo', Tahoma, Geneva, Verdana, sans-serif;
}

body.has-login-bg {
    background-image: url('../img/login-bg.webp');
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    min-height: 100vh;
}
body.has-login-bg .navbar {
    text-shadow: 0 1px 1px #000;
    color: #fff;
}
body.has-login-bg .navbar a {
    color: #fff;
}

body.has-login-bg .navbar a:hover {
    color: #cdcdcd;
}

.form-group {
    margin-bottom: 15px;
}

a {
    text-decoration: none;
}


.codeVerificationForm {
    /* display: none; */
}

#countDown {
    font-weight: bold;
}

input.code {
    height: 60px;
    text-align: center;
    font-size: 2rem;
    border-radius: 0.2rem;
    color: #229094;
}

#calendar__header {
    /* max-width: 500px; */
    /* border: 1px solid #000; */
    margin: auto auto 0 auto;
    .col {
        padding: 0;
        margin: 0;
        &:first-child {
            a {
                border-end-end-radius: 0;
                border-end-start-radius: 0;
            }
        }
        &:last-child {
            a {
                border-end-start-radius: 0;
                border-end-end-radius: 0;
            }
        }
    }
}


#curDateText {
    font-weight: bold;
}


.card-columns {
    .card {
        border-right-style: solid;
        border-right-width: 5px;
        border-right-color: #f9a000;
        &:nth-child(odd) {
            border-right-color: #2ebfc3;
        }
    }
}

#admin-menu {
    width: 300px;
    height: 100vh !important;
    position: fixed;
    padding-top: 55px;
    top: 0px;
    right: 0;
    bottom: 0;
    background-color: #000;
    ul {
        height: 100vh !important;
        /* background: #000; */
        width: 100%;
        padding: 0;
        li {
            border-bottom: 1px dotted #f3f3f331;
            padding: 0 15px;
            margin: 0 15px;
        }
    }
}


main {
    display: block;
    width: calc( 100% - 300px );
    margin-right: 300px;
    background: #fff;
    padding: 15px;
}



.btn-group>.btn:last-child{
    border-top-left-radius: var(--bs-border-radius);
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--bs-border-radius);
    border-bottom-right-radius: 0;
}
.btn-group>.btn:first-child{
    border-top-left-radius: 0 ;
    border-top-right-radius:var(--bs-border-radius) !important;
    border-bottom-left-radius: 0 ;
    border-bottom-right-radius: var(--bs-border-radius) !important;
}



.navbar-nav a {
    margin: 0 8px;
    font-size: 1rem;
    font-weight:bold;
}
.nav-soci a{
    margin: 0 8px;
    font-size:1.4rem;
    color: #343a40;
}
.carousel-inner img {
    height: 262px;
    object-fit: contain;
}
.card-header {
    background-color: #2ebfc3;
    color: #fff;
}
.btn-primary {
    background-color: #0ba9c9;
    border-color: #0ba9c9;
}
.form-control:focus {
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
.modal-header {
    background-color: #09c4e1;
    color: #fff;
}
footer .container{
    padding-top: 15px;
    padding-bottom: 15px;
}
.footer-social {
    text-align: left;
    /* margin-top: 20px; */
}
.footer-social a {
    margin: 0 4px !important;
    font-size: 1.2rem;
}

.footer-rights {
    font-size: 14px;
}


body.small-decives #calendar_container {
    position: fixed;
    z-index: 10;
    width: fit-content;
    top: 110px;
    left: 10px;
    right: 10px;
    height: calc(100vh - 110px);
    overflow: auto;
}

body.small-decives #carouselExampleIndicators,
body.small-decives #card-container
{
    display: none
}


.login-footer {
    position: fixed;
    bottom: 0px;
    width: 100%;
    text-shadow: 1px 1px 1px #000;
}

.btn-whatsapp {
    background-color: #28a745;
    color: #fff;
}

.btn-outline-whatsapp {
    border-color: #198754;
    color: #198754;
}


.btn-whatsapp:hover {
    background-color:#279b3f;
    color:#fff
}
.btn-outline-whatsapp:hover {
    background-color: #28a745;
    color: #fff;
}
.btn-mobile {
    background-color: #0d6efd;
    color: #fff;
}

.btn-outline-whatsapp.disabled{
    background-color: #64b476;
    border-color: #238c3b;
    color: #FFF;
    cursor: not-allowed;
}
.btn-mobile:hover {
    background-color: #0c69f1;
    color: #FFF;
}

.btn-mobile.disabled {
    background-color: #40649a;
    border-color: #0c69f1;
    color: #FFF;
    cursor: not-allowed;
}

.btn-outline-mobile {
    border-color: #0d6efd;
    color: #0d6efd;
}

.btn-outline-mobile:hover {
    background-color: #0d6efd;
    color: #fff;
}

.activation-btn {
    background-color: #2ebfc3;
    min-width: 100%;
    color: #fff;
}

.activation-btn:disabled,
.activation-btn[disabled] {
    background-color: #8bc6d2;
    border-color: #638d96;
    color: #111;
    cursor: not-allowed;
}
.activation-btn:hover {
    background-color: #29abae;
}

.verify-btn {
    background-color: #2bb7bb;
    color: #fff;
}

.verify-btn:hover {
    background-color: #239599;
    color: #fff;
}

.register-link {
    font-weight: bold;
    color: #4f4f4f;
}

.welcoming-user {
    /* border-left: 2px solid #2bb7bb;
    padding-left: 10px;
    margin-left: 10px; */
    font-weight: bold;
}

.welcoming-user span {
    color: #2bb7bb;
    font-style: italic;
}

.verfication-method  {
    color: #737373;
    font-weight: bold;
}

.LoginModalHeader {
    background-color: #2bb7bb;
}

#LoginModalTitle a {
    margin-left: 10px;
    margin-top: 0;
    font-size: 30px;
    color: #fff;
}
#calendar_container {
    margin-top: -45px;
}

.swal-button-container {
    display: block;
    margin-bottom: 10px;
    width: 100%;

}
.swal-button-container .swal-button {
    width: calc( 100% - 15px);
    margin-bottom: 15px;
}
/* fc-day-number */
.fc-other-month {
    visibility: hidden;
}


.nav-social-footer a {
    margin: 0 5px;
    font-size: 1.5rem;
    color: #2d3339;
}

.nav-social-footer a:hover {
    color: #424b54;
    transition: all;
}

.input-group input {
    border-radius: 0 5px 5px 0 !important;
    position: relative;
    z-index: 1;
}
.input-group .input-group-prepend {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    position: relative;
    margin-right: -3px;
    z-index: 0;
}

.user-reservation-time {
    color: #229094;
}

.login-parent-container {
    min-height: calc( 100vh - 200px);
    padding-top: calc( 50vh - 350px);
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


@media screen and (max-width: 800px) {
    #calendar_container {
        margin-top: 0;
    }
    #calendar_title {
        display: none;
    }

    .fc-unthemed th {
        vertical-align: middle;
    }

    .fc-unthemed th {
        text-align: center;
        width: fit-content;
        height: fit-content;
        margin: auto;
        /* display: block; */
        font-size: 12px;
        font-weight: 800;
        padding: 10px 0 ;
    }

    .second-nav {
        width: 100%;
        justify-content: center;
    }

    .nav-social-footer a {
        margin: 0 5px;
        font-size: 1.2rem;
    }

    /*.welcoming-user span {
        width: 100%;
        display: block;
    }*/

    .small-decives footer .container {
        display: none;
    }
}

@media all and ( max-height: 550px ) {
    .login-footer {
        position: relative;
    }
}