/* *********************************************************************** */
/*              ePacjent                                                   */
/*              Medinea                                                    */
/* *********************************************************************** */

/* *********************************************************************** */
/* PRIMEFACES */
/* *********************************************************************** */
.ui-state-default[role=columnheader]{
  background: var(--bckg-color-main-t3)!important;
  border-color: var(--border-color)!important;
  color: var(--font-color)!important;
  height: 30px;
  text-shadow: none!important;
}

.ui-panel-titlebar{
  background: var(--bckg-color-main-t4)!important;
  border-color: var(--border-color)!important;
}

.ui-widget-header{
  background: var(--bckg-color-main-t4)!important;
  border-color: var(--border-color)!important;
  color: var(--font-color);
}

.ui-button .ui-button-text{
  text-shadow: none;
  font-weight: normal;   
  margin: 5px;
  font-size: small!important;
}

.ui-button{
  background: var(--bckg-color-button-1)!important;
  color: white!important;
  box-shadow: none!important;
}

.ui-cell-editing{
  background: white!important;	
}

.button2{
  background: var(--bckg-color-button-2)!important;
  color: white!important;
  box-shadow: none!important;
}

.button2 .ui-state-hover{
  box-shadow: none!important;
  border: none!important;
}

.button2.ui-state-focus{
  box-shadow: none!important;
  border: none!important;
}



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

.ui-datatable tbody td{
   height: 30px;
}

.ui-state-highlight[role=row]{
  background:  var(--bckg-color-main)!important;
  border-color: var(--bckg-color-main)!important;
}

.ui-fieldset-legend{
  background: var(--bckg-color-main-t3)!important;
  border-color: var(--border-color)!important;
  color: var(--font-color);
}
/* Dock                                                        */
.ui-dock-container-top{
   background: none !important;   
   border: none !important;
   display: none!important;
}

.ui-dock-top, .ui-dock-bottom{
    height:  100px!important;
    display: none;
}

.headImage{
  background-image:    url('../images/headerProgmed.png')!important;
  background-repeat:   no-repeat;
  height:              80px;
  background-size:     1200px 92px;
  background-position: center!important;
}

.headerLink {
    color:                  #000000!important;
/*    font-family:            Tahoma!important; */
    font-size:              1.2em!important;
    font-weight:            bold!important;
    border-color:           black!important;
    top:                    80px!important;
    position:               absolute!important;
}

.cookieLink{
  font-size: 14px; 
}  

.iconUsers24Btn {
    background-image: url('../images/users24.png')!important;
    height:           24px!important;
    width:            24px!important;
}

.iconMail24Btn {
    background-image: url('../images/mail24.png')!important;
    height:           24px!important;
    width:            24px!important;
}

.iconDocument24Btn {
    background-image: url('../images/document24.png')!important;
    height:           24px!important;
    width:            24px!important;
}

.iconHelp24Btn {
    background-image: url('../images/help24.png')!important;
    height:           24px!important;
    width:            24px!important;
}

.footerImage{
  background-image: url('../images/footerProgmed.png'); 
  background-repeat: no-repeat;
  height:            20px;
  
}

.footerLabel {
    color:                  var(--font-color);
    font-family:            Tahoma;
    font-size:              11px;
}

.footerUser {
    color:                  var(--font-color);
    font-family:            Tahoma;
    font-size:              11px;
    font-weight:            bold;
}

/* *********************************************************************** */
/* EKRAN LOGOWANIA */
/* *********************************************************************** */
.loginBackground{
  background-image:    var(--image-login-page)!important;
  background-repeat:   no-repeat;
  background-position: center!important;
  height:              98%;
  background-size:     cover!important
}

.loginBackground .ui-panel-content{
  height:  100%;
}


.center-block {
  margin: 0 auto;
}

.loginPanel-logo{
  height:              85px;
  background-image:    var(--image-logo-login-page)!important;
  background-repeat:   no-repeat;
  background-position: center!important;
  background-size:     98px;
  background-color:    var(--bckg-color-logo)!important;
}

.loginPanel {
    width:             300px;
    height:            200px;
    background-color:  var(--bckg-color-main-t1)!important;
    columns:           1;
    -webkit-border-radius: 10px; /* Safari, Chrome */
    -khtml-border-radius: 10px;    /* Konqueror */
    -moz-border-radius: 10px; /* Firefox */
    border-radius: 10px;
    position: relative;
    left: 25%;
    top: 30%;
}

.loginPanel-recovery {
    width:             300px;
    height:            200px;
    background-color:  var(--bckg-color-pass-recovery)!important;
    columns:           1;
    -webkit-border-radius: 10px; /* Safari, Chrome */
    -khtml-border-radius: 10px;    /* Konqueror */
    -moz-border-radius: 10px; /* Firefox */
    border-radius: 10px;
    position: relative;
    left: 25%;
    top: 30%;
}


.loginPanel-errors {
    margin:            0 auto;
}


.loginPanel-row-header {
    height:            40px;
    valign:            top;
}

.loginPanel-label {
  color:               #FFFFFF;
  font-weight:         bold;
  display:             block;
  width:               150px;
  text-align:          left;
  margin-left:         40px; 
  font-family:         Arial;
  font-size:           13px;
}

.loginPanel-label-header {
  color:               #FFFFFF;
  font-weight:         bold;
  text-align:          center;
}

.loginHeader {
  display: none;
}

.loginPanel-button{
   background-color:  var(--bckg-color-button-2)!important;
   background:        var(--bckg-color-button-2)!important;
   background-image:  none;
   color:             white!important;
   height:            40px;
   width:             230px;
   text-align:        center;
   border-radius:     5px!important;
}

.loginPanel-row-button {
    height:            60px;
    text-align:        center;
}

.loginPanel-inputText {
    margin:            0 auto;
    align:             center;
    display:           block;
    height:            30px;
    width:             220px;
    border-radius:     5px!important;
}

.recoveryPanel-label {
    color: #FFFFFF;
    display: block;
    margin-left: 33px;
    font-family: Arial;
    font-size: 13px;
    margin-right: 35px;
    padding-bottom: 5px;
}


/* *********************************************************************** */
/* TERMINARZ */
/* *********************************************************************** */

.scheduler_table{
   margin: 0 auto;
   width:   705px!important; 
   heigh:100%!important; 
   align:center!important;
}

.scheduler_table .ui-state-default[role=columnheader]{
  background: var(--bckg-color-scheduler-culumnheader)!important;
}

.scheduler_cell_reserved{
   background-color:  #E0E0E0!important;
   background:        #E0E0E0!important;
   background-image:  none;
 
}

.scheduler_cell_free{
   background-color:  #33CC66!important;
   background:        #33CC66!important;
   background-image:  none;
}

.scheduler_button_free{
   width:             99%; 
   height:            100%;
   font-size:         8px!important;
   font-family:       Tahoma !important;
   padding:           0px !important;
   padding-right:     10px !important;
   text-align:        right!important;
   background-image:  var(--image-nfz)!important;
   background-repeat: no-repeat;
   background-position: left!important;
   color: var(--font-color)!important;
}

.scheduler_button_free_priv{
   width:             99%; 
   height:            100%;
   font-size:         8px!important;
   font-family:       Tahoma !important;
   padding:           0px !important;
   padding-right:     10px !important;
   text-align:        right!important;
   background-image:  var(--image-pryw)!important;
   background-repeat: no-repeat;
   background-position: left!important;
   color: var(--font-color)!important;
}

.scheduler_button_free_common{
   width:             99%; 
   height:            100%;
   font-size:         8px!important;
   font-family:       Tahoma !important;
   padding:           0px !important;
   padding-right:     10px !important;
   text-align:        right!important;
   background-image:  var(--image-ogol)!important;
   background-repeat: no-repeat;
   background-position: left!important;
   color: var(--font-color)!important;
}
 
.scheduler_button_reserved{
   background-color:  #E0E0E0!important;
   background:        #E0E0E0!important;
   background-image:  none;
   width:             100px; 
   height:            22px;
   font-size:         8px!important;
   font-family:       Tahoma !important;
   padding:           0px !important;
}


.scheduler_cell_normal{
   
}

.scheduler_column_table{
   white-space:       normal!importatnt; 
   width:             100px!important; 
   padding:           0px !important;
}

.scheduler_column_header{
   white-space:       normal!importatnt; 
   padding:           0px !important;
   width:             99px!important;
}

.visit_column1{
    width: 100px;height:auto
}
.visit_column2{
    width: auto;height:auto
}
.visit_column3{
    width: 100px;height:auto
}

.badania_column1{
    width: 500px;height:auto
}

.noBorderInPanel tr, .noBorderInPanel td {  
    border: none !important;  
}  

/* *********************************************************************** */
/* MENU */
/* *********************************************************************** */

.mainmenu{
  width: 240px;
  margin-left: 20px;
  background-color: transparent!important;
  border: none!important;
}

.mainmenu .ui-widget-header{
    height: 75px;
    width: 96%!important;
    color: white;
    padding: 0px;
    margin: 0px;
    background:  var(--bckg-color-main-t1)!important;
    border: none;
}

.mainmenu .ui-widget-header h3{
  position: absolute;
  left: 95px;
  top: 30px;
}

.mainmenu .ui-menuitem-link{
  height: 50px;
  text-align: center!important;
  border: 1px solid var(--border-color);
  color: var(--font-color-system);
}

.mainmenu .ui-menuitem-text{
  float: none!important;
  top: 15px;
  position: relative;
}
.mainmenu .ui-menuitem{
  float: none!important; 
}

.mainmenu .ui-corner-all{
  border-radius: 0px!important;
}

.mainmenu .ui-state-hover{
   background:  var(--bckg-color-main-t5)!important;
   color:  var(--font-color-hover)!important;
}

.headermenu{
  position: absolute;
  right: 5%;
  padding: 0;
  float:left;
  margin-left:-999em;
}

.headermenu .ui-menuitem-text{
  font-size: 14px;
  font-weight: bold;
  color: var(--font-color-t1);
  padding-right: 30px;
}

.headermenu-logo{
  background-image:    var(--image-logo)!important;
  background-size: 150px!important;
  background-repeat: no-repeat!important;
  background-position-x: 20%!important;
  background-position-y: 4px!important;
}
/* *********************************************************************** */
/* PAGE HEADER */
/* *********************************************************************** */

.pageHeaderBackground{
  background-image:    var(--image-login-page)!important;
  background-repeat:   no-repeat;
  background-position: center!important;
  height:              150px;
  background-size:     cover!important;
  border: none!important;
}

.pageHeaderTable{
  width: 100%;
  height: 100%;
  border: none!important;
}



.pageHeaderTable-menuPanel{
  height: 60px;
  background: var(--bckg-color-main-t1)!important;
  width: 226px;
  position: relative;
  text-align: center;
  border: none !important;
  line-height: 58px;
  margin-left: 24px;
}

.pageHeaderTable-menuText{
  color: white;
  font-size: large;
}

.pageHeaderTable-titlePanel{
  height: 60px;
  background: var(--bckg-color-main-t1)!important;
  width: 90%;
  position: relative;
  text-align: center;
  display: table;
  border: none !important;
  line-height: 58px;
  margin-bottom: 20px;
}

.paginatorGrid{
	
}

.paginatorGrid .ui-datagrid-content{
  border : none;	
}

.paginatorGrid .ui-widget-header{
  background :transparent!important;
  border : none;
}

.paginatorGrid .ui-paginator-last, .paginatorGrid .ui-paginator-next,
.paginatorGrid .ui-paginator-first, .paginatorGrid .ui-paginator-prev,
.paginatorGrid .ui-paginator-page{
  background: var(--bckg-color-main-t3)!important;	
}

.paginatorGrid .ui-state-active{
  background: var(--bckg-color-main-t1)!important;	
}

.ui-breadcrumb ul li span{
  color: var(--font-color-historyMenu);	
}

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

.selectedGrid{
 	
}

.selectedGrid .ui-chkbox-icon{
  background-image: var(--image-white-icons)!important;	
}

.selectedGrid .ui-chkbox-box.ui-state-active{
  background: var(--bckg-color-button-2)!important;
  border : none!important;	
}

.selectedGrid .ui-state-highlight[role=row]{
  background: var(--bckg-color-main-t5)!important;
  border-color: var(--bckg-color-main)!important;
  color: var(--font-color-historyMenu)!important;
  text-shadow: none;
}

.ui-selectonemenu-item.ui-selectonemenu-list-item.ui-corner-all.ui-state-highlight{
  background: var(--bckg-color-main)!important;	
}

.ui-selectonemenu-item.ui-selectonemenu-list-item.ui-corner-all.ui-state-hover{
  box-shadow: none!important;
  background:  var(--bckg-color-main-t5)!important;
  color:  var(--font-color-hover)!important;
}

.ui-icon.ui-icon-triangle-1-s.ui-c {
  background-image: var(--image-white-icons)!important;	
}

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

.ui-button-icon-left.ui-icon.ui-icon-calendar{
  background-image: var(--image-white-icons)!important;	
}

.ui-icon.ui-icon-closethick{
  background-image: var(--image-white-icons)!important;	
}

.ui-dialog .ui-dialog-titlebar{
  height: 50px;
  background: var(--bckg-color-main)!important;
  color: white;
}

.ui-dialog-title{
  position: relative;
  top: 15px;
  font-weight: normal;
  width: 100%;
  height: 1px;
  text-align: center;
}

.ui-inputfield.ui-inputtext, .ui-inputfield.ui-password{
  height: 15px!important;
}

.ui-inputfield{
  box-shadow: none!important;
}

/* *********************************************************************** */
/* PAGE FOOTER */
/* *********************************************************************** */

.pageFooter{
  height:              130px;
  border: none!important;
  background:  var(--bckg-color-main-t5)!important;
  background-image:    var(--image-footer)!important;
  background-repeat:   no-repeat!important;
  background-position: left!important;
}

.pageFooterContactTable{
  position: relative;
  left: 600px;
  top: 40px!important;
}

.pageFooterContactTable-logo{
  background-image:    var(--image-logo)!important;
  background-size: 100px!important;
  background-repeat: no-repeat!important;
  height: 12px;
}


.pageFooterContactTable-column{
  width: 200px;
  color: var(--font-color);
}

.pageFooterPhone{
  width: 20px!important;
  background-image: var(--image-phone)!important;
  background-repeat:   no-repeat!important;
  background-position: left!important;
}

.pageFooterMail{
  width: 20px!important;
  background-image: var(--image-mail)!important;
  background-repeat:   no-repeat!important;
  background-position: left!important;
}

.pageFooterWWW{
  width: 20px!important;
  background-image: var(--image-www)!important;
  background-repeat:   no-repeat!important;
  background-position: left!important;
}

.pageFooterLine{
  background-image: var(--image-line)!important;
  background-repeat:   no-repeat!important;
  height: 7px;
}


.transparentBackground tr,
.transparentBackground td { 
	background: transparent; 
}

.noBorder tr,
.noBorder td { 
  border: 0 !important; 
}


.ui-inputfield.ui-widget.ui-state-default.ui-corner-all.hasDatepicker{
  width: 90px;
}

.peronelList tbody td{
	height: 15px !important;
}