/* *********************************************************************** */
/*              ePacjent common                                            */
/*              css wspolny dla wszystkich klientów                        */
/* *********************************************************************** */

/* All PrimeFaces components  */
.disable-scroll .ui-dialog-content {
  overflow: hidden !important;
}

.ui-panel .ui-panel-content {
    padding: 0;
}


.ui-layout-unit {
  padding-top:     0,1em;	
  padding-bottom:  0;
}

.ui-layout-unit .ui-layout-unit-content {
  padding-top:     0,1em;	
  padding-bottom:  0;
}

/* Messages */                                                    
.ui-messages-error, .ui-message-error {
  text-align: left;
}

.ui-menubarNoBackground{
  background: none !important;   
  border: none !important;  
}

.ui-menuitemNoBackground{
  background: none !important;   
  border: none !important;
  box-shadow: none !important;  
}

  .ui-menuitemLogin {
    background: var(--bckg-color-button-1)!important;   
  }

.datalist-noborder .ui-widget-content {
  border: none;
}

.ui-datagrid-no-border>.ui-datagrid-content {
	border: none;
}		

.topAlignedNoBorder{
   vertical-align: top !important;
   border-style: hidden !important;
}

.height500{
   height:     500px !important;
}

.system-style{
  color: var(--font-color-system);
}

.hide-column-names table thead tr {
    display: none;
}

.recepty_column1{
    width: auto;
    height:auto;
    vertical-align: top;
}

.recepty_column2{
    width: auto;
    height:auto;
    vertical-align: top;
}

.hide-chkbox-all .ui-chkbox.ui-chkbox-all.ui-widget {
    display:none !important;
 }

.ui-datatable .ui-column-filter {
    box-sizing: content-box !important;
}

/* *********************************************************************** */
/* Zmiana rozmiaru czcionki */
/* *********************************************************************** */
.fontSizeBox {
    position:   absolute;
    height:     24px;
    left:       5px;
    top:        3px;
}


/* *********************************************************************** */
/* Przelacznik wlaczenia/wylaczenia komend glosowych                       */
/* *********************************************************************** */
.voiceCommandsSizeBox {
    position:   absolute;
    left:       90px;
    top:        3px;
}


/* *********************************************************************** */
/* Zmiana jezyka */
/* *********************************************************************** */
.languagetBox {
    position:   absolute;
    height:     24px;
    right:      5px;
    top:        3px;
}

/* *********************************************************************** */
/* Komunikatror */
/* *********************************************************************** */
.chatlogs {
    height:200px;
    overflow:auto;
    padding: 0.5em 1em 0.5em 0.5em;
}

.ui-carousel .ui-carousel-header{
  padding: 0.3em 1em .3em;
}


@media screen 
 and (max-device-width: 768px) 
{ 
   .no-phone {
    display: none!important;
   }
   
  .ui-menu[role="menu"] {
    left: 100.782px!important;
    width: 800px;
  }
   
  .outputtext-phone {
    font-size:40px
  }
   
  .inputtext-phone { 
   font-size: 40px !important;
   height: 45px !important;
  }
   
  #mainForm\3A imieId {
     height:45px!important; 
     font-size: 40px !important;
   }
   
   #mainForm\3A nazwiskoId {
     height:45px!important; 
     font-size: 40px !important;
   } 

   #mainForm\3A peselId {
     height:45px!important; 
     font-size: 40px !important;
   } 

   #mainForm\3A telefonId {
     height:45px!important; 
     font-size: 40px !important;
   } 
   
}

@media screen 
 and (max-device-width: 768px) 
{ 
   .menu-style {
    display: none!important;
    width: 20px!important;
   }
}

@media screen 
 and (min-device-width: 769px) 
{ 
   .menu-style {
    width: 300px!important;
   }
   
   .loginPanelDialog {
    width:             300px;
    height:            200px;
    background-color:  var(--bckg-color-main-t2)!important;
    columns:           1;
    border-radius: 10px;
    position: relative;
}
}


@media screen 
 and (max-device-width: 768px) 
{ 
   .no-phone-footer {
    display: none!important;
    height: 10px!important;
   }
   
   .ui-menubutton .ui-button {
     width: 150px;
     height: 50px;
   }
}


@media screen 
 and (min-device-width: 769px) 
{ 
   .phone {
    display: none!important;
   }
}

.ui-menu[role="menu"]{
  background-color: white!important;
}

.ui-state-hover[role="menuitem"]{
   background:  var(--bckg-color-main-t5)!important;
   color:  var(--font-color-hover)!important;
}


.bars-icon {
  background: url('../images/bars.png') no-repeat !important;
  height: 50px!important;
  width: 50px!important;
  left: 18px!important;
  top: 20px!important;
}

.bars-button {
  width: 50px;
  height: 50px;
  background-color: white!important;
  border: none!important;
}

.change-password-panel{
  position: relative;
  left: 40%;
  width: 400px;
}


.ui-menuitemNoBackground-phone {
  background: none !important;   
  border: none !important;
  box-shadow: none !important;
  width: 800px !important;
  height: 100px;
  font-size: 60px;
  padding-top: 40px !important;  
}