/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 22, 2019, 10:51:56 AM
    Author     : win
*/

body{font-family: "Poppins", sans-serif; background: #f5fff5;}
a{color: #405d37}
a:hover{color: #405d37}
header{background: transparent; min-height: 65px; padding: 10px; box-sizing: border-box; left: 0; top: 0; z-index: 9; width: 100%; border-bottom: 1px solid #ccc;}
header i{font-size: 21px !important; color: #fff; vertical-align: middle;}
header img{margin: 0; height: 45px;}
.navbar{float: right; background: transparent; border: 0; font-size: 15px; color: #fff; margin-top: 5px; margin-bottom: 0; min-height: 40px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{color:#fff !important; background: #405d37; border-radius: 4px; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15);}
.nav>li>a{padding: 5px; color: #405d37 !important;}
.navbar-collapse{padding: 0;}
.nav>li.active a i{color: #fff; }
.navbar-nav li{position: relative;}
.navbar-nav li.active::after{position: absolute; content: ""; right: -5px; top:9px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #405d37;}

.headertitle{font-size: 18px; color: #424242; font-weight: 400; margin: 0 0px 10px;}

.searchsec{background: #fff; padding: 3px 8px; margin: 10px 0 2px; width: 100%; height: auto; overflow: hidden; border-radius: 4px; -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1); box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1); }
.searchbox{padding: 0 10px; background: #eafcea; width:100%; height: 30px; border: 0; font-size: 15px; color: #424242;  font-weight: 500;}
.searchbox:focus-visible{outline: none !important;}

.nopad{padding: 0;}
.lesspadd{padding: 0 8px;}

.filter a{color: #fff; padding: 4px 15px; border-radius: 4px; display: inline-block; background: #000;}
.filter a i{color: #fff; vertical-align: middle; font-size: 15px;}
.filter a:hover{text-decoration: none; opacity: 0.7;}

.addbutton a{color:#fff; font-weight:500; background: #405d37; padding: 5px 10px; border-radius: 4px; display: inline-block;}
.addbutton a i{font-size: 17px; vertical-align: middle;}
.addbutton a:hover{opacity: 0.7; text-decoration: none;}

.panel{border: 0;}
.panel-body{padding: 0;}

.table a i{color: #616161; margin: 0 5px; font-size: 18px;}

.sublinks{display:none; width: 200px; height: auto; padding: 15px;  z-index: 10; margin: 0; position: absolute; left: 0; top: 40px; background: #fff; border-radius: 15px; -webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,0.1); box-shadow: 0 0 10px 3px rgba(0,0,0,0.1); }
.sublinks ul{list-style: none; margin: 0; padding: 0;}
.sublinks ul li{text-align: center; font-size: 15px; color: #fff; padding: 10px !important; text-align: left;}
.sublinks ul li a{color: #333; }
.sublinks ul li a:hover{opacity: 0.8; text-decoration: none;}

.showlink{display: block;}

p {
    margin: 0 0 5px;
}

.form-group { margin-bottom:6px; }
.form-control {height:30px;}
.formarea label{font-size: 14px; color: #757575; margin-bottom: 0px; font-weight: 500; display: block}
.formarea label span{font-size: 14px; color: #999999; font-weight: 500;}
.formarea select{width: 100%; border: 0px solid #cccccc;  border-radius: 4px; padding: 0 10px; background: #eafcea ; appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; font-size: 15px; color: #424242; background: url("../images/droparrow.png") no-repeat center right #eafcea !important; }
.formarea input[type="text"], .formarea input[type="password"] {width: 100%; border: 0px solid #cccccc; border-radius: 4px; padding: 5px 10px; background: #eafcea; font-size: 13px; color: #000; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); }
.notesec{font-size: 13px; font-style: italic; font-weight: 500; color: #333333; margin-top: 40px}
.formarea textarea{width: 100%; border: 0px solid #cccccc;  border-radius: 4px; padding: 0 10px; outline:none; background: #eafcea; height: 50px; font-size: 14px; color: #424242; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); resize: none; }

.formarea input[type="radio"] {
    position:absolute;
    /*clip: rect(0,0,0,0);
    clip: rect(0 0 0 0);*/
    -moz-appearance: radio-container;
    -webkit-animation: radio-container;
    animation: radio-container;
    appearance: radio-container;
    width:30px;
    height:30px; margin: 0;
    opacity: 0;
}
.formarea input[type="radio"] + label::before {
    content: url('../images/checkbox.png');
    display: inline-block;
    margin-top: 0;
    vertical-align: middle;
}
.formarea input[type="radio"]:checked + label::before {
    content: url('../images/checkbox-checked.png');
}

.tab-container {
    width: 100%;
    margin-bottom: 20px;
}
.tab-nav {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: 2px solid #e0e0e0;
}
.tab-nav li {
    padding: 6px 12px;
    margin-right: 5px;
    cursor: pointer;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    font-weight: 500;
    color: #666;
    transition: all 0.3s ease;
}
.tab-nav li.active {
    background: #fff;
    color: #333;
    border-bottom: 2px solid #007bff;
    margin-bottom: -2px;
}
.tab-nav li:hover {
    background: #fff;
}
.tab-content {
    display: none;
    padding: 20px;
    border-top: none;
    background: #fff;
}
.tab-content.active {
    display: block;
    animation: fadeIn 0.5s ease;
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.form-section {
    margin-bottom: 20px;
}
.btnsec2 {
    margin-top: 20px;
    padding: 20px;
    background: #f9f9f9;
    border-top: 1px solid #ddd;
}

.qtypelbl{font-weight:500; margin-bottom:0;}
.input-group-addon.customslinks {border: none; background-color: transparent; min-width: 110px; width: 20%; padding-left: 0; float: left; text-align: left; font-size: 13px;}
.gCont {width: 48%; display: inline-block;}


.btnsec {text-align: center; margin: 10px 0; width: 100%; float: left;}
.savebtn {background: #405d37; border: 0; font-size: 15px; color: #fff; outline: none; border-radius: 4px; margin: 0 5px; border-radius: 4px; padding: 4px 8px; }
.cancelbtn {background: #e5ece7; border: 0; font-size: 15px; color: #000; outline: none; border-radius: 4px; margin: 0 5px; border-radius: 4px; padding: 4px 15px; }
.savebtn:hover, .cancelbtn:hover{opacity: 0.9;}

.loginlogo{margin: 25px auto; width: 200px; height: auto;}

.loginsec{background: #fff; border-radius: 4px; padding: 15px 8px; width: 450px; margin: 0 auto; height: auto; overflow: hidden; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15);}
.signupsec{background: #fff; border-radius: 4px; padding: 15px 8px; width: 800px; margin: 0 auto; height: auto; overflow: hidden; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15);}


.iconright{float: right; margin-right: 0px !important;}

.leftnaxexpshow{display: block;}

.signuplink{font-size: 14px; margin: 30px 0; color: #757575; }
.signuplink strong{font-weight: 500;}

.prodsec{margin-bottom: 2px; width: 100%; margin-top: 5px;}
.prdtmb{color: #405d37; font-size: 13px; font-weight: 500; margin-top: 2px; margin-bottom: 2px; min-height: 42px; word-wrap: 
break-word; float: left; width: 67%;}
.prodsec h4{color: #405d37; font-size: 14px; font-weight: 500; margin-bottom: 2px; min-height: 40px; word-wrap: break-word;}
.prodsec p{margin: 5px 0; color: #757575; font-weight: 500;}
.prodsec p strong{color: #000; font-size: 16px; }
.prodimg{width: 100%; height: auto;}


input[type="number"]{width: 60px; padding: 2px 0 2px 5px; background: #eafcea; font-size: 12px; color: #000; border: 0; border-radius: 4px; outline: none !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);}

.qtytmb{width: 31%; float: right;}
.qtysec{margin: 4px 0; display: block; color: #757575; font-weight: 500; }

.prdtmb span{display: table-cell; height: 53px; vertical-align: middle;}
.qtymid{display: table-cell; height: 53px; text-align:center}

.orderbtnsec {text-align: center; margin: 6px 0; width: 100%; float: left;}
.orderbtn{width: auto; margin: 0;}
.disableorderbtn{opacity: 0.5;}

.nomarg{margin-left: -15px;}
.nomargless{margin-left: -5px;}
.notopmarg{margin-top: 0;}
.catsec{margin-bottom: 3px; background: #405d37;font-weight: 600; color: #fff; font-size: 14px; padding: 10px 10px 5px 10px; border-radius: 4px; height: auto; overflow: hidden; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15);}
.catsec span{display: block; margin-bottom: 8px;}
.catsec a{border-radius: 4px; border:1px solid #775950; padding: 4px 8px; font-size: 13px; color: #fff; margin:0 1px 6px 1px; display: inline-block;}
.catsec a.active, .catsec a:hover{border:1px solid #fff; background: #fff; color: #405d37; text-decoration: none; }

.ordertoprow{background: #405d37; padding: 8px 0; border-bottom: 1px solid #999999; margin-bottom: 15px; height: auto; overflow: hidden; font-size: 100%; color: #fff; }
.ordertoprow span{font-weight: bold;}
.ordertoprow a{color: #fff;}
.ordertoprow a:hover{color: #f5f5f5;}

.margbot20{margin-bottom: 25px; border-bottom: 1px dashed #999999;}
.butpadtop{padding-top: 21px;}

.nav-tabs{margin-bottom: 15px; border-bottom: 1px solid #e5ece7;}
.nav-tabs>li{border-bottom: 1px solid #e5ece7;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{border: 0; border-bottom: 3px solid #405d37; color: #405d37 !important;}
.nav-tabs>li>a{color: #999 !important; font-weight: 600; font-size: 110%; padding: 10px 15px;}

.prodlesspad{padding: 0 0 0 5px; position:relative;}

.rightdersec{padding: 0 30px;}

.successmesg {
    background-color: green;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 10px 1px rgba(0,0,0,.3);
    box-shadow: 0 2px 10px 1px rgba(0,0,0,.3);
    padding: 5px 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    position: fixed;
    top: 10%;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: auto;
    width: 300px;
    z-index: 9999;
    display:none;
  }
  .errormesg {
    background-color: red;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 10px 1px rgba(0,0,0,.3);
    box-shadow: 0 2px 10px 1px rgba(0,0,0,.3);
    padding: 5px 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    position: fixed;
    top: 10%;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: auto;
    width: 300px;
    z-index: 9999;
    display:none;
  } 
    .proderrmsg {
	text-align: center;
    background-color: red;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 10px 1px rgba(0,0,0,.3);
    box-shadow: 0 2px 10px 1px rgba(0,0,0,.3);
    padding: 1px 0 0;
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: auto;
    width: 90%;
    display:none;
  }
  .qtyoptions{
	border-radius: 2px;
    -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,.15);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,.15);
    padding: 3px 2px 1px;
	position: absolute;
    right: 0;
    bottom: 3px;
    background: white;
    font-size: 11px;
	display:none;
  }
  .qtyoptions input{vertical-align:middle; margin-top:-3px;}
  
  .urgorder{
	border-radius: 2px;
    -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,.15);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,.15);
    padding: 3px 2px 1px;
	position: absolute;
    right: 0;
    bottom: 3px;
    background: #f3ee28;
    font-size: 11px;
	display:block;
  }
  .urgorder input{vertical-align:middle; margin-top:-3px;}

.searchprod{width: 99%; margin-left: 20px;}

.welcometxt{color: #405d37; font-weight: 600; float: right; font-size: 14px; line-height: 45px;}
.apptxt{color: #405d37; font-weight: 600; font-size: 14px; line-height: 45px;width: 70%; text-align: center;}

.qtysec .mdi-delete{margin-top: 10px;}

.paginationsec{padding: 25px 0; font-size: 12px; color: #757575;}
.paginationsec a{background: #fff; padding: 4px 8px; margin: 0 2px; border-radius: 2px; border: 0px;}
.paginationsec a:hover, .paginationsec a.active{text-decoration: none; background: #405d37; color: #fff;}

.navbar-nav li{border-radius: 4px; background: #fff; color: #405d37; font-weight: 500; font-size: 12px; width: 100%; margin-bottom: 6px; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15);}
.navbar-nav li:hover{color:#fff !important; background: #405d37; }
.navbar-nav li:hover a{color:#fff !important; background: #405d37; }


.navbar-nav li a i{font-size: 16px; margin-right: 2px; vertical-align: middle;}
.noleftpadd{padding-left: 0;}
.nopadd{padding: 1px;}
.margtop20{margin-top: 8px; padding-left: 0; padding-right: 0;}

.cartitem {width:65%; float:left;}
.cartitembtn {float:left;}
.cartitem span {width:auto; font-size:10px; vertical-align:middle; margin-right:5px;}
.ordersec{padding: 7px 5px; margin-top: 10px;}
.ordersec th{font-size: 13px; color: #000; overflow: hidden;}
.ordersec h5{font-size: 12px; color: #405d37; font-weight: 500; word-wrap: break-word; margin: 3px;}
.ordersec p{font-size: 13px; color: #757575; font-weight: 500;}
.myordrsec input[type="number"]{width: 44%;}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{padding: 2px 2px;}
.ordersec a i{font-size: 14px;}
.ordersec p strong{color: #000;}

.ordersec tr{border-bottom: 1px solid #e5ece7;}
.table>thead>tr>th{border-bottom:0; font-weight: 500;}
.table td a:hover{color: #405d37;}

.table { margin-bottom:6px; }

.orderbtnsecmyorder{text-align: center;}

.emptyhometxt{margin-top: 0; min-height: 80vh; text-align: center; font-size:xx-large; color:#405d37; font-weight: 600; padding-top: 10%;}
.nolftrghtpadd{padding:15px 0; }
.assignprodform{padding: 25px 15px;}

.amountsec{background: #f5f5f5; color: #333;}

.table-responsive {overflow-x: hidden !important; }


.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #405d37;
    border-color: #405d37;
}

.paginationsechome{width: 100%; float: left;}

@media(max-width:1367px){
    .navbar{font-size: 13px;}
    .nav>li>a {padding: 5px 4px;}
}
@media(max-width:1025px){
    header i {font-size: 19px !important}
    header{min-height: 30px;}
    header img{width: 110px; height: auto;}
    .navbar{font-size: 11px;}
    .nav>li>a {padding: 2px 4px;}
    .navbar {min-height: 30px;}
    .sublinks ul li{padding: 6px !important;}
}
@media(max-width:980px){
    header i {font-size: 14px !important}
    .nav>li>a {padding: 2px 1px;}
    header img{width: 70px; height: auto;}
    .filter{padding: 0;}
    .filter a {margin-top: 5px;}
    .addbutton a {margin-top: 5px;}
    .rightcontainer{margin-left: 30px;}
}
@media(max-width:767px){
    .navbar-toggle{margin: 0;}
    header img {width: 150px; height: auto;}
    header{padding: 7px 10px;}
    .navbar-default .navbar-toggle{border-color: #405d37;}
    .navbar-default .navbar-toggle .icon-bar{background-color: #405d37;}
    .addbutton a{padding: 5px 4px; font-size: 12px;}

    .navbar-collapse.in{overflow-y: initial; width: 92%; position: fixed; left: 15px; z-index: 99999999; background: #fff; padding: 15px;}
    .navbar-nav {margin: 7.5px 0px;}
    .navbar {font-size: 16px;}

    .nav>li{margin-bottom: 4px;}
    .nav>li>a {padding: 4px 7px;}
    
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{border-color:transparent}

    .rightdersec{padding: 0 5px;}
    .container-fluid{padding-left: 0;}

    .navbar-toggle{margin-top: 0px;}

    .noleftpadd{padding-left: 0; padding-right: 0;}
    .paginationsec{text-align: center; padding: 5px 0;}

    .menumobile{height: auto; overflow: hidden; position: relative;}
    .margtop20{margin-top: 5px;}
}