@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');


.Login_Bg {
    /*    background-image: url(../Images/Bg.jpg);*/
    background: #ffffff;
    height: 100vh;
    width: 100%;
/*    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;*/
}
/*.Login_Bg::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100vh;
    backdrop-filter: blur(2px);*/ /* apply the blur */
    /*pointer-events: none;*/ /* make the overlay click-through */
/*}*/

.LoginScreen {
  
    /*background-color: rgb(0,0,0);*/ /* Fallback color */
    background-color: rgba(0,0,0, 0);  Black w/opacity/see-through 
    /*color: white;*/
/*    font-weight: bold;*/
    border: 3px solid #f1f1f1;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius:20px;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 80%;
/*    padding: 20px;*/
/*    text-align: center;*/
}


circular--landscape {
    display: inline-block;
    position: relative;
    width: 200px;
    height: 200px;
    overflow: hidden;
    border-radius: 50%;
}

.circular--landscape img {
    width: auto;
    height: 100%;
    margin-left: -50px;
}

.round-corner{
    border-radius:10%;
}



/* Style for the file input container */
.file-upload {
    position: relative;
    display: inline-block;
}

/* Style for the custom button */
.custom-file-upload {
    display: inline-block;
    padding: 8px 20px;
    background-color: #360f65;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* Hide the original file input */
input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}


.mud-tab {
    border-bottom-color: #360F65;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.mud-tab-active {
    color: white !important;
    /*    background: #FF33CC;*/
    background: #360F65;
    border-bottom-color: #8625fd;
    border-bottom-width: 5px;
    border-bottom-style: solid;
}
    .mud-tab-active:hover {
        background: #8625fd !important;
    }









/*    Reservation Status              */

.delayed {
    background-color: red !important;
    color: white;
}

    .delayed > td {
        color: white !important;
    }

    .delayed:hover {
        background-color: #cc0000 !important;
    }

.completed {
    background-color: #275d2b !important;
    color: white;
}

    .completed > td {
        color: white !important;
    }

    .completed:hover {
        background-color: #337b38 !important;
    }

.paid {
    background-color: #6bff9c !important;
    color: black;
}

    .paid > td {
        color: black !important;
    }

    .paid:hover {
        background-color: #4ab26d !important;
    }

.overlay {
    background-color: #360b8466 !important;
    height: 100%;
    z-index: 99999999999;
    position: absolute;
    width: 100%;
}