/* 
    Document   : interfata
    Created on : Jul 24, 2015, 1:38:21 PM
    Author     : HP
    Description:
        Purpose of the stylesheet follows.
*/
#page-wrapper{
    background-color: #68A3C6 !important;
}
.container-fluid
{
    background-color: #68A3C6 !important;
    height: 653px;
}
body{
    background-color: #68A3C6 !important;
}
.divProduse
{
  width: 75px; 
  height: 75px; 
  background-color: #9CC2DA; 
  margin: 3px; 
  color: white;
  font-family: Verdana;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  border: solid 1px #4E7993;
  cursor: pointer;
}
.divProduse:hover
{
  width: 75px; 
  height: 75px; 
  background-color: #82BBDD; 
  margin: 3px;  
  color: white;
  font-family: Verdana;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  border: solid 1px #4E7993;
  cursor: pointer;
}
.divCategorie
{
  width: 120px; 
  height: 50px; 
  background-color: #9CC2DA;  
  border: solid 1px #4E7993; 
  color: white;
  font-family: Verdana;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  padding-top: 5px;
  cursor: pointer;
}

.divCategorieClick
{
  width: 120px; 
  height: 50px; 
  background-color: #68A3C6; 
  border: none;
  color: white;
  font-family: Verdana;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  padding-top: 5px;
}

.divPromotie
{
  height: 50px; 
  background-color: #9CC2DA;  
  color: black;
  font-family: Verdana;
  font-size: 22px;
  font-weight: bold;
  text-align: left;
  padding-left: 10px;
  padding-top: 10px;
}
.divPromotie:hover
{
  height: 50px; 
  background-color: #82BBDD; 
  color: black;
  font-family: Verdana;
  font-size: 22px;
  font-weight: bold;
  text-align: left;
  padding-left: 10px;
  padding-top: 10px;
}
.tableInterfata tr{
     font-size: 12px !important; 
     font-family: Verdana !important; 
     color: black; 
     background-color: white;
     border-collapse: collapse;
     border: solid 1px #4E7993;
     width: 100%;
     max-width: 100%;
     line-height: 22px;
     position: relative;
     margin-top: 5px;
     height: 35px;
}
.tableInterfata td{
     border: solid 1px #4E7993;
     font-weight: normal;
}

.promotieBorder{
     border: solid 1px #4E7993;
}

.formInterfata{
  display: block;
  width: 100%;
  height: 33px;
  font-size: 16px;
  font-family: Verdana;
  line-height: 1.42857143;
  color: #989595;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  text-align: right;
  padding-right: 10px;
}
.totalDiv{
  display: block;
  width: 100%;
  height: 33px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #989595;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc; 
}
.totalText{
  font-size: 16px;
  color: black;
  font-family: Verdana;
  float: right;
  font-weight: bold;
}
.trColorLista td{
    background-color: #C9DFEC !important; 
    padding-left: 2px;
    padding:2px;
    
}

.textProdus{
  font-size: 11.5px;
  color: white;
  font-family: Verdana;
  text-align: center;
  word-wrap: break-word;
}

.divAlignProdus{
    margin-top: 8px;
}

.imgProdus{
  text-align: center;
  display: inline-block;
}

.divMenu
{
  width: 100px; 
  height: 50px; 
  background-color: #9CC2DA;  
  border: solid 1px #4E7993; 
  color: white;
  font-family: Verdana;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  padding-top: 5px;
  cursor: pointer;
  margin-right: 10px;
}

.divMenu:hover
{
  width: 100px; 
  height: 50px; 
  background-color: #82BBDD;  
  border: solid 1px #4E7993; 
  color: white;
  font-family: Verdana;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  padding-top: 5px;
  cursor: pointer;
  margin-right: 10px;
}

.divMenuClear
{
  width: 100%;
  height: 70px; 
  padding-left: 62px;
  padding-right: 62px;
}

.formCantitate{
  width: 40px;
  height: 40px;
  font-size: 12px;
  font-family: Verdana;
  font-weight: normal;
  line-height: 1.42857143;
  color: black;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  text-align: center;
}

.trListaDelete{
    background-color: #C1C0C0 !important; 
    cursor: pointer;
}

.codClass{
    font-family: Verdana;
    font-size: 8px;
    color: black;
    display: inline-block;
    float: right;
    padding-right: 2px;
}
.paddingLeft{
    padding-left: 4px;
}
.divLista{
    height: 450px;
    max-height: 450px;
    overflow-y: auto;
    background-color: white;
    width: 450px; 
}
.divListaNec{
    height: 410px;
    max-height: 450px;
    overflow-y: auto;
    background-color: white;
    width: 450px;
}
.divListaMeniuNec{
    height: 40px;
    max-height: 450px;
    overflow-y: auto;
    background-color: white;
    width: 450px;
}
.inputBox{
   width: 450px; 
}

#boxProduseScroll{
    width: 404px;
    height: 520px;
    overflow-x: hidden;
    overflow-y: hidden;
}

#boxProduseScroll #boxProduse{
    width: 422px;
    height: 520px;
    overflow-y: scroll;
    overflow-x:  hidden;
}

#boxCategoriiWithScroll{
    width: 123px;
    height: 520px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-left: 3px;
}
#boxCategoriiWithScroll #boxCategorii{
    width: 137px;
    height: 520px;
    overflow-y: scroll;
    overflow-x:  hidden; 
}

.digits .well {
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    font-size: 2em;
}

.result {
    text-align: right;
    font-weight: bold;
    font-size: 2em;
}
#calculator{
    
    position: absolute;
    top: 2px;
    left: 480px;
    z-index: 6000;
    background-color: white;
    
}

.menuBottom{
    position: absolute;
    top:520px; 
    width: 995px;

}
.tdProduse{
    border: solid 1px #4E7993;
    width: 405px;
}
.tdCategorii{
    border: solid 1px #4E7993;
}
.textAnulare, .textAnulare:hover{
    color: red;
    padding-top: 20px;
}
.plataCard, .plataCard:hover{
    color: #0AAD44;
    font-size: 14px;
}
.plataNumerar, .plataNumerar:hover{
    color: black;
    font-size: 16px;
}
.textBon, .textBon:hover{
    padding-top: 10px;
    color: #0AAD44;
}
.textCalculator, .textCalculator:hover{
    font-size: 12px;
    padding-top: 12px;
}
.selectPlata, .selectPlata:hover{
    border: solid 2px red;
}
.nmpd-grid{
    height: 300px;
    left: 397px;
}
.numero{
    height: 50px;
    width: 50px;
    background-color: #9CC2DA;
    color: white;
    font-size: 20px;
    margin-right: 2px;
}
.nmpd-display{
    width: 208px;
    padding-right: 5px;
    font-size: 20px;
}

/* Completari interfata*/
.divMenuBtnPage
{
  width: 300px; 
  height: 40px; 
  background-color: #9CC2DA;  
  color: white;
  font-family: Verdana;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  padding-top: 5px;
  cursor: pointer;
  margin-right: 10px;
}

.divMenuBtnPage:hover
{
  width: 300px; 
  height: 40px; 
  background-color: #82BBDD;  
  color: white;
  font-family: Verdana;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  padding-top: 5px;
  cursor: pointer;
  margin-right: 10px;
}

.divMenuPage
{
  width: 200px; 
  height: 40px; 
  background-color: #9CC2DA;  
  color: white;
  font-family: Verdana;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  padding-top: 5px;
  cursor: pointer;
  margin-right: 10px;
}

.divMenuPage:hover
{
  width: 200px; 
  height: 40px; 
  background-color: #82BBDD;  
  color: white;
  font-family: Verdana;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  padding-top: 5px;
  cursor: pointer;
  margin-right: 10px;
}

.divMenuBtn{
  width: 150px; 
  height: 50px; 
  background-color: #9CC2DA;  
  border: solid 1px #4E7993; 
  color: white;
  font-family: Verdana;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  padding-top: 5px;
  cursor: pointer;
  margin-right: 10px;
  margin-left: 46px;
}

.divMenuBtn:hover
{
  width: 150px; 
  height: 50px; 
  background-color: #82BBDD;  
  border: solid 1px #4E7993; 
  color: white;
  font-family: Verdana;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  padding-top: 5px;
  cursor: pointer;
  margin-right: 10px;
  margin-left: 46px;
}   

.menuBtn
{
  width: 90px; 
  height: 35px;
  background-color: #68A3C6;  
  color: white;
  font-family: Verdana;
  font-size: 15px;
  text-align: center;
  padding-top: 5px;
  cursor: pointer;
  margin-right: 10px;
}

.menuBtn:hover
{
  width: 90px; 
  height: 35px; 
  background-color: #82BBDD;  
  color: white;
  font-family: Verdana;
  font-size: 15px;
  text-align: center;
  padding-top: 5px;
  cursor: pointer;
  margin-right: 10px;
}

.titleInterfata{
    color: white;
    font-family: Verdana;
    font-size: 20px; 
    font-weight: bold;
}
.trLista td{
    height: 25px;
}
.outStoc{
     color: red !important;
     border-spacing:5em;
}
.loading-gif{
    top: 30%;
    left: 50%;
    width: 300px;
    height: 300px;
    display: none;
    overflow-y: no-display;
}