/* Newer bootstrap workaround */
.form-horizontal .control-label {
  text-align: left;
}

body {
  font-size: 16px;
  padding-top: 0px;
}

@media (min-width: 980px) {
  body {
    padding-top: 60px;
  }
}

.btn {
  font-size: 16px;
}

.navbar-inner {
  min-height: 50px;
  background: #336666;
  border: 1px solid #224422;
  border-radius: 0;
  line-height: 30px;
}
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
  background: #224444;
  color: #EEEEEE;
  box-shadow: none;
}
.navbar-inner li {
  line-height: 30px;
}
.navbar-debug .navbar-inner {
  background: #663333;
}
.navbar-debug.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar-debug.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar-debug.navbar .nav li.dropdown.open.active > .dropdown-toggle {
  background: #442222;
}

.navbar .brand {
  color: white;
  text-shadow: none;
}

.navbar .brand a {
  color: #EEEEEE;
  text-shadow: none;
}
.navbar .brand a:focus,
.navbar .brand a:hover
{
  color: #EEEEEE;
  box-shadow: none;
  text-decoration: none;
}

.navbar .nav > li > a {
  color: #EEEEEE;
  text-shadow: none;
}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover
{
  color: #AAFFAA;
  box-shadow: none;
}
.navbar-debug.navbar .nav > li > a:focus,
.navbar-debug.navbar .nav > li > a:hover
{
  color: #FFAAAA;
  box-shadow: none;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: #FFFFFF;
  background: #224444;
}

.navbar-debug.navbar .nav > .active > a,
.navbar-debug.navbar .nav > .active > a:hover,
.navbar-debug.navbar .nav > .active > a:focus {
  background: #442222;
}

.navbar .nav > li > a.btn {
  color: #222222;
}

.navbar .nav li.dropdown > .dropdown-toggle .caret {
  margin-top: 13px;
  border-top-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
}
.navbar .nav li.dropdown > a:hover .caret, .navbar .nav li.dropdown > a:focus .caret {
  border-top-color: #FFAAAA;
  border-bottom-color: #FFAAAA;
}

.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #DDDDDD;
  border-bottom-color: #DDDDDD;
}

.navbar .nav > li > a.btn:hover,
.navbar .nav > li > a.btn:focus {
  background-position: 0 0;
  color: #333333;
  transition: none;
}

.dashboard-leaves {
  list-style-type: none;
  margin: 0;
  font-size: 90%;
}
.dashboard-leaves li {
  margin: 10px 0;
  padding: 10px;
  border-bottom: 1px dotted #CCCCCC;
  border-radius: 10px;
}
.dashboard-leaves li i {
  margin-right: 2px;
  vertical-align: middle;
  text-align: center;
  width: 1em; 
}
.dashboard-leaves li a {
  color: #333333;
}
.dashboard-leaves .leave-header {
  display: inline-block;
  width: 12em;
}
.dashboard-leaves .leave-date {
  display: inline-block;
  width: 15em;
}

.alert.announcements {
  padding: 1em;
}

.announcements ul {
  margin-top: 1em;
}
.announcements li {
  margin: 0.5em 0;
}

.notification {
  margin: 0;
  list-style-type: none;
  height: 30em;
  font-size: 90%;
  overflow-y: scroll;
}

.notification li {
  padding: 0.8em 0;
  border-bottom: 1px solid #CCCCFF;
}

.notification li.unread {
  background: #FFFFEF;
}

.notification li.unread a {
  font-weight: bold;
}

.leave-to-check {
  font-weight: bold;
}

#month-selector, #week-selector {
  text-align: center;
  background: #F7F7F7;
  padding: 5px;
  position: relative;
}

#month-selector span, #week-selector span {
	margin: 5px 5em;
	display: inline-block;
}

#month-selector .btn.leftBtn, #week-selector .btn.leftBtn{
	position: absolute;
	left: 50%;
	top: 5px;
	margin-left: -140px;
}

#month-selector .btn.rightBtn, #week-selector .btn.rightBtn{
	position: absolute;
	right: 50%;
	top: 5px;
	margin-right: -140px;
}

#leaves-calendar {
  width: 100%;
  margin-top: 20px;
  border-collapse: separate;
  border-spacing: 3px 10px;
}

#leaves-calendar thead th {
  background: #f7f7f7;
}
#leaves-calendar thead tr {
  line-height: 2em;
}
#leaves-calendar thead th {
  /* Workaround for border-spacing :( :( :( */
  box-shadow: 3px 0 #F7F7F7;
}
#leaves-calendar thead tr :first-child {
  border-radius: 10px 0 0 10px;
}
#leaves-calendar thead tr :last-child {
  border-radius: 0 10px 10px 0;
}
#leaves-calendar.calendar-by-week tr:nth-child(even) {
	background-color: #F5F5F5;
}
#leaves-calendar td {
  border-radius: 10px;
  padding: 0.6em 2%;
  max-height: 6em;
  vertical-align: top;
  width: 14.285%;
}
#leaves-calendar.calendar-by-week td {
  width: auto;
}
#leaves-calendar.calendar-by-week .weekday {
  width: 20%;
}
#leaves-calendar .calendar-day {
  font-size: 125%;
  font-weight: bold;
  text-align: center;
}
#leaves-calendar td.other-months {
  background: #FAFAFA;
  color: #AAAAAA;
}
#leaves-calendar .holiday {
  background: #f7f7f7;
}

#leaves-calendar td ul {
  margin: 0;
  list-style-type: none;
}
#leaves-calendar td li {
  margin: 2px 0;
  padding: 8px;
  border-radius: 15px;
  font-size: 90%;
  font-weight: bold;
}
#leaves-calendar.calendar-by-week td li {
  font-size: 100%;
}
#leaves-calendar .leave-usernames {
  margin: 0 0.3em;
}
#leaves-calendar.calendar-by-week .leave-usernames {
  display: inline-block;
  width: 7em;
}
#leaves-calendar.calendar-by-week .leaves-type {
  display: inline-block;
  width: 3em;
}

/* Overwrite tablesaw.css. */
.table.tablesaw td, .leave-table.tablesaw tbody th {
  font-size: 100%;
}
.table .tablesaw-cell-label {
  font-size: 1em;
}

.leave-table {
  width: 100%;
}

.leave-table thead {
  background: #F7F7F7;
  padding: 10px;
}

.leave-new {
  background: #ffeddb;
}
rect.leave-new {
  fill: #ffeddb;
}
li.leave-new  a {
  color: #f57f20;
}
.leave-new.leave-monthly {
  background: #b7efff;
}
li.leave-new.leave-monthly a {
  color: #0066b5;
}

.leave-vouched {
  background: #b7efff;
}
rect.leave-vouched {
  fill: #b7efff;
}
li.leave-vouched a {
  color: #0066b5;
}

.leave-accepted {
  background: #efffd5;
}
rect.leave-accepted {
  fill: #efffd5;
}
li.leave-accepted a {
  color: #6fb546;
}

.leave-rejected {
  background: #fff7f7;
  text-decoration: line-through;
}
li.leave-rejected a {
  color: #fababa;
}
#leaves-calendar .selectable {
  cursor: cell;
}
#leaves-calendar .selected {
  background: #E5F7F7;
}

#report{
	text-align: center;
}

.status-legends {
  list-style-type: none;
  margin: 0;
}
.status-legends li {
  margin: 0.2em 0;
  line-height: 100%;
  vertical-align: middle;
}
.status-legends li i {
  font-size: 150%;
  margin-right: 5px;
  vertical-align: middle;
  text-align: center;
  width: 1em; 
}
.status-legends .new {
  color: #f57f20;
}
.status-legends .vouched {
  color: #0066b5;
}
.status-legends .accepted {
  color: #6fb546;
}
.status-legends .rejected {
  color: #ea0000;
}
.status-legends-horizontal {
  margin-top: 10px;
}
.status-legends-horizontal li {
  display: inline-block;
  margin-right: 3em;
}
#leaves-monthly p {
  display: inline-block;
}
#leaves-monthly ul {
  display: inline-block;
  margin: 0;
  list-style-type: none;
}
#leaves-monthly ul li {
  display: inline-block;
  margin: 2px 0;
  padding: 8px;
  border-radius: 15px;
  font-size: 90%;
  font-weight: bold;
}
.progress {
  margin-top: 20px;
  position: relative;
  height: 25px;
}

.progress #stats {
  position: absolute;
  left: 0;
  right: 0;
  top: 2px;
  text-align: center;
  color: #333333;
  font-weight: bold;
}

@media (max-width: 480px){
.form-horizontal .controls {
    margin-left: 0;
}
}
@media (max-width: 630px){
#leaves-calendar:not(.calendar-by-week) td li a{
	height: 20px;
	width: 12px;
	margin: 2px auto;
	overflow: hidden;
	display: block;
	text-align: center;
}
#leaves-calendar:not(.calendar-by-week) td li a span{
	display: none;
}
}

#applied_team_list {
  list-style-type: none;
  margin: 0;
  margin-bottom: 0.5em;
  padding: 0;
}
#applied_team_list li {
  display: inline-block;
  padding: 0.2em 0.5em;
  font-size: 85%;
  border: 1px solid #999999;
  border-radius: 5px;
  background: #CCCCCC;
  margin: 0.2em;
}
#applied_team_list #applied_team_uncheck {
  background: #993333;
}
#applied_team_list #applied_team_uncheck a {
  color: white;
}
#applied_team_list a {
  color: #333333;
}
#applied_team {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 20em;
  max-height: 20em;
  overflow-y: auto;
}
#applied_team label {
  display: inline-block;
  margin-left: 0.5em;
}