@charset "utf-8";
/* CSS Document */
/* Canlendar style start.. */
.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: #000;
  height: 30px;
  padding-left: 9px !important;
  border-radius: 2px;
  margin-bottom: -2px;
}
    .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;
}
.RadCalendar caption {
    padding-top: 0px !important;
    padding-bottom: 0px !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: #0258ae !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;   
}
/*行事曆*/
.RadCalendar_Custom .rcTitlebar {
    border-color: #FFF !important;
    background: #0258ae !important;
    color: #000 !important;
}

    .RadCalendar_Custom .rcTitlebar .rcTitle {
        font-size: 1em;
        padding: 10px;
    }

    .RadCalendar_Custom .rcTitlebar caption {
        display: none;
    }

.RadCalendar_Custom .rcMain .rcTitle {
    font-size: 1em;
    padding: 5px !important;
}
.RadCalendar_Custom .rcMain, .RadCalendar_Custom .rcCalendar {
    border-color: #C1C3CD !important;
    border-style: solid !important;
    border-width: 1px !important;
    padding: 0;
}

.RadCalendar_Custom .rcMain td:not(.rcOtherMonth) {
    /*border-top: 1px solid #808080 !important;
                border-right: 1px solid #808080 !important;*/
    background-color: #FFF;
}

.RadCalendar_Custom .rcMain * {
    /*background-color:#FFF !important;*/
}

.RadCalendar_Custom .rcMain thead {
    background-color: #f5f5f5 !important;
}

.RadCalendar_Custom .rcMain th {
    text-align: center !important;
}

.RadCalendar_Custom .rcMain td a {
    /*border-width: 10px !important;
                border-style: solid !important;
                border-color: red !important;
                border-image: initial !important;*/
    /*border: 1px solid #C1C3CD !important;
                border: 1px solid #C1C3CD !important;*/
    text-align: center;
}
    .RadCalendar_Custom .rcMain td.rcOtherMonth a {
        color: #dbdbdb  !important;
    }
    .RadCalendar_Custom .rcMain td.Holiday a {
        color: red !important;
    }

    .RadCalendar_Custom .rcMainTable .rcTitle {
        border-style: solid !important;
        border-width: 0 0 0px 0 !important;
        border-color: #FFF !important;
        padding: 0;
        color: #0258ae !important;
        font-weight: bold;
        font-size: 1em;
        background-color: #e0e0e0 !important;
    }