.opit2 {
    /*     height: inherit; padding: 0; border: none; */
    background-color: #ffffe6;
    color: black;
    width: inherit;
    /*    background: url("/javax.faces.resource/images/pat1.jpg.xhtml?ln=primefaces-teotheme") 50% 50% repeat;*/

}
.logotx {
    font-size: medium;
    background-color: #ffffe6;
    color: black;
    /*    color: #fff5cc;*/
}
.logotx .ui-tabs-panels {
/*    background-color: #fff0b3;
    color: black;*/
}
.opit2 .ui-tabs-panels {
    background-color: #fff0b3;
    color: black;
}
.op1 {
    height: 100%;
    width: 100%;
  position: relative;
    overflow-y: auto;
}
.op1 p {
    font-size: 1.5em;
    margin-top: 20px;
    margin-bottom: 5px;
    width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.detPani {
    font-weight: normal;
    color: #ffffff; 
   background: url("/javax.faces.resource/images/pat2.jpg.xhtml?ln=primefaces-teotheme") 50% 50% repeat ;
}
#logDialog {
    
}
.panhead {
/*    width: 100%;
    border: none;
    text-align:center; */
}

.ui-panelgrid .panhead{
/*    color: #ffffff; 
   background: url("/javax.faces.resource/images/pat2.jpg.xhtml?ln=primefaces-teotheme") 50% 50% repeat ;*/
}
.ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell {
   color: #ffffff; 
   background: url("/javax.faces.resource/images/pat2.jpg.xhtml?ln=primefaces-teotheme") 50% 50% repeat ; 
}
#mealDi .ui-tabs-panels {
    background: url("/javax.faces.resource/images/pat2.jpg.xhtml?ln=primefaces-teotheme") 50% 50% repeat ;
    font-weight: normal;
    color: #ffffff; 
}
.napimgs {
    width: 400px;
}
.headimg{
    max-height: 500px;
}
.botimg {
    max-height: 400px;
}
.headtxt{
    color: #ffffff;
    font-size: 3em;
    position: absolute;
  top: 10%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media only screen and (max-width:379px) {
    .headtxt{
  font-size: 2em;      
  position: absolute;      
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ui-stack {
    position: fixed;
    bottom: 58px;
    right: 40px;
}
.napimgs {
    width: 300px;
}
.headimg{
    max-height: 250px;
}
.botimg {
    max-height: 250px;
}
.napdiac {
    
}
#logDialog {
/*    margin: 0;
  position: absolute;
  top: 5px;*/
}

}