@font-face {
    font-family: 'Proxima Nova Bl';
    src: url('../fonts/ProximaNova-Bold.eot');
    src: url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Bold.woff2') format('woff2'),
        url('../fonts/ProximaNova-Bold.woff') format('woff'),
        url('../fonts/ProximaNova-Bold.ttf') format('truetype'),
        url('../fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Proxima Nova Lt';
    src: url('../fonts/ProximaNova-Semibold.eot');
    src: url('../fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Semibold.woff2') format('woff2'),
        url('../fonts/ProximaNova-Semibold.woff') format('woff'),
        url('../fonts/ProximaNova-Semibold.ttf') format('truetype'),
        url('../fonts/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Th';
    src: url('../fonts/ProximaNovaT-Thin.eot');
    src: url('../fonts/ProximaNovaT-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNovaT-Thin.woff2') format('woff2'),
        url('../fonts/ProximaNovaT-Thin.woff') format('woff'),
        url('../fonts/ProximaNovaT-Thin.ttf') format('truetype'),
        url('../fonts/ProximaNovaT-Thin.svg#ProximaNovaT-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('../fonts/ProximaNova-Regular.eot');
    src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Regular.woff2') format('woff2'),
        url('../fonts/ProximaNova-Regular.woff') format('woff'),
        url('../fonts/ProximaNova-Regular.ttf') format('truetype'),
        url('../fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html,body{
    font-family: 'Proxima Nova Rg';
}
a,a:hover{
    text-decoration: none;
}
.bg-yellow {
    background-color: #FCCC00;
}
.bg-black{
    background-color: black;
}
.bg-red {
    background: #BF0404;}
.bg-orange {
    background: #FF5C01;}

.header-rizera{
    padding: 16px 5px;
}
.header-rizera a,.header-rizera h6{
   font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 14px;
color: #141414;
}

/*sidebarMenu*/

.fix-width {
    display: flex;
    margin: 0px -15px;
}

.fix-width nav#sidebarMenu {
    min-width: 220px;
    padding: 0px 15px;
    border-radius: 0px 10px 0px 0px;
}

.right-side {
    min-width: 300px;
    padding: 0px 10px;
}

main.main-box {
    padding: 0px 15px;
    width: 100%;
}

nav#sidebarMenu {
    min-height: 100vh;
}

.sidebar-sticky.side-rizera {
    margin: 0px -15px !important;
}

.sidebar-sticky.side-rizera li a {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;

    text-align: left;
    color: #E3E3E3;
    border: 1px solid #3F3E3E;
    padding: 20px 15px;
    text-decoration: none;

}

.sidebar-sticky.side-rizera .flex-column li a {
    text-transform: uppercase;
}

.side-rizera ul.nav.flex-column li a {
    border-bottom: none;
}
.side-rizera ul.nav.flex-column li a:hover{
    background-color: #FF5C01;
}
.side-rizera ul.nav.flex-group li.nav-item {
    display: flex;
    width: 25%;
    background: #201F1F;
}

.side-rizera ul.nav.flex-group li.nav-item a {
    padding: 10px 0px;
    width: 100%;
    text-align: center;
    border-bottom: none;
}

.side-rizera ul.nav.flex-group li.nav-item a svg {
    display: block;
    margin: 0 auto 10px;
}

.sidebar-sticky.side-rizera .nav.flex-column li svg {
    margin-right: 8px;
}

.sidebar-sticky.side-rizera .nav.flex-column li a {
    border-left: none;
    border-right: none;
}

.side-rizera ul.nav.flex-group li.nav-item:first-child a {
    border-left: none;
    border-right: none;
}

.side-rizera ul.nav.flex-group li.nav-item:last-child a {
    border-left: none;
    border-right: none;
}

.reserve {
    width: calc(100% + 20px);
    height: 59px;
    left: 0px;
    background: #FF5C01;
    border-radius: 0px 29.5px 29.5px 0px;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    z-index: 9999;
    position: relative;
}

.reserve span {
    line-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reserve span svg {
    margin-right: 10px;
    vertical-align: sub;
}

.dis-header {
    margin: 0 -15px;
    padding: 0px 15px 0px 30px;
    border-bottom: 1px dashed #D2D2D2;
    min-height: 59px;
    line-height: 59px;
}
.dis-header ul.list-unstyled {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0px;
    vertical-align: middle;
}

.sidebar ul.list-unstyled li,.sidebar ul.list-unstyled li a {
    display: inline-flex;
    align-items: center;
}

.sidebar ul.list-unstyled li i {
    margin-right: 7px;
}

.dis-header ul.list-unstyled li {
    padding: 0px 10px;
    font-style: normal;
font-weight: 900;
font-size: 14px;
line-height: 16px;


color: #484848;
}

.dis-header ul.list-unstyled li a{
   font-style: normal;
font-weight: 900;
font-size: 13px;
line-height: 15px;
text-decoration: none;
color: #484848;
}
.dis-header .row {
    align-items: center;
}
.dis-header ul.list-nav-header {
    background: #FFFFFF;
    border: 1px solid #D2D2D2;
    box-sizing: border-box;
    border-radius: 18px; padding: 5px;
    margin-right: 5px;
}

.dis-header .list-nav-header a,.dis-header .list-nav-header a.btn {
    background: #fff;
    border-radius: 50px;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    padding: 7px 8px;
    text-align: center;
    color: #484848;
    margin: 0px 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border:#ddd 1px solid;
    box-shadow: none !important;
    min-width: 200px;
    display: inline-block;
}
.slick-track {
    display: flex!important;
}
.dis-header .list-nav-header a.active,.dis-header .list-nav-header a.active.btn,.dis-header .list-nav-header a:hover,.dis-header .list-nav-header a.btn:hover {
 background-color: #37B63E; color: #fff; box-shadow: none !important; border-color: #37B63E;
}
.dis-header ul.list-unstyled.list-nav-header li{
    padding: 0px;
}

.container-main{
    padding: 10px 0px;
}
/*right-side */
.right-side {
    background: #F8F8F8;
    border-left: 1px solid #D2D2D2;
}
.top-tabing.list-side-item {
    margin: 0 -15px;
}

.top-tabing.list-side-item ul {
    display: flex;
    flex-wrap: wrap;
}

.top-tabing.list-side-item li {
    width: 33.33%;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    border-left: 1px solid #D2D2D2;

    text-align: center;
    color: #484848; position: relative;
}
.top-tabing.list-side-item li:first-child{
    border-left: none;
}
.top-tabing.list-side-item li a{
    text-align: center;
    color: #939393;
    display: block;
    padding: 10px 0px;
    position: relative;

}
.top-tabing.list-side-item li.active a{
color: #484848; 
}.top-tabing.list-side-item li a{
 position: relative;
}.top-tabing.list-side-item li a.active:after,.top-tabing.list-side-item li:hover a:after{
position: absolute;
width: 100px;
height: 2px;
left: -1px;
bottom: -1px;
content: "";
background: #FCCC00;
}

.top-tabing.list-side-item li a.active, .top-tabing.list-side-item li:hover a {
    color: #484848;
}

.top-tabing.list-side-item {
    border-bottom: 1px solid #ddd; background-color: #fff;
}

.top-tabing.list-side-item ul {
    margin: 0px;
}

.top-tabing.list-side-item span.bage {
    width: 15px;
    height: 15px;
    display: inline-block;
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    line-height: 16px;
    text-align: center;
    color: #141414;
    border-radius: 5px;
    margin-left: 4px;
}

.top-tabing.list-side-item span.bage.bg-red{    
    border-radius: 4px;
    color: #fff;
}
.top-tabing.list-side-item span.bage.bg-orange {
    border-radius: 4px;
    color: #fff;
}
.side-rizera ul.nav.flex-group li.nav-item:nth-child(2) {
    width: 20%;
}

.side-rizera ul.nav.flex-group li.nav-item:nth-child(4) {
    width: 30%;
}
.side-search {
    background: #fff;
    margin: 0 -15px;
    padding: 8px;
}

.side-search form.form-inline {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.side-search form.form-inline span.icon {
    position: absolute;
    left: 8px;
}

.side-search form.form-inline .form-control {
    background: #F3F3F3;
    border-radius: 4px;
    border: none;
    padding-left: 30px;
    width: 100%;
    outline: none;
    box-shadow: none;
}

.side-search .btn {
    border: none;
    background: #F3F3F3;
    border-radius: 4px;
    width: 36px;
    height: 36px;
}

.side_food_list {
    margin: 0px -10px;
    padding: 10px 10px 1px 10px;
    background: #fff;
    border-bottom: #D2D2D2 1px solid;
}

.side_food_list .item {
    /*background: #FFFFFF;
    border: 1px solid #57A78A;
    box-sizing: border-box;
    border-radius: 4px;
    margin-bottom: 10px;*/
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1px;
}

.side_food_list .item .left {
    display: flex;
    align-items: center;
}

.side_food_list .item .left .icon {
    width: 36px;
    height: 36px;
    background: #57A78A;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
    margin-right: 10px;
}

.side_food_list .item .left .name {}

.side_food_list .item .left .name h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;

    color: #141414;
    margin-bottom: 5px;
}

.side_food_list .item .left .name p {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;

    color: #484848;
    margin: 0px;
}



.side_food_list .item .right .arrow-icon {
    padding: 10px;
}

.item.Lunch {
    border-color: #D9A465;
}

.side_food_list .item.Lunch .left  .icon {
    background-color: #D9A465;
}
.item.Dinner {
    border-color: #DD87D4;
}

.side_food_list .item.Dinner .left  .icon {
    background-color: #DD87D4;
}

.order-list-item .item {
    background: #FFFFFF;
    box-shadow:none;
    border-radius: 4px;
    padding: 4px;
    margin-bottom: 6px; display: flex;
    align-items: center;
    justify-content: space-between;
    border: #D2D2D2 1px solid;
    padding: 1px 6px 1px 1px;
}


.order-list-item .item .left {
    display: flex;
    align-items: center;
}

.order-list-item .item .left .icon-item {
    width: 29px;
    height: 63px;
    background: #484848;
    border-radius: 4px;
    text-align: center;
    padding: 10px 0px;
    margin-right: 10px;
}

.order-list-item .item .left .icon-item h4 {
    margin: 0px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;

    text-align: center;
    color: #FFFFFF;
}

.order-list-item .item .left .icon-item .icon {
    margin-bottom: 4px;
}

.order-list-item .item .left .name h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 13px;

    color: #484848;
    margin-bottom: 8px;
}

.order-list-item .item .left .name p {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    opacity: .8;
    color: #484848;
    margin: 0px;
}

.order-list-item .item .right {
    padding: 6px;
}

#booking-list.order-list-item {
    padding: 10px 0px;
    height: 578px;
    overflow-y: scroll;
}
/*signin-warper*/
.signin-warper {
    min-height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
}

.signin-warper {
    min-height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
}

.signin-warper-box {
    min-height: 100vh;
    background-color: #141414;
    position: relative;
    background-repeat: no-repeat;
    background-size: 100%;display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
}
.after_signin-warper:after {
    background-image: url(../imgs/Vector_b.svg);
    content: "";
    position: absolute;
    bottom: 0px;
    height: 50%;
    width: 100%;
    background-repeat: no-repeat;
    left: 0;
    background-size: 100%;
    background-position: bottom center;
    pointer-events: none;
}
.container-login {
    position: relative;
    z-index: 1;
}
.sing-form {
    max-width: 460px;
    width: 100%;
     min-width: 460px;
    background: #FFFFFF;
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    padding: 50px;
}

.sing-form-logo {
    text-align: center;
    margin-bottom: 30px;
}
.sing-form h2{
    font-style: normal;
font-weight: bold;
font-size: 22px;
line-height: 27px;
margin-bottom: 5px;

color: #484848;
}.sing-form p{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    
    color: #939393;

}

.sing-form .form-group label {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;

    color: #484848;
}

.sing-form .form-control {
    height: 46px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 4px; outline: none; box-shadow: none;
}

.sing-form .Forgot {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;

    text-align: right;
    color: #E19B31;
}

.btn-black {
    background: #080809;
    border-radius: 4px;
    color: #fff;
}

.signin-warper-box .btn {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;

    text-align: center;
    color: #FFFFFF;
    padding: 12px;
}

.sing-form h6.Create {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;

    color: #939393;
    padding: 20px 0px 0px;
}

.sing-form h6.Create a {
    color: #E19B31;
}

.box-edit-right {
    padding: 18px 10px;
    margin: 0px -15px;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 24px;
/* identical to box height */
    color: #141414;
    border-bottom: 1px solid #D2D2D2;
    margin-bottom: 16px;
    background: #fff;
}

.edit-form-res {
    background: #fff;
    margin: -15px -15px 15px;
    width: inherit;
    padding: 15px;
}

.right-side {
    overflow: hidden;
    max-width: 297px;
}

.edit-form-res h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
/* identical to box height */
    color: #141414;
    margin-bottom: 16px;
}

.edit-form-res 
 label {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
/* identical to box height */
    color: #484848;
    margin-bottom: 6px;
}

.edit-form-res .form-control {
    background: #FFFFFF;
    border: 1px solid #D2D2D2;
    box-sizing: border-box;
    border-radius: 4px;
    min-height: 36px;
}

.btn.btn-red {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
/* identical to box height */
    text-align: center;
    color: #FFFFFF;
    padding: 10px 15px;
    background: #BF0404;
    border-radius: 2px;
}

.table_layouts h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
/* identical to box height */
    color: #141414;
}

.add-restaurant-form {
    max-width: 690px;
    margin: 0 auto;
    padding: 40px 0px;
}

.add-restaurant-form h2 {
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    color: #141414;
    margin-bottom: 33px;
}

.add-restaurant-form .card-header {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
/* identical to box height */
    color: #141414;
    padding: 20px 30px;
    background: #fff;
     display: inline-flex;  
    justify-content: space-between;
}
.add-restaurant-form .card{
    margin-bottom: 20px;
}
.add-restaurant-form .card-header h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    color: #141414;
    margin: 0px;
}

.add-restaurant-form .card-body {
      padding: 23px 30px 30px;
}

.add-restaurant-form .card-body .form-control {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 4px;
    min-height: 46px;
}

.add-restaurant-form .card-body label {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
/* identical to box height */
    color: #141414;
}

.ck.ck-editor__main>div {
    min-height: 100px;
}

.date .input-group-addon {
    position: absolute;
    right: 8px;
    z-index: 9999;
    top: 8px;
}

.add-restaurant-form .card-body label.form-check-label {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #484848;
    font-weight: 400;
    
}

.add-restaurant-form .card-body .form-check {
    padding: 4px 0px 4px 0px; margin-left: 0px;
}

.form-check-input {
    width: 20px;
    height: 20px;
    margin-left:-30px ;
}

.input-upload-img-input {
    background: #F9F9F9;
    border: 1.2px dashed #939393;
    box-sizing: border-box;
    border-radius: 4px;
    width: 203px;   
    height: 136px;  
    align-items: center;    
    justify-content: center;    
    display: flex;
}

.input-upload-img-input input[type="file"] {
    position: absolute;
    left: 0pc;
    width: 100%;
    height: 100%;
    opacity: 0;
    top: 0px;
}

.btn.btn-black:hover {
    color: #fff;
}



.order-list-item.dawnlist-toggle .left .icon-item .icon {
    width: inherit;
    height: initial;
    background: transparent;
    margin-left: 0px;
    display: flex;
    margin-right: 0;
    margin-bottom: 10px;
}

.nav-d-inline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 0px;
    width: 100%;
   padding-bottom: 6px;
}

.nav-d-inline h4 {
    margin: 0px;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
}

.order-list-item.dawnlist-toggle {}

.order-list-item.dawnlist-toggle .left {
    width: 100%;
}

.order-list-item.dawnlist-toggle .name {
    width: 100%;
}

.nav-d-inline .btn {
    padding: 1px 4px;
    background: #199FEB;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
}

.nav-d-inline span{
     font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    color: #179A6B;
}
.nav-d-inline span.text-pending {
  
    color: #EC8307;
}
.nav-d-inline span.text-Confirmed {
   
    color: #179A6B;
}

.nav-d-inline h3 {
    margin: 0px !important;
}

.item-list-down > .item {
    margin-bottom: 8px; cursor: pointer;
}

.order-list-item.dawnlist-toggle {
    border-top: 1px solid #57a78a;
    padding: 6px 6px 0px;
    border-radius: 0px 0px 5px 5px;
}

.item-Lunch .order-list-item.dawnlist-toggle {
    border-top-color:#D9A465!important;
}

.item-Dinner .order-list-item.dawnlist-toggle {
    border-top-color:#DD87D4!important;
}

.dawnlist-toggle{
    display: none;
}


.modal-title {
    font-weight: bold;
}


.modal-dialog.booking-modal .modal-content {
    border-radius: 30px;
}

.modal-dialog.booking-modal .modal-content .modal-body {
    padding:15px 30px 30px;
}

.booking-modal  .nub-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.booking-modal  .nub-top h3 {
    margin: 0px;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 24px;
/* identical to box height */
    color: #141414;
}

.booking-modal  .nub-top .nub-link {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 15px;
/* identical to box height */
    text-align: center;
    color: #141414;
    background: #FCCC00;
    border-radius: 6px;
    padding: 10px 16px;
}

.booking-modal  .btn {
    padding: 15px 15px;
}


.sitting_summary {
    background: #F3F3F3;
    border: 1px solid rgba(210, 210, 210, 0.5);
    box-sizing: border-box;
    border-radius: 4px;
    padding: 15px 15px 5px;
    margin-bottom: 30px;
}

.sitting_summary ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    align-items: center;
}

.sitting_summary ul li {
    padding-left: 8px;
    margin-left: 8px;
    border-left: 1px solid #ddd;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
/* identical to box height */
    text-align: left;
    text-transform: uppercase;
    color: #484848;
    margin-bottom: 10px;
}

.sitting_summary ul li:first-child {
    padding-left: 0px;
    border: none;
    margin-left: 0px;
}

.sitting_summary h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
/* identical to box height */
    color: #484848;
    margin-bottom: 15px;
}
.search_here {
    background: #FFFFFF;
    border-bottom: 1px solid #D2D2D2;
    box-sizing: border-box;
    border-radius: 18px;
    max-width: 414px;
    display: flex;
    align-items: center;
    border-right: 0px;
    padding: 4px 15px 4px 36px;
}
.left_Search_here_Guests_list .list-group {
    border-radius:  0px;
}
.left_Search_here_Guests_list .list-group-item {
    border: 0;
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.search_here .form-group {
    margin: 0px;
    display: flex;
    align-items: center;
    width: 100%;
}

.search_here .form-group input {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #939393;
    border: none;
    min-height: 36px;
    margin-left: 6px;
    width: 100%;
    outline: none;
    box-shadow: none;
}



.Search_here_Guests-Profile.row .left_Search_here_Guests {
    height: 100%;
    border-right: 1px solid #ddd;
}

.Search_here_Guests-Profile.row .search_here {
    border-radius: 0px;
    margin: 0px -15px;
}

.left_Search_here_Guests_list ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.left_Search_here_Guests_list {
    margin: 0px -15px;
    height: calc(100vh);
    overflow: auto;
}

.left_Search_here_Guests_list li {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
/* identical to box height */
    color: #484848;
}

.left_Search_here_Guests_list li .title_lable {
    background: #D2D2D2;
    padding: 8px 15px;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
/* identical to box height */
    color: #484848;
}

.left_Search_here_Guests_list li li {
    padding: 8px 15px;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    color: #484848;
}

.left_Search_here_Guests_list li li a {
    font-size: 14px;
    line-height: 17px;
    color: #484848;
}

main.main-box.w-100.border-main-box {
    width: 100%;
    overflow: hidden;
}

main.main-box.w-100.border-main-box .dis-header {
    border-bottom: 1px solid #D2D2D2;
    
}

.albert_flores {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 15px;
    border-bottom: 1px solid #D2D2D2;
    margin: 0px -15px;
}

.albert_flores h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
/* identical to box height */
    color: #141414;
    margin: 0px;
}

.btn-Create-Reservation {
    background: rgba(55, 182, 62, 0.15);
    border: 1px solid rgba(55, 182, 62, 0.5);
    box-sizing: border-box;
    border-radius: 4px;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
/* identical to box height */
    text-align: center;
    color: #37B63E;
    padding: 5px 15px;
}

.profile_reservation_history {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    margin: 0px -15px;
    border-bottom: 1px solid #D2D2D2;
}

.profile_reservation_history ul {
    margin: 0px !important;
    list-style: none;
}

.profile_reservation_history .right ul {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
/* identical to box height */
    text-align: center;
    text-transform: capitalize;
    color: #484848;
}

.profile_reservation_history .right ul li {
    color: #484848;
    margin-left: 20px;
}

.profile_reservation_history .nav-pills .nav-link.active {
    background: transparent;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
/* identical to box height */
    text-transform: capitalize;
    color: #484848;
}

.profile_reservation_history .nav-pills .nav-link {
    background: transparent;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    text-transform: capitalize;
    color: #484848;
    position: relative;
}

.profile_reservation_history .nav-pills .nav-link.active:after {content: "";position: absolute;width: 100%;background: #37B63E;bottom: -10px;left: 0px;height: 2px;}


.profile_reservation_history_body {
    padding: 30px;
}

.profile_reservation_history_body .upload_img img {
    width: 152px;
    height: 152px;
    background: #C4C4C4;
    border: 2px solid #939393;
    box-sizing: border-box;
    border-radius: 80px;
    border-bottom: hidden;
}

.profile_reservation_history_body .upload_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile_reservation_history_body .upload  {
    position: relative;
    max-width: 153px;
    margin-bottom: 20px;
}

.profile_reservation_history_body .upload span {
    position: absolute;
    bottom: 30px;
    right: -9px;
    display: block;
}



.profile_reservation_history_body .upload span input {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    opacity: 0;
}

.profile_reservation_history_body .form-control {
    background: #F3F3F3;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 4px;
    min-height: 46px;
}

.profile_reservation_history_body label {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
/* identical to box height */
    color: #141414;
}

.profile_reservation_history_body h4 {
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    color: #141414;
    margin-bottom: 30px;
}

.reservation-history-data {
    margin: -30px -30px;
}

.reservation-history-data .row {
    border-bottom: 1px solid #D2D2D2;
}

.reservation-history-data  h5 {
    display: flex;
    align-items: center;
    margin: 0px;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 13px;
    color: #484848;
}

.reservation-history-data h5 svg {
    margin-right: 5px;
}

.reservation-history-data h5 span {
    margin-left: 10px;
}
.reservation-history-data [class*="col-md"]{
    color:red;    
}
.reservation-history-data [class*="col-md"]{padding:10px 15px;border-right: 1px solid #d2d2d2;}



.reservation-history-data  label {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
/* identical to box height */
    color: #939393;
    margin-bottom: 8px;
}

.btn.btn-del {
    border: 1px solid #BF0404;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 15px 20px;
    margin-right: 10px;
}

.btn.btn-edit {
    border: 1px solid #939393;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 15px 20px;
    margin-right: 10px;
}


.booking-modal .form-group {
    margin-bottom: 20px;
}
.booking-modal .form-control{
    min-height: 46px;

}

.search_here.mw-100 {
    max-width: initial !important;
}

.header-guest-booking {
    display: flex;
    align-items: center;
    padding: 12px 20px 12px 30px;
    margin: 0px -15px;
    justify-content: space-between;
}

.header-guest-booking h3 {
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    color: #141414;
    margin: 0px;
}

.btn.btn-add-guest {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #FFFFFF;
    background: #37B63E;
    border-radius: 4px;
    padding: 10px 15px;
}

.search_here.mw-100 input {
    min-height: 50px;
}


.guest_booking-block {
    padding: 14px 20px;
    background: #F3F3F3;
}

.guest_booking-card {
    background: #FFFFFF;
    border: 1px solid #D2D2D2;
    box-sizing: border-box;
    border-radius: 6px;
    padding: 15px 15px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.guest_booking-card.active {
    background: #484848;
    border: 1px solid #484848;
    box-sizing: border-box;
    border-radius: 4px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 35%);
}

.guest_booking-card_left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.guest_booking-card_left .guest_booking-card_img {
    width: 64px;
    height: 64px;
    border-radius: 100%;
    background: #C4C4C4;
    border: 1px solid #939393;
    box-sizing: border-box;
    overflow: hidden;
    margin-right: 16px;
}

.guest_booking-card_left .guest_booking-card_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.guest_booking-card_left h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
/* identical to box height */
    color: #484848;
    margin-bottom: 10px;
}

.guest_booking-card_left p {
    margin: 0px;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: normal;
/* identical to box height */
    color: #939393;
    margin-bottom: 7px;
}

.guest_booking-card .right h5 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: normal;
    text-align: right;
    color: #939393;
    margin-bottom: 14px;
}

.guest_booking-card .right b {
    margin-left: 4px;
    color: #000;
}

.guest_booking-card .right span {
    margin-left: 15px;
}

.guest_booking-card .right h6 {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: normal;
    text-align: right;
    color: #939393;
    margin: 0px;
}

.guest_booking-card.active h4,.guest_booking-card.active p,.guest_booking-card.active span,.guest_booking-card.active h6 {
    color: #E3E3E3;
}


.guest_booking-card.active .right h5,.guest_booking-card.active .right h6 {
    color: #E3E3E3;
}

.guest_booking-card.active .right h5 b,.guest_booking-card.active .right h6 b {
    color: #E3E3E3;
}

.guest_booking-card_left_body p:last-child {
    margin: 0px;
}


.guest_booking-right-form .title {
    margin: 0px -15px;
    padding: 22px 15px;
    background: #F3F3F3;
    border-bottom: 1px solid #D2D2D2;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.guest_booking-right-form .title h4 {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #141414;
    margin: 0px;
}

.guest_booking-right-form label {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
/* identical to box height */
    color: #484848;
}

.guest_booking-right-form .form-control {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 4px;
    min-height: 46px;
}


.quantity-block  input[type="number"]::-webkit-inner-spin-button,
.quantity-block  input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
.quantity-block  input[type="number"] {
  -moz-appearance: textfield;
}
.quantity-block {
    margin: auto;
    
  }
  .quantity-arrow-minus,
  .quantity-arrow-plus {
    cursor: pointer;
    font-size: 20px;
    padding: 5px 12px;
    width: 40px;
    box-sizing: border-box;
    border-radius: 4px;
    outline: none;
    background: #F3F3F3;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 4px 0px 0px 4px;
  }
  .quantity-num {
    font-size: 16px;
    padding: 5px 10px;
    border-radius: 4px;
    outline: none;
    background: #fff;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 0px; 
    text-align: center;
  }

  .quantity-block {
    display: flex;
}

.quantity-block .quantity-num {
    width: 100%;
}

.quantity-arrow-plus {
    background: #F3F3F3;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 0px 4px 4px 0px;
    border-left: 0px;
}

.quantity-arrow-minus {
    border-right: none;
}

.guest_booking-right-form .btn.btn-black {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
/* identical to box height */
    text-align: center;
    color: #FFFFFF;
    padding: 13px;
}

select.form-control {
    background-image: url(../imgs/sl_vector.svg);
}
select.form-control {
    background-image: url(../imgs/sl_vector.svg) !important;
    
    background-repeat: no-repeat !important;
    background-position: 97% center !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/* [type="date"].form-control {
    background-image: url(../imgs/date-Vector.svg) !important;
    
    background-repeat: no-repeat !important;
    background-position: 97% center !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
} */

/* width */
::-webkit-scrollbar {
    width: 5px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #888; 
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555; 
  }

  ul.nav.flex-column li:last-child a {
    border-bottom: 1px solid #3F3E3E;
}

.Grid-View_body {
    display: flex;
    margin: 0 -15px;
    overflow: auto;
}

.Grid-View_body .item {
    min-width: 280px;
    max-width: 280px;
    width: 100%;
}

.Grid-View_body .item .time {
    background: #FFFFFF;
    border: 1px solid #D2D2D2;
    box-sizing: border-box;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    text-transform: uppercase;
    color: #484848;
    padding: 14px 15px;
    border-left: none;
}

.Grid-View_body .item .item_card {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
/* identical to box height */
    color: #484848;
}

.Grid-View_body .item .item_card .time_slote {
    display: flex;
    background: #FFFFFF;
    border: 1px solid #D2D2D2;
    box-sizing: border-box;
    border-left: none;
}

.Grid-View_body .item .item_card .left {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #484848;
    padding: 16px 5px;
    min-width: 64px;
    max-width: 64px;
}

.Grid-View_body .item .item_card .right {
    width: 100%;
    padding: 16px 15px;
    border-left: 1px solid #D2D2D2;
}

.Grid-View_body .item .item_card .right p {
    margin: 0px;
}

.Grid-View_body .item .item_card  .Reserve_slote {
    display: flex;
}

.Grid-View_body .item .item_card .Reserve_slote .right {
    border-right: 1px solid #D2D2D2;
}

.btn.btn-Reserve {
    background: rgba(55, 182, 62, 0.15);
    border: 1px solid rgba(55, 182, 62, 0.5);
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
    padding: 10px;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
/* identical to box height */
    text-align: center;
    padding: 14px;
}

.Grid-View_body .item .item_card .right .card_sl_list {
    margin: 0px -15px;
    padding: 15px 15px;
    border-bottom: 1px solid #D2D2D2;
}

.Grid-View_body .item .item_card .right .card_sl_list h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
/* identical to box height */
    color: #484848;
}

.Grid-View_body .item .item_card .right .card_sl_list h5 {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
/* identical to box height */
    color: #939393;
    margin: 0px;
}

.Grid-View_body .item .item_card .right .card_sl_list .bt-abd {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Grid-View_body .item .item_card .right .card_sl_list .bt-abd h5 span {
    margin-right: 10px;
}

.Grid-View_body .item .item_card .right .card_sl_list .bt-abd h5 span svg {
    margin-right: 5px;
}

.Grid-View_body .item .item_card .right .card_sl_list:first-child {
    margin-top: -15px;
}

.Grid-View_body .item .item_card .right .card_sl_list:last-child {
    margin-bottom: -16px;
    border: none;
}

.Grid-View_body {
    background: #E5E5E5;
}

.Grid-View_body .item .item_card .Reserve_slote {
    background: #fff;
}

.Grid-View_body .item .time {
    border-bottom: none;
}

.quantity-arrow-minus, .quantity-arrow-plus {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 46px;
}


.quantity-arrow-minus, .quantity-arrow-plus {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 46px;
}

.Search_here_Guests-Profile.row {
    flex-wrap: nowrap;
}

.Search_here_Guests-Profile.row > .col-md-4.col-lg-4 {
    width: 400px;
    max-width: 400px;
}

.Search_here_Guests-Profile.row .left_Search_here_Guests.col-md-8.col-lg-8 {
    width: 100%;
    max-width: 100%;
    flex: inherit;
}

.Search_here_Guests-Profile.row .search_here {
    max-width: calc(100% + 30px);
    border-right: none;
}
.Search_here_Guests-Profile.row .search_here {
    border-radius: 0px;
    margin: 0px -15px;
}
.Grid-View_header ul.nav-tabs {
    border: none;
    margin: 0px;
    justify-content: center;
}

.Grid-View_header ul.nav-tabs li a {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
/* identical to box height */
    text-align: center;
    color: #484848;
    border: none;
    padding: 17px 35px;
    text-transform: capitalize;
    border-bottom: 2px solid transparent;
    margin: 0px;
}



.Grid-View_header ul.nav-tabs li .nav-link.active {
    border-bottom:  2px solid #37B63E;
}

.Grid-View_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Grid-View_header ul.nav-tabs {
    width: 100%;
}

.Grid-View_header h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    text-align: right;
    color: #939393;
    margin: 0px;
    /* display: flex; */
    min-width: 180px;
}

.Grid-View_header h4 span {
    color: #36b63d;
}

ul.list-nav-header.list-unstyled {
    width: 430px;
    display: inline-block;
}

.dis-header .col-md-7.text-right {
    display: flex;
    justify-content: end;
}
.dropdown-menu {
    padding: 0px;
    border: none;
    box-shadow: 1px 0px 2px 0px #0000005c;
    overflow: hidden;
}

.dropdown-menu .dropdown-divider {
    margin: 0px;
    font-size: 13px;
}

.dropdown-menu  a {
    font-size: 13px;
    padding: 9px 10px;
}

.item-list-down.Lunch  .item {
    border: 1px solid #D9A465;
}

.item-list-down.Lunch .order-list-item.dawnlist-toggle{
     border-color:  #D9A465;
}
.item-list-down.Dinner  .item {
    border: 1px solid #DD87D4;
}

.item-list-down.Dinner .order-list-item.dawnlist-toggle{
     border-color:  #DD87D4;
}

.side_food_list .item-list-down.Lunch > .item .left .icon{
    background-color: #D9A465;

}

.side_food_list .item-list-down.Dinner> .item .left .icon{
    background-color: #DD87D4;

}

.form-check input[type="checkbox"]+label {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='3.5' fill='%23F3F3F3' stroke='%23DDDDDD'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    padding-left: 32px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-position: center left;
    }
   
   
   
   .form-check {
       position: relative;
   }
   
   .form-check input[type="checkbox"] {
       position: absolute;
       width: 100%;
       height: 100%;
       left: 0;
       top: 0;
       opacity: 0;
   }
   .form-check input[type="checkbox"]:checked+label{
       background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='4' fill='%23179A6B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.2262 5.96837C15.6802 6.50103 15.6627 7.34503 15.1871 7.85348L9.36695 14.0757C8.90692 14.5675 8.18298 14.5675 7.72295 14.0757L4.81294 10.9646C4.33735 10.4561 4.31983 9.61213 4.7738 9.07947C5.22778 8.54681 5.98134 8.52719 6.45694 9.03564L8.54496 11.268L13.5431 5.92452C14.0187 5.41607 14.7723 5.4357 15.2262 5.96837Z' fill='white'/%3E%3C/svg%3E ");
   }

   .bg-light {
    background-color: #F3F3F3!important;
}

.slider_tabing_top .slick-prev.slick-arrow.slick-disabled {
    opacity: 0;
    display: none;
}


.slider_tabing_top  li {
    display: flex;
    align-items: center;
}

/*============*/

.tabing-right { text-align: right; justify-content: flex-end; display: flex;}
.accordian-list { margin-bottom: 10px; 
    background: #FFFFFF;
    border: 1px solid #57A78A;
    box-sizing: border-box;
    border-radius: 4px;
    margin-bottom: 10px; }
.accordian-list > .item { cursor: pointer; }
.booking-li .item { width: 100%; }
.booking-li .item .left .name { width: 100%; }
.booking-li .item .left { width: 100%; }

.reservation-history-data h5 svg {
    vertical-align: bottom;
}
.add-restaurant-form .card-body .cuisine {
    padding: 4px 0px 4px 0px;
    width: 48%;
    display: inline-block;
}
.add-restaurant-form .card-body .expensive {
    padding: 4px 0px 4px 0px;
}
.table {
    margin-bottom: 0px;
}

.btn.advanced-report {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #37B63E;
    padding: 10px 15px;
    background: rgba(55, 182, 62, 0.15);
    border: 1px solid rgba(55, 182, 62, 0.5);
    border-radius: 4px;
}


.btn.graph-report {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #939393;
    padding: 10px 15px;
    background: rgba(147, 147, 147, 0.15);
    border: 1px solid rgba(147, 147, 147, 0.5);
    border-radius: 4px;
}

.graph-class{
    margin-right: 5px;
    margin-bottom: 5px;
}

.report-chart {
    background: #F3F3F3;
}
.fix-width nav#sidebarMenu { z-index: 1; }
.report-chart .dis-header { background: #fff; }
.chart_box { background: #fff; border: 1px solid #D2D2D2; padding: 15px; margin: 20px 0px; }
.chart_box h4 { font-size: 18px; font-weight: 600; color: #141414; padding-bottom: 20px;}

.pie-chart-legend {
    display: block;
    list-style-type: none;
    padding: 0;
    font-size: 16px; color: #484848;
    text-align: center;
    padding-top: 15px;
}

.pie-chart-legend li {
    display: inline-block;
    height: 1.25em;
    margin: 5px 10px;
    padding-left: 22px;
    position: relative;
}
.floors--list li.active-floor a {
    color: rgba(72,72,72,1);
    background: #201F1F;
    color: #ffffff;
    border: 1px solid #201F1F;
}
#myTab .nav-item.active-tabs,
#myTab .nav-item.active-tabs:hover,
#myTab .nav-item.active-tabs:focus {
    border-bottom: 2px solid #37B63E;
}
#myTab .nav-item {
    border-bottom: 2px solid transparent;
}
.Grid-View_header .nav-tabs .nav-link:focus,
.Grid-View_header .nav-tabs .nav-link:hover {
    border: none!important;
    border-color: transparent;
}
.pie-chart-legend li label { position: absolute; left: 0px; top: 3px; width: 16px; height: 16px; border-radius: 3px; margin: 0px 5px 0px 0px; display: inline-block;
}

.report_table table thead tr th { font-size: 12px; color: #939393; border-width: 1px; min-width: 135px; }
.report_table table tbody tr td { font-size: 14px; color: #484848;  }

.filter_header .side-search form.form-inline .form-control { background: #fff; height: 58px; }

.filter_header .side-search { margin: 0px; padding:0px 10px; margin-left: 10px; }
.filter_header .side-search svg {     vertical-align: inherit; }

.filter_header .side-search .report_filter_btn { border-left: 1px solid #D2D2D2; border-right: 1px solid #D2D2D2; width: 58px; background: #fff; height: 58px; line-height: 40px; border-radius: 0px; }

.hide_filter { display: none; }

.filter-sidebar { background: #fff; width: 300px; height: calc(100% - 0px); position: absolute; top: 87px; bottom: 0px; left: 0px; border-right: 1px solid #D2D2D2; padding-bottom: 100px; }

.report_filter { overflow: auto; height: 100%; padding-bottom: 70px; }

.filter-sidebar .report_filter .card {
  border: 0;
  border-bottom: #D2D2D2 1px solid;
  border-radius: 0px;
}

.filter-sidebar .report_filter .card .card-header {
  border: 0;
  border-radius: 0px;
  padding: 0;
  box-shadow: none;
}

.filter-sidebar .report_filter .card .card-header .btn-header-link {
  display: block;
  text-align: left;
  background: #fff;
  padding: 16px;
  border-radius: 0px;
  box-shadow: none;
  font-size: 16px; color: #484848; font-weight: 600;
}

.filter-sidebar .report_filter .card .card-header .btn-header-link:after {
  content: "\f106";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float: right;
}

.filter-sidebar .report_filter .card .card-body { padding: 16px; padding-top: 0px; }



.filter-sidebar .report_filter .card .card-header .btn-header-link.collapsed:after {
  
  content: "\f107";
}



.filter-sidebar .report_filter .card .collapse {
  border: 0;
}



.filter-sidebar .form-control { 
    font-size: 12px; 
    padding: 10px 10px;
    height: auto; }

.checkbox_btn { padding: 10px 12px; border-radius: 5px; background: #fff; border: 1px solid #D8D8D8; display:inline-block; font-weight: 600; margin: 15px 5px; width: auto; color: #939393; font-size: 12px;  }
.checkbox_btn.active { background: #e5fff6; border-color: #179A6B; color: #179A6B; }

.filter_bottom_button { background: #fff; padding: 15px 16px; position: absolute; bottom: 0px; left: 0px; width: 100%; }

.restaurants-table { background: #fff; border: 1px solid #D8D8D8; }

.restaurants-table table thead tr th {
    border-top: none;
}
.restaurants-table table tbody tr td {
    vertical-align: middle;
}
.restaurants-table .form-check { padding-left: 0px; }

.btn.report-edit img, .btn.report-trash img, .btn.report-icon img {
    height: 13px;
}
.btn.report-edit, .btn.report-trash, .btn.report-icon {
    border-radius: 4px;
    width: 26px;
    height: 26px;
    padding: 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn.report-edit {
    color: #179A6B;
    background: rgba(23, 154, 107, 0.1);
    border: 1px solid #179A6B;
}

.btn.report-trash {
    color: #BF0404;
    background: rgba(191, 4, 4, 0.1);;
    border: 1px solid #BF0404;
}
.btn.report-icon {
    color: #141414;
    background: rgba(20, 20, 20, 0.1);;
    border: 1px solid #141414;
}

.change_floor { color: #BF0404; text-decoration: underline; margin-left: 15px; }
.change_floor:hover { color: #BF0404; }

.table-pagination .page-item.previous .page-link, .table-pagination .page-item.next .page-link {
    color: #141414 !important;
    background:none !important;
    border:none !important; 
    box-shadow: none !important;
}

.table-pagination .page-item { padding: 5px 5px; }
.table-pagination .page-item .page-link { border-radius: 5px; padding: 8px 15px; }

.page-link {
    color: #fff;
    background-color: #939393;
    border: 1px solid #939393;
    box-shadow: none !important;
}

.table-pagination .page-item.active .page-link {
    color: #fff;
    background-color: #141414;
    border-color:#141414;
}

.table-pagination .page-item .page-link:hover {
    color: #fff;
    background-color: #141414;
    border-color:#141414;
}

.report_table table thead tr .action-th { min-width: 150px; }
.report_table table thead tr .restaurant-th { min-width: 180px; }
.report_table table thead tr .restaurant-floor { min-width: 190px; }
.report_table table thead tr .restaurant-id { min-width: 80px; }
.report_table table thead tr .restaurant-rating { min-width: 100px; }
.report_table table tbody tr .table-rating { text-align: center; }

@media screen and (min-width: 992px){
    .table-responsive {
        overflow-x: hidden;
    }
}


.spanColor{
    color: #bf0a04;
}

    .map-input {    
    margin-bottom: 16px!important;  
}   
.cp-all button {    
    background: no-repeat;  
    border: 0px;    
    font-size: 14px;    
    font-weight: 600;   
    color: #FF5C01; 
    float: right;   
}   
.btn-close i.fas.fa-times { 
    color: #FF5C01; 
}

@media screen and (min-width: 992px){
    .table-responsive {
        overflow-x: auto;
    }
}
.input-group-append{
    display: none;
}
.allergy, .intolerance {
    display: none;
}
.border-left {
    border-left: 1px solid #ddd;
}
.floors--list {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
    width:auto;
    overflow: hidden;
    white-space: nowrap;
    display: inline-flex;
}
.floors--list li {
    display: inline-block;
    padding: 0 2px;
    font-size: 14px;
    font-weight: 600;
}
/*Scrollbar Design*/
/* width */
.floors--list::-webkit-scrollbar {
  height: 3px;
}
/* Track */
.floors--list::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
/* Handle */
.floors--list::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.2);
  border-radius: 50px;
}
/* Handle on hover */
.floors--list::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.floor-list-block button {
    border: 0px;
    background: transparent;
    padding: 0px;
    opacity: 0.5;
    position: relative;
    top: 2px;
}
.floors--list li a {
    color: rgba(72,72,72,.5);
    border: 1px solid #ced4da;
    padding: 3px 15px;
    border-radius: 50px;
}
.floors--list li a.active {
    color: rgba(72,72,72,1);
    background: #201F1F;
    color: #ffffff;
    border: 1px solid #201F1F;
}
.floor-list-block {
    padding-right: 20px;
}

/*Start Radio Button Styles*/
.add-restaurant-form [type="radio"]:checked,
.add-restaurant-form [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.add-restaurant-form [type="radio"]:checked + label,
.add-restaurant-form [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.add-restaurant-form [type="radio"]:checked + label:before,
.add-restaurant-form [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
.add-restaurant-form [type="radio"]:checked + label:after,
.add-restaurant-form [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #179a6b;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.add-restaurant-form [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.add-restaurant-form [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.times-dropdown button {
    background: transparent;
    border: 0px;
}
.times-dropdown .dropdown-toggle::after {
    position: relative;
    top: 2px;
}
.times-dropdown .dropdown-menu {
    overflow: hidden;
    height: 500px;
    overflow-y: scroll;
    box-shadow: 0 0 10px rgb(0 0 0 / 25%);
}
.times-dropdown .dropdown-item.active,
.times-dropdown .dropdown-item:active,
.times-dropdown .dropdown-item:focus,
.times-dropdown .dropdown-item:hover {
    background-color: rgb(252 204 0 / 31%);
}
.times-dropdown .dropdown-item {
    font-weight: 500!important;
    font-size: 15px!important;
    line-height: 29px!important;
    padding-left: 23px!important;
}
.default--floor img {
    float: left;
    padding: 4px 6px 0 0;
}
a.default--floor {
    color: #484848;
}
.rev-booking-time, .rev-booking-main, .rev-booking-note {
    padding: 30px 0;
}
.rev-booking-time {
    width: 90px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #484848;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center
}
.rev-booking-time-content span {
    font-size: 13px;
}
.rev-booking-time, .rev-booking-main {
    border-right: 1px solid #D8D8D8;
}
.rev-booking-main h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    color: #484848;
}
.rev-booking-main {
    padding-left: 20px;
    padding-right: 20px;
}
.res-mini-info {
    display: inline-flex;
    align-items: center;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 12px;
    color: #939393;
}
.rev-booking-main, .rev-booking-note {
    flex: 1 0 0%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.rev-booking-note {
    padding-left: 20px;
    padding-right: 20px;
}
.rev-booking-main-content, .rev-booking-note ul {
    align-self: center;
}
.rev-booking-note ul {
    margin-bottom: 0px;
    list-style: none;
    padding-left: 0px;
}
.rev-booking-note ul li {
    font-size: 14px;
    line-height: 26px;
    color: #484848;
    font-weight: 600;
}
.res-mini-info-guest-nuumber, .res-mini-info-table-nuumber {
    padding-right: 20px;
    display: flex;
    text-align: center;
    line-height: 17px;
}
.res-mini-info svg {
    margin-right: 5px;
}
.res-mini-info-guest-nuumber img, .res-mini-info-table-nuumber img {
    padding-right: 7px;
}
.rev-list-item {
    display: flex;
    border-bottom: 1px solid #D8D8D8
}

/*Start Booking Timeline*/
.time-booking-heading {
    border-bottom: 1px solid #D8D8D8;
}
.time-booking-heading h4 {
    font-size: 16px;
    font-weight: 600;
    padding: 12px 14px;
    margin-bottom: 0px;
}
.time-booking-heading span.small {
    font-size: 12px;
    font-weight: 400;
    padding-left: 2px;
}
.tn-block {
    position: absolute;
    height: 44px;
    background-color: #f4f4f6;
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    width: 89px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    padding: 0 0.75rem;
    font-weight: 600;
    display: flex;
    font-size: 14px;
    left: 0px;
    z-index: 9999;
}
.time-booking-table-capacity {
    color: #999;
    flex: 1 0 0%;
    text-align: right;
    font-weight: 400;
}
.time-booking-table-timeline {
    height: 44px;
    width: 3000px;
    background: url(../imgs/timeline-bg.svg);
    background-repeat: repeat;
    background-position: 0 0;
    background-size: 44px 44px;
}
.time-booking-tables-list-block {
    position: relative;
}
.time-booking-tables-list {
    position: relative;
    overflow: auto;
}
/*End Booking Timeline*/

.time-booking-reservation-container {
    position: absolute;
    background-color: #fff;
    z-index: 1;
    width: 175px;
    left: 441px;
}
.time-booking-reservation-col {
    max-height: 43px;
    align-items: stretch;
    background-color: #fff;
    cursor: pointer;
}
.reservation-cell {
    padding: 2px 6px;
    display: flex;
    justify-content: space-between;
}
.reservation-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.rev-booking-main-content h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #484848;
    margin-bottom: 0px;
}
.rev-booking-main-content .res-mini-info-guest-nuumber, .rev-booking-main-content .res-mini-info-table-nuumber {
    line-height: 12px;
}
.rev-booking-main-content .res-mini-info-guest-nuumber img, .rev-booking-main-content .res-mini-info-table-nuumber img {
    height: 10px;
}
/*End Radio Button Styles*/
@media screen and (min-width: 992px) and (max-width: 1279px) {
    .fixed-height {
        height: 90vh;
    }
}
@media screen and (min-width: 1440px) {
    .fixed-height {
        height: 98.7vh;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1365px) {
    .fixed-height {
        height: 100vh;
    }
    .floors--list {
        max-width: 226px;
    }
}
@media screen and (min-width: 1366px) and (max-width: 1439px) {
    .fixed-height {
        height: 89.7vh;
    }
}
 
.filter_bottom_button {
    position: relative !important;
    bottom: 30px;
}

.filter-sidebar.show_filter {padding: 0px;}

#report_filter {
    max-height: 100%;
    height: initial; 
}

.upload_img {
    height: 153px;
}/*Scrollbar Design*/
/* width */
.time-booking-tables-list::-webkit-scrollbar {
  height: 10px;
}
/* Track */
.time-booking-tables-list::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
/* Handle */
.time-booking-tables-list::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.2);
  border-radius: 50px;
}
/* Handle on hover */
.time-booking-tables-list::-webkit-scrollbar-thumb:hover {
  background: #555;  
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .reservation-history-data .tb-fl h5 {
        display: grid;
    }
    .reservation-history-data .tb-fl h5 span {
        margin-left: 0;
        padding-top: 7px;
    }
    .chart_box {
        padding: 10px;
    }
    .pie-chart-legend li {
        padding-left: 16px;
        font-size: 13px;
        font-weight: 600;
    }
    .pie-chart-legend li label {
        top: 3px;
        width: 12px;
        height: 12px;
        margin: 0px 0px 0px 0px;
    }
    .btn.advanced-report {
        margin-right: 15px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .dis-header {
        line-height: 30px;
        padding: 10px 0;
    }
    .floors--list {
        width: 330px;
    }
    .tabing-right {
        padding-top: 12px!important;
    }
    .dis-header ul.list-unstyled li:first-child {
        padding-left: 0px;
    }
    .btn.advanced-report {
        margin-right: 15px;
    }
    button.review--update {
        min-width: 135px;
        margin-top: 6px;
    }
}
.restaurants-table table tbody tr td:nth-child(7) {
    min-width: 272px;
}
.restaurants-table table tbody tr td:nth-child(7) button.btn.btn-sm.btn-danger.review--update {
    padding: 3px 10px;
    font-size: 12px;
}
.times-hr-col {
	width: 176px;
    height: 36px;
    list-style: none;
    padding: 0px;
    margin: 0px;
    white-space: nowrap;
    text-align: center;
    display: inline-block;
}
.times-hr-col li {
	display: inline-block;
	width: 44px;
	line-height: 36px;
	float: left;
}
.times-hr-col li p {
	margin-bottom: 0px;
	height: 36px;
}
.times-heading-block {
    padding-left: 66px;
    width: 3000px;
    border-bottom: 1px solid #D8D8D8;
    font-weight: 600;
    font-size: 13px;
    color: #484848;
}
.time-booking-table-name {
    top: 44px;
    position: relative;
}
.dot-sm, .dot-lg {
	position: relative;
}
.dot-sm:before, .dot-lg:before {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 44px;
	text-align: center;
}
.dot-sm:before {
	content: ".";
	font-size: 20px;
	line-height: 28px;
}
.dot-lg:before {
	content: ".";
	font-size: 34px;
	line-height: 20px;
}