.clockpicker{
    display:inline-block;
    width:27px;
    height:19px;
    margin:0;
    padding:0;
    position:relative;
    top:4px;

}

.datepickerDoW{
    font-size: 0.8rem !important;
}


.clockpicker .input-group-addon{
    width:24px;
    cursor:pointer;
    display:flex;
    align-content:center;
    justify-content:center;
    height:23px;
    position:absolute;
    top:25%;
    background-image:url('../images/clock.png');
    background-size: contain;
    background-position:0px 0px;
    background-repeat:no-repeat;

}
.clockpicker input[type=text]{
    display: none;
}
.clockpicker-moving{
    cursor:move
}
.clockpicker-align-left.popover>.arrow{
    left:25px
}
.clockpicker-align-top.popover>.arrow{
    top:17px
}
.clockpicker-align-right.popover>.arrow{
    left:auto;
    right:25px
}
.clockpicker-align-bottom.popover>.arrow{
    top:auto;
    bottom:6px
}

.clockpicker-popover .popover-title{
    background-color:#fff;
    color:#999;
    font-size:24px;
    font-weight:700;
    line-height:30px;
    text-align:center
}
.clockpicker-popover .popover-title span{
    cursor:pointer;
    color:var(--primary_color) !important;
    font-size:20px;
}
.clockpicker-popover .popover-content{
    background-color:#f8f8f8;
    padding:12px
}
.popover-content:last-child{
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px
}
.clockpicker-plate{
    background-color:#fff;
    border:1px solid #ccc;
    border-radius:50%;
    width:200px;
    height:200px;
    overflow:visible;
    position:relative;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.clockpicker-canvas,.clockpicker-dial{
    width:200px;
    height:200px;
    position:absolute;
    left:-1px;
    top:-1px
}
.clockpicker-minutes{
    visibility:hidden
}
.clockpicker-tick{
    border-radius:50%;
    color:#666;
    line-height:26px;
    text-align:center;
    width:26px;
    height:26px;
    position:absolute;
    cursor:pointer
}

.clockpicker-button{
    background-image:none;
    background-color:#fff;
    border-width:1px 0 0;
    border-top-left-radius:0;
    border-top-right-radius:0;
    margin:0;
    padding:10px 0
}


.clockpicker-dial{
    -webkit-transition:-webkit-transform 350ms,opacity 350ms;
    -moz-transition:-moz-transform 350ms,opacity 350ms;
    -ms-transition:-ms-transform 350ms,opacity 350ms;
    -o-transition:-o-transform 350ms,opacity 350ms;
    transition:transform 350ms,opacity 350ms
}
.clockpicker-dial-out{
    opacity:0
}
.clockpicker-hours.clockpicker-dial-out{
    -webkit-transform:scale(1.2,1.2);
    -moz-transform:scale(1.2,1.2);
    -ms-transform:scale(1.2,1.2);
    -o-transform:scale(1.2,1.2);
    transform:scale(1.2,1.2)
}
.clockpicker-minutes.clockpicker-dial-out{
    -webkit-transform:scale(.8,.8);
    -moz-transform:scale(.8,.8);
    -ms-transform:scale(.8,.8);
    -o-transform:scale(.8,.8);
    transform:scale(.8,.8)
}
.clockpicker-canvas{
    -webkit-transition:opacity 175ms;
    -moz-transition:opacity 175ms;
    -ms-transition:opacity 175ms;
    -o-transition:opacity 175ms;
    transition:opacity 175ms
}
.clockpicker-canvas-out{
    opacity:.25
}
.clockpicker-canvas-bearing,.clockpicker-canvas-fg{
    stroke:none;
    fill:#0095dd
}
.clockpicker-canvas-bg{
    stroke:none;
    fill:#c0e5f7
}
.clockpicker-canvas-bg-trans{
    fill:rgba(0,149,221,.25)
}
.clockpicker-canvas line{
    stroke:#0095dd;
    stroke-width:1;
    stroke-linecap:round
}
.clockpicker-button.am-button{
    margin:1px;
    padding:5px;
    border:1px solid rgba(0,0,0,.2);
    border-radius:4px
}
.clockpicker-button.pm-button{
    margin:1px 1px 1px 136px;
    padding:5px;
    border:1px solid rgba(0,0,0,.2);
    border-radius:4px
}