/*select{


-webkit-appearance: none; 
}*/
fieldset {
  border: none;
  margin: 0;
  padding: 0; }

blockquote {
  margin: 0;
  padding: 0; }



.half-width-s {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 50%; }

.three-quarters-width-s {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 76.92308%; }

.full-width-s {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 100%; }

.half-width-m {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 50%; }

.three-quarters-width-m {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 76.92308%; }

.full-width-m {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 100%; }

.half-width-l {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 50%; }

.three-quarters-width-l {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 76.92308%; }

.full-width-l {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
  width: 100%; }

@media only screen and (max-width: 600px) {
  .half-width-s {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    width: 50%; }
  .three-quarters-width-s {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    width: 76.92308%; }
  .full-width-s {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    width: 100%; } }

@media only screen and (min-width: 601px) and (max-width: 1039px) {
  .half-width-m {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    width: 50%; }
  .three-quarters-width-m {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    width: 76.92308%; }
  .full-width-m {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    width: 100%; } }

@media only screen and (min-width: 1040px) {
  .half-width-l {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    width: 50%; }
  .three-quarters-width-l {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    width: 76.92308%; }
  .full-width-l {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    width: 100%; } }

.content-center {
  text-align: center; margin-top: 4px; cursor: pointer;}

.content-left {
  text-align: left; }

.content-right {
  text-align: right; }

.content-justify {
  text-align: justify; }

.visible-hidden {
  -webkit-animation: 0.5s linear 0s 1 normal forwards running visible-hidden;
  animation: 0.5s linear 0s 1 normal forwards running visible-hidden; }

@-webkit-keyframes visible-hidden {
  from {
    opacity: 1.0; }
  to {
    opacity: 0.0; } }

@keyframes visible-hidden {
  from {
    opacity: 1.0; }
  to {
    opacity: 0.0; } }

.visible-shown {
  -webkit-animation: 0.5s linear 0s 1 normal forwards running visible-shown;
  animation: 0.5s linear 0s 1 normal forwards running visible-shown; }

@-webkit-keyframes visible-shown {
  from {
    opacity: 0.0; }
  to {
    opacity: 1.0; } }

@keyframes visible-shown {
  from {
    opacity: 0.0; }
  to {
    opacity: 1.0; } }

  @media only screen and (max-width: 600px) {
    a {
      font-size: 20px;
      font-size: 1.25rem; } }
	  
.breaks-container {
  padding-top: 3%;
  cursor: pointer; }

.break-container, .work-container {
  font-size: 28px;
  font-size: 1.75rem; }

.subtract-time, .add-time {
  padding: 2px 5px; }

@media only screen and (max-width: 600px) {
  .break-container, .work-container {
    display: block;
    margin: 0 auto;
    border-top: black solid 1px; } }

/* header {
  padding-top: 60px; } */

.timer-container {
	    
  height: 27px;
  width: 75px;
  border-radius: 250px;
  border: 0px solid #f5a623;
  -webkit-transition: all 0.5s ease-in 0s;
  transition: all 0.5s ease-in 0s; }
.timer-container .startIcon {display: inline-block;   vertical-align: middle; color: #824a0d; font-size: 11px;margin-left:14px}
@media only screen and (max-width: 600px) {
  .timer-container {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    margin: 0 -3%; } }

.timer-inner-circle {
  position: relative;
  overflow: hidden;
  border-radius: 200px;
  height: 100%; 
  line-height: 1;
  cursor:pointer;
  padding:6px 0;
  }
  .timer-inner-circle h2 {
    margin-top: 30%;
    font-size: #000; }

.timer-filler {
  position: absolute;
  height: 110%;
  width: 100%;
  top: 100%;
  z-index: -100;
  overflow: hidden; }
/* rgb(212, 141, 24) */
.timer-filler-work {
  background-color:  rgb(212, 141, 24); }

.timer-filler-break {
  background-color: rgb(212, 141, 24); }

.timer-clock {
     margin-top: 0px;
    font-size: 13px;
    color: #824a0d;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    } 
.header_icons ul li .timer-container .timer-inner-circle .startIcon {position: absolute; left: 10px; top:4px;}
.timer-inner-circle .startIcon .glyphicon{ margin-bottom: 4px;}
.header_icons ul li .timer-container {text-align: center;}
.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
.custom-timer-background { position: absolute; height: 100%; width: 100%; z-index: -101; background-color: #f5a623; top: 0px; }