/*  AutoPilot changes and additions 
    =========================================
*/

body {
  padding:100px 0 100px 0;
  background-color:#F1F2F6; 
  }
 /* clicking dropdownbutton makes bg a weird grey */
.nav > li > a:hover, 
.nav > li > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {background-color:transparent;}

hr {
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.modal-header {
  border-bottom: 1px solid #CCD1D9;
}
.modal-footer {
  border-top: 1px solid #CCD1D9;
}

/* AutoPilot payoff in footer */
/* paint text light on black navbar, and vertical align with padding*/
.navbar-inverse.navbar-fixed-bottom {
  color:#E6E9ED;
  padding:1em 0;
 }
 .navbar-fixed-bottom p {
  margin:0;
 }

/* reg. trademark positioning */
.navbar-fixed-bottom  .glyphicon-registration-mark {position:relative; top: 7px;}


/*  Bootstrap fixes
    =========================================
*/

/* IE FIX thumbnails are full page width */
.img-thumbnail {
  width: auto\9;
  height: auto;
 /* max-width: 100%;*/
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}



/*  Branding the different subsites, like Login, Timesheet etc. with distinct colours
    =========================================
*/

#sitebrand_login .navbar-inverse, 
#sitebrand_login .navbar-inverse .dropdown-menu, 
#sitebrand_login .navbar-nav .active a, 
#sitebrand_login .navbar-nav a, 
#sitebrand_login .navbar-inverse .navbar-text, 
#sitebrand_login .navbar-inverse .navbar-brand, 
#sitebrand_login .navbar-inverse .navbar-link,
#sitebrand_login .navbar-inverse .dropdown ul li,
#sitebrand_login .navbar-inverse .navbar-toggle {
  background-color:#4A89DC; 
  border-color:#4A89DC;
  color:white;
}

#sitebrand_upload .navbar-inverse, 
#sitebrand_upload .navbar-inverse .dropdown-menu, 
#sitebrand_upload .navbar-nav .active a, 
#sitebrand_upload .navbar-nav a, 
#sitebrand_upload .navbar-inverse .navbar-text, 
#sitebrand_upload .navbar-inverse .navbar-brand, 
#sitebrand_upload .navbar-inverse .navbar-link,
#sitebrand_upload .navbar-inverse .dropdown ul li,
#sitebrand_upload .navbar-inverse .navbar-toggle  {
  background-color:#E9573F; 
  border-color:#E9573F;
  color:white;
}

#sitebrand_login .navbar-inverse .dropdown-menu .divider,
#sitebrand_upload .navbar-inverse .dropdown-menu .divider   {
  background-color:white;  
  }

/* darken all active nav-items and hamburger icon a bit */
body .navbar-nav .active a, 
body .navbar-nav a:hover, 
#sitebrand_login .navbar-inverse .navbar-toggle,
#sitebrand_upload .navbar-inverse .navbar-toggle{
  background-color:rgba(0, 0, 0, 0.3) !important;
  }

#sitebrand_login .navbar-inverse .navbar-toggle .icon-bar, 
#sitebrand_login .navbar-inverse .dropdown-header.divider,
#sitebrand_upload .navbar-inverse .navbar-toggle .icon-bar, 
#sitebrand_upload .navbar-inverse .dropdown-header.divider {
background-color:white;}

/*  WideArea plugin fixes
    =========================================
*/
a.widearea-icon.fullscreen {
  position:relative; 
  right:8px;
  top:2px;
  }

  
/*  AP Logo
    =========================================
*/

#logowrapper div{
  position:relative;
  top:-3px;
  z-index: 10000;
  display:block;
  width: 20px;
  height: 28px;
  color:white;
  text-align:center;
  padding-top:4px;
  font-weight:bold;
  font-size:14px;
  float:left;
  }
 
#logowrapper .logo_right {
  background-color: #5699F9;
  border-radius: 0  70px  70px  0 / 0 50px 50px 0;
  padding-right: 2px;
}

#logowrapper .logo_left {
  background-color: #656D78;
  border-radius: 70px  0px  0px  70px / 50px 0px 0px 50px;
  padding-left: 1px;
}


/*  Headroom CSS
    =========================================
*/
.headroom {position: fixed;top: 0;left: 0;right: 0;transition: all .2s ease-in-out;}
.headroom--unpinned {top: -100px;}
.headroom--pinned {top: 0;}
 
 
.spin{
     -webkit-transform-origin: 50% 58%;
     transform-origin:50% 58%;
     -ms-transform-origin:50% 58%; /* IE 9 */
     -webkit-animation: spin 1.4s infinite linear;
     -moz-animation: spin 1.4s infinite linear;
     -o-animation: spin 1.4s infinite linear;
     animation: spin 1.4s infinite linear;
}


@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*  Ladda progress buttons, better coloring
    =========================================
*/

.ladda-button[data-color=green]{background:#8CC152}
.ladda-button[data-color=green]:hover{background-color:#A0D468}
.ladda-button[data-color=blue]{background:#3BAFDA}
.ladda-button[data-color=blue]:hover{background-color:#4FC1E9}
.ladda-button[data-color=red]{background:#DA4453}
.ladda-button[data-color=red]:hover{background-color:#ED5565}
.ladda-button[data-color=purple]{background:#9973c2}
.ladda-button[data-color=purple]:hover{background-color:#a685ca}
.ladda-button[data-color=mint]{background:#37BC9B}
.ladda-button[data-color=mint]:hover{background-color:#48CFAD}


/* remove yellow background in chrome input fields */
/** input:-webkit-autofill, * input:-webkit-autofill:focus {
  color: #fff !important;
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}*/



/* iCheck plugin with the Star graphic for toggling favourites
----------------------------------- */

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .star .icheckbox_flat-star,
    .star .iradio_flat-star {
        background-image: url(star@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}


.star .icheckbox_flat-blue.checked, .star .icheckbox_flat-blue {
  background-image: url(star.png);
  background-size: 176px 22px;
  }

.star .icheckbox_flat-blue, .star .icheckbox_flat-blue.checked{
  width:22px;
  height:22px;
  }
  
.star .icheckbox_flat-blue.checked {
  background-position: -22px 0;
  }
        
.star-large .icheckbox_flat-blue.checked, .star-large .icheckbox_flat-blue {
  background-image: url(star@2x.png);
  background-size: 352px 44px;
  }

.star-large .icheckbox_flat-blue, .star-large .icheckbox_flat-blue.checked{
  width:44px;
  height:44px;
  }
  
.star-large .icheckbox_flat-blue.checked {
  background-position: -44px 0;
  }