html,body {height: 100%}
html,body,tr,td,select,input,textarea {font-family:'Roboto',arial; font-size: 14px}
body {margin: 1em; margin-top: 50px; background-color: #ffffff; color: #222222!important;}
fieldset {border: 1px solid #000!important; border-radius: 8px!important; padding: 0 0.5em!important;}
legend {font-size: 1em; font-weight: bold; text-decoration: none!important; padding: 0!important; margin: 0!important; border-bottom: none!important;width: auto!important}
code {word-wrap: break-word;}
.form-control.alert-danger {background-repeat: no-repeat; background-position: right 10px center; background-image: url(../images/warning.png)!important}
.alert-container {position: relative}
.alert-comment {position: absolute; z-index: 9999; top: -2.2em; right: 3em; font-size: .8em; font-weight: bold}
.page-header {margin: 0 0 1.5em 0}
.nnavbar {background-color: #f00;}
.nnavbar-nav>li>a {color: #fff!important}
.navbar-brand {font-family: arial}
.sub-header {margin:0; padding: 0; width: 100% }
.col {float:left; margin-left: 0.5em}
.pointer {cursor: pointer!important}
.error {background-color: #f2dede}
td.form-label {font-weight: bold; padding-top: 1.2em;}
.form-label {font-weight: bold;}
.clickable {cursor: pointer}
.day {width: 14%;}
.date {width: 200px!important;}
.name {width: 160px!important; height: 22px}
.role {width: 200px!important}
.summary {width: 300px!important}
.counter {width: 40px!important; text-align: right}
.roleCounter {width: 70px!important; text-align: right}
.freeDay {color: #666!important; font-weight: bold}
.today>.bs-callout>h4 {font-weight: bold}
.dayPassed>.bs-callout>h4,.dayPassed>.bs-callout>.rrow>.col>button>span {opacity: .5!important}
.dayPassed>.bs-callout>.rrow {color:#ccc!important}
.mr {margin-right: 0.5em}
.mt {margin-top: 1em}
hr {clear: both}
.right {text-align: right}
.bt {border-top: 1px solid #ccc}
.menu {margin-bottom: 2em}
nav {background-color: #fff}
.rrow {min-height: 20px; line-height: 20px;}
.rrow::after,.menu::after {clear: both; content:''; display:block;}
.rrow.header {font-weight: bold; background-color: #555; color: #fff}
.rrow.striped {border: 1px solid transparent; border-top: 1px solid #ddd}
.rrow.striped:first-child {border-top: 1px solid transparent!important;}
.rrow.sstriped:nth-child(odd) {background-color: #fff}
.rrow.sstriped:nth-child(even) {background-color: #f5f5f5}
.own {background-color: #5cb85c}
.holiday {background-color: #00cccc!important}
.mmenu>a  {display: block; float: left; text-align: center; background-color: #fff; color: #000; border: 1px solid #000; text-decoration: none; font-size: 1.2em;line-height: 20px; margin: 0 0.5em;}
.menu>a:first-child {margin: 0}
.menu>a {display: block; float: left; height: 30px; line-height: 30px; border: 1px solid #000; border-radius: 8px; width: 120px; margin: 0 0.5em; font-size: 1.2em; text-align: center; text-decoration:none; color:#000; background-color: #fff; background-image: -moz-linear-gradient(top, #aaa, #fff); background-image: -ms-linear-gradient(top, #aaa, #fff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#aaa), to(#fff)); background-image: -webkit-linear-gradient(top, #aaa, #fff); background-image: -o-linear-gradient(top, #aaa, #fff); background-image: linear-gradient(top, #aaa, #fff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaa', endColorstr='#fff', GradientType=0);}
.menu>a.act,.menu>a:hover {color: #fff; background-color: #000; background-image: -moz-linear-gradient(top, #666, #000); background-image: -ms-linear-gradient(top, #666, #000); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#666), to(#000)); background-image: -webkit-linear-gradient(top, #666, #000); background-image: -o-linear-gradient(top, #666, #000); background-image: linear-gradient(top, #666, #000); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666', endColorstr='#000', GradientType=0);}
.day .bs-callout {padding: 5px; margin: 5px 0; border: 1px solid #eee; border-left-width: 5px; border-radius: 3px;}
.day {margin: 0}
.navbar-brand {font-weight: bold; color: #000!important}
.modal-title {color: #337ab7}
.row.striped {border: 1px solid transparent; border-bottom: 1px solid #ddd}
.row.striped:last-child {border-bottom: 1px solid transparent!important;}
.bs-callout {padding: 20px; margin: 20px 0; border: 1px solid #eee; border-left-width: 5px; border-radius: 3px;}
.bs-callout h4 {margin-top: 0;margin-bottom: 5px;}
.bs-callout p:last-child {margin-bottom: 0;}
.bs-callout code {border-radius: 3px;}
.bs-callout+.bs-callout { margin-top: -5px;}
.bs-callout-default {border-left-color: #777;}
.bs-callout-default h4 {color: #777;}
.bs-callout-primary, .day .bs-callout-primary {border-left-color: #428bca;}
.bs-callout-primary h4 {color: #428bca;}
.bs-callout-success {border-left-color: #5cb85c!important;}
.bs-callout-success h4 {color: #5cb85c!important;}
.bs-callout-danger {border-left-color: #d9534f!important;}
.bs-callout-danger h4 {color: #d9534f!important;}
.bs-callout-warning {border-left-color: #f0ad4e;}
.bs-callout-warning h4 {color: #f0ad4e;}
.bs-callout-info {border-left-color: #5bc0de;}
.bs-callout-info h4 {color: #5bc0de;}
th.th-amount {width: 8em;}
td.amount { text-align: right;}
.login-container {max-width: 600px; margin: auto auto; padding: 2em; border-radius: .5em; background-color: rgb(236,236,236); border: 1px solid #ddd}
#isMobile {position: absolute; top: -1000px; display: block}
.glyphicon-spin {-webkit-animation: spin 1000ms infinite linear; animation: spin 1000ms infinite linear;}
@-webkit-keyframes spin {0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);} 100% {-webkit-transform: rotate(359deg); transform: rotate(359deg);}}
@keyframes spin {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(359deg);transform: rotate(359deg);}}
#wrap {
  min-height: 100%;
}

@media (max-width: 768px) {
  body {font-size: 16px; margin: 50px 0 0 0}
  .navbar {padding: 0 1em}
  .container-fluid,.page-header {margin: 0; padding: 0}
  #isMobile {display:none}
  h1 {font-size: 2em; margin: .5em 0 .5em .8em}
  .datepicker-dropdown {width: 200px; left:30px!important}
}