@charset "utf-8";
/* CSS Document */
/* Canlendar style start.. */
.RadPicker_Default .RadInput_Default {
    margin-top: -4px !important;
}
.RadPicker .rcCalPopup {
  width: 15px !important;
  height: 16px !important;
  background: url(../../images/iconCalendar.png) no-repeat !important;
}
.RadPicker .rcTimePopup {
  width: 20px !important;
  height: 20px !important;
  /*background: url(../../images/iconCalendar.png) no-repeat !important;*/
}
.RadPicker .riSingle .riTextBox[type="text"] {
  background:transparent;
  border:0px none;
  border-bottom: 1px solid #949494;
  font-size: 1.5rem;
  line-height: 1.78571;
  color: #a1a1a1;
  height: 30px;
  padding-left: 9px !important;
  border-radius: 2px;
  margin-bottom: -3px;
}

    .RadPicker .riSingle .riTextBox[type="text"]:hover {
    border-bottom: 1px solid #000;
    }
.RadPicker .rcCalPopup {
  margin-left: -20px !important;
}
span.fromto{
	margin-left:0px;
}
/* current date selected style*/
.RadCalendar .rcRow .rcSelected {
  background: #C1C3CD !important;
  color:#fff;
  border:1px solid #FFF;
}
/* mouse over style*/
.RadCalendar .rcRow .rcHover{
  border-width: 1px !important;
  border-color: #C1C3CD !important;
  background: transparent !important;
  color:#fff !important;
}
/* week seq no style*/
.RadCalendar .rcRow th {
  color: #F12B02 !important;
}
/* full calendar background & border style*/
table.RadCalendar {
  background: #F5F5F5 !important;
}
.RadCalendar .rcTitlebar {
  border-color: #FFF !important;
  background: #383C48 !important;
  color:#000 !important;
}

.RadCalendar .rcMain {
  border-color: #fff !important;
}
.RadCalendar .rcRow td {
  border: 1px solid #F5F5F5 !important;
}
.RadCalendar .rcRow th,.RadCalendar .rcWeek .rcViewSel {
  background-color: #F5F5F5 !important;
} 
.RadCalendarMonthView input {
  border-color: #C1C3CD !important;
  background: #FFF !important;
  color:#000 !important;
}
.RadCalendar .rcTitlebar .rcPrev {
  background-position: 0 -350px !important;
}
.RadCalendar .rcTitlebar .rcFastPrev {
  background-position: 0 -250px !important;
}
.RadCalendar .rcTitlebar .rcNext {
  background-position: 0 -450px !important;
}
.RadCalendar .rcTitlebar .rcFastNext {
  background-position: 0 -550px !important;
}
.RadCalendar .rcTitlebar .rcPrev, .RadCalendar .rcTitlebar .rcNext, .RadCalendar .rcTitlebar .rcFastPrev, .RadCalendar .rcTitlebar .rcFastNext {
  width: 16px !important;
  height: 16px !important;
  border: 1px solid transparent !important;
  margin: 1px 2px 0 !important;
}
/* font color style*/
.RadCalendar .rcTitlebar .rcTitle {
  color: #fff !important;
}
.RadCalendar .rcWeek th {
  color: #000 !important;
}
.RadCalendar .rcMain .rcRow a{
  color: #000 !important;
}
.RadCalendar.rcMain .rcOutOfRange span {
  color: gray !important;
}
/* Canlendar style ..end */


/* Canlendar-YYYYMM picker style start.. */
table.RadCalendarMonthView {
  border-color: #C1C3CD !important;
  background: #FFF !important;
}
.RadCalendarMonthView a {
  color: #000 !important;
}
.RadCalendarMonthView .rcSelected a {
  border-color: #C1C3CD !important;
  background: #C1C3CD !important;
}
.RadCalendarMonthView_Metro input {
  color: #000 !important;
}
.RadCalendar .rcTitlebar .rcFastPrev { background: url('../../images/icoCalendarYearL.png') no-repeat 50% 50% !important;}
.RadCalendar .rcTitlebar .rcPrev { background: url('../../images/icoCalendarMonthL.png') no-repeat 50% 50% !important;}
.RadCalendar .rcTitlebar .rcNext { background: url('../../images/icoCalendarMonthR.png') no-repeat 50% 50% !important;}
.RadCalendar .rcTitlebar .rcFastNext { background: url('../../images/icoCalendarYearR.png') no-repeat 50% 50% !important;}

.RadCalendar_Black .rcWeek th{background: none !important;}
/* Canlendar-YYYYMM picker style ..end */

.RadCalendar .rcTitlebar .rcTitle {

}
.RadCalendar .rcTitlebar {
    

}


/*TimeView*/
.RadCalendarTimeView_Default th {
background:#383C48 none !important;
color:#fff !important;
}

table.RadCalendarTimeView_Default {
    background:#F5F5F5 none !important;
}

.RadCalendarTimeView_Default td.rcSelected a {
    border-width:0px !important;
    background:#C1C3CD none !important;
    color:#000 !important;
}

.RadCalendarTimeView_Default td.rcHover a {
  border-width: 1px !important;
  border-color: #C1C3CD !important;
  background:none !important;
}

.RadCalendarPopup caption{
        padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.RadPicker_Default .rcTimePopup {
  width: 16px !important;
  height: 16px !important;
  background: url(../../images/iconClock.png) no-repeat !important;   
}