html{
    font-family:Verdana,Serif,"Times New Roman";
    font-size:12px
}
.jsunpicker{
    height:214px;
    background:#fff;
    width:212px;
    border:1px solid var(--main-second-primary);
    margin:2px;
    display:none;
    position:absolute;
    text-align:center;
    -webkit-box-shadow:0 0 5px #ccc;
    -moz-box-shadow:0 0 5px #ccc;
    box-shadow:0 0 5px #ccc;
    z-index:1000
}
.jsunpicker .day,.jsunpicker .fav,.jsunpicker .month,.jsunpicker .otherday,.jsunpicker .title,.jsunpicker .year{
    height:26px;
    width:30px;
    line-height:26px;
    float:left;
    display:table-cell;
    position:relative;
    text-align:center;
    vertical-align:middle;
    cursor:pointer
}
.jsunpicker .favButton,.jsunpicker .nextButton,.jsunpicker .prevButton,.jsunpicker .titleButton{
    height:13%;
    width:16%;
    font-weight:700;
    background:var(--main-second-primary);
    display:table-cell;
    vertical-align:middle;
    margin:0;
    padding:0;
    border-radius:0;
    cursor:pointer
}
.jsunpicker .prevButton,.jsunpicker .prevButton:hover{
    width:30px;
    float:left
}
.jsunpicker .nextButton,.jsunpicker .nextButton:hover{
    width:30px;
    float:right
}
.jsunpicker .titleButton{
    width:120px;
    left:0;
    right:0;
    margin:0
}
.jsunpicker .favButton{
    width:30px;
    font-size:18px;
    left:0;
    right:0;
    margin:0
}
.jsunpicker .day{
    height:26px;
    width:30px;
    line-height:26px;
    font-weight:700
}
.jsunpicker .otherday{
    color:#000
}
.jsunpicker .month{
    height:44px;
    width:68px;
    display:table-cell;
    line-height:44px;
    margin:1px;
    font-size:14px
}
.jsunpicker .year{
    height:35px;
    width:50px;
    line-height:35px;
    margin:1px
}
.jsunpicker .time{
    width:100%;
    float:left;
    display:table-cell;
    padding-top:25px;
    vertical-align:middle;
    text-align:center
}
.jsunpicker .time div{
    position:relative;
    line-height:30px;
    text-align:center;
    height:32px;
    padding:1px;
    width:115px;
    margin:5px auto;
    border:1px solid var(--main-second-primary)
}
.jsunpicker .time input[type=number]{
    height:30px;
    font-size:16px;
    font-weight:700;
    outline:0;
    width:30px;
    text-align:center;
    bottom:0;
    border:0
}
.jsunpicker .time .error{
    border:1px solid #fff;
    height:20px;
    color:red;
    margin:0
}
.jsunpicker .time button{
    width:100px;
    height:30px;
    text-align:center
}
.jsunpicker .favButton:hover,.jsunpicker .nextButton:hover,.jsunpicker .prevButton:hover,.jsunpicker .titleButton:hover,.jsunpicker button:hover{
    background-image:-webkit-gradient(linear,left top,left bottom,from(#FDD302),to(#FDD302));
    background-image:-webkit-linear-gradient(top,#FDD302,#FDD302);
    background-image:-moz-linear-gradient(top,#FDD302,#FDD302);
    background-image:-ms-linear-gradient(top,#FDD302,#FDD302);
    background-image:-o-linear-gradient(top,#FDD302,#FDD302);
    background-image:linear-gradient(top,#FDD302,#FDD302)
}
.jsunpicker .favButton,.jsunpicker .nextButton,.jsunpicker .prevButton,.jsunpicker .titleButton,.jsunpicker button{
    background-image:-webkit-gradient(linear,left top,left bottom,from(#1E1E1E),to(#1E1E1E));
    background-image:-webkit-linear-gradient(top,#1E1E1E,#1E1E1E);
    background-image:-moz-linear-gradient(top,#1E1E1E,#1E1E1E);
    background-image:-ms-linear-gradient(top,#1E1E1E,#1E1E1E);
    background-image:-o-linear-gradient(top,#1E1E1E,#1E1E1E);
    background-image:linear-gradient(top,#1E1E1E,#1E1E1E)
}
.jsunpicker .day:hover,.jsunpicker .month:hover,.jsunpicker .otherday:hover,.jsunpicker .year:hover{
    background-color:#b1d9fd
}
.calendarButton{
    line-height:22px;
    display:inline-block;
    vertical-align:middle;
    margin:1px;
    cursor:pointer
}
.calendarButton img{
    width:23px;
    height:23px
}
.jsunpicker .selected{
    background-image:-webkit-gradient(linear,left top,left bottom,from(#1E1E1E),to(#1E1E1E));
    background-image:-webkit-linear-gradient(top,#1E1E1E,#1E1E1E);
    background-image:-moz-linear-gradient(top,#1E1E1E,#1E1E1E);
    background-image:-ms-linear-gradient(top,#1E1E1E,#1E1E1E);
    background-image:-o-linear-gradient(top,#1E1E1E,#1E1E1E);
    background-image:linear-gradient(top,#1E1E1E,#1E1E1E);
    color:#fff
}
.jsunpicker .disabled{
    color:red
}
.jsunpicker .disabled:hover{
    cursor:default;
    background:0 0;
    color:red
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    margin:0
}
input[type=number]{
    -moz-appearance:textfield
}
.jsunpicker .favButton,.jsunpicker .nextButton,.jsunpicker .prevButton,.jsunpicker .titleButton{
    color:#fff
}
.jsunpicker .fav{
    display:none
}
.jsunpicker .titleButton{
    width:150px
}