/****************************
    TCPOS datepicker.css
    08.12.2015
    v 0.1

****************************/

/*! normalize.css v3.0.2 | MIT License | git.io/normalize | jqueryui.com/datepicker
    CSS Definition for datepicker elements. !!! DO NOT CHANGE except for Colors!!!  
*/

@media screen {
    .ui-datepicker {
        width: 218px;
        min-width: 218px;
        height: auto;
        font: 9pt sans-serif;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
        background : black;
    }

    .ui-datepicker table {
        width: 100%;
        color:black;
    }
    
    .ui-datepicker-header span {
        color: black;
    }
    
    .ui-datepicker-header {
        background: #ffe600;
        -webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
        -moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
        box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
        line-height: 30px;
        border-width: 1px 0 0 0;
        border-style: solid;
        border-color: #111;
    }
    
    .ui-datepicker-title {
        text-align: center;
    }
    
    .ui-datepicker-prev, .ui-datepicker-next {
        display: inline-block;
        width: 30px;
        height: 30px;
        text-align: center;
        cursor: pointer;
        line-height: 250%;
        overflow: hidden;
    }
    
    .ui-datepicker-prev span, .ui-datepicker-next span {
        font-weight: bold;
    }
    
    .ui-datepicker th {
        text-transform: uppercase;
        font-size: 8pt;
        padding: 5px 0;
        padding-right:15.5px;
        color: #666666;
        filter: dropshadow(color=#fff, offx=1, offy=0);
    }
    
    .ui-datepicker-prev {
        float: left;
        background-position: center -30px;
    }
    
    .ui-datepicker-next {
        float: right;
        background-position: center 0px;
    }
    
    .ui-datepicker thead td{
        border-bottom: 1px solid #bbb;
        float: left;
    }
    
    .ui-datepicker tbody td {
        padding: 0;
        border-right: 1px solid #bbb;
        float:left;

    }
    
    .ui-datepicker tbody tr {
        border-bottom: 1px solid #bbb;
        float : left;
    }
    
    .ui-datepicker td span, .ui-datepicker td a {
        display: inline-block;
        font-weight: bold;
        text-align: center;
        width: 30px;
        height: 30px;
        line-height: 30px;
        color: #666666;
        text-shadow: 1px 1px 0px #fff;
        filter: dropshadow(color=#fff, offx=1, offy=1);
    }
    
    .ui-datepicker-calendar .ui-state-default {
        background: #ededed;
        -webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
        -moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
        box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
    }
    
    .ui-datepicker-unselectable .ui-state-default {
        background: #f4f4f4;
        color: #b4b3b3;
    }
    
    .ui-datepicker-calendar .ui-state-hover {
        background: #f7f7f7;
    }
    
    .ui-datepicker-calendar .ui-state-active {
        background: #ffe600;
        -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
        -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
        box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
        color: #000000;
        text-shadow: 0px 1px 0px #4d7a85;
        filter: dropshadow(color=#4d7a85, offx=0, offy=1);
        border: 1px solid dimgray;
        position: relative;
        margin-bottom: -5%;
        margin-right: -3%;
    }
}
