/*! Note: 
    1. Before adding color codes, please check whether the color code is already present or not.
    2. Add the color codes in their series and arrange it alphabetically
    3. Follow the below naming conventions to add color code

          Color code        Color Variable
        ----------------------------------------
			#AAAAAA		- 	$color_AA
            #ABABAB     -   $color_AB
            #ABCABC     -   $color_ABC
            #ABCDEF     -   $color_ABCDEF
**/
.e-calendar .e-header .e-date-icon-prev::before {
  content: "\e910" !important;
}

.e-calendar .e-header .e-date-icon-next::before {
  content: "\e916" !important;
}

.e-input-group.e-date-wrapper {
  border-color: #1D275F !important;
}

/*calendar Special date css*/
span.e-icons.highlight {
  display: block;
  margin-left: 4px;
  margin-top: -13px;
}

span.e-icons.highlight {
  color: #0000ff;
}

span.e-icons.highlight:before {
  color: #0000ff;
}

span.e-icons.highlight:before {
  content: "\e865";
  font-size: 4px;
  font-weight: normal;
  margin-right: 3px;
  position: relative;
  top: -1px;
  vertical-align: middle;
}

.e-bigger.e-calendar span.e-icons.highlight:before {
  top: -3px;
}

.e-bigger .e-calendar span.e-icons.highlight:before {
  top: -3px;
}

.e-selected span.e-icons.highlight:before {
  color: #fff;
}

span.e-icons.highlight {
  font-weight: bold;
  font-size: 14px;
}

.e-calendar .e-content span.special {
  font-weight: bold;
  font-size: 14px;
}

.e-calendar .e-content span.special {
  border-radius: 50%;
}

span.special.e-day.special-date {
  color: #ff4500;
}

div.e-calendar.e-control.e-keyboard > div.e-content.e-month > table.e-control.e-keyboard > tbody > tr > td.e-cell.e-disabled.e-overlay {
  pointer-events: all !important;
}

/*calendar Special date css --end*/