/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 21 févr. 2023, 19:14:33
    Author     : OlivierSchunemann
*/

.ui-widget.ui-widget-content {
  border: 1px solid #30487B;
  max-width: 90%;
  background: #f9f9f9 !important;
  color: #30487B;
  padding: 5px 0;
    padding-top: 5px;
  z-index: 99999999;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  max-height: 70vh;
  overflow: auto;
  border-radius: 0;
}
  
  .ui-widget-header {
  background: #30487B;
  color: #FFF;
  font-weight: bold;
  border:none;
}
  
  .ui-widget.ui-widget-content {
  max-width: 90%;
  width: 500px;
  padding-top: 0;
}

.ui-helper-hidden-accessible { 
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-datepicker table {
  width: 95%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
    margin-left: 0px;
  margin-left: 2.5%;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: 0.15;
  filter: Alpha(Opacity=35);
  background-image: none;
  color: #fff;
  border-radius: 0;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
  filter: invert(1);
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 1px solid #30487B;
  background: #30487B;
  font-weight: normal;
  color: #fff;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #fff;
  background: #ecc035;
  color: #fff;
  font-weight: bold;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid #fff;
  background: #6797e7;
  font-weight: bold;
  color: #ffffff;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%;
  margin-left: 2.5%;
  text-align: center;
  border-radius: 0;
  border: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
  border-radius: 0;
  top: 0px;
}

.ui-widget.ui-widget-content {
  max-width: 90%;
  width: 500px;
  padding-top: 0;
}

.ui-widget.ui-widget-content {
  border: 1px solid #30487B;
  max-width: 90%;
  background: #f9f9f9 !important;
  color: #30487B;
  padding: 5px 0;
    padding-top: 5px;
  z-index: 99999999;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  max-height: 70vh;
  overflow: auto;
  border-radius: 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next
{
  opacity: 1 !important;
}