/* Primary Colors */
/* Bold Blue #304CB2 */
/* Warm Red #D5152E */
/* Sunrise Yellow #FFBF27 */
/* Summit Silver #ADB0B1 */
/* Deep Silver #5B7F95 */

/* Support Colors */
/* White #FFFFFF */

/* Rapid rewards & e-mail */
/* Dark Blue #182C80 */
/* Midnight Blue #111B40 */

/* Digital Color Palette */
/* Turqoise #00A9E0 */
/* Green #008020 */
/* Orange #FF792E */
/* Black #000000 */


body {
    padding-top: 50px;
}


/*
section {
    display: block;
    position: relative;
    padding: 50px 0;
    border-bottom: rgba(91, 127, 149, .1);
}
*/

.img-event-hero {
    max-width: 66%;
}

.img-event-list {
    max-width: 45%;
}

.nav-icon {
    margin-right: .5em;
}

.panel-icon {
    margin-right: .7em;
}

.main-footer {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    color: #99979c;
    background-color: #2a2730
}

.main-footer a {
    color: #fff;
}

.footer-brand {
    background: url('../assets/img/branding/heart_logo.png') left top/auto 25px no-repeat;
    position: relative;
    height: auto;
    margin-right: 30px;
}

.footer-brand:after {
    content: '\2122';
    position: absolute;
    top: -5px;
    right: -15px;
}

.footer-links {
    padding-left: 0;
    margin-bottom: 20px;
}

.footer-links li {
    display: inline-block;
}

.masthead {
    padding-top: 60px;
    padding-bottom: 60px;
}

.masthead h1 {
    color: #fff;
    font-family: Ubuntu, sans-serif;
    font-size: 60px;
    line-height: 1.0;
}

.masthead img {
    height: 1em;
}

.masthead-blue {
    color: #C8CEE3;
    background-color: #304CB2;
    /*background-color: #563d79;*/
    background-image: linear-gradient(to bottom,#5A2ABF 0,#304CB2 100%);
}

.masthead-green {
    color: #C8CEE3;
    background-color: #008020;
    /*background-color: #563d79;*/
    background-image: linear-gradient(to bottom,#008020 0, #007A1F 100%);
}

.masthead-red {
    color: #C8CEE3;
    background-color: #D5152E;
    /*background-color: #563d79;*/
    background-image: linear-gradient(to bottom,#D5152E 0, #ce171f 100%);
}

/* nav display media query */
/*@media (width <= 1000px) {*/
@media (min-width: 768px) and (max-width: 1000px) {
    .collapse .nav-menu-text {
        display: none;
    }
}

/* nav display login form */
/*@media (width <= 1200px) {*/
@media (max-width: 1200px) {
    #navbar-login-form {
        display: none;
    }
}

/*@media (width > 1200px) {*/
@media (min-width: 1200px) {
    #navbar-login-dropdown {
        display: none;
    }
}

/* apply a fixed position only */
.fixed {
    position: fixed;
}

.margin-top-15 {
    margin-top: 15px;
}

/* affix */
.affix {
  top: 20px;
  width: 213px;
}

.affix-bottom {
  position: absolute;
  width: 213px;
}

@media (min-width: 1200px) {
  .affix {
    width: 263px;
  }         
}

/* Shadow 6 */
.box-shadow {
    position: relative;
    box-shadow: 10px 10px 10px 5px rgba(91, 127, 149, .3);
}

.box-shadow:after {
    content: "";
    position: absolute;
    width: 290px;
    height: 90px;
    top: 50%;
    bottom: 0;
    left: 10px;
    right: 10px;
    z-index: -1;
    /*background-color: #FFFFFF;*/
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
}

.country-select-input {
    margin: 10px;
    width: 100%;
}

/* used on index page */
.horizontal-bar {
    margin: 10;
    padding: 10px 0;
    border-bottom: rgba(91, 127, 149, .4) 1px solid;
}

.horizontal-bar h3 {
    line-height: 1.3;
    margin: 0;
    padding: 0;
}

.horizontal-bar p {
    line-height: 1.0;
}

.horizontal-bar div.row > div {
    padding-top:20px;
    padding-bottom:20px;
    margin:0 !important;
    border-right:rgba(91, 127, 149, .3) 1px solid;
}

/* remove border from last pane*/
.horizontal-bar div.row > div:last-child {
    border: 0;
}

.horizontal-bar div.row div > i {
    float: left;
    font-size: 36px;
    line-height: 3.0;
    margin-right: 10px;
}

.bgimage {
	background-image: url('../img/dep_nc.jpg');
	background-position: center;
	background-size: cover;
	background-attachment: scroll;
	background-repeat: none;
	height: 300px;
}

.main {
    padding-right: 40px;
    padding-left: 40px;
}

.nav-sidebar {
    margin-right: -21px;
    margin-bottom: 20px;
    margin-left: -20px;
}

.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #428bca;
}

.row-margin-top-15 {
    margin-top: 15px;
}

.sidebar {
    position: fixed;
    top: 51px;
/*    bottom: 0;*/
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
}

.video-container {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.video-container video {
    /* Make video to at least 100% wide and tall */
    min-width: 100%;
    /*min-height: 100%;*/
    /* Setting width & height to auto prevents the browser from stretching or squishing the video */
    width: 100%;
    height: auto;
    /* Center the video */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -999;
    
    -webkit-filter: grayscale(45%) brightness(105%);
    filter: grayscale(45%) brightness(105%);
    /*-webkit-filter: sepia(50%);
    filter: sepia(50%);*/
}

#form-application {
    padding-top: 50px;
}

#form-instructions {
    padding-top: 50px;
}

#form-login {
    padding-top: 50px;
    padding-bottom: 100px;
}

#form-permissions-wrapper {
    position: relative;
}

.form-signin {
    margin: 0 auto;
    max-width: 350px;
}

/* changed to fixed class
.loader-fixed {
    position: fixed;
}
*/

.loader-absolute {
    position: absolute;
}

.ajax-fade {
    background: rgba(0,0,0,.2);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1100;
}

.loader {
    background: rgba(0,0,0,.8);
    color: #f0a000;
    font-size: 50px;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1100;
}

.spinner {
    width: 80px;
    height: 80px;
    
    border: 2px solid #f3f3f3;
    border-top: 3px solid #f25a41;
    border-radius: 100%;
    
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    
    animation: spin .8s infinite linear;
}

#live-flights-map {
    height: 0px;
}

#live-flights-map-wrapper {
    position: relative;
}

#recent-flights-map {
    height: 350px;
    /*height: 100%;*/
}

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

/*#overlay {
  height: 100%;
  width: 100%;
  background-color: rgba(0,0,0,.8);
  z-index: 9999;
}*/

@media (max-width: 1000px)  {
    .navbar-brand-logo {
        background: url('../assets/img/branding/banner_logo_stacked.png') center top/auto 50px no-repeat;   
        min-width: 250px;
    }
}

@media (min-width: 1001px) {
    .navbar-brand-logo {
        background: url('../assets/img/branding/banner_logo.png') center/95% auto no-repeat;
        min-width: 250px;
    }
}

.datatable {
    width: 80%;
}

.table-hover tbody tr {
    cursor: pointer;
}

.modal-edit {
    text-align: right;
    padding: 15px;
    /*margin-top: 20px;
    margin-bottom: 10px;*/
}

.right-margin-1em {
    margin-right: 1em;
}

/* dispatch statuses */
.dispatch:before {
    content: "\25CF";
    margin: 0 0 0 -5px;
    padding-right: 10px;
    color: #D5152E;
}

.planning:before {
    content: "\25CF";
    margin: 0 0 0 -5px;
    padding-right: 10px;
    color: #FFBF27;
}

.released:before {
    content: "\25CF";
    margin: 0 0 0 -5px;
    padding-right: 10px;
    color: #304CB2;
}

#change-password {
    display: none;
}

#myModal .modal-dialog {
    width: 50%;
}

#avatar {
    height: 200px;
}

#modal-map {
    height: 400px;
}

#flights-map {
    height: 400px;
    margin-top: 15px;
    margin-bottom: 15px;
}

#route-map {
    height: 500px;
}

#airport-map {
    height: 250px;
}

#vatsim-logo-index {
    width: 250px;
}