.RadCalendar_Avanti {
  font-family: "Roboto", "Noto", sans-serif;
  background-color: #ffffff;
  color: #455A64; 
  width: 260px;
}
  .RadCalendar_Avanti .rcTitlebar {
    border-color: #FF9800;
    background-color: #FF9800;
    color: #ffffff;
    padding: 5px; }
  .RadCalendar_Avanti .rcPrev,
  .RadCalendar_Avanti .rcNext,
  .RadCalendar_Avanti .rcFastPrev,
  .RadCalendar_Avanti .rcFastNext {
    width: 2.57143em;
    height: 2.57143em;
    line-height: 2.57143em;
    margin: 0;
    border: 0 none;
    color: #ffffff;
    background-color: #FF9800;
    border-radius: 3em;
    border-color: #FF9800;
    color: #ffffff;
    background-color: #FF9800; }
    .RadCalendar_Avanti .rcPrev:before,
    .RadCalendar_Avanti .rcNext:before,
    .RadCalendar_Avanti .rcFastPrev:before,
    .RadCalendar_Avanti .rcFastNext:before {
      font-size: 18px;
      line-height: inherit; }
    .RadCalendar_Avanti .rcPrev:hover,
    .RadCalendar_Avanti .rcNext:hover,
    .RadCalendar_Avanti .rcFastPrev:hover,
    .RadCalendar_Avanti .rcFastNext:hover {
      background-color: rgba(255, 255, 255, 0.24); }
  .RadCalendar_Avanti .rcPrev,
  .RadCalendar_Avanti .rcNext {
    margin: 0 6px; }
  .RadCalendar_Avanti .rcTitle {
    font-size: 1.143em;
    line-height: 1.25em;
    padding: 8px 0; }
  .RadCalendar_Avanti .rcMain {
    border-color: #CFD8DC;
    padding: 8px; }
    .RadCalendar_Avanti .rcMain td {
      border-color: transparent;
      text-align: center; }
  .RadCalendar_Avanti .rcRow a,
  .RadCalendar_Avanti .rcRow span {
    border-radius: 3em;
    color: #455A64;
    padding: 8px;
    line-height: 1.42857;
    width: 1.42857em; }
  .RadCalendar_Avanti span.t-ripple,
  .RadCalendar_Avanti span.t-ripple-container {
    padding: 0; }
  .RadCalendar_Avanti .rcWeek,
  .RadCalendar_Avanti .rcRow th {
    color: rgba(69, 90, 100, 0.6);
    line-height: 1.42857;
    width: 1.42857em; }
  .RadCalendar_Avanti .rcWeek th {
    text-align: center;
    padding: 9px; }
  .RadCalendar_Avanti .rcRow {
    /*td:last-child {
			padding-right: 8px;
		}

		&:last-child > th {
			padding-bottom: 17px;
		}

		&:last-child > td {
			padding-bottom: 8px;
		}*/ }
    .RadCalendar_Avanti .rcRow th {
      padding: 9px 9px 9px 17px;
      padding: 9px; }
  .RadCalendar_Avanti .rcMain .rcOtherMonth a,
  .RadCalendar_Avanti .rcMain .rcOutOfRange span {
    color: rgba(69, 90, 100, 0.4); }
  .RadCalendar_Avanti .rcToday a {
    color: #607D8B;
    background-color: transparent; }
  .RadCalendar_Avanti .rcSelected a {
    background-color: #607D8B;
    color: #ffffff; }
  .RadCalendar_Avanti .rcHover a {
    color: #455A64;
    background-color: #ECEFF1; }
  .RadCalendar_Avanti .rcFocus a {
    box-shadow: 0 0 0 1px rgba(178, 192, 198, 0.5) inset; }
  .RadCalendarPopupShadows .RadCalendar_Avanti {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2); }
    .RadCalendarPopupShadows .RadCalendar_Avanti .rcMain {
      border: 0 none; }

.RadCalendarMonthView_Avanti {
  border: 0 none;
  border-color: #CFD8DC;
  color: #455A64;
  background-color: #ffffff;
  font-family: "Roboto", "Noto", sans-serif;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2); }
  .RadCalendarMonthView_Avanti td {
    padding: 0; }
  .RadCalendarMonthView_Avanti tr:first-child td {
    padding-top: 8px; }
  .RadCalendarMonthView_Avanti tr:nth-last-child(2) td {
    padding-bottom: 8px; }
  .RadCalendarMonthView_Avanti a {
    padding: 6px 13px;
    color: #455A64;
    border: 0 none;
    box-sizing: border-box;
    min-width: 64px; }
  .RadCalendarMonthView_Avanti a:hover {
    background-color: #ECEFF1;
    color: #455A64; }
  .RadCalendarMonthView_Avanti .rcSelected a {
    background: transparent;
    color: #607D8B; }
  .RadCalendarMonthView_Avanti .rcButtons {
    background-color: #ffffff;
    border-top: 1px solid #CFD8DC;
    text-align: right;
    padding: 6px 10px; }
    .RadCalendarMonthView_Avanti .rcButtons a {
      text-transform: uppercase;
      background-color: transparent;
      border: 0 none;
      padding: 8px;
      min-width: 64px;
      color: #455A64; }
      .RadCalendarMonthView_Avanti .rcButtons a:hover {
        background-color: rgba(69, 90, 100, 0.12); }
  .RadCalendarMonthView_Avanti #rcMView_Today {
    float: left; }
  .RadCalendarMonthView_Avanti #rcMView_OK {
    color: #FF9800; }
    .RadCalendarMonthView_Avanti #rcMView_OK:hover {
      background-color: rgba(255, 152, 0, 0.12); }

.RadPicker_Avanti {
  font-family: "Roboto", "Noto", sans-serif; }
  .RadPicker_Avanti .riLabel {
    font-size: .857em;
    color: #607D8B;
    font-weight: 500;
    padding-right: 25px;
    padding-top: 8px;
    padding-bottom: 8px; }
  .RadPicker_Avanti .RadInput {
    padding-right: 50px;
    position: relative; }
    .RadPicker_Avanti .RadInput:before {
      content: "";
      border-bottom: 1px solid;
      border-color: inherit;
      position: absolute;
      left: 13px;
      right: 13px;
      bottom: 0; }
  .RadPicker_Avanti .RadInputError:before {
    border-bottom-width: 2px; }
  .RadPicker_Avanti.RadDateTimePicker .RadInput {
    padding-right: 88px; }
  .RadPicker_Avanti input.riTextBox,
  .RadPicker_Avanti input.riTextBox:hover {
    border-color: transparent;
    box-shadow: none; }
  .RadPicker_Avanti .rcSelect {
    bottom: 0;
    right: 0;
    top: 0; 
  }
  .RadPicker_Avanti .rcCalPopup,
  .RadPicker_Avanti .rcTimePopup {
    border-left: 1px solid transparent;
    color: #607D8B;
    outline: none; }
    .RadPicker_Avanti .rcCalPopup:focus,
    .RadPicker_Avanti .rcTimePopup:focus {
      background-color: #ECEFF1; }
    .RadPicker_Avanti .rcCalPopup:before,
    .RadPicker_Avanti .rcTimePopup:before {
      font-family: "Material Icons";
      font-size: 18px; }
  .RadPicker_Avanti.rcCalPopupOpen .rcCalPopup {
    background-color: #ECEFF1; }
  .RadPicker_Avanti.rcMYPopupOpen .rcCalPopup {
    background-color: #ECEFF1; }
  .RadPicker_Avanti.rcTimePopupOpen .rcTimePopup {
    background-color: #ECEFF1; }
  .RadPicker_Avanti:hover .RadInput,
  .RadPicker_Avanti.rcMYPopupOpen .RadInput,
  .RadPicker_Avanti.rcTimePopupOpen .RadInput,
  .RadPicker_Avanti.rcCalPopupOpen .RadInput {
    background-color: #f8fafb;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.14), 0 3px 6px rgba(0, 0, 0, 0.2); }
    .RadPicker_Avanti:hover .RadInput:before,
    .RadPicker_Avanti.rcMYPopupOpen .RadInput:before,
    .RadPicker_Avanti.rcTimePopupOpen .RadInput:before,
    .RadPicker_Avanti.rcCalPopupOpen .RadInput:before {
      display: none; }
  .RadPicker_Avanti:hover .rcCalPopup,
  .RadPicker_Avanti:hover .rcTimePopup,
  .RadPicker_Avanti.rcMYPopupOpen .rcCalPopup,
  .RadPicker_Avanti.rcMYPopupOpen .rcTimePopup,
  .RadPicker_Avanti.rcTimePopupOpen .rcCalPopup,
  .RadPicker_Avanti.rcTimePopupOpen .rcTimePopup,
  .RadPicker_Avanti.rcCalPopupOpen .rcCalPopup,
  .RadPicker_Avanti.rcCalPopupOpen .rcTimePopup {
    border-color: #ECEFF1; }
  .RadPicker_Avanti .rcCalPopup:before {
    content: "\e8df"; }
  .RadPicker_Avanti .rcTimePopup:before {
    content: "\e8b5"; }

.RadCalendarMultiView_Avanti .rcMain {
  border: 0 none;
  padding: 0; }

.RadCalendarMultiView_Avanti .rcMainTable {
  border-collapse: collapse; }

.RadCalendarMultiView_Avanti .rcCalendar {
  border: 0 none; }

.RadCalendarMultiView_Avanti span.rcTitle {
  font-size: 1.429em;
  line-height: 1; }

.RadCalendarMultiView_Avanti .rcMainTable .rcTitle {
  background-color: #FF9800;
  color: #ffffff;
  border: 0 none;
  border-top: 1px solid #ffffff;
  font-size: 1.143em;
  line-height: 1.25em;
  padding: 14px 0; }

.RadCalendarMultiView_Avanti .rcRow > :first-child,
.RadCalendarMultiView_Avanti .rcWeek > :first-child {
  border-left: 1px solid #CFD8DC; }

.RadCalendarMultiView_Avanti .rcLastCol .rcRow > :last-child,
.RadCalendarMultiView_Avanti .rcLastCol .rcWeek > :last-child {
  border-right: 1px solid #CFD8DC; }

.RadCalendarMultiView_Avanti td.rcLastRow {
  border-bottom: 1px solid #CFD8DC; }

.RadCalendarTimeView_Avanti {
  border-color: #CFD8DC;
  color: #455A64;
  background-color: #ffffff;
  border: 0 none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2);
  font-family: "Roboto", "Noto", sans-serif; }
  .RadCalendarTimeView_Avanti th {
    background-color: #FF9800;
    color: #ffffff;
    line-height: normal;
    font-size: 1.143em;
    padding: 14px 10px; }
  .RadCalendarTimeView_Avanti td {
    padding: 0;
    border-color: transparent; }
  .RadCalendarTimeView_Avanti tr:nth-child(2) td {
    padding-top: 8px; }
  .RadCalendarTimeView_Avanti tr:last-child td {
    padding-bottom: 8px; }
  .RadCalendarTimeView_Avanti a {
    padding: 6px 13px;
    color: #455A64;
    border: 0 none; }
  .RadCalendarTimeView_Avanti td.rcSelected a {
    color: #607D8B; }
  .RadCalendarTimeView_Avanti td.rcHover a {
    background-color: #ECEFF1; }
  .RadCalendarTimeView_Avanti .rcFooter {
    border-color: #CFD8DC; }