@import url("animate.css");

.widget-div {
  font-size:12px;
  font-family:arial;
  color: black !important;
  width:40px;
  height:40px;
  opacity:0.99;
}

.time-disc {
  width:40px;
  height:40px;
  padding:0;
  position: relative;
}

.button, .timedisc-internal-time-box {
  position: absolute;
  cursor:pointer;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-delay: 0s;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  background-color: #4D4D4D;
}

.button {
  border-color: #D97400;
  width:20px;
  height:20px;
}

.timedisc-internal-time-box {
  border:none;
  width:40px;
  height:40px;
  color:white;
  font-size:11px;
  text-align:center;
  margin:0px;
  padding:0px;
}

.disc, .disc-2 {
  -webkit-animation-duration: 0.1s;
  -webkit-animation-delay: 0s;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  position: absolute;
}

.disc {
  top:-105px;
  left:-105px;
  display: none;
  
  border-color: #e6e6e6;
  background-color: #e6e6e6;

   width:250px;
  height:250px;
}

.disc-2 {
  top: 62.5px;
  left: 62.5px;

  border-color: white;
  background-color: white;

  width:50%;
  height:50%;
}

.hours, .minutes {
  position: absolute;

  width:1.5em;
  height:1.5em;

  line-height:1.5em;

  text-align: center;
  vertical-align: middle;

  cursor:pointer;

  z-index: 1;
}

.ticks-expand {
  -webkit-animation-duration: 0.05s;
  -webkit-animation-delay: 0.15s;
}

.ticks-collapse {
  -webkit-animation-duration: 0.1s;
  -webkit-animation-delay: 0s;
}

/*.lines-expand {
  -webkit-animation-delay: 3.0s;
  -webkit-animation-duration: 2s; 
}*/

.ticks-highlighted, .ticks-glow {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color:white;
}

.ticks-highlighted {
  border-color: #579900;
  background-color: #579900;
}

.ticks-glow {
  border-color: #D97400;
  background-color: #D97400;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.connectingLines {
  position: absolute;
  height: 1px;
  z-index: 0;
}

.hour-line {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+20,ffffff+20,999999+50,ffffff+80,ffffff+80 */
  background: #999999; /* Old browsers */
  background: -moz-linear-gradient(left, #ffffff 20%, #ffffff 20%, #999999 50%, #ffffff 80%, #ffffff 80%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #ffffff 20%,#ffffff 20%,#999999 50%,#ffffff 80%,#ffffff 80%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #ffffff 20%,#ffffff 20%,#999999 50%,#ffffff 80%,#ffffff 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
  
}

.minute-line {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e6e6+20,999999+50,e6e6e6+80 */
  background: #999999; /* Old browsers */
  background: -moz-linear-gradient(left, #e6e6e6 20%, #999999 50%, #e6e6e6 80%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #e6e6e6 20%,#999999 50%,#e6e6e6 80%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #e6e6e6 20%,#999999 50%,#e6e6e6 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#e6e6e6',GradientType=1 ); /* IE6-9 */
}