.RadGantt_Avanti {
  border-color: #CFD8DC;
  color: #455A64;
  background-color: #ffffff;
  font-family: "Roboto", "Noto", sans-serif; }
  .RadGantt_Avanti .k-loading-color {
    background-color: #ffffff; }
  .RadGantt_Avanti .k-loading-image {
    background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Avanti.Common.loading.gif")%>'); }
  .RadGantt_Avanti .rgtHeader {
    border-color: #CFD8DC;
    color: #455A64;
    background-color: #ffffff;
    padding: 5px; }
  .RadGantt_Avanti .rgtActions .radButton {
    border-width: 0;
    background: none; }
  .RadGantt_Avanti .rgtViews {
    margin: -5px -5px -5px 5px; }
    .RadGantt_Avanti .rgtViews .radButton {
      padding: 13px;
      border-width: 0;
      border-radius: 0;
      background: none; }
  .RadGantt_Avanti .rgtFooter {
    border-color: #CFD8DC;
    color: #455A64;
    background-color: #ffffff; }
  .RadGantt_Avanti .rgtTreelist {
    background-color: #ffffff; }
  .RadGantt_Avanti .rgtTreelist .radGridHeader {
    text-align: left; }
  .RadGantt_Avanti .rgtTreelist .radGridHeader tr {
    height: calc(1.42857143*2em + 52px); }
  .RadGantt_Avanti .rgtTreelist .rgtTreelistGroup {
    font-weight: 500; }
  .RadGantt_Avanti .rgtTreelist .radStateFocused {
    color: #455A64;
    background-color: #ECEFF1; }
  .RadGantt_Avanti .rgtTreelist .radStateSelected {
    background: #ffeacc; }
  .RadGantt_Avanti .rgtTreelist .radStateSelected td {
    border-top-width: 0; }
  .RadGantt_Avanti .rgtTreelist .rgtTreelistContent td {
    border-bottom-width: 1px;
    border-color: #CFD8DC; }
  .RadGantt_Avanti .rgtTreelist .k-edit-cell {
    padding-top: 6px;
    padding-bottom: 6px; }
  .RadGantt_Avanti .radIconCollapse,
  .RadGantt_Avanti .radIconExpand {
    font-size: 18px;
    font-family: "Material Icons"; }
  .RadGantt_Avanti .radIconCollapse:before {
    content: "\e313"; }
  .RadGantt_Avanti .radIconExpand:before {
    content: "\e315"; }
  .RadGantt_Avanti .rgtSplitbar {
    border-color: #CFD8DC;
    color: #455A64;
    background-color: #ffffff;
    width: 6px; }
  .RadGantt_Avanti .rgtSplitbar .radResizeHandle {
    width: 4px;
    font-size: 18px;
    font-family: "Material Icons"; }
  .RadGantt_Avanti .rgtSplitbar .radResizeHandle:before {
    content: "\e5d4";
    margin: -0.5em 0 0 -0.5em;
    position: absolute;
    top: 50%;
    left: 50%; }
  .RadGantt_Avanti .rgtSplitbarHover {
    background-color: #e4ecee; }
  .RadGantt_Avanti .radLine {
    background-color: #607D8B; }
  .RadGantt_Avanti .radLine.radStateSelected {
    background-color: #263238;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }
  .RadGantt_Avanti .radLine.radStateSelected .radArrowE,
  .RadGantt_Avanti .radLine.radStateSelected .radArrowW {
    color: #263238; }
  .RadGantt_Avanti .radArrowE,
  .RadGantt_Avanti .radArrowW {
    color: #607D8B; }
  .RadGantt_Avanti .radMarqueeColor {
    background-color: rgba(96, 125, 139, 0.4); }
  .RadGantt_Avanti .rgtTasks tr td {
    padding: 7px; }
  .RadGantt_Avanti .rgtTaskDot:after {
    border-color: #607D8B;
    background-color: #607D8B; }
  .RadGantt_Avanti .rgtTaskDot:hover:after {
    background-color: #ffffff; }
  .RadGantt_Avanti .rgtResourceWrap {
    padding-top: 6px; }
  .RadGantt_Avanti .rgtResource {
    padding: 0 2px;
    background-color: #ffffff; }
  .RadGantt_Avanti .rgtTaskMilestone {
    margin-top: 8px;
    border-color: #455A64;
    background-color: #455A64; }
  .RadGantt_Avanti .rgtTaskMilestone.radStateSelected {
    border-color: #607D8B;
    background-color: #607D8B; }
  .RadGantt_Avanti .rgtTaskMilestone ~ .rgtTaskDot {
    top: 8px; }
  .RadGantt_Avanti .rgtTaskSummary {
    margin-top: 10px;
    border-color: #607D8B;
    background-color: #607D8B; }
  .RadGantt_Avanti .rgtTaskSummary.radStateSelected {
    border-color: #90a4ae;
    background-color: #90a4ae; }
  .RadGantt_Avanti .rgtComplete {
    border-color: #455A64;
    background-color: #455A64; }
  .RadGantt_Avanti .radStateSelected .rgtComplete {
    border-color: #607D8B;
    background-color: #607D8B; }
  .RadGantt_Avanti .rgtTaskSummary ~ .rgtTaskDot {
    top: 8px; }
  .RadGantt_Avanti .rgtTaskSingle {
    border-width: 0;
    border-radius: 3px;
    color: #ffffff;
    background-color: #ffb74d;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }
  .RadGantt_Avanti .rgtTaskTemplate {
    padding-top: 8px;
    padding-bottom: 8px; }
  .RadGantt_Avanti .rgtTaskComplete {
    background-color: #FF9800; }
  .RadGantt_Avanti .rgtTaskSingle .radResizeHandle:after {
    background-color: #ffffff; }
  .RadGantt_Avanti .rgtTaskActions {
    top: 8px; }
  .RadGantt_Avanti .rgtTaskActions .rgtTaskDelete,
  .RadGantt_Avanti .rgtTaskActions .rgtTaskDelete:hover {
    border-width: 0;
    color: inherit;
    background: none; }
  .RadGantt_Avanti .rgtTaskSingle.radStateSelected {
    background-color: #90a4ae; }
  .RadGantt_Avanti .rgtTaskSingle.radStateSelected .rgtTaskContent {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2); }
  .RadGantt_Avanti .rgtTaskSingle.radStateSelected .rgtTaskComplete {
    background-color: #607D8B; }
  .RadGantt_Avanti .rgtTaskSingle ~ .rgtTaskDot {
    top: 8px; }

.radSkin_Avanti {
  color: #455A64;
  font-family: "Roboto", "Noto", sans-serif; }
  .radSkin_Avanti .k-grid, .radSkin_Avanti .radCalendar {
    border-color: #CFD8DC;
    color: #455A64;
    background-color: #ffffff; }
  .radSkin_Avanti .k-popup,
  .radSkin_Avanti.k-popup,
  .radSkin_Avanti .radPopup,
  .radSkin_Avanti.radPopup, .radSkin_Avanti .radDragClue,
  .radSkin_Avanti.radDragClue, .radSkin_Avanti.k-window {
    border-color: #CFD8DC;
    color: #455A64;
    background-color: #ffffff; }
  .radSkin_Avanti .k-button,
  .radSkin_Avanti .radButton {
    border-color: #CFD8DC;
    color: #455A64;
    background-color: #ffffff; }
  .radSkin_Avanti .k-button:hover,
  .radSkin_Avanti .radButton:hover,
  .radSkin_Avanti .radButton.radStateHovered,
  .radSkin_Avanti .radStateHovered > .radButton, .radSkin_Avanti .k-numeric-wrap .k-link:hover, .radSkin_Avanti .k-dropdown-wrap.k-state-hover, .radSkin_Avanti .k-picker-wrap .k-select:hover {
    border-color: #ECEFF1;
    color: #455A64;
    background-color: #ECEFF1; }
  .radSkin_Avanti .radButton.radStateSelected,
  .radSkin_Avanti .radStateSelected > .radButton, .radSkin_Avanti .k-numeric-wrap .k-link.k-state-selected, .radSkin_Avanti .k-dropdown-wrap.k-state-active {
    border-color: #CFD8DC;
    color: #455A64;
    background-color: #CFD8DC; }
  .radSkin_Avanti .k-numeric-wrap, .radSkin_Avanti .k-dropdown-wrap, .radSkin_Avanti .k-picker-wrap {
    padding: 8px 50px 8px 13px;
    border-width: 0;
    border-radius: 2px; }
    .radSkin_Avanti .k-numeric-wrap .k-input, .radSkin_Avanti .k-dropdown-wrap .k-input, .radSkin_Avanti .k-picker-wrap .k-input {
      padding: 0; }
    .radSkin_Avanti .k-numeric-wrap:before, .radSkin_Avanti .k-dropdown-wrap:before, .radSkin_Avanti .k-picker-wrap:before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 13px;
      right: 13px;
      border-bottom: 1px solid #CFD8DC; }
    .radSkin_Avanti .k-state-hover.k-numeric-wrap,
    .radSkin_Avanti .k-state-hover.k-dropdown-wrap,
    .radSkin_Avanti .k-state-hover.k-picker-wrap,
    .radSkin_Avanti .k-state-focused.k-numeric-wrap, .radSkin_Avanti .k-state-focused.k-dropdown-wrap, .radSkin_Avanti .k-state-focused.k-picker-wrap {
      border-color: #CFD8DC;
      color: #455A64;
      background-color: #ffffff;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2); }
      .radSkin_Avanti .k-state-hover.k-numeric-wrap:before,
      .radSkin_Avanti .k-state-hover.k-dropdown-wrap:before,
      .radSkin_Avanti .k-state-hover.k-picker-wrap:before,
      .radSkin_Avanti .k-state-focused.k-numeric-wrap:before, .radSkin_Avanti .k-state-focused.k-dropdown-wrap:before, .radSkin_Avanti .k-state-focused.k-picker-wrap:before {
        display: none; }
  .radSkin_Avanti .radDragClue,
  .radSkin_Avanti.radDragClue {
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(130, 130, 130, 0.5); }
  .radSkin_Avanti .radList > .radStateHovered,
  .radSkin_Avanti .k-list > .k-state-hover {
    color: #455A64;
    background-color: #ECEFF1; }
  .radSkin_Avanti .radList > .radStateFocused,
  .radSkin_Avanti .k-list > .k-state-focused {
    box-shadow: inset 0 0 5px transparent; }
  .radSkin_Avanti .radList > .radStateSelected,
  .radSkin_Avanti .k-list > .k-state-selected {
    color: #607D8B;
    background-color: transparent; }
  .radSkin_Avanti .radGrid td {
    border-color: #CFD8DC; }
  .radSkin_Avanti .radGridHeader,
  .radSkin_Avanti .radGridHeaderWrap {
    border-color: #CFD8DC; }
  .radSkin_Avanti .radGridHeader th {
    border-color: #CFD8DC;
    font-size: .85em;
    font-weight: 500; }
  .radSkin_Avanti .radFauxRows td {
    border-bottom-width: 1px; }
  .radSkin_Avanti .k-grid-header,
  .radSkin_Avanti .k-grid-header-wrap {
    border-color: #CFD8DC; }
  .radSkin_Avanti .k-grid-header .k-header {
    border-color: #CFD8DC;
    font-size: .85em;
    font-weight: 500; }
  .radSkin_Avanti .k-grid-content td {
    border-width: 0 0 1px;
    border-color: #CFD8DC; }
  .radSkin_Avanti .k-grid tr,
  .radSkin_Avanti .radGrid tr {
    height: calc(1.42857143em + 26px); }
  .radSkin_Avanti .k-grid th,
  .radSkin_Avanti .k-grid td,
  .radSkin_Avanti .radGrid th,
  .radSkin_Avanti .radGrid td {
    padding: 12px 16px; }
  .radSkin_Avanti .k-tooltip,
  .radSkin_Avanti .radTooltip {
    border-color: #455A64;
    border-radius: 2px;
    color: #ffffff;
    background-color: rgba(69, 90, 100, 0.9);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2); }
  .radSkin_Avanti .k-tooltip-validation {
    border-color: #ffffff;
    color: #d51923;
    background-color: #ffffff;
    background-image: none; }
    .radSkin_Avanti .k-tooltip-validation .k-icon.k-warning {
      background-image: url('<%=WebResource("Telerik.Web.UI.Skins.Avanti.Input.sprite.gif")%>');
      background-position: 0 -299px; }
  .radSkin_Avanti .k-button,
  .radSkin_Avanti .radButton {
    padding: 8px 13px;
    border-radius: 2px;
    text-transform: uppercase; }
  .radSkin_Avanti .radToolbar .radButton {
    border-radius: 0; }
  .radSkin_Avanti .k-textbox,
  .radSkin_Avanti .radTextbox {
    border-color: #cfd8dc;
    color: #455a64;
    background-color: transparent;
    padding: 8px 13px;
    border-width: 0 0 1px; }
    .radSkin_Avanti .k-textbox:hover,
    .radSkin_Avanti .radTextbox:hover {
      border-color: #90a4ae;
      color: #455a64;
      background-color: transparent; }
    .radSkin_Avanti .k-textbox:focus,
    .radSkin_Avanti .radTextbox:focus {
      border-color: #FF9800;
      color: #455a64;
      background-color: transparent;
      box-shadow: 0 2px 0 -1px #FF9800; }
  .radSkin_Avanti .k-numeric-wrap .k-link,
  .radSkin_Avanti .k-numeric-wrap .k-select {
    width: 37px;
    border-color: transparent;
    border-radius: 0 2px 2px 0; }
  .radSkin_Avanti .k-picker-wrap .k-select {
    width: 37px;
    border-color: transparent;
    border-radius: 0 2px 2px 0; }
  .radSkin_Avanti .radDateTimePicker .k-picker-wrap {
    padding-right: 88px; }
    .radSkin_Avanti .radDateTimePicker .k-picker-wrap .k-select {
      width: 75px; }
  .radSkin_Avanti .radCalendar .k-header {
    border-color: #FF9800;
    color: #ffffff;
    background-color: #FF9800; }
  .radSkin_Avanti .radCalendar th {
    border-color: #FF9800; }
  .radSkin_Avanti .radCalendar td.k-weekend {
    color: #74838b; }
  .radSkin_Avanti .radCalendar td.k-other-month {
    color: #a2adb2; }
  .radSkin_Avanti .radCalendar td.k-state-hover {
    border-color: #ECEFF1;
    color: #455A64;
    background-color: #ECEFF1; }
  .radSkin_Avanti .radCalendar td.k-state-focused {
    box-shadow: inset 0 0 5px transparent; }
  .radSkin_Avanti .radCalendar td.k-state-selected {
    border-color: transparent;
    color: #607D8B;
    background-color: transparent; }
  .radSkin_Avanti .k-window-titlebar {
    border-color: #FF9800;
    color: #ffffff;
    background-color: #FF9800; }
  .radSkin_Avanti .radPopupEditForm .rgtButtonsContainer {
    border-color: #FF9800; }

.radSkin_Avanti.k-rtl .rgtViews .radButton {
  border-radius: 0; }