.RadCalendar_CnMaterial {
    border-color: var(--border-color-cal-default);
    color: var(--color-main_text);
    
}

    .RadCalendar_CnMaterial .rcTitlebar {
        border-color: #e9f4fe;
        color: var(--color-main_text-light);
        background-color: var(--bg-color-pri-default);
        padding: 5px;
    }

        .RadCalendar_CnMaterial .rcTitlebar a span.t-font-icon:hover {
        /*    background-color: var(--color-main-hover1);*/
        }

    .RadCalendar_CnMaterial .rcPrev,
    .RadCalendar_CnMaterial .rcNext,
    .RadCalendar_CnMaterial .rcFastPrev,
    .RadCalendar_CnMaterial .rcFastNext {
        margin: 0;
        padding: 8px;
        border: 0 none;
        color: var(--color-main_text-light);
        background-color: var(--bg-color-pri-default);
        border-radius: 4px !important;
        border-color: var(--border-color-ctrl-focus);
        color: var(--color-main_text-light);
    }

.RadCalendar_CnMaterial .rcPrev:hover,
.RadCalendar_CnMaterial .rcNext:hover,
.RadCalendar_CnMaterial .rcFastPrev:hover,
.RadCalendar_CnMaterial .rcFastNext:hover {
    background-color: rgba(255, 255, 255, 0.24);

}

.RadCalendar_CnMaterial .t-font-icon:before {
    font-size: var(--font-icon-size);
}

.RadCalendar_CnMaterial .rcTitle {
    line-height: 1.25em;
    padding: 8px 0 !important;
}

.RadCalendar_CnMaterial .rcMain {
    border-color: var(--border-color-ctrl);
    padding: 4px;
}

.RadCalendar_CnMaterial .rcMain td {
    border-color: transparent;
    text-align: center;
}

.RadCalendar_CnMaterial .rcRow a,
.RadCalendar_CnMaterial .rcRow span {
    color: var(--color-main_text);
    padding: 6px !important;
    line-height: 1.4285714286;
    width: 1.4285714286em;
    text-align:center;
}

.RadCalendar_CnMaterial span.t-ripple,
.RadCalendar_CnMaterial span.t-ripple-container {
    padding: 0;
}

.RadCalendar_CnMaterial .rcWeek,
.RadCalendar_CnMaterial .rcRow th {
    color: rgba(69, 90, 100, 0.6);
    line-height: 1.4285714286;
    width: 1.4285714286em;
}

.RadCalendar_CnMaterial .rcWeek th {
    text-align: center;
    padding: 9px;
}

.RadCalendar_CnMaterial .rcRow {
    /*td:last-child {
			padding-right: 8px;
		}

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

		&:last-child > td {
			padding-bottom: 8px;
		}*/
}

.RadCalendar_CnMaterial .rcRow th {
    padding: 9px 9px 9px 17px;
    padding: 9px;
}

.RadCalendar_CnMaterial .rcMain .rcOtherMonth a,
.RadCalendar_CnMaterial .rcMain .rcOutOfRange span {
    color: rgba(69, 90, 100, 0.4);
}

.RadCalendar_CnMaterial .rcToday a {
    color: #03A9F4;
    background-color: transparent;
}



    .RadCalendar_CnMaterial .rcHover a {
        color: var(--color-main_text);
        background-color: var(--bg-color-ctrl-hover);
        box-shadow: inset 0 0 5px var(--bg-color-ctrl-selected);
    }
    .RadCalendar_CnMaterial .rcSelected a {
        background-color: var(--bg-color-ctrl-selected);
        color: var(--color-main_text);
        box-shadow: unset;
    }
    .RadCalendar_CnMaterial .rcFocus a {
        box-shadow: 0 0 0 1px rgba(178, 192, 198, 0.5) inset;
        background-color: var(--bg-color-ctrl-selected);
    }

.RadCalendarPopupShadows .RadCalendar_CnMaterial {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2);
}

    .RadCalendarPopupShadows .RadCalendar_CnMaterial .rcMain {
        border: 0 none;
        background-color: var(--bg-color-ctrl-default);
    }

    .RadCalendarPopupShadows .RadCalendar_CnMaterial .rcFooter {
        border: 0 none;
        border-top: 1px solid var(--border-color-ctrl);
        background-color: var(--bg-color-main-three);
        padding: 10px 0;
    }
.RadCalendar_CnMaterial .rcFooter input.rfdSkinnedButton, .RadCalendar_CnMaterial .rcFooter input.rfdSkinnedButton:focus {
    background-color: var(--bg-color-ctrl-default) !important;
    color: var(--color-ctrl-default) !important;
    box-shadow: 0px 2px 4px #cccccc;
}
    .RadCalendar_CnMaterial .rcFooter input.rfdSkinnedButton:hover {
        background-color: var(--bg-color-pri-hover) !important;
        color: var(--color-pri-hover) !important;
    }

.RadCalendarMonthView_CnMaterial {
    border: 0 none;
    padding: 0;
    border-color: var(--border-color-ctrl);
    color: var(--color-main_text);
    background-color: var(--bg-color-ctrl-default);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2);
}

    .RadCalendarMonthView_CnMaterial .rcButtons a:hover {
        background-color: var(--bg-color-ctrl-default) !important;
        color: var(--color-ctrl-hover) !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2);
    }
            .RadCalendarMonthView_CnMaterial .rcButtons a:first-child {
                margin-left:5px;
            }

.RadCalendarMonthView_CnMaterial td {
    padding: 0;
}

.RadCalendarMonthView_CnMaterial tr:first-child td {
    padding-top: 8px;
}

.RadCalendarMonthView_CnMaterial tr:nth-last-child(2) td {
    padding-bottom: 8px;
}

.RadCalendarMonthView_CnMaterial a {
    padding: 6px 13px;
    color: var(--color-main_text);
    border: 0 none;
    border-radius: 0;
    box-sizing: border-box;
    min-width: 64px;
}

    .RadCalendarMonthView_CnMaterial a:hover {
        background-color: var(--bg-color-ctrl-hover);
        box-shadow: inset 0 0 5px var(--bg-color-ctrl-selected);
        color: var(--color-main_text);
    }

    .RadCalendarMonthView_CnMaterial .rcSelected a {
        background: var(--bg-color-ctrl-selected);
        color: var(--color-ctrl-default);
    }

.RadCalendarMonthView_CnMaterial .rcFocus {
/*    box-shadow: 0 0 0 1px rgba(178, 192, 198, 0.5) inset;*/
}

    .RadCalendarMonthView_CnMaterial td.rcButtons {
        background-color: var(--bg-color-ctrl-default);
        border-top: 1px solid var(--border-color-ctrl);
        text-align: right;
        padding: 6px 10px;
    }

.RadCalendarMonthView_CnMaterial td.rcButtons a {
    text-transform: uppercase;
    background-color: transparent;
    border: 0 none;
    padding: 8px;
    min-width: 64px;
    color: var(--color-main_text);
}

.RadCalendarMonthView_CnMaterial td.rcButtons a:hover {
    background-color: rgba(69, 90, 100, 0.12);
}

.RadCalendarMonthView_CnMaterial #rcMView_Today {
    float: left;
}

    .RadCalendarMonthView_CnMaterial #rcMView_OK {
        color: var(--color-main-default);
    }

.RadCalendarMonthView_CnMaterial #rcMView_OK:hover {
    background-color: rgba(139, 195, 74, 0.12);
}

.RadPicker_CnMaterial {
    background-color: var(--bg-color-ctrl-default) !important;
    border-style: solid;
    border-width: 1px 1px 2px 1px;
    border-color: var(--border-color-ctrl-default);
    border-radius: 3px;
}

    .RadPicker_CnMaterial .riLabel {
        color: #607D8B;
        font-weight: var(--font-bold);
        padding-right: 25px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .RadPicker_CnMaterial .RadInput {
           padding-right: 0px;
        position: relative;
    }
    .RadPicker_CnMaterial .RadInput .riTextBox {
        /*padding-right: 55px !important;*/
        /*position: relative;*/
    }
    .RadPicker_CnMaterial .RadInput .rcSelect {
        position: absolute;
        /*padding-left:10px;*/
    }

    .RadPicker_CnMaterial .RadInput:before {
        content: "";
        border-bottom: 0 solid;
        border-color: inherit;
        position: absolute;
        left: 0px;
        right: 0px;
        bottom: 0;
    }

/*.RadPicker_CnMaterial .RadInputError:before {
    border-bottom-width: 1px;
}*/

span .RadPicker_CnMaterial:focus-within, div .RadPicker_CnMaterial:focus-within {
    border-bottom-width: 2px;
    border-bottom-color: var(--border-color-ctrl-focus);
 /*   box-shadow: 0 1px var(--border-color-ctrl-focus);*/
}
span[disabled="disabled"] .RadPicker_CnMaterial:focus-within, div[disabled="disabled"] .RadPicker_CnMaterial:focus-within {
    border-bottom-width: 1px;
    border-bottom-color: var(--border-color-ctrl) !important;
    box-shadow: unset !important;
}

  /*  .RadPicker_CnMaterial.RadDateTimePicker .RadInput {
        padding-right: 55px;
    }*/

/*.cn-datetimepicker input.riTextBox {
    padding-right: 10px !important;
}
*/
.RadPicker_CnMaterial input.riTextBox,
.RadPicker_CnMaterial input.riTextBox:hover {
    border-color: transparent !important;
    padding-right: 0;
    border-width: 0 !important;
}

.RadPicker_CnMaterial .rcSelect {
    bottom: 0;
    right: 0;
    top: 0;
}

.RadPicker_CnMaterial .rcCalPopup,
.RadPicker_CnMaterial .rcTimePopup {
    border-left: 1px solid transparent;
    color: var(--color-main-default);
    outline: none;
}

    .RadPicker_CnMaterial .rcCalPopup:focus,
    .RadPicker_CnMaterial .rcTimePopup:focus {
        background-color: var(--bg-color-main-three);
    }

    .RadPicker_CnMaterial .rcCalPopup:before,
    .RadPicker_CnMaterial .rcTimePopup:before {
        font-family: var(--font-icons);
        font-size: var(--font-icon-size);
        font-weight: 600;
    }

.RadPicker_CnMaterial.rcCalPopupOpen .rcCalPopup,
.RadPicker_CnMaterial.rcMYPopupOpen .rcCalPopup,
.RadPicker_CnMaterial.rcTimePopupOpen .rcTimePopup {
    background-color: var(--bg-color-main-three);
}

.RadPicker_CnMaterial:hover .RadInput:not(.RadInputDisabled), .RadPicker_CnMaterial.rcMYPopupOpen .RadInput:not(.RadInputDisabled), .RadPicker_CnMaterial.rcTimePopupOpen .RadInput:not(.RadInputDisabled), .RadPicker_CnMaterial.rcCalPopupOpen .RadInput:not(.RadInputDisabled) {
    background-color: #f8fafb;
    /*box-shadow: 0 3px 6px rgba(0, 0, 0, 0.14), 0 3px 6px rgba(0, 0, 0, 0.2);*/
    border-color: transparent;

}

.RadPicker_CnMaterial:hover .RadInput:not(.RadInputDisabled):before, .RadPicker_CnMaterial.rcMYPopupOpen .RadInput:not(.RadInputDisabled):before, .RadPicker_CnMaterial.rcTimePopupOpen .RadInput:not(.RadInputDisabled):before, .RadPicker_CnMaterial.rcCalPopupOpen .RadInput:not(.RadInputDisabled):before {
    display: none;
}

.RadPicker_CnMaterial:hover .rcCalPopup,
.RadPicker_CnMaterial:hover .rcTimePopup, .RadPicker_CnMaterial.rcMYPopupOpen .rcCalPopup,
.RadPicker_CnMaterial.rcMYPopupOpen .rcTimePopup, .RadPicker_CnMaterial.rcTimePopupOpen .rcCalPopup,
.RadPicker_CnMaterial.rcTimePopupOpen .rcTimePopup, .RadPicker_CnMaterial.rcCalPopupOpen .rcCalPopup,
.RadPicker_CnMaterial.rcCalPopupOpen .rcTimePopup {
    border-color: var(--border-color-main-three);
}
.RadPicker_CnMaterial .rcSelect{
    bottom:0 !important;
}
.RadPicker_CnMaterial .rcCalPopup:hover {
    background-color: var(--bg-color-ctrl-hover);
}
.RadPicker_CnMaterial .rcTimePopup:hover {
    background-color: var(--bg-color-ctrl-hover);
}
.RadPicker_CnMaterial .rcCalPopup:before {
    content: "\e8df";
}

.RadPicker_CnMaterial .rcTimePopup:before {
    content: "\e8b5";
}

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

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

.RadCalendarMultiView_CnMaterial .rcCalendar {
    border: 0 none;
}

.RadCalendarMultiView_CnMaterial span.rcTitle {
    line-height: 1;
    padding: 8px 0;
}

.RadCalendarMultiView_CnMaterial .rcMainTable .rcTitle {
    background-color: var(--color-main-default);
    color: var(--color-main_text-light);
    border: 0 none;
    border-top: 1px solid var(--color-main_text-light);
    line-height: 1.25em;
    padding: 14px 0;
}

.RadCalendarMultiView_CnMaterial .rcRow > :first-child,
.RadCalendarMultiView_CnMaterial .rcWeek > :first-child {
    border-left: 1px solid var(--border-color-ctrl);
}

.RadCalendarMultiView_CnMaterial .rcLastCol .rcRow > :last-child,
.RadCalendarMultiView_CnMaterial .rcLastCol .rcWeek > :last-child {
    border-right: 1px solid var(--border-color-ctrl);
}

.RadCalendarMultiView_CnMaterial td.rcLastRow {
    border-bottom: 1px solid var(--border-color-ctrl);
}

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

    .RadCalendarTimeView_CnMaterial th {
        background-color: var(--bg-color-pri-default);
        color: var(--color-main_text-light);
        line-height: normal;
        padding: 12px 10px !important;
    }

.RadCalendarTimeView_CnMaterial td {
    padding: 0;
    border-color: transparent;
}

.RadCalendarTimeView_CnMaterial tr:nth-child(2) td {
    padding-top: 8px;
}

    .RadCalendarTimeView_CnMaterial tr:last-child td {
        padding-bottom: 8px;
        padding: 10px;
        border-top: 1px solid var(--border-color-ctrl);
        background-color: var(--bg-color-main-three);
    }

    .RadCalendarTimeView_CnMaterial .rcFooter .rfdSkinnedButton {
        background-color: var(--bg-color-main) !important;
        color: var(--color-ctrl-hover);
        box-shadow: 0px 2px 4px #cccccc;
    }

        .RadCalendarTimeView_CnMaterial .rcFooter .rfdSkinnedButton:hover {
            background-color: var(--bg-color-pri-hover) !important;
            color: var(--color-pri-hover);
        }
        .RadCalendarTimeView_CnMaterial a {
            padding: 6px 13px;
            color: var(--color-main_text);
            border: 0 none;
            border-radius: 0;
        }
    .RadCalendarTimeView_CnMaterial td.rcHover a {
        background-color: var(--bg-color-ctrl-hover);
        box-shadow: inset 0 0 5px var(--border-color-ctrl);
    }
    .RadCalendarTimeView_CnMaterial td.rcSelected a {
        background-color: var(--bg-color-ctrl-selected) !important;
        color: var(--color-main_text);
    }
    

.RadCalendarTimeView_CnMaterial .rcFocus {
    box-shadow: 0 0 0 1px rgba(178, 192, 198, 0.5) inset;
}

.RadCalendarTimeView_CnMaterial .rcFooter {
    border-color: var(--border-color-ctrl);
}
.RadForm_CnMaterial .RadCalendarPopupShadows {
    padding-top: 2px;
}

.start-end-appointment .RadPicker{
    width:unset !important;
}