﻿.CalendarTextBox {
    /* background-color: #FFFFFF; */
    /* border-color: #8B9CAC; */
    border-style: solid;
    border-width: 1px;
    direction: rtl;
    font-size: 14px;
    font-weight: bold;
    /* height: 19px; */
    margin: 0px;
    padding: 0px;
    text-align: right;
    padding-top: 4px;
    padding-right: 5px;
    border-color: #cdcdcd;    background: white;    
    width: 180px!important;
    color: black;    font: 100 16px "Segoe UI",Arial,Helvetica,sans-serif;
    height: 32px;
}

.CalendarTextBox:hover { background-color: #F0F2F4; }

.CalendarButton {
    background-color: #C0C0C0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #8B9CAC;
    border-left-style: solid;
    border-left-width: 1px;
    border-top-style: solid;
    border-top-width: 1px;
    color: #FFFFFF;
    margin: 0px;
    padding: 0px;
    text-align: center;
    width: 30px;
}

.CalendarMain {
    background-color: #F0F2F4;
    border: 1px solid #DBDBDB;
    font-size: 12px;
    text-align: center;
    height: 179px;
    /* width: 257px; */
}

.CalendarMain .CalendarTitle { }

.CalendarMain .CalendarTitle .CalendarTitleText {
    color: Blue;
    font-weight: bold;
}

.CalendarMain .CalendarTitle .CalendarTitleBtnNextMonth {
    /* background-color: #C0C0C0; */
    /* border: 1px solid #808080; */
    /* color: Blue; */
    /* font-weight: bold; */
}

.CalendarMain .CalendarTitle .CalendarTitleBtnNextYear {
    /* background-color: #C0C0C0; */
    /* border: 1px solid #808080; */
    /* color: #0000FF; */
    font-weight: bold;
}

.CalendarMain .CalendarTitle .CalendarTitleBtnPrevMonth {
    /* background-color: #C0C0C0; */
    /* border: 1px solid #808080; */
    /* color: Blue; */
    /* font-weight: bold; */
}

.CalendarMain .CalendarTitle .CalendarTitleBtnPrevYear {
    /* background-color: #C0C0C0; */
    /* border: 1px solid #808080; */
    /* color: Blue; */
    /* font-weight: bold; */
}

.CalendarMain .CalendarDays {
    /* border: 1px solid #8C8C8C; */
    color: #000000;
    font-weight: bold;    
}

.CalendarMain .CalendarDays .CalendarDaysTitle {
    background-color: rgb(255, 255, 255);
    color: #3F3434;
    font-weight: bold;
    height: 27px;
}

.CalendarMain .CalendarDays .CalendarDayTitleCell { border: 1px solid #FFFFFF; padding: 2px; /* width: 30px; */}

.CalendarMain .CalendarDays .CalendarDaysWeek1 { }

.CalendarMain .CalendarDays .CalendarDaysWeek2 { }

.CalendarMain .CalendarDays .CalendarDaysWeek3 { }

.CalendarMain .CalendarDays .CalendarDaysWeek4 { }

.CalendarMain .CalendarDays .CalendarDaysWeek5 { }

.CalendarMain .CalendarDays .CalendarDaysWeek6 { }

.CalendarMain .CalendarDays .CalendarDaysCol1 { }

.CalendarMain .CalendarDays .CalendarDaysCol2 { }

.CalendarMain .CalendarDays .CalendarDaysCol3 { }

.CalendarMain .CalendarDays .CalendarDaysCol4 { }

.CalendarMain .CalendarDays .CalendarDaysCol5 { }

.CalendarMain .CalendarDays .CalendarDaysCol6 { }

.CalendarMain .CalendarDays .CalendarDaysCol7 { }

.CalendarMain .CalendarDays .SelectedDay {
    background-color: #FF0000;
    border: 1px solid #C0C0C0;
    color: #FFFFFF;
    direction: rtl;
}

.CalendarMain .CalendarDays .UnSelectedDay {
    background-color: #F0F2F4;
    border: 1px solid #DFDFDF;
    direction: rtl;
}

.CalendarMain .CalendarDays .UnSelectedDay:hover {
    background-color: #FFFFFF;
    border: 1px solid #666666;
    color: #FF3300;
}


.CalendarMain .CalendarCurrentDate {
    /* background-color: #000066; */
    color: #2A2A2A;
    direction: rtl;
    font-weight: bold;
    text-align: right;
}

.CalendarMain .divCurrentDate { }

.CalendarMain .CurrentDateLabel {
    width: 83px;
 
    padding-right: 5px;
}