@charset "utf-8";
/*common*/
a:active,a:focus{text-decoration:none;} 
a:hover{text-decoration:none;transition:all 0.3s ease-in-out;}
/*common*/
/* login page */
.login-bg{background:#7a96fe;}
.login-container{width:700px;margin:80px auto;background:#fff;border-radius:5px;box-shadow:0 5px 15px rgba(63,97,220,0.3);min-height:420px;overflow:hidden;}
.logo{max-width:120px;display:block;margin:40px auto 30px;}
.login-container .form{padding:20px;}
.form-control{font-size:12px;}
.login-container label{font-size:12px;font-weight:normal;display:block;padding-bottom:6px;line-height:23px;}
.forgot-password{font-size:11px;display:block;text-align:center;padding:10px 0;}
.spacer{height:10px;}
/* login page */
textarea{resize:vertical;min-height:88px;}
.default{/*background:#eaeefa;*/}


.left-menu{background:#1369c9;width:8%;position:absolute;height:100%;/*max-width:100px;*/z-index:5;top:0;}
.left-menu > ul{margin-top:56px;}
.left-menu ul li a{color:#fff;font-size:10px;display:block;padding:10px 0;}
.left-menu ul li a:hover{background:#5bc0de;}
.left-menu ul li a i{font-size:24px;display:block;padding:10px 0;}
.left-menu{background:#1369c9;}
.play-store{padding:30px;margin-left:100px;margin-top:100px;}
.play-store h3{display:block;padding:20px 0;}
.play-store .restronist-logo{display:block;padding:10px 0;}
.play-store .play-store-logo{display:block;padding:30px 0 10px;}
.app-scrren img{/*border:1px solid #E4E4E4;border-radius:37px;*/position:relative;z-index:2;left:100px;max-width:80%;}
.app-scrren{position:relative;overflow:hidden;}
.app-scrren:before{position:absolute;background:#83e9b6;content:"";width:600px;height:600px;border-radius:50px;transform:rotate(35deg);right:-206px;}
/*dropdown*/
.left-menu ul > li{position:relative;}
.left-menu ul > li:hover,.left-menu ul > li.active{background:#5bc0de;}
.left-menu ul > li > ul{position:absolute;background:#5bc0de;display:none;top:0;left:100%;padding:0;min-width:150px;}
.left-menu ul > li > ul > li{display:block;white-space:nowrap;color:#fff;padding:0px 10px;text-align:left;}
.left-menu ul > li > ul > li a{font-size:11px;text-transform:none; padding:10px;}
.left-menu ul > li > ul > li a:hover{color:#333;background:#D35959;}
.left-menu ul > li:hover ul{display:block;}
/*dropdown*/
/*top*/
.top{background:#fff;box-shadow:0 5px 5px -3px rgba(0,0,0,0.1);position:absolute;top:0;z-index:6;width:100%;/*s*/}
.top .top-menu{padding:12px;}
.top .top-menu a{font-size:13px;color:#becad3;padding:0 10px;}
.top .top-menu a i{font-size:20px;vertical-align:middle;}
/*.top .header{width:100px;background:#093f7c;padding:8px;}*/
.top .header{width:185px;background:#f9fdff;padding:11px 10px;}
.main-heading{font-size:20px;padding:0 10px;}
.main-heading span{color:#94a3b4;}
.right-body{width:91%;margin-left:9%;}
.right-body.full{margin-left:1%;width:95%;}
.right-body.full-body{margin-left:1%;width:99%;}
.right-body .right-head{font-size:16px;color:#5d5d5e;padding:15px 0;margin-top:60px;}
.right-body .right-head strong{color:#333;}

/*main body */
.main-content{background:#fff;margin:0 20px 0 0;/*padding:20px;*//*min-height:200px;*/}
.add-form-container{background:#fff;box-shadow:0 3px 8px -3px rgba(0,0,0,0.1);padding:10px;border:1px solid #eee;margin-bottom:15px;}
.invoice-heading strong{color:#566d87;}
.product{font-size:12px;}
.qty{padding:0 5px;height:25px;width:41px !important;}
.forms *[class^='col']{padding-left:5px;padding-right:5px;margin-bottom:10px;}
.icon{padding:2px 6px;font-size:10px;cursor:pointer;}
.listing{display:inline-block;position:relative;border:1px solid #eee;padding:5px;width:49.5%;padding-left:50px;margin:2px 0;cursor:pointer;background:#fff;}
.listing:before{position:absolute;left:12px;top:13px;padding:5px;background:#0fab6d;border:5px solid #fff;outline:5px solid #0fab6d;content:"";}
.listing.non-veg:before{position:absolute;left:12px;top:13px;padding:5px;background:#ee1313;border:5px solid #fff;outline:5px solid #ee1313;content:"";}
.listing .title{display:block;text-transform:uppercase;font-size:9px;}
.listing .amount{display:block;font-weight:600;}
.veg{color:#0fab6d;font-size:25px;}
.remove{color:#ea2a2a;font-size:18px;cursor:pointer;}
/*.non-veg{color:#ee1313;font-size:25px;}*/
.table{margin-bottom:0;}
.table th{background:#f6f6f6;color:#595a5a;font-weight:600;}
.action{background:#d5fbe8;color:#12da62;padding:3px 5px;border-radius:3px;font-size:14px;}
.disscount{font-size:10px;text-transform:uppercase;color:#fa7e3a;}
.modal-backdrop{z-index:12;}
.modal-open{overflow-y:scroll;}
.model-container{position:absolute;width:100%;}
.modal-dialog{z-index:20;/*position:absolute;max-width:100%;width:1170px;*/}
.floating-menu{position:fixed;top:131px;right:0;z-index:5;width:60px;}
.floating-menu button{background:#1369c9;border-radius:0;color:#fff;font-size:10px;text-transform:uppercase;width:60px;margin:1px;}
.floating-menu button i{display:block;font-size:20px;padding:5px;}
.table-no{/*background:#fff;*/padding:15px 0px;border:1px solid #eee;border-radius:5px;display:block;font-weight:bold;font-size:18px;margin:5px 0;}
.table-no:hover{background:#D9EDF7;}
.details{border:none;}
.details tr{display:table;width:100%;margin:8px 0;box-shadow:0px 6px 4px -4px #eee;}
.details tr th{width:30%;padding:10px !important;}
.details tr td{padding:10px !important;}
.ptype{position:relative;}
.ptype[title="Veg"]:before{position:absolute;padding:3px;background:#0fab6d;border:2px solid #fff;outline:2px solid #0fab6d;content:"";right:5px;top:5px;}
.ptype[title="Non Veg"]:before{position:absolute;padding:3px;background:#ee1313;border:2px solid #fff;outline:2px solid #ee1313;content:"";right:5px;top:5px;}
/*main body */
/* switch */
.switch{position:relative;cursor:pointer;display:inline;margin-left:1px;}
.switch input[type]{position:absolute;opacity:0;z-index:3;}
.switch span{position:absolute;background:#f00;padding:5px;width:45px;height:20px;border-radius:100px;z-index:1;transition:all 0.3s ease-in-out;}
.switch span:before{content:"";position:absolute;z-index:2;background:#fff;width:18px;height:18px;border-radius:20px;top:1px;left:1px;transition:all 0.3s ease-in-out;}
.switch input:checked + span{background:#00DF00;}
.switch input:checked + span:before{background:#fff;left:26px;}
/* switch */
/*checkbox*/
.checkbox.col3{width:20%;}
.checkbox{position:relative;display:inline-block;padding-left:20px;margin-left:10px;cursor:pointer;font-weight:normal;font-size:11px;text-transform:uppercase;}
.checkbox input{margin-left:0 !important;left:0;position:absolute;top:0;opacity:0;}
.checkbox span{width:17px;height:17px;position:absolute;left:0;background:#f9f9f9;border:2px solid #ccc;top:-2px;}
.checkbox span:before{content:"\f111";font-family:FontAwesome;font-size:8px;position:absolute;top:1px;color:#ccc;left:3px;}
.checkbox input:checked + span{left:0;background:#1cc069;border:2px solid #14b35e;}
.checkbox input:checked + span:before{content:"\f00c";font-family:FontAwesome;color:#fff;font-size:10px;top:-1px;left:1px;}
/*checkbox*/
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #eee; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #999; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #b30000; 
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
  -moz-appearance:textfield; /* Firefox */
}
#facebox_container{min-height:340px;max-height:330px;overflow-y:auto;}
#facebox .close{background:#27a6de !important;padding:0px 6px !important;opacity:1 !important;}
/*#facebox{overflow-y:scroll !important;height:300px;}*/
.phide{display:none;}
.phide1{visibility:hidden;position:absolute;}
/* new */
.faq{position:relative;width:100%;border:1px solid #ccc;padding:10px;border-radius:5px;text-transform:uppercase;cursor:pointer;font-weight:bold;margin:10px 0;padding-left:45px;overflow:hidden;}
.faq .ans{font-size:13px;color:#333;line-height:25px;text-transform:none;margin-top:10px;transition:all 0.5s ease-in-out;font-weight:normal;}
.faq.open{}
.faq.open .ans{}
.faq i{position:absolute;left:0px;top:0;font-size:20px;padding:10px;background:#1369C9;color:#fff;}
/* new */
/* print css */
@media print {
  aside,header[role="banner"],footer,#comments,#respond {
  display:none;
  }
  /*  #printableArea .table{border:none;}*/
  table,.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
  border:none !important;
  border-collapse:collapse !important;
  border-top:0;
  border-bottom:0;
  padding:2px !important;line-height:initial;
  }
  th, td{border:none !important;}
  .invoice-heading{display:block;width:100%;text-align:left;float:none !important;}
  .invoice-heading.text-right strong{font-weight:normal;font-size:9pt;}
  #Header, #Footer {display:none !important;}
  @page{size:300px 200px landscape;margin:0;}
  body{margin:0.5cm;font-size:10pt;}
  table th:first-child,table td:first-child{display:none;}
  table tr:first-child th,table tr:nth-last-child(1) th{border-top:1px dashed #ccc !important;border-bottom:1px dashed #ccc !important;}
  table tr th.border-top,.border-top{border-top:1px dashed #ccc !important;}
  table tr th.border-bottom,.border-bottom{border-bottom:1px dashed #ccc !important;}
  table tr th.border-tb,.border-tb{border-top:1px dashed #ccc !important;border-bottom:1px dashed #ccc !important;}
  .label.label-primary{display:block;color:#ff0;border:none;padding:0 !important;text-align:left;}
  .phide{display:block;}
  .phide1{visibility:visible;position:static;}
  .non-print{display:none;}


  pre, blockquote {page-break-inside: avoid;}
  @page {size:80mm;} /* output size */
  body.receipt .sheet {width:80mm;}/*height: 100mm}  /*sheet size */
}
  @media print {body.receipt {width:80mm;} } /* fix for Chrome */
}
/* print css */

.admin-search-form{
  display:inline-block;
  width:200px;
}






/*
Typography
=========================== */



/*
Navbar Adjusment
=========================== */
/* Navbar Atribute ------*/
.attr-nav > ul > li > a{
    padding: 28px 15px;
}

ul.cart-list > li.total > .btn{
    border-bottom: solid 1px #cfcfcf !important;
    color: #fff !important;
    padding: 10px 15px;
}

@media (min-width: 1024px) {
    /* Navbar General ------*/
    nav.navbar ul.nav > li > a{
        padding: 30px 15px;
        font-weight: 600;
    }
    
    nav.navbar .navbar-brand{
        margin-top: 0;
    }
    
    nav.navbar .navbar-brand img.logo{
        width: 50px;
    }

    nav.navbar .navbar-brand{
        margin-top: 0;
    }
    
    nav.navbar .navbar-brand img.logo{
        width: 50px;
    }
    
    nav.navbar li.dropdown ul.dropdown-menu{
        border-top: solid 5px;
    }
    
    /* Navbar Center ------*/
    nav.navbar-center .navbar-brand{
        margin: 0 !important;
    }
    
    /* Navbar Brand Top ------*/
    nav.navbar-brand-top .navbar-brand{
        margin: 10px !important;
    }
    
    /* Navbar Full ------*/
    nav.navbar-full .navbar-brand{
        position: relative;
        top: -15px;
    }
    
    /* Navbar Sidebar ------*/
    nav.navbar-sidebar ul.nav,
    nav.navbar-sidebar .navbar-brand{
        margin-bottom: 50px;
    }
    
    nav.navbar-sidebar ul.nav > li > a{
        padding: 10px 15px;
        font-weight: bold;
    }
    
    /* Navbar Transparent & Fixed ------*/
    nav.navbar.bootsnav.navbar-transparent.white{
        background-color: rgba(255,255,255,0.3);
        border-bottom: solid 1px #bbb;
    }
    
    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark,
    nav.navbar.bootsnav.navbar-transparent.dark{
        background-color: rgba(0,0,0,0.3);
        border-bottom: solid 1px #555;
    }
    
    nav.navbar.bootsnav.navbar-transparent.white .attr-nav{
        border-left: solid 1px #bbb;
    }
    
    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav,
    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav{
        border-left: solid 1px #555;
    }
    
    nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a,
    nav.navbar.bootsnav.no-background.white ul.nav > li > a{
        color: #fff;
    }
    
    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a{
        color: #eee;
    }
}

@media (max-width: 992px) {
    /* Navbar General ------*/
    nav.navbar .navbar-brand{
        margin-top: 0;
        position: relative;
        top: -2px;
    }
    
    nav.navbar .navbar-brand img.logo{
        width: 30px;
    }
    
    .attr-nav > ul > li > a{
        padding: 16px 15px 15px;
    }
    
    /* Navbar Mobile slide ------*/
    nav.navbar.navbar-mobile ul.nav > li > a{
        padding: 15px 15px;
    }
    
    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu > li > a{
        padding-right: 15px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    
    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title{
        padding-right: 30px !important;
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
    
    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a{
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
    
    /* Navbar Full ------*/
     nav.navbar-full .navbar-brand{
        top: 0;
        padding-top: 10px;
    }
}

/* Navbar Inverse
=================================*/
nav.navbar.navbar-inverse{
    background-color: #222;
    border-bottom: solid 1px #303030;
}

nav.navbar.navbar-inverse ul.cart-list > li.total > .btn{
    border-bottom: solid 1px #222 !important;
}

nav.navbar.navbar-inverse ul.cart-list > li.total .pull-right{
    color: #fff;
}

nav.navbar.navbar-inverse.megamenu ul.dropdown-menu.megamenu-content .content ul.menu-col li a,
nav.navbar.navbar-inverse ul.nav > li > a{
    color: #eee;
}

nav.navbar.navbar-inverse ul.nav > li.dropdown > a{
    background-color: #222;
}

nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a{
    color: #999;
}

nav.navbar.navbar-inverse ul.nav .dropdown-menu h1,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h2,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h3,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h4,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h5,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h6{
    color: #fff;
}

nav.navbar.navbar-inverse .form-control{
    background-color: #333;
    border-color: #303030;
    color: #fff;
}

nav.navbar.navbar-inverse .attr-nav > ul > li > a{
    color: #eee;
}

nav.navbar.navbar-inverse .attr-nav > ul > li.dropdown ul.dropdown-menu{
    background-color: #222;
    border-left: solid 1px #303030;
    border-bottom: solid 1px #303030;
    border-right: solid 1px #303030;
}

nav.navbar.navbar-inverse ul.cart-list > li{
    border-bottom: solid 1px #303030;
    color: #eee;
}

nav.navbar.navbar-inverse ul.cart-list > li img{
    border: solid 1px #303030;
}

nav.navbar.navbar-inverse ul.cart-list > li.total{
    background-color: #333;
}

nav.navbar.navbar-inverse .share ul > li > a{
    background-color: #555;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu{
    border-right: solid 1px #303030;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a{
    border-bottom: solid 1px #303030;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-content{
    border-left: solid 1px #303030;
}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:hover,
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:focus,
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li.active > a{
    background-color: #333 !important;
}

nav.navbar-inverse.navbar-full ul.nav > li > a{
    border:none;
}

nav.navbar-inverse.navbar-full .navbar-collapse .wrap-full-menu{
    background-color: #222;
}

nav.navbar-inverse.navbar-full .navbar-toggle{
    background-color: #222 !important;
    color: #6f6f6f;
}

@media (min-width: 1024px) {
    nav.navbar.navbar-inverse ul.nav .dropdown-menu{
        background-color: #222 !important;
        border-left: solid 1px #303030 !important;
        border-bottom: solid 1px #303030 !important;
        border-right: solid 1px #303030 !important;
    }

    nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a{
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse ul.dropdown-menu.megamenu-content .col-menu{
        border-left: solid 1px #303030;
        border-right: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse.navbar-transparent.dark{
        background-color: rgba(0,0,0,0.3);
        border-bottom: solid 1px #999;
    }
    
    nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav{
        border-left: solid 1px #999;
    }
    
    nav.navbar.navbar-inverse.no-background.white .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.navbar-transparent.dark ul.nav > li > a,
    nav.navbar.navbar-inverse.no-background.white ul.nav > li > a{
        color: #fff;
    }
    
    nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a,
    nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a{
        color: #3f3f3f;
    }
}
@media (max-width: 992px)  {
    nav.navbar.navbar-inverse .navbar-toggle{
        color: #eee;
        background-color: #222 !important;
    }
    
    nav.navbar.navbar-inverse .navbar-nav > li > a{
        border-top: solid 1px #303030;
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse ul.nav li.dropdown ul.dropdown-menu  > li > a{
        color: #999;
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu .title{
        border-bottom: solid 1px #303030;
        color: #eee;
    }
    
    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu ul > li > a{
        border-bottom: solid 1px #303030;
        color: #999 !important;
    }
    
    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu.on:last-child .title{
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul{
        border-top: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse.navbar-mobile .navbar-collapse{
        background-color: #222;
    }
}

@media (max-width: 767px)  {
    nav.navbar.navbar-inverse.navbar-mobile ul.nav{
        border-top: solid 1px #222;
    }
}

/*
Color
=========================== */
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover,
.side .widget ul.link li a:hover,
.side .widget ul.link li a:focus,
.check-list li:before,
ul.cart-list > li > h6 > a,
.attr-nav > ul > li > a:hover,
.attr-nav > ul > li > a:focus,
nav.navbar-sidebar ul.nav li.dropdown.on > a,
nav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title,
nav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a:hover,
nav.navbar ul.nav li.dropdown.on > a,
nav.navbar.navbar-inverse ul.nav li.dropdown.on > a,
nav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a,
nav.navbar .dropdown .megamenu-content .col-menu.on .title,
nav.navbar ul.nav > li > a:hover,
nav.navbar ul.nav > li.active > a:hover,
nav.navbar ul.nav li.active > a,
nav.navbar li.dropdown ul.dropdown-menu > li a:hover{
    color: #f43438;
}

nav.navbar.navbar-transparent ul.nav > li > a:hover,
nav.navbar.no-background ul.nav > li > a:hover,
nav.navbar ul.nav li.scroll.active > a,
nav.navbar.navbar-dark ul.nav li.dropdown ul.dropdown-menu  > li > a:hover,
nav.navbar ul.nav li.dropdown.on > a,
nav.navbar-dark ul.nav li.dropdown.on > a{
    color: #f43438 !important;
}

@media(max-width:920px){
    nav.navbar .dropdown .megamenu-content .col-menu ul > li > a:hover,
    nav.navbar.navbar-dark .dropdown .megamenu-content .col-menu .title:hover{
        color: #f43438 !important;
    }
}

/*
Border
=========================== */
ul.cart-list > li.total > .btn{
    border-color: #f43438;
}

nav.navbar li.dropdown ul.dropdown-menu{
    border-top-color: #f43438 !important;
}

/*
Background
=========================== */
ul.cart-list > li.total > .btn,
.attr-nav > ul > li > a span.badge,
nav.navbar .share ul > li > a:hover,
nav.navbar .share ul > li > a:focus{
    background-color: #f43438;
}

ul.cart-list > li.total > .btn:hover,
ul.cart-list > li.total > .btn:focus{
    background-color: #dc3236 !important;
}