/* CSS Document 
 brown : #710A03
 green : #79A826
 orange : #F7833A
*/
body {margin-top:0;margin:0 auto;}
* {font-family:verdana;font-size:10pt}
*:focus {
    outline: none;
}
@font-face {font-family: 'kom';	src: url('../fonts/kom.ttf'); /* IE9 Compat Modes */}

a.homed {font-size:10pt;background:#f9f9f9;display:block;border:solid #ddd 1px;text-decoration:none;color:black;padding:5px;margin-top:-1px}
.bubble {float:right;background:red;color:white;padding:1px;}
.tr {background:#f9f9f9;border:solid #ddd 1px;height:150px;overflow:auto}
#header {
text-align:center;
margin:0 auto;
width:100%;
height:90px;
background:#F7833A;
z-index:1;
position:relative;
}

#softname{
width:100%;
text-align:right;
color:white;
font-weight:bold;
position:absolute;
top:0px;
}

#middle {
width:100%;
margin:0 auto;
background:#710A03;
z-index:2;
}

#middle a {font-size:10pt;display:inline-block;background:#710A03;line-height:30px;text-decoration:none;color:white;padding:5px 15px;}
#middle a:hover {background:#79A826}


#footer{
background:white;
margin:0 auto;
width:100%;
min-height:100%;
box-sizing: padding-box;
position:relative;


}                                      

#shopname{
height:70%;
line-height:90px;
color:white;
text-align:left;
text-indent:20px;
font-size:25pt;
font-family:kom;
width:70%;
float:left;
}

#details{
width:25%;
float:right;
color:white;
padding:5px;
float:right;
text-align:right;
font-size:8pt;
}

#grid{
width:600px;
height:400px;
margin:0 auto;
background:#E5E5E5;
border-radius:15px;
margin-top:70px;
box-shadow:0 0 5px black;
}

#custhead{
width:100%;
height:40px;
line-height:40px;
color:white;
border:solid #006699 0px;
border-radius:15px 15px 0px 0px;
background: -moz-linear-gradient(top,  #006699,  #0186ba) !important; /* for firefox 3.6+ */
background: -webkit-linear-gradient(top,  #006699,  #0186ba) !important; /* for firefox 3.6+ */
text-indent:15px;
font-size:10pt; 
}

th {background:rgba(121,168,38,0.2);color:green;line-height:25px}
td {padding:3px}

th:last-child {border-right:none}

#search {border-radius:10px;border:solid gray 1px;padding:5px 5px 5px 30px;background:url(../images/b_search.png) no-repeat 5px;box-shadow:-2px 2px 2px #e2e2e2 inset}
.fa a {color:black}

#winhead{
width:100%;
background:#79A826;
line-height:30px;
margin:0 auto;
margin-top:80px;
font-size:10pt;
color:white;
text-indent:15px;
text-align:left;
text-decoration:bold;
}

.winhead{
width:99%;
background:#79A826;
line-height:30px;
margin:0 auto;
font-size:10pt;
color:white;
text-indent:15px;
text-align:left;
text-decoration:bold;
}

.winbody{
position:relative;
width:99%;
background:white;
margin:0 auto;
box-sizing: border-box;
height:calc(100% - 40px);
overflow:auto;
}

#winbody{
width:100%;
background:white;
margin:0 auto;
box-sizing: border-box;
}

table{
border-collapse:collapse;
font-family:verdana;font-size:10pt;
}

#window,#window1 {
width:700px;
border:solid gray 1px;
position:absolute;
top:50px;
left:0px;
background:white;
z-index:100;
left:25%;
display:none;
box-shadow:0px 0px 5px silver inset;
border-radius:10px;
}

#wheader,#wheader1{
width:100%;
background:#79A826;
color:white;
line-height:30px;
text-align:left;
text-indent:10px;
border-radius:10px 10px 0px 0px;
}

#background{
width:100%;
height:100%;
background:rgba(0,0,0,0.5);
display:none;
z-index:1000;
position:absolute;
top:0px;
left:0px;
}

#addnew{
font-family:arial black;
text-decoration:none;
font-size:18px;

}



    .ui-autocomplete {
      padding: 0;
      list-style: none;
      background-color: #fff;
      width: 218px;
      border: 1px solid #B0BECA;
      max-height: 350px;
      overflow-y: scroll;
      text-align:left;
    }
    .ui-autocomplete .ui-menu-item a {
      border-top: 1px solid #B0BECA;
      display: block;
      padding: 4px 6px;
      color: #353D44;
      cursor: pointer;
    }
    .ui-autocomplete .ui-menu-item:first-child a {
      border-top: none;
    }
    .ui-autocomplete .ui-menu-item a.ui-state-hover {
      background-color: #D5E5F4;
      color: #161A1C;
    }
    
.panelhead {border:solid #F7833A 2px;border-width:2px 0px 2px 0px;padding:5px;background:rgba(247,131,58,0.1)}
.summary td {border-bottom:solid #ddd 1px;padding:5px}

.rupee {font-family:verdana}
.rupee:before {
  content: "\20B9";
}

.panelheadr {border:solid #79A826 2px;border-width:2px 0px 2px 0px;padding:5px;background:rgba(121,168,38,0.1)}
.panelheadrb {border:solid #710A03 2px;border-width:2px 0px 2px 0px;padding:5px;background:rgba(113,10,3,0.1)}
.panelheadrl {border:solid blue 2px;border-width:2px 0px 2px 0px;padding:5px;background:rgba(0,0,255,0.1)}
#net {color:red}



.sreq::-webkit-scrollbar {
    width: 5px;
}
 
.sreq::-webkit-scrollbar-track {
    -webkit-box-shadow: 0 0 2px rgba(0,255,0,0.3);
}
 
.sreq::-webkit-scrollbar-thumb {
  background-color: #ddd;
  outline: 1px solid slategrey;
}

body::-webkit-scrollbar {
    width: 5px;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: 0 0 2px rgba(0,255,0,0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: gray;
  outline: 1px solid slategrey;
}
.leftpane {width:70%;float:left;}
.rightpane {width:30%;height:100%;background:white;overflow:hidden;position:relative;overflow:auto}
.billlist a {padding:3px;border:solid #ddd 1px;margin-left:-1px;}
.billlist a:hover {background:rgba(121,168,38,0.2)}
.capnet {color:blue;font-size:14pt}
.capnetpay {color:red;font-size:14pt}
.billrow tr:hover {background:rgba(121,168,38,0.2);cursor:hand}
.clicked {background:rgba(121,168,38,0.2)}
#quickitem {width:300px;height:100px;background:#ddd;position:fixed;right:-300px;;top:130;transition:1s;}
#quickitem:hover {
transition:1s;
right:0;
}
#tt {width:30px;height:30px;position:absolute;left:-30px;background:#79A826;top:10px;border-radius:4px 0px 0px 4px;color:white}
/*devkrupa - 43319 - moshi*/
#quickitem a {display:block;color:white;border-radius:4px;text-decoration:none;background:#F7833A;margin:10px;padding:5px;}
#welcome {color:white;position:absolute;right:0px;bottom:0px;padding:10px}

.listbox {position:relative}
.listbox a{
margin-top:1em;
width:20%;
display:inline-block;
font-size:1.5em;
padding:1em;
text-decoration:none;
color:white;
border:solid #fff 0.2em;
border-radius:15em;
background:#6666a5;
box-shadow:0px 0px 0.5em black;
}

.salesum{
display:none;
position:absolute;
border:solid red 1px;
background:white;
width:200px;
}




input[type="number"] {
    width:70px;
    
}

.phead {width:100%;background:#79A826;color:white;box-sizing: padding-box;padding:5px 0px;text-align:center;border:solid #79A826 1px}
.pbody {width:100%;height:auto;border:solid #79A826 1px;box-sizing:border}
.pbody li {list-style: none outside;padding:5px;border-bottom:solid #ddd 1px}


a.clist {display:block;width:100%;text-decoration:none;background:#f9f9f9;color:green;padding:8px}
a.clist:hover {background:green;color:white}


#menu {z-index: 100;background:red;width:100%;height:40px;background:#710A03}
#menu ul, #menu ul li {margin:0;padding:0;} 
#menu ul > li {border-bottom:solid white 1px;list-style:none;float:left;position:relative;left:0px;font-family:verdana;font-size:10pt;text-transform: capitalize;z-index: 100;}
#menu ul > li > a {display:block;background:#710A03;float:left;padding:5px 10px;border-right:solid white 0px;text-decoration:none;color:white}
#menu ul > li > a:hover {background:#79A826;color:white;z-index: 1000;}
#menu ul > li > ul {position:absolute;top:41px;display:none;left:0px;float:left}
#menu ul > li > ul > li a {width:150px;background:#e6e6e6;color:black;border:none;padding:0px 0px 0px 5px;}
#menu ul > li > ul > li a:hover,a:active {background:#79A826;color:white}
#menu ul > li:hover > ul {display:block}

#menu ul > li > ul > li:hover > ul {display:block;z-index: 1000;}
#menu ul > li > ul > li > ul {display:none;position:absolute;left:171px;top:0px}

#menu ul > li > ul > li > ul > li:hover > ul {display:block}
#menu ul > li > ul > li > ul > li > ul {display:none;position:absolute;left:171px;top:0px}

#menu ul > li > a.arrow {background:#e6e6e6 url('images/demo.png') no-repeat right}
.big {line-height:30px}
a.big:hover {background:white;color:#70458A}    

.note {width:100%;text-align:right;display:block}
a.bb {width:24px;padding:0px 3px 0px 3px;color:black}
.eb {width:60px;border:solid black 1px;display:inline-block;}
.item_box {width:137px;display:inline-block;height:190px;border:solid #ddd 1px;padding:2px;box-sizing: border-box;}
.item_name {text-align:center;width:100%;border-top:solid blue 1px;height:40px;padding:5px;box-sizing: border-box;color:red;font-weight:bold;}
.item_box:hover {box-shadow:0px 0px 3px black;cursor:hand;}

.overlay {
display:none;
width:100%;
height:100%;
background:rgba(0,0,0,0.5);
position:fixed;
top:0;
z-index:1200;
}

.qtycontainer{
position:absolute;
width:30%;
height:70%;
top:0px;
left:0px;
right:0px;
bottom:0px;
margin:auto;
background:#fff;
font-size:3em;
}

.qtycontainer a {
display:block;
text-decoration:none;
font-size:2em;
border:solid #ddd 1px;
padding:0.5em;
color:black;
background:#ddd;
}

.qty {font-size:22pt}
.close {position:absolute;right:0;bottom:0;color:blue;text-decoration:underline;padding:15px}
.close:hover {cursor:hand}
.bill_list td {font-size:12pt;border-bottom:solid #ddd 1px}
.disptot {width:100%;background:red;color:white;font-size:18pt;font-weight:bold;text-align:center;padding:15px;box-sizing:border-box}
.disptot:hover {cursor:hand}

.sitems {display:inline-block;border:solid silver 2px;margin:5px;background:#f1f1f1;width:170px;border-radius:10px;text-align:center;font-size:14pt}
.sitems:hover {cursor:hand}
.iselected {background:red;color:white}
.token {display:inline-block;width:33px;padding:10px 15px;background:blue;margin:3px;border:solid #ddd 4px;color:white;text-decoration:none;font-size:18pt}
.ten {display:inline-block;width:33px;padding:10px 15px;background:blue;margin:3px;border:solid #ddd 4px;color:white;text-decoration:none;font-size:18pt}
.selected {background:red;}
.token1 {display:inline-block;width:33px;padding:12px 15px;margin:3px;background:yellow;border:solid black 4px;color:red;text-decoration:none;font-size:18pt;float:right}