/* body {
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
  padding-top:50px;
} */

/**LOGIN**/

#Login{
  /* padding-top: 100px; */
  /* background-color: ; */
}

.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
/* .form-signin .checkbox {
  font-weight: 400;
} */
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin .middle{
  margin-bottom: -2px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.form-signin .last {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
/*********/

a {
  color: #6c757d;
  text-decoration: none;
}

a:hover {
  color: #000000;
  text-decoration: none;
}


.Summe{
  text-align: center;
}

#Wochenansicht input, #Wochenansicht select{
  width:90px;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}

/*Report*/
.weekborder{
  /* border: 1px solid #6c757d; */
  border-top-color: #dee2e6;
  border-top-style: solid;
  border-top-width: 2px;
}

/*Settings*/
#About .modal-dialog{
  overflow-y: initial !important
}
#About .modal-body{
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}

/*Weekpicker*/

#weekpicker{
  position: absolute;
}

.weekpicker-textbox{
  overflow: hidden;
}

.ui-datepicker {
  /* border-radius: 0; */
  padding: 5px;
  border: 0;
  box-shadow: 2px 2px 5px #aaa;
  background-color: #fff;
  width: 14.5em;
  }

  .ui-datepicker a {
      text-decoration: none;
  }

  .ui-datepicker table {
  font-size: 14px;
  margin-left: 5px;
  }

  .ui-datepicker th,
  .ui-datepicker td {
  /* padding: 5px; */
  width: 20px;
  margin:30px;
  }

  .ui-datepicker th {
  text-transform: uppercase;
  /* color: #E3797D; */
  font-size: .8em;
  padding-bottom: 1em;
  text-align: center;
  }

  .ui-datepicker .ui-datepicker-header {
  border: none;
  border-radius: 0;
  background: #17a2b8;
  color: #fff;
  margin-bottom: 10px;
  text-align: center;
  padding-bottom: 5px;
  }

  .ui-datepicker .ui-datepicker-title {
  /* line-height: 1;
  padding: 3em 0; */
  font-family: Arial, Helvetica, sans-serif;
  /* text-transform: uppercase; */
  }

  .ui-datepicker .ui-datepicker-month {
  /* display: block; */
  /* font-size: 1.8em; */
  /* margin-bottom: .4em; */
  margin-top: -5px;   
  }

  .ui-datepicker .ui-datepicker-year {
  color: rgba(255, 255, 255, 0.7);
  }

  .ui-datepicker .ui-datepicker-prev,
  .ui-datepicker .ui-datepicker-next {
  /* top: 50%;
  margin-top: -16px;
  border: 0; */
  cursor: pointer;
  }

  .ui-datepicker .ui-datepicker-prev {
  margin-left: 10px;
  }

  .ui-datepicker .ui-datepicker-next {
  margin-left: 120px;
  }

  .ui-datepicker .ui-datepicker-prev .ui-icon {
  background-position: -96px -32px;
  }

  .ui-datepicker .ui-datepicker-prev:hover .ui-icon {
  background-position: -96px -48px;
  }

  .ui-datepicker .ui-datepicker-next .ui-icon {
  background-position: -32px -32px;
  } 

  .ui-datepicker .ui-datepicker-next:hover .ui-icon {
  background-position: -32px -48px;
  }

  .ui-datepicker .ui-state-default {
  border: none;
  /* background: #dee2e6; */
  color: #000;
  /* padding: 0; */
  height: 30px;
  /* line-height: 30px; */
  text-align: center;
  }

  .ui-datepicker td{
      background: #dee2e6;
      text-align: center;
      height: 25px;
      width: 30px;
      margin:5px;
  }

  .ui-datepicker td:hover{
      background: #17a2b8;
      color: #fff;
      text-align: center;
  }

  .ui-datepicker td.ui-datepicker-current-day .ui-state-default,
  .ui-datepicker td.ui-datepicker-current-day,
  .ui-datepicker .ui-state-hover {
  background: #17a2b8;
  color: #fff;
  }

  .ui-datepicker .ui-state-hover {
    background: #17a2b8;
    color: #fff;
    }

    .ui-datepicker .ui-state-hover a.ui-state-default {
      /* background: #17a2b8; */
      color: #fff;
    }

  .ui-datepicker .ui-priority-secondary,
  .ui-datepicker .ui-widget-content .ui-priority-secondary,
  .ui-datepicker .ui-widget-header .ui-priority-secondary {
  opacity: .4;
  filter: Alpha(Opacity=40);
  }

  #ui-datepicker-div{
    display: none;
  }