/* Die Box, die alles umschließt*/
.RadPicker_Redesign,
.RadPicker_Redesign .RadDateTimePicker,
/* Textbox*/
.RadPicker_Redesign .riTextbox .riEnabled
{
    height: 34px;
    background-color: white;
    white-space: normal;
    font-family: var(--font-family);
    font-size: 12px;
    font-weight: 500;
    vertical-align: middle;

    border-color: #D8D8D8;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
}

.RadInput_Redesign,
.RadInput_Redesign .riTextBox,
.RadInput_Redesign .riTextBox .riEnabled,
.RadInput_Redesign .riTextBox .riFocused,
.RadPicker_Redesign table.rcSingle .rcInputCell {
    height: 34px;
    background-color: white;
    white-space: normal;
    font-family: var(--font-family);
    font-size: 12px;
    font-weight: 500;
    vertical-align: middle;
    /*box-sizing: border-box;*/

    border-style: none;
    border-radius: 5px;
}

.RadPicker_Redesign .RadInput,
.RadPicker_Redesign .RadInput .riFocused,
.RadInput_Redesign .riSingle {
    height: 34px !important;
    background-color: white;
    white-space: normal;
    font-family: var(--font-family);
    font-size: 12px;
    font-weight: 500;
    vertical-align: middle;
    border-style: none !important;
    border-radius: 5px;
}

.RadCalendar_Redesign
{
    background-color: white;
    white-space: normal;
    font-family: var(--font-family);
    font-size: 11pt;
    font-weight: 500;
    vertical-align: middle;

    border-color: #D8D8D8 !important;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
}

.RadCalendar_Redesign .rcRow td
{
    border-style: none !important;
}
.RadCalendar_Redesign tr.rcRow a
{
  
   border-style: none;
}
.RadCalendar_Redesign tr.rcRow th,
.RadCalendar_Redesign .rcMainTable .rcWeek th
{
    border-style: solid;
    border-width: 1px;
    border-color: #D8D8D8;
    border-top: none;
    border-left: none;
    border-bottom: none;    

    font-weight: 600;

    height: 25px;
    width: 30px;
    text-align:center;
}

.RadCalendar_Redesign tr.rcRow th
{
    border-bottom: none;
    text-align:center;
}
.RadCalendar_Redesign .rcMainTable .rcWeek th
{
    border-right: none;    
}

.RadCalendar_Redesign .rcTitlebar
{
    height: 30px;
    font-weight: 700;
}
.RadCalendar_Redesign .rcMain,
.RadCalendar_Redesign .rcTitlebar
{
    border-color: #D8D8D8 !important;
    border-style: solid;
    border-width: 1px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.RadCalendarMonthView,
.RadCalendarMonthView_Redesign
{
    background-color: white;
    white-space: normal;
    font-family: var(--font-family);
    font-size: 11pt;
    font-weight: 500;
    vertical-align: middle;

    border-color: #D8D8D8 !important;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
}
.RadCalendarMonthView input[type="button"],
.RadCalendarMonthView_Redesign input[type="button"]
{
    background-image: none; 
    background-color: var(--primary-color);
    font-family: var(--font-family);
    font-size: 8pt;
    font-weight: 300;
    color: white;
    border: none;
    border-radius: 3px;

    height: 20px;
    width: 50px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.RadCalendarTimeView_Redesign
{
    background-color: white;
    white-space: normal;
    font-family: var(--font-family);
    font-size: 11pt;
    font-weight: 500;
    vertical-align: middle;

    border-color: #D8D8D8 !important;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
}
.RadCalendarTimeView_Redesign td
{
    border-color: #D8D8D8 !important;
}
.RadCalendarTimeView_Redesign .rcHeader
{
    font-weight: 500;
    height: 30px;
    border-bottom: solid;
    border-color: #D8D8D8 !important;
    border-width: 1px;
}

.RadCalendar_Redesign .rcMain .rcRow a, 
.RadCalendar_Redesign .rcMain .rcRow span {
    color: #384e73;
}

.RadCalendar_Redesign .rcMain .rcWeekend a {
    color: #444;
}

.RadCalendar_Redesign .rcMain .rcOtherMonth a, 
.RadCalendar_Redesign .rcMain .rcOutOfRange span {
    color: #bfbfbf;
}

.RadCalendarMonthView a,
.RadCalendarMonthView_Redesign a,
.RadCalendar_Redesign tr.rcRow a
{
    border-color: white;
    border-style: solid;
    border-width: 1px;
    color: var(--textColor);
}

.RadPicker_Redesign .rcCalPopup {
    height: 34px !important;
    width: 34px !important;
    background-repeat: no-repeat;
    background-color: #F3F3F3 !important;
    background-position: center;
    background-image: url(MargoOutlookTheme/DateTimePicker/Skins/Redesign/kalender-16px.png);
    border-left-width: 1px;
    border-left-color: #D8D8D8;
    border-style: solid;
    border-right: none;
    border-top: none;
    border-bottom: none;
    border-radius: 0px 5px 5px 0px;
    margin: 0px !important;
}

.RadPicker_Redesign .rcTimePopup {
    height: 34px !important;
    width: 34px !important;
    background-repeat: no-repeat;
    background-color: #F3F3F3 !important;
    background-position: center;
    background-image: url(MargoOutlookTheme/DateTimePicker/Skins/Redesign/uhr-grau-16px.png);
    border-left-width: 1px;
    border-left-color: #D8D8D8;
    border-style: solid;
    border-right: none;
    border-top: none;
    border-bottom: none;
    margin: 0px !important;
    border-radius: 0px 5px 5px 0px;
}

/* Buttons um den Monat umzustellen */
.RadCalendar .rcPrev,
.RadCalendar_Redesign .rcPrev {
    background-image: url(MargoOutlookTheme/DateTimePicker/Skins/Redesign/pfeil-links-grau-16px.png) !important;
    background-size: 9px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.RadCalendar .rcNext,
.RadCalendar_Redesign .rcNext {
    background-image: url(MargoOutlookTheme/DateTimePicker/Skins/Redesign/pfeil-rechts-grau-16px.png) !important;
    background-size: 9px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.RadCalendar .rcFastPrev,
.RadCalendar_Redesign .rcFastPrev {
    background-image: url(MargoOutlookTheme/DateTimePicker/Skins/Redesign/pfeil_zurueck-grau-16px.png) !important;
    background-size: 15px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.RadCalendar .rcFastNext,
.RadCalendar_Redesign .rcFastNext {
    background-image: url(MargoOutlookTheme/DateTimePicker/Skins/Redesign/pfeil_zurueck-grau-16px.png) !important;
    background-size: 15px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    transform: scaleX(-1) !important;
}

/* Höhenanpassungen für Controls, die innerhalb des Grids kleiner dargestellt werden sollen */
.RadGrid_Redesign .RadPicker_Redesign,
.RadGrid_Redesign .RadPicker_Redesign .RadDateTimePicker,
.RadGrid_Redesign .RadPicker_Redesign .riTextbox .riEnabled,
.RadGrid_Redesign .RadInput_Redesign,
.RadGrid_Redesign .RadInput_Redesign .riTextBox,
.RadGrid_Redesign .RadInput_Redesign .riTextBox .riEnabled,
.RadGrid_Redesign .RadInput_Redesign .riTextBox .riFocused,
.RadGrid_Redesign .RadPicker_Redesign table.rcSingle .rcInputCell,
.RadGrid_Redesign .RadPicker_Redesign .RadInput,
.RadGrid_Redesign .RadPicker_Redesign .RadInput .riFocused,
.RadGrid_Redesign .RadInput_Redesign .riSingle,
.RadGrid_Redesign .RadPicker_Redesign .rcCalPopup,
.RadGrid_Redesign .RadPicker_Redesign .rcTimePopup{
    height: 20px !important;
}
.RadGrid_Redesign .RadPicker_Redesign .rcCalPopup,
.RadGrid_Redesign .RadPicker_Redesign .rcTimePopup{
    width: 20px !important;
}

/* RadCalendar additions 31.08. */

.RadCalendarPopup .rcShadTR,
.RadCalendarPopup .rcShadBL,
.RadCalendarPopup .rcShadBR {
    display: none;
}

.RadCalendar_Redesign,
.RadCalendar {
    color: var(--calendar-blue) !important;
    font-family: Calibri !important;
    font-size: 18px !important;
    font-weight: 700;
    border-radius: 6px !important;
    border-width: 0px !important;
    box-shadow: 0 6px 12px #0000002d !important;
    padding: 20px 20px 12px !important;
    background-color: white;
}
.RadCalendar_Redesign .rcTitlebar,
.RadCalendar .rcTitlebar {
    background: none !important;
    border: none !important;
    padding-bottom: 8px !important;
}
.RadCalendar_Redesign .rcTitlebar .rcTitle:hover,
.RadCalendar .rcTitlebar .rcTitle:hover {
    background-color: var(--grey-light);
}
.RadCalendar_Redesign .rcWeek,
.RadCalendar .rcWeek {
    border: solid;
    border-width: 0px 0px 1px;
    border-color: red;
}
.RadCalendar_Redesign .rcWeek > th,
.RadCalendar .rcWeek > th {
    font-size: 14px;
    font-family: 'Calibri';
    font-weight: 700 !important;
    color: #999 !important;
    background-color: transparent !important;
    border: solid !important;
    border-width: 0px 0px 1px !important;
    border-color: #ddd !important;
}
.RadCalendar_Redesign .rcViewSel,
.RadCalendar_Redesign .rcRow > th,
.RadCalendar .rcViewSel,
.RadCalendar .rcRow > th {
    display: none;
}
.RadCalendar_Redesign .rcRow > td,
.RadCalendar .rcRow > td {
    border: none !important;
}
.RadCalendar_Redesign .rcMain,
.RadCalendar .rcMain {
    border: none !important;
}
.RadCalendar_Redesign td.rcHover,
.RadCalendar td.rcHover {
    background: none !important;
    box-shadow: inset 0 -1px 0 1000px #0000000a;
}

.RadCalendar_Redesign td.rcSelected,
.RadCalendar td.rcSelected {
    background: none !important;
    box-shadow: inset 0 0 0 1px #bebebe, inset 0 0 0 1000px #337ab7;
}
.RadCalendar_Redesign td.rcSelected > a,
.RadCalendar td.rcSelected > a {
    color: white !important;
}
.RadCalendar_Redesign .rcMainTable td > a,
.RadCalendar .rcMainTable td > a {
    font-size: 16px;
    padding: 8px !important;
    text-align: center;
    font-weight: 400;
}

.RadCalendarMonthView .rcSelected > a {
    border: none !important;
    background: none !important;
    box-shadow: inset 0 0 0 1px #bebebe, inset 0 0 0 1000px #337ab7 !important;
    color: white !important;
}