@import url(https://fonts.googleapis.com/css?family=Quattrocento+Sans);

body {
  padding-top: 0px;
  padding-bottom: 40px;
  background-color: #eee;
  font-family: 'Quattrocento Sans', sans-serif;
}

label {
  margin-top:5px;
}

.form-signin {
  width: 250px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.form-pdf {
  width: 100%;
  padding: 15px;
  margin: 0 auto;
}
.form-pdf .form-pdf-heading,
.form-pdf .checkbox {
  margin-bottom: 10px;
}
.form-pdf .checkbox {
  font-weight: normal;
}
.form-pdf .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.form-pdf .form-control:focus {
  z-index: 2;
}
.form-pdf input[type="text"] {
  margin-bottom: -1px;
  width: 250px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-pdf select {
  width:250px;
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.table {

  background-color: #eee;

}

.overdue { font-weight: bold; color: white; background-color: red; }
.within30 { font-weight: bold; color: black; background-color: #8DBBE3; color: blue; }
.within60{ font-weight: bold; color: black; background-color: yellow; }
.valid { color:black; background-color: green; }

.hours_warning {

  color: blue;

}

.overlimit {

  color: red;
}

.rostertable {
  background-color: #ccc;
}

.input-group-addon {
    min-width:65px;// if you want width please write here //
    text-align:right;
}

.panel-body{
   overflow:auto;
} 

.vis.timeline .item.green {
  background-color: greenyellow;
  border-color: green;
}

/* create a custom sized dot at the bottom of the red item */
.vis.timeline .item.red {
  background-color: red;
  border-color: darkred;
  color: white;
  font-family: monospace;
  box-shadow: 0 0 10px gray;
}
.vis.timeline .item.dot.red {
  border-radius: 10px;
  border-width: 10px;
}
.vis.timeline .item.line.red {
  border-width: 5px;
}
.vis.timeline .item.box.red {
  border-radius: 0;
  border-width: 2px;
  font-size: 24pt;
  font-weight: bold;
}

.vis.timeline .item.orange {
  background-color: gold;
  border-color: orange;
}
.vis.timeline .item.orange.selected {
  /* custom colors for selected orange items */
  background-color: orange;
  border-color: orangered;
}

.vis.timeline .item.magenta {
  background-color: magenta;
  border-color: purple;
  color: white;
}

/* our custom classes overrule the styles for selected events,
   so lets define a new style for the selected events */
.vis.timeline .item.selected {
  background-color: white;
  border-color: black;
  color: black;
  box-shadow: 0 0 10px gray;
}