html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.body,
.wrapper {
  /* Break the flow */
  position: absolute;
  top: 0px;

  /* Give them all the available space */
  width: 100%;
  height: 100%;

  /* Remove the margins if any */
  margin: 0;

  /* Allow them to scroll down the document */
  overflow-y: hidden;
}

.body {
  /* Sending body at the bottom of the stack */
  z-index: 1;
}

.wrapper {
  /* Making the wrapper stack above the body */
  z-index: 2;
}

body {
    margin:0px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc;
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ccc;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: #ccc;
}

//@font-face {
//  font-family: "wingd";
//  src: url("wingding.ttf");
//}
//@font-face {
//  font-family: "wingd2";
//  src: url("Wingdng2.ttf");
//}

@media print {
  @page {                
    size: A4;
    margin: 5mm;
  }
  body {
  }
  .noPrint {
        display: none;
  }
  .yesPrint {
        display: block;
  }
}

.link:hover {cursor: pointer;}


/*------------------------------------------------------------------- LOGIN  ---------------------------------------------------------- */
.tabLogin {
  float: left;
  width:100%;
  padding:0px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
}
.tabLoginBtn {
  float: left;
  width: 20%;
  height: 60px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
}
.tabLoginBtn:hover {cursor: pointer;}
#tabLoginBtn1 {background: url('../images/Enter_50.png') no-repeat center;background-size: 30px 30px;}
#tabLoginBtn2 {background: #eee url('../images/Time Card_50.png') no-repeat center;background-size: 30px 30px;}
#tabLoginBtn3 {background: #eee url('../images/Settings_50B.png') no-repeat center;background-size: 30px 30px;}
#tabLoginBtn4 {background: #eee url('../images/Report Card-50.png') no-repeat center;background-size: 30px 30px;}
#tabLoginBtn5 {float: left;width: 20%;height: 60px;background: #eee url('../images/Nonya Kueh Filled-60.png') no-repeat center;background-size: 30px 30px;border-bottom:1px solid #ddd;box-sizing: border-box;}

#doPreview {width:40px;height:40px;background:  url('../images/Search Filled-60.png') no-repeat center;background-size: 28px 28px;}
#doPreview:hover {cursor: pointer;background: #eee url('../images/Search Filled-60.png') no-repeat center;background-size: 28px 28px;}



.loginText {
  font-size: 18px;color:#888;padding:8px;box-sizing: border-box;
}
.loginSelect {
  font-size: 18px;color:#333;width:90%;height:40px;margin-top:4px;
}
#logclick,#admclick {
  background: #2980B9 url('../images/Enter_25w.png') no-repeat; 
  background-position: 12px;
  background-size: 20px 20px;
  padding-left: 30px;
  height:40px;
  width:150px;
  border:0px;
  color:white;
  font-size:18px;  
}
#logclick:hover,#admclick:hover {
  cursor: pointer;
  background: #3498DB url('../images/Enter_25w.png') no-repeat; 
  background-position: 12px;
  background-size: 20px 20px;
}


#manclick,#manclick1,#manclick2,#manclick3 {
  background: #2980B9 url('../images/Enter_25w.png') no-repeat; 
  background-position: 12px;
  background-size: 20px 20px;
  padding-left: 30px;
  height:50px;
  width:90%;
  border:0px;
  color:white;
  font-size:18px;  
  margin-right: 16px;
}
#manclick,#manclick1,#manclick2,#manclick3:hover {
  cursor: pointer;
  background: #3498DB url('../images/Enter_25w.png') no-repeat; 
  background-position: 12px;
  background-size: 20px 20px;
}
.waitersline1,.waitersline2 {
  padding-top:8px;
  height:58px; 
  border: 1px solid #bbb;
  box-sizing: border-box;
}
.waiterClick2,.waiterCost2,.waiterOff2,.setRemark:hover {
  cursor: pointer;
}
#deloclick {
  background: #2980B9 url('../images/Clock_25.png') no-repeat; 
  background-position: 12px;
  background-size: 20px 20px;
  padding-left: 30px;
  height:50px;
  width:90%;
  border:0px;
  color:white;
  font-size:18px;
  margin-right: 16px;
}
#deloclick:hover {
  cursor: pointer;
  background: #3498DB url('../images/Clock_25.png') no-repeat; 
  background-position: 12px;
  background-size: 20px 20px;
}
.waitersClick,.buttonManager1,.buttonManager2:hover {
  cursor: pointer;
}

.buttonManager1 {
  background: url('../images/Enter_50.png') no-repeat center;background-size: 30px 30px;
  float: left;width: 45px;height: 50px;box-sizing: border-box;
}

.buttonManager2 {
  background: url('../images/Report Card-50.png') no-repeat center;background-size: 30px 30px;
  float: left;width: 40px;height: 50px;box-sizing: border-box;
}


#osvezigumbeclick {
  background: #2980B9 url('../images/Restaurant Menu-50.png') no-repeat; 
  background-position: 12px;
  background-size: 20px 20px;
  padding-left: 30px;
  height:50px;
  width:90%;
  border:0px;
  color:white;
  font-size:18px;
  margin-right: 16px;
}
#osvezigumbeclick:hover {
  cursor: pointer;
  background-color:#3498DB;
}
#dnevnimeniclick {
  background: #2980B9 url('../images/Restaurant Menu-50.png') no-repeat; 
  background-position: 12px;
  background-size: 20px 20px;
  padding-left: 30px;
  height:50px;
  width:90%;
  border:0px;
  color:white;
  font-size:18px;
  margin-right: 16px;
}

#closeRemark {
  float: right;
  width:40px;
  height:40px;
  background: url('../images/Delete Filled-60.png') no-repeat center;background-size: 30px 30px;
}
#saveRemark {
  float: right;
  width:40px;
  height:40px;
  background: url('../images/Save as Filled-60.png') no-repeat center;background-size: 30px 30px;
}
#closeRemark:hover {
  cursor: pointer;
  background: #ddd url('../images/Delete Filled-60.png') no-repeat center;background-size: 30px 30px;
}
#saveRemark:hover {
  cursor: pointer;
  background: #ddd url('../images/Save as Filled-60.png') no-repeat center;background-size: 30px 30px;
}


.tabLogin2 {
  float: left;
  height: 35px;
  width:26%;
}
.tabLogin2Font {
  height: 35px;
  color:white;
  font-size: 16px;
  padding-left:45px;
  padding-top:8px;
  box-sizing: border-box;
}

#tabLoginBtn21 {background: #2980B9 url('../images/Home_50wh.png') no-repeat 16px;background-size: 20px 20px;}
#tabLoginBtn22 {background: #2980B9 url('../images/Restaurant Menu-50.png') no-repeat 16px;background-size: 20px 20px;}
#tabLoginBtn23 {background: #2980B9 url('../images/Print-50.png') no-repeat 16px;background-size: 20px 20px;}


/*------------------------------------------------------------------- LOGIN END ---------------------------------------------------------- */


/*------------------------------------------------------------------- SEZNAM  ---------------------------------------------------------- */
.seznamTh { 
  background-color:#eee;font-size:10px;
  border-left: 1px solid #555;
  border-bottom: 1px solid #555;
  box-sizing: border-box;
  padding:3px;
}
.seznamTd,.seznamTd0,.seznamTd1 {  
  border-left: 1px solid #555;
  border-bottom: 1px solid #555;
  box-sizing: border-box;
  padding:6px 4px 6px 4px;
  height:56px;
 }
.seznamTd,.seznamTd0,.seznamTd1:hover {
  cursor: pointer;
}

.seznam2Td {  
  border-left: 1px solid #555;
  border-bottom: 1px solid #555;
  box-sizing: border-box;
  padding:6px 4px 6px 4px;
  height:30px;
 }


.tabSeznamBtn {
  width: 15%;
  font-size: 11px;
  color: white;  
  box-sizing: border-box;
  background: #2980B9;
  border-right:1px solid #eee;
  border-bottom:1px solid #eee;
  height:28px;
}
#tabSeznamBtn3 {width: 13%;border-right:0px;background: #2980B9 url('../images/Clear Filters Filled-40.png') no-repeat center;background-size: 25px 25px;}
#tabSeznamClose {width: 13%;border-right:0px;background: #2980B9 url('../images/Close Window_40.png') no-repeat center;background-size: 25px 25px;}

#tabSeznamBtn3:hover,#tabSeznamClose:hower {
  cursor: pointer;
}


#tabSeznamBtn3:hover {cursor: pointer;background: #3498DB url('../images/Clear Filters Filled-40.png') no-repeat center;background-size: 25px 25px;}
#tabSeznamClose:hover {cursor: pointer;background: #ed1c23 url('../images/Close Window_40.png') no-repeat center;background-size: 25px 25px;}

#printBtn {float:left;width:30px;height:30px;background: url('../images/Print Filled-40GR.png') no-repeat center;background-size: 25px 25px;}
#printBtn:hover {cursor: pointer;}


/*------------------------------------------------------------------- SEZNAM END ---------------------------------------------------------- */

/*------------------------------------------------------------------- RECEPT  ---------------------------------------------------------- */
.tabReceptBtn {
  float: left;
  height: 56px;
  width: 12%;
}
.tabReceptBtn:hover {
  cursor: pointer;
}
#tabReceptBtn1 {background: #2980B9 url('../images/Print-50.png') no-repeat center;background-size: 25px 25px;}
#tabReceptClose {background: #2980B9 url('../images/Close Window_40.png') no-repeat center;background-size: 25px 25px;}

#tabReceptBtn1:hover {cursor: pointer;background: #3498DB url('../images/Print-50.png') no-repeat center;background-size: 25px 25px;}
#tabReceptClose:hover {cursor: pointer;background: #ed1c23 url('../images/Close Window_40.png') no-repeat center;background-size: 25px 25px;}

.selectlinerecept,.selectlinerecept2 {
  padding:5px;width:100%;font-size: 18px;color:#333;height:26px;box-sizing: border-box;
}
.selectlinerecept,.selectlinerecept2:hover {
  cursor: pointer;
}

/*------------------------------------------------------------------- RECEPT END ---------------------------------------------------------- */


/*------------------------------------------------------------------- PRODAJA  ---------------------------------------------------------- */
.tabProdajaBtn {
  float: left;
  height: 56px;
  width: 11%;
}
.tabProdajaBtn:hover {
  cursor: pointer;
}
#tabProdajaBtn2b {background: #3498DB url('../images/Bill-50.png') no-repeat center;background-size: 30px 30px;}
#tabProdajaBtn2c {background-color: #3498DB;}
#tabProdajaBtn3 {background: #3498DB url('../images/Sorting Arrows Horizontal Filled-50.png') no-repeat center;background-size: 30px 30px;}
#tabProdajaBtn4 {background: #3498DB url('../images/Menu-50.png') no-repeat center;background-size: 30px 30px;}
#tabProdajaBtn5 {background: #3498DB url('../images/Table Filled-50Delete.png') no-repeat center;background-size: 30px 30px;}
#tabProdajaBtn6 {background: #3498DB url('../images/Table Filled-50w.png') no-repeat center;background-size: 30px 30px;}
#tabProdajaBtn7 {background: #3498DB url('../images/Close Window_40.png') no-repeat center;background-size: 30px 30px;}
.tableClick1,.tableClick2,.ticketClick:hover {
  cursor: pointer;
}


.tabProdajaTicketRound {
  box-sizing: border-box;padding-top:3px;float: left;height: 46px;width: 17%;background-color: #d8d8d8;
}
.tabProdajaTicketBtn {
  margin-left: 7px;
  height: 42px;
  width: 42px;
  -webkit-border-radius: 21px;
  -moz-border-radius: 21px;
  border-radius: 21px;
}
.tablePanel {
  height: 45px;
}
.tabProdajaTicketBtn:hover {
  cursor: pointer;
}
#tabProdajaTicketBtn1 {background: #fff url('../images/Tapas Filled-50.png') no-repeat center;background-size: 26px 26px;}
#tabProdajaTicketBtn2 {background: #fff url('../images/Steak Filled-50.png') no-repeat center;background-size: 26px 26px;}
#tabProdajaTicketBtn3 {background: #fff url('../images/Wine Glass Filled-50.png') no-repeat center;background-size: 26px 26px;}
#tabProdajaTicketBtn4 {background: #fff url('../images/Food Filled-50.png') no-repeat center;background-size: 26px 26px;}
#tabProdajaTicketBtn5 {background: #fff url('../images/Resize Diagonal Filled-50.png') no-repeat center;background-size: 26px 26px;}
#tabProdajaTicketBtn6 {background: #fff url('../images/Close Window_50blue.png') no-repeat center;background-size: 26px 26px;}


#tabProdajaTicketBtn1:hover {background: #ddd url('../images/Tapas Filled-50.png') no-repeat center;background-size: 26px 26px;}
#tabProdajaTicketBtn2:hover {background: #ddd url('../images/Steak Filled-50.png') no-repeat center;background-size: 26px 26px;}
#tabProdajaTicketBtn3:hover {background: #ddd url('../images/Wine Glass Filled-50.png') no-repeat center;background-size: 26px 26px;}
#tabProdajaTicketBtn4:hover {background: #ddd url('../images/Food Filled-50.png') no-repeat center;background-size: 26px 26px;}
#tabProdajaTicketBtn5:hover {background: #ddd url('../images/Resize Diagonal Filled-50.png') no-repeat center;background-size: 26px 26px;}
#tabProdajaTicketBtn6:hover {background: #ddd url('../images/Close Window_50blue.png') no-repeat center;background-size: 26px 26px;}

/*------------------------------------------------------------------- PRODAJA END ---------------------------------------------------------- */


/*------------------------------------------------------------------- ARTIKLI  ---------------------------------------------------------- */

.tabArtikliBtnR {
  float: left;width: 13%;height: 45px;
  border-left: 1px solid #ddd;
  box-sizing: border-box;
}
.tabArtikliBtnR:hover {
  cursor: pointer;
}

.tabArtikliBtn {
  float: left;
  width: 33.3333%;
  height: 45px;
  box-sizing: border-box;
  border: 1px solid #ddd;
}
.tabArtikliBtn:hover {
  cursor: pointer;
}
.tabArtikliBtn2 {
  float: left;
  height: 45px;
  background: #2980B9;
}
#tabArtikliBtn1 {background: url('../images/Food Filled-50.png') no-repeat center;background-size: 25px 25px;}
#tabArtikliBtn2 {background: #eee url('../images/Restaurant Filled-50.png') no-repeat center;background-size: 25px 25px;}
#tabArtikliBtn3 {background: #eee url('../images/Wine Glass Filled-50.png') no-repeat center;background-size: 25px 25px;}
#tabArtikliBtn4 {background: #eee url('../images/Tie Filled-50.png') no-repeat center;background-size: 25px 25px;}
#tabArtikliBtn5 {background: #eee url('../images/Student Male Filled-50.png') no-repeat center;background-size: 25px 25px;}
#tabArtikliBtn6 {background:  url('../images/Right Filled-50.png') no-repeat center;background-size: 25px 25px;}
#tabArtikliBtn7 {background:  url('../images/Close Window_40blueB.png') no-repeat center;background-size: 35px 35px;}

.productRight {
  display: table;
  float: left;
  width: 33.333%;
  height: 47px;
  border: 1px solid #eee;
  box-sizing: border-box;
  background-color:#fff;
  color:#2980B9;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  line-height: 95%;
}
.productRight:hover {
  cursor: pointer;
  background-color:#eee;
}
.productRightChild {
    display: table-cell;
    vertical-align: middle;
    padding:2px;
}
.productLeft {
  width: 100%;
  height: 34px;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  box-sizing: border-box;
  color:#000;
  font-size: 13px;
  font-weight: bold;
}
.productLeftChild {
  cursor: pointer;
  box-sizing: border-box;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
}
.productLeftCut {
  width:38vw;
  max-width:170px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
}

.productCut {
  width:42vw;
  max-width:200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
}
.remarkCut {
  width:12vw;
  max-width:65px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
}



.productLeftChild:hover {
  cursor: pointer;
  border: 1px solid #888;
  box-sizing: border-box;
}
.billinfo {
   box-sizing: border-box;
   border-right: 1px solid #333;
   border-bottom: 1px solid #333;
}
.billname,.billprice,.billqty,.billtime,.billremark {
  cursor: pointer;
  box-sizing: border-box;
  border-bottom: 1px solid #bbb;
  border-right: 1px solid #bbb;
}
.linetr {
  height:40px;
  font-size: 15px;
}

/*------------------------------------------------------------------- ARTIKLI END ---------------------------------------------------------- */


/*------------------------------------------------------------------- MIZE ---------------------------------------------------------- */
.tableAll,.tablePren {
  border: 1px solid #2980B9;
  box-sizing: border-box;
  background-color:#eee;
  color:#2980B9;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  position: absolute;
}
.tableAll:hover, .tablePren:hover {
  cursor: pointer;
  background-color:#A5A5A5;
  color:white;
}
.tableCircle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
 }
.delimiter {
  background-color: silver;position: absolute;
}
.stairsVert {
  background: url('../images/vertstairs.png');
  position: absolute;
}
.stairsHor {
  background: url('../images/horstairs.png');
  position: absolute;
}
.closeBtn {
  position: absolute;
  width:31px;
  height:46px;
  top:0px;
  left:324px;
  background:  url('../images/Close Window-40Gr.png') no-repeat center;background-size: 25px 25px;
}
.closeBtn:hover {
  cursor: pointer;
  background-color:#eee;
}
/*------------------------------------------------------------------- MIZE END ---------------------------------------------------------- */

.panelTop {
  font-size: 18px;color:#888;margin-left:20px;margin-top:8px;background-color: #fff;box-sizing: border-box;
}
.panel {
  float: left;width:100%;padding:8px;  border: 1px solid #ddd;box-sizing: border-box;margin-top:-10px;
}


.popboxLogin {
    z-index: 99999999;
    position: fixed;
    margin-left: 10px; 
    margin-top: 26px; 
    width:280px;
    height:150px;
    display: none;
    background-color: #fff;
    border: 1px solid #333;
    padding:18px;
}

.popbox {
    z-index: 99999999;
    position: fixed;
    margin-left: 10px; 
    margin-top: 265px; 
    display: none;
    width:325px;
}

.popboxinfo {
     color:#555;
     font-size:12px;
     padding:1px;
     border-bottom:1px solid #777;
}
.popboxLine1 {
      z-index: 99999998;
      position: fixed;
      margin-top:32px;
      margin-left:13.1vw;
      width:0.5px;
      border-left:0.5px solid #ccc;
      height:344px;
}
.popboxLine2 {
      z-index: 99999998;
      position: fixed;
      margin-top:32px;
      margin-left:26.2vw;
      width:0.5px;
      border-left:0.5px solid #ccc;
      height:344px;
}

.popbox1 {
    z-index: 99999999;
    overflow: auto;
    position: fixed;
    margin-left: 10px; 
    margin-top: 10px; 
    display: none;
    width:325px;
    background-color: #fff;
    border: 1px solid #000;
    padding:8px;
}

#novkupec {
    z-index: 99999999;
    overflow: auto;
    position: fixed;
    margin-left: 10px; 
    margin-top: 10px; 
    display: none;
    height:210px;
    width:325px;
    background-color: #fff;
    border: 1px solid #000;
    padding:8px;
}

#editkupec {
    z-index: 99999999;
    overflow: auto;
    position: fixed;
    margin-left: 10px; 
    margin-top: 10px; 
    display: none;
    height:300px;
    width:325px;
    background-color: #fff;
    border: 1px solid #000;
    padding:8px;
}

#dursBtn2 {float: left;width: 30px;height: 30px;margin-left:4px;margin-top:6px;border:1px solid #555;background: url('../images/Clear Filters Filled-40c.png') no-repeat center;background-size: 20px 20px;}
#dursBtn3 {float: left;width: 30px;height: 30px;margin-left:4px;margin-top:6px;border:1px solid #555;background: url('../images/Filter Filled-40c.png') no-repeat center;background-size: 20px 20px;}
#dursBtn4 {float: right;width: 30px;height: 30px;margin-right:1px;margin-top:6px;border:1px solid #555;background: url('../images/Plus Filled-50.png') no-repeat center;background-size: 20px 20px;}

#dursBtn2:hover {cursor: pointer;background: #eee url('../images/Clear Filters Filled-40c.png') no-repeat center;background-size: 20px 20px;}
#dursBtn3:hover {cursor: pointer;background: #eee url('../images/Filter Filled-40c.png') no-repeat center;background-size: 20px 20px;}
#dursBtn4:hover {cursor: pointer;background: #eee url('../images/Plus Filled-50.png') no-repeat center;background-size: 20px 20px;}


#editdurs {
    z-index: 99999999;
    overflow: auto;
    position: fixed;
    margin-left: 10px; 
    margin-top: 10px; 
    display: none;
    width:325px;
    background-color: #fff;
    border: 1px solid #000;
    padding:8px;
}

.closepopMan,.closepop,.closepop1,.backpop, #closenovkupec, #closeeditkupec, #closeeditdurs  :hover {
  cursor: pointer;
}

#closenovkupec, #closeeditkupec, #closeeditdurs, .closepop1, .closepop2, .closepopMan  {
    font-size: 12px;
    padding:6px 10px;
    background: #e32028;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: bold;
    border: none;
}
.backpop {
  display: block;
  background: #2980B9 url('../images/Clear Filters Filled-40.png') no-repeat center;
  background-size: 20px 20px;
  width:35px;
  height:30px;
}
.closepop {
  display: block;
  background: #2980B9 url('../images/Close Window_30.png') no-repeat center;
  background-size: 20px 20px;
  width:35px;
  height:30px;
}

.selectpop  {
  width:100%;font-size: 22px;color:#333;height:40px;
}
.selectlinepop,.selectlinepop2,.selectlinepop6,.selectlinepop7 {
  padding:5px;width:100%;font-size: 20px;color:#333;height:32px;box-sizing: border-box;
}
.selectlinepop:hover,.selectlinepop2:hover,.selectlinepop6:hover,.selectlinepop7:hover,.selectlinepop8:hover,
.selectlinepop8a:hover,.selectlinepop9a:hover,.selectlinepop10a:hover,.selectlinepop11a:hover,
.selectlinepop9:hover,.selectlinepop10:hover,.selectlinepop11:hover {
  cursor: pointer;
  background-color:black;
  color:white;
}

.selectlinepop8,.selectlinepop9,.selectlinepop10,.selectlinepop11 {
  padding:5px;width:100px;font-size: 17px;color:#333;height:32px;box-sizing: border-box;
}
.selectlinepop8a,.selectlinepop9a,.selectlinepop10a,.selectlinepop11a {
  background-color:#ddd;padding:5px;width:100%;font-size: 17px;color:#333;height:32px;box-sizing: border-box;
}


.selectlinepop12,.selectlinepop14 {
  font-weight: bold;width:100%;font-size: 14px;color:#555;box-sizing: border-box;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:4px;
}
.selectlinepop12:hover,.selectlinepop14:hover {
  cursor: pointer;
  background-color:#888;
  color:white;
}

.selectlinepop15 {
  width:100%;font-size: 14px;
}
.selectlinepop16 {
  width:100%;font-size: 14px;
}
.selectlinepop15:hover,.selectlinepop16:hover {
  cursor: grabbing;
  background-color:#333;
  color:white;
}


.font14gray {
  font-size: 15px;
  color:#999;
}
.font16gray {
  font-size: 16px;
  color:#999;
}


.btnNav {
  float: left;
  width: 12%;
  height: 45px;
}
.btnNav:hover {cursor: pointer;}

#btnNav1 {background: url('../images/Plus Math Filled-50.png') no-repeat center;background-size: 30px 30px;}
#btnNav2 {background: url('../images/Delete Filled-50.png') no-repeat center;background-size: 30px 30px;}
#btnNav3 {background: url('../images/Save Filled-50B.png') no-repeat center;background-size: 30px 30px;}
#btnNav4 {background: url('../images/Close Window Filled_50.png') no-repeat center;background-size: 30px 30px;}

.tabNav {
  float: left;
  width: 20%;
  height: 50px;
  box-sizing: border-box;
  border: 1px solid #ddd;
}
.tabNav:hover {cursor: pointer;}

#tabNav1 {background: url('../images/List Filled-50.png') no-repeat center;background-size: 30px 30px;}
#tabNav2 {background: #eee url('../images/Teams-50.png') no-repeat center;background-size: 30px 30px;}

.selectlinepop3:hover,.selectlinepop4:hover,.selectlinepop5:hover {
  cursor: pointer;
  background-color:black;
  color:white;
}


.btnRac {
  float: left;
  width: 21%;
  height: 52px;
  background-color: #2980B9;
  color:white;
  border-right: 1px solid white;
  box-sizing: border-box;
}
.btnRac:hover {
  cursor: pointer;
  background-color: #3498DB;
}


#btnRac2 {background: #2980B9 url('../images/Business-50.png') no-repeat center;background-size: 25px 25px;}
#btnRac2b {background: #2980B9;}
#btnRac3 {background: #2980B9 url('../images/Print-50.png') no-repeat center;background-size: 25px 25px;}
#btnRac4 {background: #2980B9 url('../images/Euro-50.png') no-repeat 47px;background-size: 25px 25px;}
#btnRac5 {background: #2980B9 url('../images/Close Window_40.png') no-repeat center;background-size: 25px 25px;}
#btnRac6 {background: #2980B9 url('../images/Close Window_40.png') no-repeat center;background-size: 25px 25px;}
#btnRac7 {background: #2980B9 url('../images/Business-50.png') no-repeat center;background-size: 25px 25px;}

#btnRac2:hover {background: #3498DB url('../images/Business-50.png') no-repeat center;background-size: 25px 25px;}
#btnRac3:hover {background: #3498DB url('../images/Print-50.png') no-repeat center;background-size: 25px 25px;}
#btnRac4:hover {background: #3498DB url('../images/Euro-50.png') no-repeat 47px;background-size: 25px 25px;}
#btnRac5:hover {background: #3498DB url('../images/Close Window_40.png') no-repeat center;background-size: 25px 25px;}
#btnRac6:hover {background: #3498DB url('../images/Close Window_40.png') no-repeat center;background-size: 25px 25px;}
#btnRac7:hover {background: #3498DB url('../images/Business-50.png') no-repeat center;background-size: 25px 25px;}

.tabRac {
  float: left;
  width: 50%;
  height: 50px;
  box-sizing: border-box;
  border: 1px solid #ddd;
}
.tabRac:hover {cursor: pointer;}

#tabRac1 {background: url('../images/Wallet-50.png') no-repeat 8px;background-size: 20px 20px;}
#tabRac2 {background: #eee url('../images/Wallet-50x.png') no-repeat 8px;background-size: 20px 20px;}

.popbuton {
   float: left;
   width:50%;
   box-sizing: border-box;
   text-align: center;
   height:48px;
   font-size:26px;
   color:#2980B9;
   padding-top: 9px;
}
.popbuton:hover {
  cursor: pointer;
  background-color: #eee;
}

#popproc {
   float: left;
   width:100%;
   box-sizing: border-box;
   text-align: center;
   height:32px;
   font-size:26px;
   color: black;
   border: 1px solid #ddd;
}
#popznes {
   float: left;
   width:100%;
   box-sizing: border-box;
   text-align: center;
   height:32px;
   font-size:26px;
   color: #999;
   border: 1px solid #ddd;
}
#poplabel {
   float: left;
   width:100%;
   text-align: center;
   font-size:13px;
   color: #999;
}
#popsave {background: url('../images/Save Filled-40.png') no-repeat center;background-size: 20px 20px;}



.btnPren {
  float: left;
  width: 18%;
  height: 52px;
  background-color: #2980B9;
  color:white;
  box-sizing: border-box;
}
.btnPren:hover {
  cursor: pointer;
  background-color: #3498DB;
}
#btnPren2 {background: #2980B9 url('../images/Checkmark Filled-50.png') no-repeat center;background-size: 25px 25px;}
#btnPren3 {background: #2980B9 url('../images/Close Window_50.png') no-repeat center;background-size: 25px 25px;}

#btnPren2:hover {background: #3498DB url('../images/Checkmark Filled-50.png') no-repeat center;background-size: 25px 25px;}
#btnPren3:hover {background: #3498DB url('../images/Close Window_50.png') no-repeat center;background-size: 25px 25px;}

#pren1 {float: left;width: 30%;height: 36px; background:  url('../images/right-filled-60.png') no-repeat center;background-size: 30px 30px;}
#pren1:hover {background: #ddd url('../images/right-filled-60.png') no-repeat center;background-size: 30px 30px;}
#pren2 {float: left;width: 30%;height: 36px; background:  url('../images/Table Filled_50blue.png') no-repeat center;background-size: 30px 30px;}
#pren2:hover {background: #ddd url('../images/Table Filled_50blue.png') no-repeat center;background-size: 30px 30px;}

#pren3 {float: left;width: 30%;height: 36px; background:  url('../images/right-filled-60.png') no-repeat center;background-size: 30px 30px;}
#pren3:hover {background: #ddd url('../images/right-filled-60.png') no-repeat center;background-size: 30px 30px;}


#tabKupciBtn2 {float: left;width: 12%;height: 45px;background: #2980B9 url('../images/Clear Filters Filled-40.png') no-repeat center;background-size: 20px 20px;}
#tabKupciBtn3 {float: left;width: 12%;height: 45px;background: #2980B9 url('../images/Print-50.png') no-repeat center;background-size: 25px 25px;}
#tabKupciBtn4 {float: left;width: 12%;height: 45px;background: #2980B9 url('../images/Close Window_40.png') no-repeat center;background-size: 25px 25px;}
#dursStart {box-sizing: border-box;font-size:13px;text-align: left;padding-top:6px;padding-left:40px;color:white;float: left;width: 24%;height: 45px;background: #2980B9 url('../images/Contact Card-40.png') no-repeat  8px 9px;background-size: 25px 25px;}
#kupecadd {float: left;width: 12%;height: 45px;background: #2980B9 url('../images/More Filled-50W.png') no-repeat center;background-size: 25px 25px;}

.kupeclineedit {height: 25px;background:  url('../images/Pencil Tip-50.png') no-repeat center;background-size: 25px 25px;}
.kupeclineedit:hover {background:#ccc  url('../images/Pencil Tip-50.png') no-repeat center;background-size: 25px 25px;}

#tabKupciBtn2:hover {background: #3498DB url('../images/Clear Filters Filled-40.png') no-repeat center;background-size: 20px 20px;}
#tabKupciBtn3:hover {background: #3498DB url('../images/Print-50.png') no-repeat center;background-size: 25px 25px;}
#tabKupciBtn4:hover {background: #3498DB url('../images/Close Window_40.png') no-repeat center;background-size: 25px 25px;}
#dursStart:hover {background: #3498DB url('../images/Contact Card-40.png') no-repeat 8px 9px;background-size: 25px 25px;}
#kupecadd:hover {background: #3498DB url('../images/More Filled-50W.png') no-repeat center;background-size: 25px 25px;}

#tabKupciBtn1 {
  float: left;
  height: 45px;
  background: #2980B9;
}

.kupecline,#kupeclinetop1,#kupeclinetop2 {
     width:100%;
     box-sizing: border-box;
     background-color: #fff;
     font-size:16px;
     color:#333;
     padding-top: 6px;
     padding-bottom: 6px;
     padding-left: 3px;
     padding-right: 3px;
     border-bottom: 1px solid #888;
}
.kupecline,#kupecdel,#kupecadd,#dursStart,#editkupecdel,#editkupecsave,#novkupecdel,#novkupecsave:hover {
  cursor: pointer;
}




.menichecktop {
  float:left;width:100%;display: block;margin:6px;font-size: 18px;
}
.menichecktop:hover {
  cursor: pointer;
}
.menicheck {
  float:left;width:100%;display: block;
}
.menicheck:hover {
  cursor: pointer;
}
#closeMeni {float: left;width: 8%;height:36px;background: url('../images/Close Window Filled_40.png') no-repeat center;background-size: 25px 25px;}
#closeMeni:hover {
  cursor: pointer;
}
.selectlinemeni {
  padding:5px;width:100%;font-size: 20px;color:#333;height:28px;box-sizing: border-box;
}
.selectlinemeni:hover {
  cursor: pointer;
}


#dayend {
  float:right;margin:8px;border:0px solid;padding:10px;background-color: red;color:white;font-size:18px;
}

#dayend:hover {
  cursor: pointer;
}



@media (min-height: 900px) {
  #mainint {min-height:900px;}
  #tabLoginSeznam1 {height:730px;}
  #tabLoginSeznam2 {height:680px;}
  #dnevniList {height:800px;}
}  

@media (max-height: 900px) {
  #mainint {min-height:100vh;}
  #tabLoginSeznam1 {height:calc(100vh - 180px);}
  #tabLoginSeznam2 {height:calc(100vh - 230px);}
  #dnevniList {height:calc(100vh - 160px);}
  #isciholder {width:105px;}
  .billqtyinput,.glassinput {position:fixed;top:6px;left:6px;}
}  

@media (min-width: 500px) {
  #mainback {float:left;width:500px;padding:16px;background-color: gray;}
  .closeBtn {
    top:16px;
    left:339px;
  }
  .popboxLine1 {margin-left: 61px;}
  .popboxLine2 {margin-left: 122px;}
  #isciholder {width:160px;}
}