.datetimepicker.quarter .month {
    width: 48%;
}
.datetimepicker.quarter .month:nth-child(n+5){
    display: none;
}

.datetimepicker .table-condensed .prev span{
   font-family: "mysystem" !important;
    font-size: 20px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color:var(--primary);
}

.datetimepicker .table-condensed .prev span:before {
  content: "\e799"!important;
}

.datetimepicker .table-condensed .next span{
   font-family: "mysystem" !important;
    font-size: 20px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:var(--primary);
}

.datetimepicker .table-condensed .next span:before {
  content: "\e662"!important;
}

.datetimepicker .year.active{
  background-color:var(--primary)!important;
  background-image: linear-gradient(to bottom,var(--primary),var(--primary))!important;
}

.datetimepicker .month.active{
  background-color:var(--primary)!important;
  background-image: linear-gradient(to bottom,var(--primary),var(--primary))!important;
}

.datetimepicker .day.active{
  background-color:var(--primary)!important;
  background-image: linear-gradient(to bottom,var(--primary),var(--primary))!important;
}

.datetimepicker .hour.active{
  background-color:var(--primary)!important;
  background-image: linear-gradient(to bottom,var(--primary),var(--primary))!important;
}

.datetimepicker .minute.active{
  background-color:var(--primary)!important;
  background-image: linear-gradient(to bottom,var(--primary),var(--primary))!important;
}

.datetimepicker .today{
  background-color:var(--primary)!important;
    background-image: linear-gradient(to bottom,var(--primary),var(--primary))!important;
    color:#FFFFFF;
}