@charset "utf-8";

.ui-widget-header{
  border:0px solid #dddddd;
  background:#212121;
}

.ui-datepicker{
  display:none;
  background-color:#212121;
  border-radius:8px;
  margin-left:0px;
  margin-right:0px;
  padding:20px;
  padding-bottom:10px;
  width:350px !important;
  box-shadow:10px 10px 40px rgba(0,0,0,0.55);
  z-index:99999997 !important;
  color:#eaeaea;
}

.ui-widget.ui-widget-content,
.ui-widget-content{
  border: 1px solid rgb(47, 49, 55);
  background:#121212;
}

.ui-datepicker .ui-datepicker-header{
  position:relative;
  padding:10px 0;
}

.ui-datepicker .ui-datepicker-title{
  margin:0 0em;
  line-height:16px;
  text-align:center;
  font-size:14px;
  padding:0px;
  font-weight:bold;
  color:#eaeaea;
}

.ui-datepicker-calendar>thead>tr>th{
  font-size:14px !important;
  color:#cfcfcf;
}

.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:0px solid #c5c5c5;
  background-color:transparent;
  color:#e0e0e0;
  text-align:center;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus{
  border:0px solid #cccccc;
  background-color:transparent;
  font-weight:normal;
  color:#ffffff;
}

.ui-datepicker-calendar{
  width:100%;
}

.ui-datepicker-calendar>thead>tr>th{
  padding:5px;
  font-size:20px;
  font-weight:400;
}

.ui-datepicker-calendar>tbody>tr>td>a{
  color:#eaeaea;
  font-size:12px !important;
  font-weight:bold !important;
  text-decoration:none;
}

.ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover{
  cursor:auto;
  background-color:transparent;
}

.ui-datepicker-calendar>tbody>tr>td{
  border-radius:100%;
  width:44px;
  height:30px;
  cursor:pointer;
  padding:5px;
  font-weight:100;
  text-align:center;
  font-size:12px;
}

.ui-datepicker-calendar>tbody>tr>td:hover{
  background-color:transparent;
  opacity:0.6;
}

.ui-state-disabled{
  cursor:auto;
  color:rgba(255,255,255,0.30);
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight{
  line-height:1;
  border:0px;
  background:#121212;
  border-radius:50%;
  padding:10px;
  color:#fff;
}

.ui-datepicker-calendar>tbody>tr>td:first-child a{color:#ff5a5a !important;}
.ui-datepicker-calendar>tbody>tr>td:last-child a{color:#4aa3ff !important;}
.ui-datepicker-calendar>thead>tr>th:first-child{color:#ff5a5a !important;}
.ui-datepicker-calendar>thead>tr>th:last-child{color:#4aa3ff !important;}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year{
  border:0px;
  width:auto;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  width:40px;
  margin-top:-3px;
  background:#121212;
  color:#eaeaea;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year:focus{outline:none;}
.ui-datepicker select.ui-datepicker-month{margin-left:5px;}

.ui-timepicker-div{
  color:#eaeaea;
}

.ui-timepicker-div dl dt{
  color:#cfcfcf;
}

.ui-timepicker-div dl dd{
  color:#eaeaea;
}

.ui-timepicker-div .ui_tpicker_time{
  color:#ffffff;
}

.ui-timepicker-div dl dd.ui_tpicker_time{
    align-self: center !important;
}

.ui-timepicker-div .ui-slider{
  background:rgba(255,255,255,0.18) !important;
  border:0 !important;
  height:8px;
  border-radius:999px;
}

.ui-timepicker-div .ui-slider .ui-slider-range{
  background:var(--rb-main-color) !important;
  opacity:0.55;
  border-radius:999px;
}

.ui-timepicker-div .ui-slider .ui-slider-handle{
  background:var(--rb-main-color) !important;
  border:0 !important;
  width:16px;
  height:16px;
  border-radius:999px;
  top:-4px;
}

.ui-datepicker .ui-datepicker-buttonpane button{
  background:#121212 !important;
  color:#eaeaea !important;
  border:none !important;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-priority-primary{
  background:var(--rb-main-color) !important;
  color:#fff !important;
  border-color:transparent !important;
}

.ui-widget-header .ui-icon{
  background-image:url('./btns.png');
  filter:none !important;
}

.ui-datepicker .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-next .ui-icon{
  filter: invert(1) brightness(1.2) !important;
  opacity: .95;
}

.ui-icon-circle-triangle-e{background-position:-20px 0px;background-size:36px;}
.ui-icon-circle-triangle-w{background-position:-0px -0px;background-size:36px;}