/*
    Unminified development version of the datepicker stylesheet. Please use the
    minified version in production (remember to run a find/replace on the
    file to update the image locations to suit your installation).
*/

/*
    Hide the datepickers associated input by using a className
*/
.fd-hidden-input    {    display:none;}
/*
    Screen reader class - used to hide spans inside each cell from the visual
    display. See: http://webaim.org/techniques/css/invisiblecontent/
*/
.fd-screen-reader  {
    clip: rect(1px, 1px, 1px, 1px);
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	height: 0;
	overflow: hidden;
	position: absolute;
	width: 0;
}
/*
    The wrapper div
*/
.date-picker   {
    position:absolute;
    z-index:9999;
    text-align:center;
	width: 350px;
	/*height: 525px;*/
    /*
    Change the font-size to suit your needs. The following line is for the demo
    that has a 14px font-size defined on the body tag.

    All other rules are "em" based and inherit from the font-size set here.
    */
    font:900 0.8em/1em 'Open Sans', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    background:transparent;
    -webkit-user-select:none;
       -moz-user-select:none;
        -ms-user-select:none;
         -o-user-select:none;
            user-select:none;
}
input.select_date {
	width: 80%;
	float: left;
    /*min-height: 2.625em;*/
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 2.625em;
}
/*
    Styles for the static datePickers
*/
.static-datepicker  {
    position:relative;
    top:5px;
    left:0;
    margin-bottom:1.5em;
}
/*
    The iframe hack to cover selectlists in IE6
*/
.iehack   {
    position:absolute;
    background:#fff;
    z-index:9998;
    padding:0;
    margin:0;
    border:0;
    display:none;
}
/*
    The activation "button" created beside each input for popup datePickers
*/
.date-picker-control .fontIcon {
    display:block;
    
    /*overflow:hidden;*/
    margin:auto 0;
    resize:none;
    outline:none;
    line-height: 1em;
	padding: 1px;
	font-size: 1em;
}
.date-picker-control span.fontIcon i{
	margin: 0px 0 0 1px;
}
/*
    The hover effect on the activation button
*/
.date-picker-button-active span,
.date-picker-control:focus span,
.date-picker-control:hover span,
.date-picker-control:active span   {
    outline:none;
    -webkit-box-shadow:0 0 5px rgba(40, 130, 170, 0.7);
       -moz-box-shadow:0 0 5px rgba(40, 130, 170, 0.7);
            box-shadow:0 0 5px rgba(40, 130, 170, 0.7);
    -webkit-border-radius:2px;
       -moz-border-radius:2px;
            border-radius:2px;
}
/*
    A base64 encoded image-sprite is used for the activation button. IE6 and 7
    get fed "normal" png images within the rule that follows.
*/
.date-picker-control:link,
.date-picker-control:visited   {
    position: relative; /*changed from relative to fit in the border */
    /*display: -moz-inline-stack;*/
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    padding:10px;
    /*margin:0 -1px;*/
    margin-left: -2px;
    background-color:#fff;
    /*background-repeat:no-repeat;
    background-position:11px 12px;
	background-image:url(../../images/datepicker-sprite.png);*/
    
    /*line-height:1;*/
    cursor:pointer;
    visibility:visible;
    text-decoration:none;
    vertical-align:text-bottom;
    resize:none;
    color: #333333;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 2.75em;
	float: left;
}
/*
    IE6 & 7 fed "normal" png images
*/
.oldie .date-picker-control:link,
.oldie .date-picker-control:visited  {
    /*
    IE7 gets a non-base64 encoded image sprite of the base64 encoded image
    declared above. That's all you have to do for IE7 support as it inherits
    the background-position declarations used to reposition the sprite
    */
    *background-image:url(../../images/datepicker-sprite.png);
    /*
    IE6 gets the filter treatment and an individual image for each animation
    state. This pattern is repeated for all other image-based rules within the
    stylesheet
    */
    _background-image:none;
	    /*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='../../images/datepicker-normal.png');*/
}
/*
    If the datepicker has a valid date then use a different icon for the
    activation button to let the user know. It's a little detail but it's the
    little things in life etc
*/
.date-picker-dateval:link,
.date-picker-dateval:visited   {
    background-position:11px -57px;
    color: #00688f;
}
/*
    Again, IE6 gets a "normal" png image from the server. Rinse, repeat.
*/
.oldie .date-picker-dateval:link,
.oldie .date-picker-dateval:visited  {
    /*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='../../images/datepicker-selected.png');*/
}
/*
    Hover states etc for the activation button
*/
.date-picker-button-active:link,
.date-picker-button-active:visited,
.date-picker-control:focus,
.date-picker-control:hover,
.date-picker-control:active  {
    background-position:11px -91px;
    color: #029cd2
}
/*
    IE 6 activation button hover states
*/
.oldie .date-picker-button-active:link,
.oldie .date-picker-button-active:visited,
.oldie .date-picker-control:focus,
.oldie .date-picker-control:hover,
.oldie .date-picker-control:active  {
    /*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='../../images/datepicker-focused.png');*/
}
/*
    Disabled activation button
*/
.date-picker-control-disabled:link,
.date-picker-control-disabled:visited,
.date-picker-control-disabled:hover,
.date-picker-control-disabled:active  {
   	background-color: #E0E0E0;
    background-position: 11px -21px;
    cursor: not-allowed;
    color: #888888;
}
/*
    IE 6 disabled activation button
*/
.oldie .date-picker-control-disabled:link,
.oldie .date-picker-control-disabled:visited,
.oldie .date-picker-control-disabled:hover,
.oldie .date-picker-control-disabled:active  {
    /*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='../../images/datepicker-disabled.png');*/
}
.date-picker-control-disabled:hover span,
.date-picker-control-disabled:active span  {
    -webkit-box-shadow:none !important;
       -moz-box-shadow:none !important;
            box-shadow:none !important;
}
/*
    Feed IE6 the following rule, IE7 should handle the min-width declared
    previously.
 */
.oldie .date-picker-control  {   _width:18px;   }
/*
    IE, older Safari & Opera. Seperate CSS rule seems to be required.
*/
.date-picker-control  {  display:inline-block;  }
/*
    Default datepicker "button" styles
*/
.date-picker th span  {
    display:block;
    padding:0;
    margin:0;
    text-align:center;
    line-height:1em;
    border:0 none;
    background:transparent;
    font-weight:bold;
    cursor:pointer;
}
/*    The "month, year" display  */
.date-picker .month-display,
.date-picker .year-display   {
    display:inline;
    text-transform:uppercase;
    font-weight:700;
    font-size:1em;
	color:#207b93;
}
/*
    Generic button class for Next & Previous (both month & year) buttons
*/
.date-picker .prev-but,
.date-picker .next-but   {
    font-weight:normal;
    font-size:2.4em;
    font-family: georgia, times new roman, palatino, times, bookman, serif;
    cursor:pointer;
}
.date-picker .prev-but,
.date-picker .next-but,
.date-picker .today-but   {
    -webkit-transition:all .2s ease-in-out;
       -moz-transition:all .2s ease-in-out;
        -ms-transition:all .2s ease-in-out;
         -o-transition:all .2s ease-in-out;
            transition:all .2s ease-in-out;
}
/*
    Hover effect for Next & Previous (month, year) buttons
*/
.date-picker .prev-but:hover,
.date-picker .next-but:hover,
.date-picker .today-but:hover   {   color:#029dd3; }
.date-picker .prev-but:hover,
.date-picker .next-but:hover  {
    /*
    Uncomment this if you want a scale effect...

    -webkit-transform:scale(1.6);
       -moz-transform:scale(1.6);
        -ms-transform:scale(1.6);
         -o-transform:scale(1.6);
            transform:scale(1.6);

    text-shadow:0 2px 1px rgba(0,0,0,.4);
    */
}
/*     Today button */
.date-picker .today-but   {
    text-align:center;
    margin:0 auto;
    font-weight:900;
    font-size:.85em;
    width:100%;
    text-decoration:none;
    padding-top:0.3em;
    text-transform:uppercase;
    vertical-align:middle;
    cursor:pointer
}
/*     Disabled buttons */
.date-picker-disabled .prev-but,
.date-picker-disabled .next-but,
.date-picker-disabled .today-but,
.date-picker-disabled .prev-but:hover,
.date-picker-disabled .next-but:hover,
.date-picker-disabled .today-but:hover,
.date-picker .prev-but.fd-disabled:hover,
.date-picker .next-but.fd-disabled:hover,
.date-picker .fd-disabled,
.date-picker .fd-disabled:hover    {
    color:#aaa;
    cursor:default !important;
    opacity:1;
}
.date-picker .prev-but.fd-disabled:hover,
.date-picker .next-but.fd-disabled:hover    {
    /*
    Uncomment this if you have uncommented the "scale" rules above

    -webkit-transform:scale(1);
       -moz-transform:scale(1);
        -ms-transform:scale(1);
         -o-transform:scale(1);
            transform:scale(1);
    */
    text-shadow:0 -1px 1px rgba(255,255,255,.8);
}
/*     The gradient background image */
.date-picker table,
.date-picker td,
.date-picker tbody th,
.date-picker .day-disabled,
.date-picker .date-picker-hover.day-disabled,
.date-picker .date-picker-unused,
.date-picker .month-out     {
    background-color:#fff;
 /*   background-image:url(data:image/gif;base64,R0lGODlhJgBbAMQAAAAAAP////7+/v39/fz8/Pv7+/r6+vn5+fj4+Pf39/b29vX19fT09PPz8/Ly8vHx8fDw8O/v7+7u7u3t7ezs7Ovr6+rq6unp6ejo6Ofn5+bm5uXl5f///wAAAAAAAAAAACH5BAEAABwALAAAAAAmAFsAAAX/4CaOZGmeaKqubOu+cCzPWm3feK7vfO//wCAvQywaj8ikcslsOp/QJWZKrVqv2Kx2y+16v9qLeEwum8/otHqttrjf8Lh8Tq/b7/aKfs/v+/+AgYKDhIWGgRSJiouMjY6PkJGSkROVlpeYmZqbnJ2enRKhoqOkpaanqKmqqRGtrq+wsbKztLW2tRC5uru8vb6/wMHCwQ/FxsfIycrLzM3OzQ7R0tPU1dbX0Q3a29zd3t/g4eLj4gzm5+jp6uvs7e7v7gvy8/T19vf4+fr7+gr+/wADChxIsKDBgwYTKFzIsKHDhxAjSpwoEYHFixgzatzIsaPHjx4PiBxJsqTJkyhTi6pcybKly5QGYsqcSbOmzZs4c+rMWaCnz59AgwodSrSo0aIEkipdyrSp06dQo0qdSrUq1AFYs2rdyrWr169gw4odS/argLNo06pdy7at27dw48qd6zaA3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0ueTLmy5cuYM2vezLmz58+gQ4tOHAIAOw==);
    background-repeat:repeat-x;
    background-position:0 0;*/
}
.oldie .date-picker table,
.oldie .date-picker td,
.oldie .date-picker tbody th,
.oldie .date-picker .day-disabled,
.oldie .date-picker .date-picker-hover.day-disabled,
.oldie .date-picker .date-picker-unused,
.oldie .date-picker .month-out     {
  /* *background-image:url(../../images/datepicker-gradient.gif);*/
    /*
    Remove from IE6 as it has a bug that never caches images on dynamically
    created elements which results in one http request being made for each
    cell of each table rendered by the script.
    */
    _background-image:none;
}
.date-picker table    {
    table-layout:fixed;
    empty-cells:show;
    border-collapse:separate;
    position:relative;
    margin:0;
    padding:0;
    border:1px solid #ccc;
    text-align:center;
    z-index:2;
    width:auto;
    height:auto;
    color:#333;
    font-size:1em;
 /*   -webkit-border-radius:0.8em;
       -moz-border-radius:0.8em;
            border-radius:0.8em;
    -webkit-box-shadow:0px 0px 5px #aaa;
       -moz-box-shadow:0px 0px 5px #aaa;
            box-shadow:0px 0px 5px #aaa;  */
}
/*     Common TD & TH styling */
.date-picker td,
.date-picker tbody th    {
    border:0 none;
    padding:0;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    width:2.5em;
	color:#000;
    height:2.5em;
    overflow:hidden;
    outline:transparent none 0px;
    border:none;
    text-transform:none;
    font-weight:700;
    text-shadow:0 1px #fff;
}
.date-picker th  {
    border:0 none;
    padding:0;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
    text-transform:none;
}
.date-picker .date-picker-week-header  {
    font-style:oblique;
    background:transparent;
    cursor:default;
}
.date-picker .date-picker-thead .date-picker-week-header  {
    border:0 none;
    cursor:help;
}
/*
    The "mon tue wed etc" day header styles
*/
.date-picker .date-picker-day-header  {
    cursor:help;
    border:0 none;
    text-transform:uppercase;
	color:#000;
    height:auto;
	line-height:1.5em;
	padding: 0 5px;
}
/*     tfoot status bar */
.date-picker .date-picker-statusbar  {
    cursor:default;
    font-weight:normal;
    text-transform:uppercase;
    letter-spacing:0.1em;
    border:0 none;
    background:#fff;
    height:2.8em;
}
/*     TD cell that is _not_ used to display a day of the month */
.date-picker .date-picker-unused  {
    border-color:#dcdcdc;
    cursor:default !important;
    background-position:0 -25px;
    color: #00688f;
}
/*     The TH cell used to display the "month, year" title */
.date-picker .date-picker-title  {
    width:auto;
    height:auto;
    padding:0.4em 0;
	color:#073347	;
	font-size:1.125em;
	font-weight:bold;
	line-height:1.5em;
	border-bottom:1px solid #ccc;

}
/*     The "todays date" cell style */
.date-picker .date-picker-today  {
  /*  background:#fff url(data:image/gif;base64,R0lGODlhKwEoAJEAAKnT6v////X6+gAAACH5BAAAAAAALAAAAAArASgAAALXjI+py+0Po5y02ouz3lz4D4biSJbmiabqyrbuC8fyLAcCgOf0zvf+DwwKhyJbDkdMKpfMpnNo1D2n1Kr1GowCsNyu99uNgsfksnlnPKvX7LbA5o7L51Q4/Y7P8+z6vv9fwgc4SJgnWIiYuHao2OgY9hgpecU4aXkJVIm5yQmj2QkaavIpWmpKapraiaraasnqGusIK1tbSGub64er23vH6xvsBixcfEZsnAyGrNyMxewcPQUtXb1EbZ0thK3d3cPtHV4jTl5Xft4Ejr4eyO6e9R7/LU8/UwAAOw==) no-repeat 0 0;*/

 }
.oldie .date-picker .date-picker-today  {
  /*  *background:#fff url(../../images/datepicker-today.gif) no-repeat 0 0;*/
}
.date-picker .month-out.date-picker-highlight   {     }
/*
    The "highlight days" style
*/
.date-picker .date-picker-highlight   {     }
/*
    The "active cursor" style
*/
.date-picker td  {
    /*

    Uncomment this if you want a transition on the cursor cells scale effect

    -webkit-transition: all .2s ease;
       -moz-transition: all .2s ease;
        -ms-transition: all .2s ease;
         -o-transition: all .2s ease;
            transition: all .2s ease;
    */
}
/*
    Keyboard users get a scaled cursor. webKit exhibits buggy behaviour when
    scaling TD cells so commented out until I find a curious CSS based fix.
    HH: I commented out the rest as well since this triggered a bug in FF where focus events are incorrectly sent when removing a classname
*/
.date-picker-focus .date-picker-hover  {
    /*
    -webkit-transform:scale(1.25);
    */
    /*
       -moz-transform:scale(1.25);
        -ms-transform:scale(1.25);
         -o-transform:scale(1.25);
            transform:scale(1.25);
            */
}

.date-picker .date-picker-hover,
.date-picker .month-out.date-picker-hover  {
    background: #046792;
    outline: 2px solid #046792;
	color: #fff;
}
.oldie .date-picker .date-picker-hover,
.oldie .date-picker .month-out.date-picker-hover  {
    *background:#fff url(../../images/datepicker-cursor.jpg) no-repeat 0 0;
}
/*
    The "disabled days" style
*/
.date-picker .day-disabled  {
    color:#888;
    cursor:default;
    text-decoration:line-through;
    background-position:0 -15px;
}
.date-picker .month-out   {
 /*   border-color:#ddd;
    border-color:rgba(220,220,220,0.8);*/
    color:#aaa;
    background-position:0 -25px;
}
/*
    The "selected date" style - color changed below also
*/
.date-picker .date-picker-selected-date  {
   /* border-color:#888 !important;
    border-color:rgba(7,7,7,.6) !important;*/
}
/*
    The date "out of range" style
*/
.date-picker .out-of-range,
.date-picker .not-selectable  {
    color:#ccc;
    font-style:oblique;
    background:#fcfcfc;
    cursor:default;
}
/*
    Week number "out of range" && "month-out" styles
*/
.date-picker th.month-out,
.date-picker th.out-of-range  {
    color:#aaa;
    font-style:oblique;
    background:#fcfcfc;
}
/*
    Week numbers "out of range"
*/
.date-picker .out-of-range  {
    opacity:0.6;
}
/*
    Used when the entire grid is full but the next/prev months dates cannot be
    selected
*/
.date-picker .not-selectable  {
    opacity:0.8;
}
.oldie .date-picker .out-of-range  {
    filter:alpha(opacity=60);
}
.oldie .date-picker .not-selectable  {
    filter:alpha(opacity=80);
}
.date-picker tr  {
    display:table-row;
}
.date-picker sup  {
    font-size:0.86em;
    letter-spacing:normal;
    text-transform:none;
    height: 0;
	line-height: 1;
	position: relative;
	top:-0.2em;
	vertical-align: baseline !important;
	vertical-align: top;
}
.date-picker .date-picker-day-header,
.date-picker .month-display,
.date-picker .year-display  {
    text-shadow: 0px 1px 1px #fff;
}
.date-picker .month-display,
.date-picker .year-display  {
    cursor:default;
}
.date-picker td:focus,
.date-picker .date-picker-hover   {
    z-index:99999;
    /*overflow:hidden;*/
    /*
	-moz-outline:0 none;
         outline:0 none;
	-o-highlight:0 none;
	*/
}
/*
    The "pulse" animation on focused button and datepicker cursor
*/
.date-picker-focus .date-picker-hover,
.date-picker-control:focus span  {
	/* HH: The pulsating animations caused a big amount of sluggishness when running a screen reader,
	so sommented it out for now.
	*/

	/*
    -webkit-animation:fd-dp-pulse 2s infinite;
       -moz-animation:fd-dp-pulse 2s infinite;
        -ms-animation:fd-dp-pulse 2s infinite;
         -o-animation:fd-dp-pulse 2s infinite;
    */
}
/*
    The "selected date" style
*/
.date-picker .date-picker-selected-date  {
    background-color:#046792;
	color:#fff;
   /*  color:rgba(3,3,3,.8);*/
}
/*
    Remove the box-shadow for the inline datepickers
*/
.static-datepicker table  {
    -webkit-box-shadow:0 0 0 transparent;
       -moz-box-shadow:0 0 0 transparent;
            box-shadow:0 0 0 transparent;
}
.date-picker-focus table  {
    border-color:#999;
    border-color:rgba(153,153,153,.8);
    -webkit-box-shadow:0px 0px 5px #aaa;
       -moz-box-shadow:0px 0px 5px #aaa;
            box-shadow:0px 0px 5px #aaa;
}
/*
    Draggable datepickers
*/
.date-picker .drag-enabled,
.date-picker .drag-enabled span  {
    cursor:move;
}
/*
    Disabled datePicker
*/
.date-picker-disabled table  {    opacity:.8 !important; }
.oldie .date-picker-disabled table  {    filter:alpha(opacity=80); }
.date-picker-disabled,
.date-picker-disabled td,
.date-picker-disabled th,
.date-picker-disabled th span  {
    cursor:default !important;
}
.date-picker-disabled .prev-but:hover,
.date-picker-disabled .next-but:hover  {
    /*
    Uncomment this if you have used the previous scale rules previously
    declared within the file (for the prev-but and next-but classes)

    -webkit-transform:scale(1);
       -moz-transform:scale(1);
        -ms-transform:scale(1);
         -o-transform:scale(1);
            transform:scale(1);
    */
    text-shadow:none;
}
body.fd-drag-active   {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
       -moz-user-select:none;
            user-select:none;
}
/*
    Glow effect for the focused (keyboard active) cursor cell and popup
    datepickers activation button
*/
@-webkit-keyframes fd-dp-pulse {
0%      {
        box-shadow:0 0 4px rgba(100, 130, 170, 0.5);
    }
20%     {
        box-shadow:0 0 4px rgba(70, 130, 170, 0.6);
    }
40%     {
        box-shadow:0 0 5px rgba(40, 130, 170, 0.7);
    }
60%     {
        box-shadow:0 0 6px rgba(10, 130, 170, 0.8);
    }
80%     {
        box-shadow:0 0 5px rgba(40, 130, 170, 0.7);
    }
100%    {
        box-shadow:0 0 4px rgba(70, 130, 170, 0.6);
    }
}
@-moz-keyframes fd-dp-pulse {
0%      {
        box-shadow:0 0 4px rgba(100, 130, 170, 0.5);
    }
20%     {
        box-shadow:0 0 4px rgba(70, 130, 170, 0.6);
    }
40%     {
        box-shadow:0 0 5px rgba(40, 130, 170, 0.7);
    }
60%     {
        box-shadow:0 0 6px rgba(10, 130, 170, 0.8);
    }
80%     {
        box-shadow:0 0 5px rgba(40, 130, 170, 0.7);
    }
100%    {
        box-shadow:0 0 4px rgba(70, 130, 170, 0.6);
    }
}
@-ms-keyframes fd-dp-pulse {
0%      {
        box-shadow:0 0 4px rgba(100, 130, 170, 0.5);
    }
20%     {
        box-shadow:0 0 4px rgba(70, 130, 170, 0.6);
    }
40%     {
        box-shadow:0 0 5px rgba(40, 130, 170, 0.7);
    }
60%     {
        box-shadow:0 0 6px rgba(10, 130, 170, 0.8);
    }
80%     {
        box-shadow:0 0 5px rgba(40, 130, 170, 0.7);
    }
100%    {
        box-shadow:0 0 4px rgba(70, 130, 170, 0.6);
    }
}
@-o-keyframes fd-dp-pulse {
0%      {
        box-shadow:0 0 3px rgba(100, 130, 170, 0.55);
    }
20%     {
        box-shadow:0 0 4px rgba(70, 130, 170, 0.6);
    }
40%     {
        box-shadow:0 0 5px rgba(40, 130, 170, 0.65);
    }
60%     {
        box-shadow:0 0 6px rgba(10, 130, 170, 0.7);
    }
80%     {
        box-shadow:0 0 5px rgba(40, 130, 170, 0.65);
    }
100%    {
        box-shadow:0 0 4px rgba(70, 130, 170, 0.6);
    }
}