:root{
    --default-color: #000000;
    --transparent-default-color: #9a95b6;
}
.popover{
    position:absolute;
    top:0;
    left:0;
    z-index:1010;
    display:none;
    max-width:276px;
    padding:1px;
    text-align:left;
    white-space:normal;
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid #ccc;
    border:1px solid rgba(0,0,0,.2);
    border-radius:6px;
    -webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);
    box-shadow:0 5px 10px rgba(0,0,0,.2)
}
.popover.top{
    margin-top:-10px
}
.popover.right{
    margin-left:10px
}
.popover.bottom{
    margin-top:10px
}
.popover.left{
    margin-left:-10px
}
.popover-title{
    padding:8px 14px;
    margin:0;
    font-size:14px;
    font-weight:400;
    line-height:18px;
    background-color:#f7f7f7;
    border-bottom:1px solid #ebebeb;
    border-radius:5px 5px 0 0
}
.popover-content{
    padding:9px 14px
}
.popover>.arrow,.popover>.arrow:after{
    position:absolute;
    display:block;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    overflow:visible;
    margin:0;
    padding:0;
    z-index:auto;
    background-color:transparent;
    -webkit-box-shadow:none;
    box-shadow:none;
    bottom:auto;
    left:auto;
    right:auto;
    top:auto;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none
}
.popover>.arrow{
    border-width:11px
}
.popover>.arrow:after{
    content:"";
    border-width:10px
}
.popover.top>.arrow{
    bottom:-11px;
    left:50%;
    margin-left:-11px;
    border-top-color:#999;
    border-top-color:rgba(0,0,0,.25);
    border-bottom-width:0
}
.popover.top>.arrow:after{
    bottom:1px;
    margin-left:-10px;
    content:" ";
    border-top-color:#fff;
    border-bottom-width:0
}
.popover.right>.arrow{
    top:50%;
    left:-11px;
    margin-top:-11px;
    border-right-color:#999;
    border-right-color:rgba(0,0,0,.25);
    border-left-width:0
}
.popover.right>.arrow:after{
    bottom:-10px;
    left:1px;
    content:" ";
    border-right-color:#fff;
    border-left-width:0
}
.popover.bottom>.arrow{
    top:-11px;
    left:50%;
    margin-left:-11px;
    border-top-width:0;
    border-bottom-color:#999;
    border-bottom-color:rgba(0,0,0,.25)
}
.popover.bottom>.arrow:after{
    top:1px;
    margin-left:-10px;
    content:" ";
    border-top-width:0;
    border-bottom-color:#fff
}
.popover.left>.arrow{
    top:50%;
    right:-11px;
    margin-top:-11px;
    border-right-width:0;
    border-left-color:#999;
    border-left-color:rgba(0,0,0,.25)
}
.popover.left>.arrow:after{
    right:1px;
    bottom:-10px;
    content:" ";
    border-right-width:0;
    border-left-color:#fff
}
/* .btn{
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-image:none;
    border:1px solid transparent
} */
/* .btn.active:focus,.btn:active:focus,.btn:focus{
    outline:dotted thin;
    outline:-webkit-focus-ring-color auto 5px;
    outline-offset:-2px
} */
/* .btn:focus,.btn:hover{
    color:#333;
    text-decoration:none
}
.btn.active,.btn:active{
    background-image:none;
    outline:0;
    -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
} */
/* .btn-default{
    color:#333;
    background-color:#fff;
    border-color:#ccc
}
.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover,.open .dropdown-toggle.btn-default{
    color:#333;
    background-color:#ebebeb;
    border-color:#adadad
} */
.btn-default.active,.btn-default:active,.open .dropdown-toggle.btn-default{
    background-image:none
}
.btn-block{
    display:block;
    width:100%
}
.text-primary{
    color:var(--default-color)
}
.clockpicker .input-group-addon{
    cursor:pointer
}
.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
}
.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-tick.active,.clockpicker-tick:hover{
    background-color:#a35ed4;
    background-color: var(--default-color)
}
.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-button:hover{
    background-image:none;
    background-color:#ebebeb
}
.clockpicker-button:focus{
    outline:0!important
}
.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:var(--default-color)
}
.clockpicker-canvas-bg{
    stroke:none;
    fill:var(--transparent-default-color)
}
.clockpicker-canvas-bg-trans{
    fill:var(--default-color)
}
.clockpicker-canvas line{
    stroke:var(--default-color);
    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
}

.clockpicker-span-hours.text-primary, .clockpicker-span-minutes.text-primary{
    color: var(--default-color);
}