/* CSS Document */
/* datepicker_color.css */
/* modificado 16 octubre 2013 12:20 */

/* Datepicker border styling */
.datepicker{background-color:rgba(200,200,200,.2);border-radius:5px 5px 5px 5px;padding:10px}
.ie7 .datepicker,
.ie8 .datepicker{background:transparent url('/fcs_images/bg/bg-light20.png') repeat;} 
/* Tighten up the spacing between multiple calendars */
.datepickerSpace div{width:2px;}
/* Grey background behind Month Name row, and blue text */
div.datepicker th{background-color:rgb(76,76,76);color:white;}
div.datepicker thead{border-bottom:3px solid rgb(201,164,73);}
div.datepicker th a.datepickerMonth{color:white;font-weight:normal}
/* style the day of week header cells */
div.datepicker th{color:white;font-weight:bold}
/* grey underline beneath day of week row */
div.datepicker table thead tr.datepickerDoW th{border-bottom: 1px solid #CCCCCC;}
/* Black text, white background, and grey borders around day cells */
div.datepicker a,div.datepicker a:hover{color:black}
div.datepicker table.datepickerViewDays,
div.datepicker table.datepickerViewMonths,
div.datepicker table.datepickerViewYears{background-color:white}
div.datepicker table tbody.datepickerDays td{height:25px;width:30px;}
div.datepicker .datepickerToday{border:.1em inset rgb(230,230,230);}
div.datepicker .datepickerToday a span{color:rgb(232,174,51);}
div.datepicker .datepickerToday:hover a span{color:rgb(64,64,64);}
div.datepicker .datepickerToday.datepickerSelected a span{color:rgb(64,64,64);}
.datepickerToday.datepickerNotInMonth,
.datepickerToday.datepickerNotInMonth.datepickerDisabled,
.datepickerNotInMonth.datepickerDisabled.datepickerSelected{border:none;background-color:rgb(229,229,229)!important;}
div.datepicker table tbody.datepickerDays td > a{display:block;width:100%;height:100%;}
div.datepicker table tbody.datepickerDays td > a > span{vertical-align:calc(-5px);display:inline;}
/* blue cell color for selected days */
tbody.datepickerDays td.datepickerSelected{background-color:#e8ae33}
/* Grey out dates in the future */
tbody.datepickerDays td.datepickerSelected{background-color:#e8ae33;font-weight:bold;}
tbody.datepickerDays td.datepickerSelected.fechaIn{background-color:#FFE8A5;}
/* yellow cell background on hover */
div.datepicker tbody.datepickerDays td:hover{background-color:#fc3}
/* Bold today's date */
div.datepicker td.datepickerToday a{font-weight:bold}
/* cells are wider in the clean style */
.datepickerYears a,
.datepickerMonths a{width:42px}
.datepickerMonths td:first-child a,
.datepickerYears td:first-child a{width:39px}
div.datepicker th a.datepickerMonth{width:149px}
#date-range{position:relative}
#date-range-field{width:290px;height:26px;overflow:hidden;position:relative;cursor:pointer;border:1px solid #ccc;border-radius:5px 5px 5px 5px}
#date-range-field a{color:#b2b2b2;background-color:#f7f7f7;text-align:center;display:block;position:absolute;width:26px;height:23px;top:0;right:0;text-decoration:none;padding-top:6px;border-radius:0 5px 5px 0}
#date-range-field span{font-size:12px;font-weight:bold;color:#404040;position:relative;top:0;height:26px;line-height:26px;left:5px;width:250px;text-align:center}
#datepicker-calendar div.datepicker{background-color:transparent;border:0;border-radius:0;padding:0}
.datepicker .HL{background-color:rgb(248,231,193)}
.datepicker .ini,
.datepicker .fin,
.datepicker .ini.datepickerSelected,
.datepicker .fin.datepickerSelected{background-image:url('/fcs_images/sprite/sprite-general-new.png');}
.retina .datepicker .ini,
.retina .datepicker .fin,
.retina .datepicker .ini.datepickerSelected,
.retina .datepicker .fin.datepickerSelected{background-image:url('/fcs_images/sprite/sprite-general-new.png');}
.datepicker .ini,
.datepicker .ini.datepickerSelected{background-position:-536px -147px;}
.datepicker .fin,
.datepicker .fin.datepickerSelected{background-position:-269px -147px;}
.datepicker .datepickerSelected > a > span{color:rgb(64,64,64);}
.datepicker .ini.fin{background-color:rgb(248,231,193)!important;}
div.datepicker td,
div.datepicker td a{cursor:pointer;cursor:hand;}
div.datepicker .datepickerDisabled{background-color:rgb(229,229,229);opacity:.5;cursor:default;}
div.datepicker .datepickerDisabled a{cursor:default;}
div.datepicker .flechaR a{cursor:e-resize}
div.datepicker .flechaL a{cursor:w-resize}
div.datepicker .flechaR.flechaL a{cursor:ew-resize}
/* bootstrap-style the datepicker calendar/widget */
div.datepicker table{margin-bottom:0;}
div.datepicker table th,
div.datepicker table td{border-top-style:none;}
div.datepicker th{}
div.datepicker a,
div.datepicker a:hover{color:#404040;}
div.datepicker a{color: #404040;}
#date-range-field a{outline-style:none;}