html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}

body.start {
	background: url('../images/log_bg_2.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	color: #fff;
}

body.start .container {
  height: 100%;
}

body.content { padding-top: 70px; }


body.content .navbar-brand {
  color: #000;
  font-weight: bold;
}

body.start .footer {
  display: none;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  color: #000;
  background-color: #eaeaea;
}

.footer p {
  margin: 20px 0;
}

.login-form {
  margin-top: 45%;
}

.login-form h1,
.login-form p,
.login-form #login {
	width: 100% !important;
  display: block !important;
}

.login-form #login {
  padding-top: 20px;
  padding-bottom: 40px;
}

.login-form p {
  color: #ddd;
}

.modal-body,
.modal-header {
	color: #000;
}

.modal-header .close {
	color: #000 !important;
	opacity: 1 !important;
}

.navbar-nav li > a {
  color: #f3f3f3 !important;
}

.bg-padding {
  display: inline-block;
  padding: 5px;
}

.bg-table-changerow {
  background-color: #ffffb3 !important;
}

.bg-table-changerow td {
  padding-top: 3px;
  padding-bottom: 3px;
}

.form-control-project {
  width: auto !important;
  display: inline-block;
}

.form-control-autologin {
  width: 18px;
  height: 18px;
  display: inline-block;  
  position: relative;
  top: 5px;
  margin-bottom: 10px;
}

.navbar-brand img {
  display: inline-block;
  position: relative;
  top: -8px;
}

.navbar-nav .align-right {
  color: #f3f3f3;
}

.btn-info-alt {
  background: none;
  background-color: #4FA9C1;
  color: #fff;
  border: 1px solid #387989;
}

.btn-primary-alt {
  background: none;
  background-color: #1B4E77;
  color: #fff;
  border: 1px solid #05345B;  
}

.btn-primary-alt:hover {
  color: #aaa;
}

.btn-black {
  background: #45484d; /* Old browsers */
  background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

  color: #fff;
}

.panel-bg-grey {
  background-color: #f5f5f5;
}

.label-name {
  border: 1px solid #ccc; 
  display: inline-block;
    margin-bottom: 5px;
    margin-right: 10px;
    font-size: 0.8em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #ddd;
  padding: 1px 3px;
  }

.userCard {
  padding: 5px;
  margin: 10px;
  display: inline-block;
  text-align: center;
  color: #000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;  

  width: 160px;
  height: 160px;
  overflow:hidden;
}

.userCard a, .userCard a:visited, .userCard a:active, .userCard a:hover {
 color: #000; 
}

.userCard a img {
  height: 100px;
  width: auto;
  display:inline-block;
}

.userCard.checkedIn {
  background-color: #82FF8C;
  border: 4px solid #60BC66;
}

.userCard.checkedOut {
  background-color: #EA2323;
  border: 4px dashed #B21A1A;
}

.photo-preview #removePhoto {
  display: inline-block;
  margin-left: 15px;
}

a.btn-black:visited {
 color: #fff; 
}

a.btn-black:hover {
 color: #fff; 

 background: none;
 background-color: #45484d;
}

.form-control-pdf {
  width: auto !important;
  display: inline !important;
}

.actionlist {
  background-color: #f3f3f3;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #aaa;

  padding: 5px;
  margin-bottom: 10px;
}

.actionlist .btn-black { /* print button */
  margin-top: 3px;
  float: right;
}

.container-fluid {
  margin-left:35px;
  margin-right:35px;
}

.full-screen { /* bootstrap dialog */
    width: 65%;
    /*height: 70%;*/
    margin: 2% auto;
    top: 0;
    left: 0;
}

.full-screen, .full-screen .modal-body {
  min-height: 300px !important;
}

.btn-cancel-transparent {
  background-color: transparent;
}

.btn-cancel-transparent span {
  color: #d00;
  font-size: 12pt !important;
  padding: 0;
}

.navbar-nav .open .dropdown-menu>li>a,
.navbar-nav .open .dropdown-menu {
  background-color: #111;
  color:#ffffff;
}

.navbar-nav .open .dropdown-menu>li > a:hover {
  background-image:none !important;
  background-color: #444 !important;
}
.navbar-nav .open .dropdown-menu>li>a {
  display: block !important;
  width: 100% !important;
}

.dropdown-toggle .caret {
    display: inline-block !important;
    margin-right: 10px;
}

/* font awesome blinking icon */
 @keyframes fa-blink {
     0% { opacity: 1; }
     /*25% { opacity: 0.25; }*/
     50% { opacity: 0.5; }
     /*75% { opacity: 0.75; }*/
     100% { opacity: 0; }
 }
.fa-blink {
   -webkit-animation: fa-blink 1.5s linear infinite;
   -moz-animation: fa-blink 1.5s linear infinite;
   -ms-animation: fa-blink 1.5s linear infinite;
   -o-animation: fa-blink 1.5s linear infinite;
   animation: fa-blink 1.5s linear infinite;
}

/* responsive */

@media (min-width: 768px) {

  .navbar-nav .open .dropdown-menu {
    margin-top: 12px;
  }

  .table-striped tr td {
    padding: 3px !important;
  }

  .table-striped tr td a.btn {
    padding: 3px !important;
    font-size: 0.8em !important;
  }
  .navbar-nav .align-right {
    float: right !important;
    padding-top:15px;
    text-align: right;
  }

  .navbar-nav .align-right a, .navbar-nav .align-right small {
    display: inline !important;
  }

  .navbar-fixed-top .brand {
      width: 15% !important;
  }

  .navbar-fixed-top .navbar-nav {
    width: 85% !important;
  }

  .create-select-company-row #change_company {
    width: 200px;
  }

   #list_form .form-control {
    width: auto;
    display: inline-block;
    margin-right: 10px;
  }

  #list_form #startdate, #list_form #enddate {
    width: 100px;
  }
}

@media (max-width: 767px) {

.full-screen { /* bootstrap dialog */
    width: 90%;

  }

.container-fluid {
  margin-left:10px;
  margin-right:10px;
}

  .button-row p {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .navbar-nav .align-right {
    padding-top:20px;
  }  
  
  .navbar-nav .align-right small {  
    padding-left: 15px;
  }

  .create-select-company-row .pull-right,
  .create-select-company-row .pull-left {
    float: none !important;
    width: 100%;
  }

  .create-select-company-row #change_company,
  .create-select-company-row .btn-success {
    width: 100%;
  }

  .create-select-company-row #change_company {
    display: block;
    margin-top:10px;
  }
}