.RadScheduler_CnMaterial {
    border-color: var(--border-color-ctrl);
    color: var(--color-main_text);
    background-color: var(--bg-color-main);
    border-radius: 2px;
}

.RadScheduler_CnMaterial .rsToolbar > li + li {
    margin: 0;
}

.RadScheduler_CnMaterial .rsToolbar .rsButton {
    border-radius: 0;
}
.RadScheduler .rsHeader .rsCurrent {
    padding: 8px 13px !important;
}
.RadScheduler_CnMaterial .rsButton {
    border-color: var(--border-color-ctrl);
    color: var(--color-main_text);
    
    padding: 8px 13px !important;
    border-radius: 2px;
    font-weight: var(--font-bold);
    /*text-transform: uppercase;*/
    transition: all .2s ease-in-out;
}
    .RadScheduler_CnMaterial .rsButton.rsNextDay, .RadScheduler_CnMaterial .rsButton.rsToday, .RadScheduler_CnMaterial .rsButton.rsPrevDay {
        background-color: var(--bg-color-main-three);
    }
    .RadScheduler_CnMaterial .rsHovered > .rsButton,
    .RadScheduler_CnMaterial .rsButton.rsHovered {
        border-color: var(--border-color-main-three);
        color: var(--color-main_text);
        background-color: var(--bg-color-ctrl_sche-hover);
    }

    .RadScheduler_CnMaterial .rsSelected > .rsButton,
    .RadScheduler_CnMaterial .rsPressed > .rsButton,
    .RadScheduler_CnMaterial .rsButton.rsPressed {
        border-color: var(--border-color-ctrl);
        color: var(--color-main_text);
        background-color: var(--bg-color-ctrl_sche-selected);
    }

.RadScheduler_CnMaterial .rsHeader {
    border-color: var(--border-color-ctrl-default);
    color: var(--color-main_text);
    background-color: var(--bg-color-main-second);
    padding: 5px !important;
    border-radius: 2px 2px 0 0;
}

.RadScheduler_CnMaterial .rsHeader .rsButton {
    border-width: 0;
}

.RadScheduler_CnMaterial .rsHeader .rsNav {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
}

.RadScheduler_CnMaterial .rsHeader .rsNav .rsPrevDay,
.RadScheduler_CnMaterial .rsHeader .rsNav .rsNextDay {
    padding: 8px;
    border-right: 1px solid var(--border-color-ctrl-default);
}

.RadScheduler_CnMaterial .rsHeader .rsNav .rsToday:before {
    display: none;
}

.RadScheduler_CnMaterial .rsHeader .rsNav > li:first-child .rsButton {
    border-radius: 2px 0 0 2px;
}

.RadScheduler_CnMaterial .rsHeader .rsNav > li:last-child .rsButton {
    border-radius: 0 2px 2px 0;
}

.RadScheduler_CnMaterial .rsHeader .rsNav > li:only-child .rsButton {
    border-radius: 2px;
}

.RadScheduler_CnMaterial .rsHeader .rsViews {
    /*margin: -5px -5px -5px 5px;*/
}

.RadScheduler_CnMaterial .rsHeader .rsViews .rsButton {
    padding: 8px 13px;
}

.RadScheduler_CnMaterial .rsFooter {
    border-color: var(--border-color-ctrl);
    color: var(--color-main_text);
    background-color: var(--bg-color-main-second);
    padding: 5px;
    border-radius: 0 0 2px 2px;
}

    .RadScheduler_CnMaterial .rsFooter .rsFullTime {
        padding: 8px;
        border-width: 0;
        color: var(--color-main_text);
        background-color: transparent;
    }

.RadScheduler_CnMaterial .rsFooter .rsFullTime .p-icon {
    display: none;
}

.RadScheduler_CnMaterial .rsFooter .rsFullTime:hover {
    color: var(--color-main_text);
    background-color: var(--bg-color-main-three);
}

.RadScheduler_CnMaterial .rsSpacerCell,
.RadScheduler_CnMaterial .rsHorizontalHeaderWrapper,
.RadScheduler_CnMaterial .rsVerticalHeaderWrapper {
    border-color: var(--border-color-ctrl);
    color: var(--color-main_text);
    background-color: var(--bg-color-main);
}

.RadScheduler_CnMaterial .rsSpacerCell,
.RadScheduler_CnMaterial .rsAllDayHeader {
    border-color: var(--border-color-ctrl);
}

.RadScheduler_CnMaterial .rsHorizontalHeaderTable {
    font-size: .85em;
    text-align: left;
}

.RadScheduler_CnMaterial .rsHorizontalHeaderTable th {
    padding: 0 16px;
    border-color: var(--border-color-ctrl);
}

.RadScheduler_CnMaterial .rsHorizontalHeaderTable th i {
    font-size: 4em;
    font-weight: 100;
    font-style: normal;
    display: block;
}

.RadScheduler_CnMaterial .rsVerticalHeaderTable {
    font-size: .85em;
}

.RadScheduler_CnMaterial .rsVerticalHeaderTable th {
    border-color: transparent var(--border-color-ctrl);
    font-weight: normal;
    text-transform: uppercase;
    overflow: visible;
}

.RadScheduler_CnMaterial .rsVerticalHeaderTable .rsMainHeader th:first-child {
    border-bottom-color: var(--border-color-ctrl);
}

.RadScheduler_CnMaterial .rsVerticalHeaderTable th .rsAmPm {
    position: static;
    font: inherit;
    text-transform: uppercase;
}

.RadScheduler_CnMaterial .rsAllDayRow td,
.RadScheduler_CnMaterial .rsContentTable .rsAllDayRow td {
    border-color: var(--border-color-ctrl);
}

.RadScheduler_CnMaterial .rsContentTable td {
    border-color: var(--border-color-ctrl) var(--border-color-ctrl);
}

.RadScheduler_CnMaterial .rsContentTable .rsAlt td {
    border-color: var(--border-color-ctrl) var(--border-color-ctrl);
}

.RadScheduler_CnMaterial .rsOtherMonth,
.RadScheduler_CnMaterial .rsNonWorkHour,
.RadScheduler_CnMaterial .rsSunCol,
.RadScheduler_CnMaterial .rsSatCol {
    background: var(--bg-color-main-three);
}

.RadScheduler_CnMaterial .rsApt {
    color: var(--color-main_text-light);
}

.RadScheduler_CnMaterial .RadCalendar_CnMaterial .rcMain {
    background-color: var(--bg-color-main);
}

.RadScheduler_CnMaterial .rsAptContent {
    border-radius: 2px;
    color: var(--color-main_text-light);
    background-color: var(--bg-color-ctrl_sche-cell-content);
}

/*Fix style in render mode mobile*/
.RadScheduler_CnMaterial.RadScheduler_Mobile .Radscheduler_rsApt_color .rsAptContent {
    background-color: unset;
}

.RadScheduler_CnMaterial.RadScheduler_Mobile .RadComboBox_CnMaterial input[type="text"] {
    padding: 0;
    border: 0;
    border-style: unset;
}

.RadScheduler_CnMaterial.RadScheduler_Mobile .RadInput_CnMaterial input.riTextBox,
.RadScheduler_CnMaterial.RadScheduler_Mobile .RadInput_CnMaterial textarea.riTextBox {
    padding: 8px 6px 7px 6px;
    border-width: 1px 1px 2px 1px;
}

.RadScheduler_CnMaterial.RadScheduler_Mobile .RadPicker {
    width: 120px;
    font: inherit
}

.RadScheduler_CnMaterial.RadScheduler_Mobile .rsToolbar {
   background-color:  var(--bg-color-main-second);
}

.RadScheduler_CnMaterial.RadScheduler_Mobile .rfbRow {
    margin: 0;
}

.RadScheduler_CnMaterial.RadScheduler_Mobile .rfbGroup .rfbRow + .rfbRow {
    margin: 10px 0 0 0;
}

.RadScheduler_CnMaterial.RadScheduler_Mobile .RadPicker+.RadPicker {
    margin-left: 10px;
}

.RadScheduler_CnMaterial.RadScheduler_Mobile .rfbGroup .rfbLabel {
    padding: 7px 15px 0 0;
}

.RadScheduler_CnMaterial.RadScheduler_Mobile .RecurrenceEditor.Visible_By_Config {
    display: block;
    position: unset;
}

.RadScheduler_CnMaterial.RadScheduler_Mobile .RecurrenceEditor.Hidden_By_Config {
    display: none;
}

.RadScheduler_CnMaterial.RadScheduler_Mobile .rsDialog .rsButtons {
    box-sizing: content-box;
    text-align: right;
}

.RadScheduler_CnMaterial.RadScheduler_Mobile .rsDialog .rsModalButtons .rsButton.rsModalClose,
.RadScheduler_CnMaterial.RadScheduler_Mobile .rsDialog .rsModalButtons .rsButton.rsModalConfirm {
    width: 66px;
}

.RadScheduler_CnMaterial.RadScheduler_Mobile .rsDialog .rsModalButtons .rsButton.rsModalConfirm {
    margin-left: 10px;
}

.RadScheduler_CnMaterial.RadScheduler_Mobile label > [type="radio"],
.RadScheduler_CnMaterial.RadScheduler_Mobile label > [type="checkbox"] {
    margin-right: 6px;
}

.RadScheduler_CnMaterial.RadScheduler_Mobile .rsModalWrapper .rsDialog.rsModalDialog .rsModalOuter .rsModalOuterTitle .rsModalInner .rsModalButtons a {
    width: unset;
}

.RadScheduler_CnMaterial.RadScheduler_Mobile .rsAdvContentWrapper.rsBody .rsAdvOptionsScroll {
    margin-right: -15px;
    margin-top: -15px;
    padding-top: 15px;
}

/*End fix style in render mode mobile*/

.RadScheduler_CnMaterial .rsAptResize:before {
    background-color: var(--bg-color-main);
}

.RadScheduler_CnMaterial .rsOvertimeArrow {
    border-color: var(--border-color-ctrl);
    color: var(--color-main_text);
    background-color: var(--bg-color-main-three);
    border-width: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2);
}

.RadScheduler_CnMaterial .rsOvertimeArrow:hover {
    border-color: var(--border-color-main-three);
    color: var(--color-main_text);
    background-color: var(--bg-color-main-three);
}

.RadScheduler_CnMaterial .rsOvertimeArrow .rsIcon {
    margin: -.5em 0 0 -.5em;
    position: absolute;
    top: 50%;
    left: 50%;
}

.RadScheduler_CnMaterial .rsResourceMarker {
    background-color: #f6f7f8;
}

.RadScheduler_CnMaterial .rsMonthView .rsHorizontalHeaderTable th {
    border-right-width: 0;
}

.RadScheduler_CnMaterial .rsMonthView .rsDateBox {
    padding: 0 16px;
}

.RadScheduler_CnMaterial .rsMonthView .rsTodayCell {
    color: #03A9F4;
}

.RadScheduler_CnMaterial .rsMonthView .rsContentTable td {
    border-right-width: 0;
}

.RadScheduler_CnMaterial .rsYearView .rsMonthHeader {
    border-width: 0;
    background: var(--bg-color-main-three);
    text-transform: uppercase;
}

.RadScheduler_CnMaterial .rsYearView .rsDateHeader {
    border-color: transparent;
    border-radius: 100%;
}

.RadScheduler_CnMaterial .rsYearView .rsDateHeader:hover {
    border-color: var(--border-color-main-three);
    color: var(--color-main_text);
    background-color: var(--bg-color-main-three);
}

.RadScheduler_CnMaterial .rsYearView .rsOccupiedSlot .rsDateHeader {
    background-color: var(--border-color-ctrl);
    border-radius: 100%;
}

.RadScheduler_CnMaterial .rsYearView .rsOccupiedSlot .rsDateHeader:hover {
    border-color: #8BC34A;
    color: var(--color-main_text-light);
    background-color: #03A9F4;
}

.RadScheduler_CnMaterial .rsYearView .rsTodayCell .rsDateHeader {
    border-color: transparent;
    color: #8BC34A;
    background-color: transparent;
}

.RadScheduler_CnMaterial .rsYearView .rsSatCol:not(.rsOccupiedSlot),
.RadScheduler_CnMaterial .rsYearView .rsSunCol:not(.rsOccupiedSlot) {
    color: #a2adb2;
}

.RadScheduler_CnMaterial .rsYearView .rsYearMonthsWrap {
    border-color: white;
}

.RadScheduler_CnMaterial .rsYearView .rsTooltip .rsToolTipContent {
    border-width: 0;
    border-radius: 2px;
    color: var(--color-main_text-light);
    background-color: rgba(69, 90, 100, 0.9);
}

.RadScheduler_CnMaterial .rsYearView .rsTooltip .rsCategoryPattern .rsResourceMarker {
    background-color: #f6f7f8;
}

.RadScheduler_CnMaterial .rsYearView .rsTooltip .rsToolTipArrow {
    color: var(--color-main_text-light);
    background-color: rgba(69, 90, 100, 0.9);
}

.RadScheduler_CnMaterial .rsYearView .rsTooltip .rsToolTipArrowUp {
    border-radius: 2px 2px 0 0;
}

.RadScheduler_CnMaterial .rsYearView .rsTooltip .rsToolTipArrowDown {
    border-radius: 0 0 2px 2px;
}

.RadScheduler_CnMaterial .rsYearView .rsToolTipCallOut {
    display: none;
}

.RadScheduler_CnMaterial .rsYearView .rsTooltipRight .rsToolTipCallOut {
    border-right-color: var(--border-color-ctrl);
}

.RadScheduler_CnMaterial .rsYearView .rsTooltipRight .rsToolTipCallOut:before {
    border-right-color: var(--color-main_text-light);
}

.RadScheduler_CnMaterial .rsYearView .rsTooltipLeft .rsToolTipCallOut {
    border-left-color: var(--border-color-ctrl);
}

.RadScheduler_CnMaterial .rsYearView .rsTooltipLeft .rsToolTipCallOut:before {
    border-left-color: var(--color-main_text-light);
}

.RadScheduler_CnMaterial .rsAgendaView .rsDateBox {
    padding-left: 53px;
    min-height: 45px;
    font-size: 0.8571428571em;
}

.RadScheduler_CnMaterial .rsAgendaView .rsDateBox strong {
    width: 1em;
    height: 1em;
    font-size: 3.2142857143em;
    top: 0;
}

.RadScheduler_CnMaterial .rsAgendaView .rsDateBox small {
    opacity: .75;
    font-size: 1em;
}

.RadScheduler_CnMaterial .rsAgendaTable th, .RadScheduler_CnMaterial .rsAgendaTable td {
    border-bottom-color: var(--border-color-ctrl);
    border-right-color: var(--border-color-ctrl);
}

.RadScheduler_CnMaterial .rsAgendaTable .rsAgendaRowHovered {
    border-color: var(--border-color-main-three);
    color: var(--color-main_text);
    background-color: var(--bg-color-main-three);
}

.RadScheduler_CnMaterial .rsAgendaTable .rsAgendaRowSelected {
    border-color: transparent;
    color: var(--color-maint_text);
    background-color: var(--bg-color-ctrl_sche-selected);
}

.RadScheduler_CnMaterial .rsSelectedSlot {
    background: var(--bg-color-ctrl_sche-selected);
}

.RadScheduler_CnMaterial .rsAptCreate {
    background: var(--bg-color-ctrl_sche-hover);
}

.RadScheduler_CnMaterial .rsDialog {
    border-color: var(--border-color-ctrl);
    color: var(--color-main_text);
    background-color: var(--bg-color-main);
    padding: 0;
    border-width: 0;
    border-radius: 2px;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.2), 0 15px 12px rgba(0, 0, 0, 0.2);
}

    .RadScheduler_CnMaterial .rsDialog .rsTitle {
        background-color: var(--bg-color-pri-default);
        border-color: var(--border-color-ctrl-focus);
        color: var(--color-main_text-light);
        border-width: 0;
        border-radius: 2px 2px 0 0;
        font-size: 15px;
        font-weight: var(--font-bold);
    }

.RadScheduler_CnMaterial .rsDialog .rsTitle .p-i-notification {
    margin-left: -2px;
    margin-right: 8px;
}

    .RadScheduler_CnMaterial .rsDialog .rsButtons {
        border-color: var(--border-color-ctrl);
        color: var(--color-main_text);
        background-color: var(--bg-color-main-three);
        padding: 6px 8px;
        border-width: 1px 0 0;
        border-style: solid;
        border-radius: 0 0 2px 2px;
    }

.RadScheduler_CnMaterial .rsDialog .rsButtons .rsAptEditCancel {
    margin-left: 5px;
}

.RadScheduler_CnMaterial .rsDialog .rsAdvEditClose {
    right: 10px;
    margin-top: -15px;
}

.RadScheduler_CnMaterial .rsDialog .rsButton {
    padding: 8px;
    min-width: 64px;
    border-width: 0;
    color: var(--color-main_text);
    background-color: transparent;
}
.RadScheduler .rsYearView .rsYearMonthWrap th {
    font-weight: var(--font-bold) !important;
}
.RadScheduler_CnMaterial .rsDialog .rsButton:hover {
    color: var(--color-main_text);
    background-color: rgba(69, 90, 100, 0.12);
}

.RadScheduler_CnMaterial .rsDialog .rsButton.rsPrimary {
    border-radius: 4px;
    color: var(--color-main_text-light);
    background-color: var(--bg-color-pri-default);
    transition: all .2s ease-in-out;
    box-shadow: var(--box-shadow-button-main);
    border-color: var(--border-color-pri-default);
}

    .RadScheduler_CnMaterial .rsDialog .rsButton.rsPrimary:hover {
        color: var(--color-main_text);
        background-color: var(--bg-color-pri-hover);
    }

.RadScheduler_CnMaterial .rsModalDialog .rsBody {
    padding: 30px;
}

.RadScheduler_CnMaterial .rsInlineForm {
    padding-top: 1px;
}

.RadScheduler_CnMaterial .rsInlineForm .rsTextarea {
    border-color: var(--border-color-ctrl);
    color: var(--color-main_text);
    background-color: transparent;
    margin: 16px;
    padding: 0;
    border-width: 0;
    border-bottom-width: 1px;
}

.RadScheduler_CnMaterial .rsInlineForm .rsIconCornerBR {
    width: 0;
    height: 0;
    border-width: 8px;
}

.RadScheduler_CnMaterial .rsInlineForm .rsResize .p-icon {
    height: 8px;
}

.RadScheduler_CnMaterial .rsAdvancedEdit {
    border: 0;
}

.RadScheduler_CnMaterial .RadInput {
    padding: 0;
}

.RadScheduler_CnMaterial .RadInput .riContentWrapper {
    padding: 0 13px;
}

.RadScheduler_CnMaterial .p-icon:before {
    font-family: "WebComponentsIcons";
    font-size: var(--font-icon-size);
}

.RadScheduler_CnMaterial .p-i-clock:before {
    content: "\e192";
}

.RadScheduler_CnMaterial .p-i-calendar:before {
    content: "\e108";
}

.RadScheduler_CnMaterial .p-i-notification:before,
.RadScheduler_CnMaterial .p-i-reminder:before {
    content: "\e7f4";
}

.RadScheduler_CnMaterial .p-i-non-recurrence:before {
    content: "\e5d5";
}

.RadScheduler_CnMaterial [class*=p-i-arrow-60]:before {
    font-family: WebComponentsIcons;
    font-size: 16px;
}

.RadScheduler_CnMaterial .rsNav .p-i-arrow-60-right:before,
.RadScheduler_CnMaterial .rsNav .p-i-arrow-60-left:before {
    font-family: var(--font-icons);
    font-size: var(--font-icon-size);
}

.RadScheduler_CnMaterial .rsNav .p-i-arrow-60-right:before {
    content: "\e5cc";
}

.RadScheduler_CnMaterial .rsNav .p-i-arrow-60-left:before {
    content: "\e5cb";
}

.RadScheduler_CnMaterial .p-i-arrow-45-down-right:before {
    content: "\e1b9";
    font-size: 12px;
}

.RadScheduler_CnMaterial .p-i-x:before,
.RadScheduler_CnMaterial .p-i-close:before {
    /*content: "\e5cd";*/
}

.RadScheduler_CnMaterial .p-i-delete:before {
    content: "\e5cd";
}

.RadScheduler_CnMaterial .p-icon.p-i-recurrence-exception:before {
    font: 16px/1 "WebComponentsIcons";
    text-transform: none;
    text-align: center;
    content: "\e104";
}

.RadScheduler_CnMaterial .rfbGroup .rfbLabel {
    font-size: .85em;
    font-weight: var(--font-bold);
    line-height: inherit;
}

.RadScheduler_CnMaterial .rsPopup {
    border-color: #d9d9d9;
    color: #292929;
    background-color: #fff;
}
.RadScheduler .RadPicker.rsAdvTimePicker .RadInput, .RadScheduler .RadPicker.rsAdvDatePicker .RadInput {
    width: auto !important;
}