/* *********************************************************************** */
/*              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;  
}

.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;
   }
}

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

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


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


@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;
}