/* 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: 'Montserrat', sans-serif;
    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: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 500;
    vertical-align: middle;
    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: 'Montserrat', sans-serif;
    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: 'Montserrat', sans-serif;
    font-size: 12px;
    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;
    border-color: #D8D8D8 !important;
    border-style: solid;
    border-width: 1px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.RadCalendar_Redesign .rcMain
{
    border-color: #D8D8D8 !important;
    border-style: solid;
    border-width: 1px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.RadCalendarMonthView_Redesign
{
    background-color: white;
    white-space: normal;
    font-family: 'Montserrat', sans-serif;
    font-size: 11pt;
    font-weight: 500;
    vertical-align: middle;

    border-color: #D8D8D8 !important;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
}
.RadCalendarMonthView_Redesign input[type="button"]
{
    background-image: none; 
    background-color: #CF1C34;
    font-family: 'Montserrat', sans-serif;
    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: 'Montserrat', sans-serif;
    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;
}
.RadCalendarMonthView_Redesign a,
.RadCalendar_Redesign tr.rcRow a
{
    border-color: white;
    border-style: solid;
    border-width: 1px;
}

.RadPicker_Redesign a.rcCalPopup {
    height: 34px !important;
    width: 34px !important;
    background-repeat: no-repeat;
    background-color: #F3F3F3 !important;
    background-position: center;
    background-image: url(MargoOutlookTheme/DatePicker/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;
    margin: 0px !important;
}

/* Buttons um den Monat umzustellen */
.RadCalendar_Redesign .rcPrev {
    background-image: url(MargoOutlookTheme/DatePicker/Skins/Redesign/pfeil-links-grau-16px.png);
    background-size: 9px;
    background-position: center;
    background-repeat: no-repeat;
}
.RadCalendar_Redesign .rcNext {
    background-image: url(MargoOutlookTheme/DatePicker/Skins/Redesign/pfeil-rechts-grau-16px.png);
    background-size: 9px;
    background-position: center;
    background-repeat: no-repeat;
}
.RadCalendar_Redesign .rcFastPrev {
    background-image: url(MargoOutlookTheme/DatePicker/Skins/Redesign/pfeil_zurueck-grau-16px.png);
    background-size: 15px;
    background-position: center;
    background-repeat: no-repeat;
}
.RadCalendar_Redesign .rcFastNext {
    background-image: url(MargoOutlookTheme/DatePicker/Skins/Redesign/pfeil_zurueck-grau-16px.png);
    background-size: 15px;
    background-position: center;
    background-repeat: no-repeat;
    transform: scaleX(-1)
}

/* Höhenanpassungen für Controls, die innerhalb des Grids kleiner dargestellt werden sollen */
.RadGrid_Redesign .RadPicker_Redesign a.rcCalPopup,
.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 a.rcCalPopup{
    height: 20px !important;
}
.RadGrid_Redesign .RadPicker_Redesign a.rcCalPopup{
    width: 20px !important;
}
.RadGrid_Redesign .RadPicker_Redesign,
.RadGrid_Redesign .RadPicker_Redesign .RadDateTimePicker,
.RadGrid_Redesign .RadPicker_Redesign .riTextbox .riEnabled{
    border-radius: 5px !important;
}