@font-face {
    font-family:"vazir";
    src:url("fonts/Vazirmatn-Regular.woff2")format('woff2');
}
/*body{*/
/*    font-family: Vazir;*/
/*    direction: rtl;*/
/*}*/


body {
    font-family: "Far.Traffic",Tahoma, Sans-Serif;
    font-size: 11px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}
.bottomDiv {
    position: fixed;
    bottom: 20px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
.middleDiv {
    position: fixed;
    top: 85%;
    left: 50%;
    width: 30em;
   /* height: 18em;*/
    margin-top: -9em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/
   /* border: 1px solid #ccc;
    background-color: #f3f3f3;*/
}
.mybg {
    background-color: #f4f4f4;
     background-image: url("../img/bgWall2.png");
   /* background-image: url("../img/takmenu.gif");*/
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /*float: left;*/
    /*width: auto;*/
}

.div-valed {
    position: relative;
    /*width: fit-content;*/
    /*height: fit-content;*/
}

.pic-lvl-1 {
    z-index: 2;
}

.pic-lvl-2 {
    position: absolute;
    /*top:50%;*/
    left: 1%;
    /*transform: translateX(-50%) translateY(-50%);*/
    z-index: 1;    
}

.pt-8 {
    padding-top: 5rem !important;
}
.pt-7 {
    padding-top: 4rem !important;
}

.pb-7 {
    padding-bottom: 4rem !important;
}
.pb-8 {
    padding-bottom: 4.5rem !important;
}
.pb-9 {
    padding-bottom: 5rem !important;
}
/*.active-foods-title {
    background-color: #09c09f;
    !important;
}*/
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    background-color: #ffffff;
    !important;
}

.navbar-inverse {
    background-color: #caceca;
}

.navbar {
    min-height: 0px;
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 0px;
}

.navbar-nav a {
    color: #040618 !important;
}
/*.dropdown-menu a{*/
/*    color: grey !important;*/
/*}*/
.card-sec1 {
    border: 1px solid #a43ca4;    
}

.btn-sabt-sefaresh-shadow {
    box-shadow: 0 2px 5px 2px rgba(5, 29, 13,.5);
}
.top-title {
    border: solid 1px gold;
    border-radius: 3px;
    padding: 5px;
    margin: 5px;
    margin-left: 0;
    margin-right: 0;
  
    box-shadow: 0 2px 5px 2px rgba(255, 215, 0,.5);
}

.top-title-rahgiri-inactive {
    /*border: solid 1px #5c2104;
    box-shadow: 1px 2px 3px 2px rgba(109, 68, 46,.5);*/
    border: solid 1px #d3d3d3;
    box-shadow: 1px 2px 3px 2px rgba(211, 211, 211,.5);
    border-radius: 3px;
    padding: 1px;
    margin: 3px;
}
.top-title-rahgiri-active {
    border: solid 1px #5c2104;
    box-shadow: 1px 2px 3px 2px rgba(109, 68, 46,.5);   
    border-radius: 3px;
    padding: 1px;
    margin: 3px;
}
.category-box {
    border: solid 1px gold;
    border-radius: 5px;
   /* padding: 5px;
    margin: 5px;
    margin-left: 0;
    margin-right: 0;*/
    box-shadow: 0 3px 3px 3px rgba(255, 215, 0,.5);
}
.title-sec1 {
    color: #a43ca4;
}
.title-sec1 {
    color: #a43ca4;
}

.card-sec2 {
    border: 1px solid #09c09f;
}

.title-sec2 {
    color: #09c09f;
}

.card-sec3 {
    border: 1px solid #f39446;
}
.title-sec3 {
    color: #f39446;
}

.card-sec4 {
    border: 1px solid #09c09f;
}
.title-sec4 {
    color: #f39446;
}

.card-sec5 {
    border: 1px solid #f39446;
}
.title-sec5 {
    color: #f39446;
}

.card-sec6 {
    border: 1px solid #09c09f;
}
.title-sec6 {
    color: #f39446;
}

.card-sec7 {
    border: 1px solid #f39446;
}
.title-sec7 {
    color: #f39446;
}

.card-sec8 {
    border: 1px solid #09c09f;
}
.title-sec8 {
    color: #f39446;
}

.card-sec9 {
    border: 1px solid #f39446;
}
.title-sec9 {
    color: #f39446;
}

.btn-takmenu {
    border-style: none;
    background: #fff;
}

.btn-takmenu-shopping-plus {
    border: solid 1px #2bc10e;
    border-radius: 5px;
    color: #2bc10e;
}

.btn-takmenu-shopping-minus {
    border: solid 1px #e00c06;
    border-radius: 5px;
    color: #e00c06;
} 

.link-decoration a {
    text-decoration: none;
}

.link-decoration:hover {
    opacity: 70%;
    background-color: burlywood;
}
.mablagh-kol-round {
    border: solid 1px #5c2104;
    border-radius: 5px;
}
.orderbasket-round {
    border: solid 1px #5c2104;
    border-radius: 3px;
}

.orderbasket-round-l {
    border-left: solid 1px #5c2104;
    border-radius: 3px;
    left: 1px !important; 
}

.orderbasket-round-r {
    border-right: solid 1px #5c2104;
    border-radius: 3px;
    right: 1px !important;
}
.orderbasket-round-b {
    border-bottom: solid 1px #5c2104;
}
.fixed-top-of-bottom-menu1-Empty {
    position: fixed;
    bottom: 51px;
    height: 250px;
    right: 0;    
}
.fixed-top-of-bottom-menu1 {
    position: fixed;
    bottom: 51px;
    height: 80px;
    right: 0;
    z-index: 1030;
}

.fixed-top-of-bottom-menu2 {
    position: fixed;
    left: 0;
    bottom: 51px;   
    height: 90px;  
    z-index: 1030;
}
.fixed-top-of-bottom-menu3 {
    position: fixed;
    bottom: 51px;
  /*  height: 90px;*/
    z-index: 1030;
}

#shoppingBasket1 {
    height: 120px;
    /*overflow-y: auto;*/
    /*overflow-x: hidden;*/
    /*border: 1px solid #111221;*/
}

#shoppingBasket2 {
    height: 120px;
    /*border: 1px solid #111221;*/
}

#shoppingBasket3 {
    height: 110px;
    overflow-y: auto;
    overflow-x: hidden;
    /*border: 1px solid #111221;*/
}


/*scrollbar settings*/
/* width */
::-webkit-scrollbar {
    width: 3px;
}
/* Track */
::-webkit-scrollbar-track {
    /*background: #603d07;*/
    background: transparent;
}
/* Handle */
::-webkit-scrollbar-thumb {
    border-right: none;
    border-left: none;
    background: #7fbda1;
}
    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #34002b;
    }

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 2px;
}

::-webkit-scrollbar-thumb {
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}


.rahgiri-subs-inactive-line {
    background-image: url('../img/rahgiri/rahgiri_line_inactive.png');
    background-repeat: repeat-x;
    background-size: 100% 20%;  
    background-position-y:center;   
    z-index: 999999;
}
.rahgiri-subs-active-line {
    background-image: url('../img/rahgiri/rahgiri_line_active.png');
    background-repeat: repeat-x;
    background-size: 100% 20%;
    background-position-y: center;
    z-index: 999999;
}

.rahgiri-subs-inactive {
    border-color: lightgray;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    color: lightgray;
    background-color: white;
    z-index: 999999;
}
.rahgiri-subs-active {
    border-color: blue;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    color: black;
    background-color: dodgerblue;
    z-index: 999999;
}
.rahgiri-subs-active-OKGarsonYakhchali {
    border-color: peachpuff;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    color: black;
    background-color: palegoldenrod;
    z-index: 999999;
}
.rahgiriTimesStyle-inactive {
    font-family: "Far.Traffic",Tahoma, Sans-Serif;
    font-size: 12px;
    color: lightgray;
}
.top-title-rahgiri-text-inactive {
    font-family: "Far.Traffic",Tahoma, Sans-Serif;
    font-size: 11px;
    color: lightgray;
}

.top-title-rahgiri-text-active {
    font-family: "Far.Traffic",Tahoma, Sans-Serif;
    font-size: 11px;
    color: #310107;
}
.border-gradient-1 {
    /*border-width: 2px;
    border-style: solid;  #392317
    border-image: linear-gradient(to bottom, darkgreen, white) 2;*/

    border: solid 1px transparent;
    border-radius: 10px;
    /* background-image: linear-gradient(#3F030f, #E2cdBA), linear-gradient(to bottom, gold, white);*/
    background-image: linear-gradient( #ffc107,lightyellow), linear-gradient(to bottom, green, white);
    background-origin: border-box;
    background-clip: content-box, border-box;
}
.tick-ok {
    position: absolute;
    right: -1px;
    top: -7px;
}

.rahgiriTimesStyle-active {
    font-family: "Far.Traffic",Tahoma, Sans-Serif;
    font-size: 9px;
    color: orangered;
}
.rahgiriTimesStyle-active-new {
    font-family: "Far.Traffic",Tahoma, Sans-Serif;
    font-size: 12px;
    color: darkmagenta;
}
.fixed-rahgiri {
    position: fixed;
    left: 1px;
    bottom: 150px;
    height: 110px;
    right: 1px;
    z-index: 1030;
    border-radius: 3px;
    z-index: 100001;
    border: solid 1px #5c2104;
    border-bottom: dotted 1px #5c2104;    
}

.fixed-rahgiri1 {
    position: fixed;
    /*left: 0;*/
    bottom: 167px;
    height: 60px;
    right: 0;
    z-index: 1030;
}

.fixed-rahgiri2 {
    position: fixed;
    /*left: 0;*/
    bottom: 167px;
    height: 60px;
    /*right: 0;*/
    z-index: 1030;
}

.fixed-rahgiri3 {
    position: fixed;
    left: 0;
    bottom: 167px;
    height: 60px;
    z-index: 1030;
    font-size: x-small;
}

.takmenuBtn-disable {
    opacity: .3;
    color: gainsboro;
    cursor: none;    
}
.btn-ShouldDisable {
    opacity: .3;
    color: gainsboro;
    cursor: none;
}



/*object-fit: cover  and width: 100%;height: 100%;;  for avoid img stretching */
.mybg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img-bgmenu {
    width: 227px;
    height: 355px;
}

.img-sample {
    top: 100px;
    width: 225px;
    height: 175px;
}

.lbl-resturantTitle {
    top: 5px;
    font-size: x-large;
    color: black;
    /*font-family: "B Traffic";*/
    font-family: "vazir";
}
.modal-dir {
    direction: rtl;
    text-align: right;
}



.dropdown_custom a {
    cursor: pointer;
    font-size: 14px !important;
    color: #6f6f6f !important;
}

.dropdown-menu_custom {
    top: 10px !important;
    left: -10px !important;
}

    .dropdown-menu_custom:after {
        height: 4px;
        background-color: #5c7567;
        bottom: 100%;
        left: 0;
        right: 0;
    }

.dropdown-menu_custom:before, .dropdown-menu_custom:after {
    position: absolute;
    content: "";
}

    .dropdown-menu_custom:before {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 8px 8px;
        border-color: transparent transparent #5c7567;
        bottom: 100%;
        margin-bottom: 2px;
        left: 70px;
    }

/*loading css*/
* {
    margin: 0;
    padding: 0;
}

.loader {
    display: none;
    top: 92%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.loading {
    border: 2px solid #ccc;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border-top-color: #1ecd97;
    border-left-color: #1ecd97;
    animation: spin 1s infinite ease-in;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.verAndhor-center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.divider {
    flex-grow: 1;
    border-bottom: 1px solid lightgray;
    margin: 5px
}

.top-title-more {
    border: solid 1px grey;
    border-radius: 3px;
    padding: 5px;
    margin: 5px;
    margin-left: 0;
    margin-right: 0;
    box-shadow: 0 2px 5px 2px rgba(128, 128, 125, 0.5);
}