/*SHARED STYLES*/
:root {
    --primaryColor : #080e9a;
    --secondaryColor : #fff;
    --tersiaryColor : #000;
    --grey: #bcc3cc;
    --card-color: rgba(0, 0, 0, 0.4);
}

body {
    background-color: var(--primaryColor);
}

.rest-logo{
    width: 105px;
    height:  80px;
    object-fit: contain;
}

.rest-primary-font{
    color: var(--primaryColor) !important;
}

.rest-order-items-button{
    background-color: var(--grey) !important;
    color: var(--primaryColor) !important;
}

.page-title{
    color: var(--secondaryColor);
}

.orderpage-back-button{
    color: var(--secondaryColor);
}

.rest-edit-icon{
    background-color: var(--grey);
    color: var(--primaryColor);
    text-shadow: var(--primaryColor) 2px 2px 1px, var(--primaryColor) 2px 2px 1px, var(--primaryColor) 2px 2px 2px,
    var(--primaryColor) 0px 0px 2px, var(--primaryColor) 0px 0px 2px, var(--primaryColor)0px 0px 2px;
    -webkit-font-smoothing: antialiased;
}

/*SHARED STYLES END*/

/*MUI CSS CLASSES*/

.MuiButton-outlined {
    border: 1px solid black;
    box-shadow: 1px 2px 3px 0px #CCCCCC ;
    background-image: radial-gradient(circle, #EEEEEECC , #EEEEEE00);
}
.MuiButton-outlined:hover {
    color: #001F3F;
    background-color: #fff;
    background-image: radial-gradient(circle, #CCCCCC , #FFFFFF);
    border: 1px solid #CCCCCC;
    box-shadow: 2px 3px 4px 1px #000000 ;
}

/*MUI CSS CLASSES END*/


/*CIRCULAR LOADER*/

.rest-circular-loader{
    color: var(--primaryColor) !important;
}

/*CIRCULAR LOADER END*/

/*DIALOGS*/
.rest-dialog-main-box{
    color:#000;

}

.rest-tabsaleDialogContent-box{
    border: 2px solid black;
}

.rest-tabsaleDialogContent-product-name,
.rest-tabsaleDialogContent-product-price,
.rest-tabsaleDialogContent-product-total-price
{
    color: #000
}

/*DIALOGS END*/

/*PRODUCTS BUTTONS*/

.card {
    border: 2px solid var(--secondaryColor);
}

/*CARD CLASS*/

.main-menu-card{
    background-color: rgba(255, 255, 255, 0.8);
    border: 2px solid var(--secondaryColor);
}

.landing-page-card{
    background-color: rgba(255, 255, 255, 0.8);
    border: 2px solid var(--secondaryColor);
}

.sub-menu-card{
    background-color: rgba(255, 255, 255) !important;
    border: 2px solid var(--secondaryColor);
}

/*CARD CLASS END*/

/*CARD CONTENT CLASS*/
.card-content {
    background-color: var(--card-color);
}

.landing-page-card-content{
    background-color: var(--card-color);
}

.main-menu-card-content{
    background-color: var(--card-color);
}

.sub-menu-card-content{

}

/*CARD CONTENT CLASS END*/

/*CARD IMAGE CLASS*/
.card-image {

}

.landing-page-card-image {

}

.main-menu-card-image{

}

.sub-menu-card-image{

}

.sub-menu-card-image > img{

}

.landing-page-card-image > img{

}

.main-menu-card-image > img{

}
/*CARD IMAGE CLASS END*/

/*CARD INFO CLASS*/
.card-info {
    color: #FFFFFFFF;
    text-shadow: #000 2px 2px 1px, #000 2px 2px 1px, #000 2px 2px 2px,
    #000 0px 0px 2px, #000 0px 0px 2px, #000 0px 0px 2px;
    -webkit-font-smoothing: antialiased;
}

.landing-page-card-info {
    color: #FFFFFFFF;
    text-shadow: var(--primaryColor) 2px 2px 1px, var(--primaryColor) 2px 2px 1px, var(--primaryColor) 2px 2px 2px,
    var(--primaryColor) 0px 0px 2px, var(--primaryColor) 0px 0px 2px, var(--primaryColor)0px 0px 2px;
    -webkit-font-smoothing: antialiased;
}

.main-menu-card-info {
    color: #FFFFFFFF;
    text-shadow: var(--primaryColor) 2px 2px 1px, var(--primaryColor) 2px 2px 1px, var(--primaryColor) 2px 2px 2px,
    var(--primaryColor) 0px 0px 2px, var(--primaryColor) 0px 0px 2px, var(--primaryColor)0px 0px 2px;
    -webkit-font-smoothing: antialiased;
}

.sub-menu-card-info {
    color: var(--primaryColor)
}

/*CARD INFO CLASS*/

.card:hover {

}

.card:hover::before {
}

.card::before,
.card::after {

}

.card::before {
    background: radial-gradient(
            800px circle at var(--mouse-x) var(--mouse-y),
            rgba(255, 255, 255, 0.06),
            transparent 40%
    );
}

.card::after {
    background: radial-gradient(
            600px circle at var(--mouse-x) var(--mouse-y),
            rgba(255, 255, 255, 0.4),
            transparent 40%
    );
}


.card > .product-bread-crumb-card-content {
    background-color: var(--card-color);
}

/* Hide scrollbar for Chrome, Safari and Opera */
.rest-product-bread-crumb-box::-webkit-scrollbar{
}

.rest-product-bread-crumb-box{

}

.rest-productbuttonlist-stock-on-hand {
    color: #FFFFFFFF;
    text-shadow: var(--primaryColor) 2px 2px 1px, var(--primaryColor) 2px 2px 1px, var(--primaryColor) 2px 2px 2px,
    var(--primaryColor) 0px 0px 2px, var(--primaryColor) 0px 0px 2px, var(--primaryColor) 0px 0px 2px;
    -webkit-font-smoothing: antialiased;
}


/*PRODUCTS BUTTONS END*/

/*PRODUCTS INFO MODAL*/
.rest-productbuttonlist-modal-quantity-button {
    color: var(--primaryColor) !important;
    border: 1px solid var(--grey) !important;
    background-color: var(--grey)!important;
}

.rest-productbuttonlist-quantity{
    color: #000 !important;
    border-block: 1px solid #000000;
}

.rest-productbuttonlist-modal-quantity-textfield{
}

.rest-productbuttonlist-childmodal-quantity{
    color: #000 !important;
}

.rest-main-button{
    background-color: var(--grey) !important;
    color: var(--primaryColor) !important;
}

.rest-main-button:hover{
    background-color: var(--primaryColor);
    color: var(--secondaryColor);
}

.rest-main-button:disabled{
    background-color: darkgray !important;
    color: white !important;
}

.rest-modal-title{
    color: var(--primaryColor);
}

.rest-modal-amount{
    color: var(--primaryColor);
}

.rest-productbuttonlist-modal-image{

}

.rest-productbuttonlist-modal-image > img{

}

#parent-modal-title{
}
/*PRODUCTS INFO MODAL END*/


/*APPBAR */
.appbar {
    background-color: var(--primaryColor) !important;
    border: 1px solid var(--primaryColor);

}

.appbar:hover {
    background-color: var(--primaryColor) !important;
}

.rest-mainappbar-iconbutton{
    color: var(--secondaryColor) !important;
    background: var(--primaryColor) !important;
}

/*APPBAR END*/

/*DRAWER*/
.rest-drawer-close-icon{
    color: grey;
}

.rest-drawer-close-icon:hover{
    color: #000000 ;
    background-color: #c0db3b;
    box-shadow: 0 0 0 1px #c0db3b;
}

.rest-drawer-button{
    color: var(--primaryColor) !important;
}

.rest-drawer-button > div > svg{
    color: var(--primaryColor) !important;
}

.drawer-list-item{
    color: var(--primaryColor) !important;
}

.drawer-list-item > p{
    color: var(--primaryColor) !important;
}

/*DRAWER END*/

/*FORGOT PASSWORD*/
.rest-changepass-card-main-box{
    color:#000;
    background-color: #FFFFFF;
}
/*FORGOT PASSWORD END*/

/*AUTH DIALOG*/
.rest-auth-dialog-text{
    color: #000;
}

.rest-auth-dialog-text:hover{
    color: darkgreen;
}
/*AUTH DIALOG END*/

/*PAYTAB */
.rest-paytab-dialog-content{

}
.rest-paytab-dialog-content-clientinfo{

}
.rest-paytab-dialog-content-products-box{

}
.rest-paytab-dialog-content-subtitle{
    color: #217021;
}
/*PAYTAB END*/

/*PAYMENT OPTIONS*/
.payment-options-main-box{

}

.payment-options-radio-group{
    color: var(--primaryColor);
}

.payment-options-radio-group > li > div> svg {
    color: var(--primaryColor);
}

.payment-options-radio-group > li > label>  psan{
    color: var(--primaryColor) !important;
}

/*PAYMENT OPTIONS END*/

/*CART PAGE*/
.cart-list-total{
    color: var(--primaryColor);
}

.cart-card{
    background-color: rgba(255, 255, 255) !important;
    border: 2px solid var(--secondaryColor);
}

.cart-card-content{

}

.cart-card-image{

}

.cart-card-info {
    color: var(--primaryColor)
}

.cart-card-image > img{

}

.sub-menu-card-content > div{
}

/*CART PAGE ENDS*/

/*ORDER PAGE*/
.order-table-row > td{

}
/*ORDER PAGE END*/

/*SELECT BOOKING ACCOUNT CONTENT*/
.rest-client-bookings-datagrid{

}

.rest-client-accounts-datagrid{

}

.rest-search-bookings-button{
    background-color: var(--grey) !important;
    color: var(--primaryColor) !important;
}
/*SELECT BOOKING ACCOUNT CONTENT END*/


/*TABLES */
.rest-table-card{

}
.rest-table-card:hover {
    background-color: #fff !important;
}
/*TABLES END*/

/* MEDIA QUERIES */
@media all and (min-width: 0px) and (max-width: 900px) {
    .MuiButton-outlined:hover {
        color: #001F3F;
        background-color: #fff;
        background-image: radial-gradient(circle, #CCCCCC , #FFFFFF);
        border: 1px solid #CCCCCC;
        box-shadow: 2px 3px 4px 1px #000000 ;
    }
}

@media all and (min-width: 0px) and (max-width: 600px) {
    .rest-logo {
        width: 90px;
        height: 80px;
    }
}

/* MEDIA QUERIES END*/