@import url('/etc/fonts':400,300,600 );

.datepickerContainer {
    background-image:      url(/icon/datepicker.png);
    background-repeat:     no-repeat;
    background-position:   center right 12px;
    background-color:      RGB(220,220,220);
}
.datepicker {
    background:            #fff;
    border:                1px solid #ccc;
    border-radius:         3px;
    box-shadow:            0 0 3px #bbb;
    color:                 #666;
    font-family:          'Gotham Bold', sans-serif;
    font-size:             15px;
    margin-top:            10px;
    width:                 280px;
}
.datepicker table        { width:      100%;   }
.datepicker th           { text-align: center; }
.datepicker td           { text-align: center; }
.datepicker__calendar    { font-size: 15px; padding: 5px; }
.datepicker__day {
    border-radius:         100%;
    cursor:                pointer;
    padding:               5px 2px;
    transition:            all .2s ease-out;
    width:                 28px;
    height:                22px;
}
.datepicker__day:hover           { background:RGB(255,100,  0); color: #fff; }
.datepicker__day--today          { background:RGB(255,190,150); color: #666; }
.datepicker__day--selected       { background:RGB(255,100,  0); color: #fff; }
.datepicker__day--disabled       { background: #cccccc; color: #ffffff; cursor: not-allowed; }
.datepicker__day--disabled:hover { background: #dddddd; color: #ffffff; }
.datepicker__day--sunday         { background: #cccccc; color: #ffffff; cursor: not-allowed; }
.datepicker__day--sunday:hover   { background: #dddddd; color: #ffffff; }
.datepicker__day--saturday       { background: #dddddd; color: #ffffff; cursor: not-allowed; }
.datepicker__day--saturday:hover { background: #eeeeee; color: #ffffff; }
.datepicker__week                { font-size: 1em; font-weight: 600; }
.datepicker__header              { background: #f2f2f4; padding: 15px; text-align: center; }
.datepicker__header div          { display: inline-block; }
.datepicker__month               { font-size: .875em; font-weight: 600; text-transform: uppercase; }
.datepicker__date--month         { background: none; border:0; color: #666; font-size: 15px; height: 20px; }
.datepicker__date--year          { background: none; border:0; color: #666; font-size: 15px; height: 20px; }
.datepicker__arrow {
    background-repeat:     no-repeat;
    cursor:                pointer;
    width:                 14px;
    height:                24px;
    outline:               0;
    position:              absolute;
    top:                   31px;
    -moz-user-select:      none;
    -ms-user-select:       none;
    -webkit-user-select:   none;
    user-select:           none;
}
.datepicker__arrow--next {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN5wAADecBmRSqJgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADWSURBVBiVfY8xSkNBFEXPe0njxGB24R4srM1YjFhMGYjYuRxLMWI7lZ8EDAqKiN8mC7B2BULMiPh/noUYvoW57Tncy5Xx+OZZhFfVauC9/6QRFeEFiMtl6yqlcuMPzPntGLgE2XPufZrS/eYKxhjr2aw8EuEC2HXu67ooii6A/FpmJpPJ7akIJ0CpWvWludEUzLhT1uS/2ifVygtASqnV6fTOzBiCPNZ13g8hzPUHbI3MGIrwkHPbhxDmAG3neudmDMCmi0X3MMadj9VPM7aBpFofNAHAN0NkW9nLdIQRAAAAAElFTkSuQmCC);
right: 14px;
}
.datepicker__arrow--prev {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN5wAADecBmRSqJgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADXSURBVBiVXZAxTsNAFETfmMRWvL4C3GVRIlFElFRYHABxB1+CBlFEFBFsgQJrWTIIQRWq9NyDLrG8FGDkeNqn+TPzxUBVVSVtO7oLgaOoD5xbT9r2YAWcSXypA977VIqfQFPg3phxHgHUdW0g8aBpCGFpzDi31jaRc+/ZbqdS4jgEbjebz9xa2wDI+5e3P3A9n8+uJIUuaq/QUFEch1PgQ+KyLF9viqL4N6grtN3q+fd8WGZZfGGtbQZTkhUwk/SQpqNz9TOcW0/S9PsRdAIs9mD/fRAOfwCC1k8eHoJobwAAAABJRU5ErkJggg==);
left: 18px;
}