/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 11, 2016, 2:26:16 PM
    Author     : Yohan W
*/

.login_body {
  background-color: #D0D0D0;
  font-family: 'Dosis', sans-serif;
}

.login_input {
  width: 455px;
  height: 450px;
  position: absolute;
  top:0;
	bottom: 0;
	left: 0;
	right: 0;
  margin: auto;
  text-align: center;
}

.footer {
  font-size: smaller;
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
}

.footer_main {
  font-size: small;
  position: fixed;
  bottom: 0;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
  min-height: 25px;
  background-color: #fff;
}

form.form_min_space div.row div div.form-group {
  margin-bottom: 5px;
}

.topline {
  margin-top: 10px;
  padding-top: 5px;
  border-top: 1px solid #D0D0D0;
}

body {
  font-family: 'Dosis', sans-serif !important;
  font-size: large;
}

.cal_dayname {
  border: 1px solid;
  background-color: #737373;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.seven-cols {
  width: 14.285714285714285714285714285714%    
}

.cal_date {
  border: 1px solid;
  font-weight: bold;
  text-align: center;
  padding: 2px;
}

.cal_today {
  background-color: #28a4c9;
}

.cal_input {
  text-align: left;
  margin-bottom: 5px;
  display: block;
}

.cal_input > select, option {
  width: 100%;
}

.shift_pagi > select {
  background-color: #80ffff;
}

.shift_siang > select {
  background-color: #ff80ff;
}

.shift_malam > select {
  background-color: #ffff80;
}

.menu_title {
  font-weight: bold;
  margin-left: 10px;
}

.menu_sub > a {
  text-indent: 1em;
}

.nav > li > a {
  padding: 0 0 0 15px;
}

.glyphicon {
  padding: 0 5px 0 5px !important;
}

.user_pagi {
  color: #80ffff;
  white-space: nowrap;
  text-overflow:ellipsis;
  overflow: hidden;
  display: block;
  width: 100%;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.user_siang {
  color: #ff80ff;
  white-space: nowrap;
  text-overflow:ellipsis;
  overflow: hidden;
  display: block;
  width: 100%;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.user_malam {
  color: #ffff80;
  white-space: nowrap;
  text-overflow:ellipsis;
  overflow: hidden;
  display: block;
  width: 100%;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.user_tech {
  color: #ffffff;
  white-space: nowrap;
  text-overflow:ellipsis;
  overflow: hidden;
  display: block;
  width: 100%;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.user_shift {
  background-color: #d58512;
  font-weight: bolder;
  //text-decoration: underline overline;
}