/* Set padding to keep content from hitting the edges */
.absence-month-header {
    background-color: black;
    color: white;
    font-weight: bold;
    text-align: center;
    font-size: 2.5rem;
}
.jabog-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
div[class^="jabog-tile-"] {
    padding: 15px;
    height: 400px;
    margin-bottom: 20px;
    border-radius: 8px;
    border: 1px solid #dddddd;
    overflow: hidden;
    background: rgba(255,255,255,0.8);
} 
@media screen and (max-width: 991px){
    div[class^="jabog-tile-"] {
        width: 100% !important;
    }
    div.jabog-tile-contact {
        height: 500px;
    }
}
@media screen and (max-width: 1280px) and (min-width:769px){
    .navbar-collapse {
        font-size: 0.7em;
    }
    .navbar-right {
        font-size: 0.9em !important;
    }
}

div.jabog-tile-news {
    width: 40%;
}
div.jabog-tile-welcome {
    width: 25%;
}
div.jabog-tile-docs {
    width: 25%;
}
div.jabog-tile-about {
    width: 300px;
    text-align: center;
}
div.jabog-tile-contact {
    width: 430px;
}
div.jabog-tile-pilots {
    width: 430px;
}
div.jabog-tile-archive {
    width: 430px;
}
@media screen and (max-width: 1420px) {
    div.jabog-tile-news {
        width: 45%;
    }

    div.jabog-tile-welcome {
        width: 45%
    }
    div.jabog-tile-docs {
        width: calc(90% - 730px);
    }
    div.jabog-tile-archive{
        width: calc(90% - 430px)
    }
}

@media screen and (max-width: 1250px) {
    div.jabog-tile-news {
        width: 100%;
    }

    div.jabog-tile-welcome {
        width: 45%
    }

    div.jabog-tile-docs {
        width: 45%;
    }

    div.jabog-tile-archive {
        width: calc(90% - 430px)
    }
}

.image-preview-intern {
    width: 100px;
    height: 60px;
    background-size: cover;
    background-position: center;
}

/* IMAGE SLIDER */
.jabog-image-slider {
    width: 100%;
    height: 400px;
    background-color: #f5f5f5;
    position: relative;
}

    .jabog-image-slider > div {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-position: center;
        background-size: cover;
        display: none;
    }

        .jabog-image-slider > div:nth-child(1) {
            display: block;
        }

        .jabog-image-slider > div > div {
            background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 35%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.6) 65%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 35%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.6) 65%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 35%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.7) 65%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            padding-top: 11px;
            height: 65px;
            color: white;
            line-height: 14px;
            font-size: 25px;
            text-align: center;
            font-family: 'Saira', sans-serif;
        }

div.jabog-image-slider div div strong {
    font-family: "Orbitron",sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 1px;
}

div.jabog-image-slider div div small {
    font-size: 75%;
}


.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

body {
    background-color: #f6f6f6;
    background-attachment: fixed;
    background-color: #e9e9e9;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;
    overflow-x: hidden;
}

h1, .h1 {
    font-family: "Orbitron",sans-serif;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 1px;
}



h2, .h2 {
    font-family: "Saira",sans-serif;
    font-size: 22px;
    font-weight: 400;
}


h3.center-header {
    display: block;
    position: relative;
    /* margin-left: 213px; */
    text-align: center;
    width: 233px;
    margin: 30px auto;
}

    h3.center-header::after {
        content: "";
        background-color: black;
        position: absolute;
        left: 100%;
        width: 100px;
        height: 3px;
        top: 50%;
        margin-left: 10px;
    }

    h3.center-header::before {
        content: "";
        background-color: black;
        position: absolute;
        right: 100%;
        width: 100px;
        height: 3px;
        top: 50%;
        margin-right: 10px;
    }

.container-fluid.body-content div.squad-container-view div h5 {
    font-size: 14px;
    text-align: center;
    display: block;
    margin-top: 0;
}

.header {
    background-image: none !important;
}


div.container-fluid div.row div.col-md-4 div.container-box div h4 {
    margin-top: 20px;
    margin-bottom: -10px;
}


.text-bold {
    font-weight: bold;
}

.spacing-form {
    margin-bottom: 10px;
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

div.col-md-3 div.container-box div.well.well-sm form fieldset div.form-group label {
    margin-left: -13px;
}


.container-box div.well.well-sm form fieldset div.form-group div.col-md-9 input {
    margin-bottom: 10px;
}



.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-group:before, .form-group:after {
    display: table;
    content: " ";
    clear: both;
}


.logo {
    width: 13%;
    min-width: 80px;
    max-width: 220px;
    margin-left: 4%;
    margin-top: 2.5%;
    z-index: 101;
    position: absolute;
    display: block;
}


/* NAVIGATION */

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: #e8e8e8;
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #f8d65f;
    background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
    background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
    background-repeat: repeat-x;
}

.navbar-default {
    background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #f8f8f8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
    background-image: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
}

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .active > a {
        background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
        background-image: -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2));
        background-image: linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
        background-repeat: repeat-x;
        -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
        box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
        color: #f8d65f !important;
    }

.navbar-brand,
.navbar-nav > li > a {
    text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
}

.navbar-inverse {
    background-image: linear-gradient(to bottom, #e9e9e9 0%, #fff 60%);
    background-repeat: repeat-x;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #dddddd;
    margin-right: -10px;
    margin-bottom: 35px;
    -moz-box-shadow: 1px 6px 12px rgba(0, 0, 0, 0.40) !important; /* Firefox */
    -webkit-box-shadow: 1px 6px 12px rgba(0, 0, 0, 0.40) !important; /* Chrome, Safari */
    -khtml-box-shadow: 1px 6px 12px rgba(0, 0, 0, 0.40) !important; /* Konqueror */
    container-fluid: body-content;
    font-size: 18px;
}

    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:focus,
    .navbar-inverse .navbar-nav > li > a:active,
    .navbar-brand:hover,
    .navbar-brand:focus,
    .navbar-brand:active {
        -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, .20);
        box-shadow: inset 0 3px 6px rgba(0, 0, 0, .20);
        background-image: linear-gradient(to bottom, #c3c3c3 0%, #949494 60%);
        color: #fff;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
    }

    .navbar-inverse .navbar-brand,
    .navbar-inverse .navbar-nav > li > a {
        text-shadow: 0 1px 0 rgba(0, 0, 0, .25);
        color: #3c3c3c;
    }

.navbar-brand {
    font-size: 18px;
    line-height: 19px;
    display: none; /* hidden cause bug in mobile version */
}





div.container div.navbar-collapse.collapse ul.nav.navbar-nav.navbar-right {
    font-size: 14px;
    position: absolute;
    display: block;
    z-index: 999;
    top: 0px;
    right: 20px;
    witdh: 120px;
}



.text-center {
    -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, .20);
    box-shadow: inset 0 3px 6px rgba(0, 0, 0, .20);
    background-image: linear-gradient(to bottom, #fff 0%, #f5f5f5 60%);
    font-family: 'Saira', sans-serif;
    color: #000;
    padding-top: 12px;
    border-top: 1px solid #e1e1e1;
    padding-bottom: 4px;
    margin-top: 70px;
    margin-bottom: -10px;
    margin-left: -20px;
    margin-right: -20px;
}

.well,
body div.container-fluid.body-content div.container-fluid div.row div.col-md-3 div div.well.well-sm,
body div.container-fluid.body-content div.container-fluid div.row div.col-md-3 div div.well.well-sm form fieldset legend.text-center,
form.form-horizontal fieldset legend.text-center {
    border: none !important;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    background-image: none !important;
    background-color: transparent !important;
    padding: 0;
    margin: 0;
    text-align: left;
}

.jabog-tile-news div.preview img {
    border: none;
    float: right;
    clear: right;
    max-width: 270px;
    margin-top: 15px;
    margin-left: 10px;
    margin-bottom: 15px;
}




/* Mobil bugfixes */
@media screen and (max-width: 760px) {
    body {
        background-attachment: none !important;
        background-color: #e9e9e9;
        background-image: none !important;
        background-position: right 76px;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    
    body div.container-fluid.no-padding.dynamic-nav, div .container-fluid.no-padding.dynamic-nav, body > div.container-fluid.no-padding.dynamic-nav > div > div > div.navbar-header {
        top: 0px;
        /* right: 10px; */
        height: 30px;
        position: fixed;
        z-index: 999;
        background-color: #fff;
        background-color: transparent;
        display: block;
        width: 100%;
        border-radius: 0;
    }

    .navbar-inverse {
        -moz-box-shadow: 1px 6px 12px rgba(0, 0, 0, 0.60) !important; /* Firefox */
        -webkit-box-shadow: 1px 6px 12px rgba(0, 0, 0, 0.60) !important; /* Chrome, Safari */
        -khtml-box-shadow: 1px 6px 12px rgba(0, 0, 0, 0.60) !important; /* Konqueror */
        top: 0px;
    }

        .navbar-inverse .navbar-toggle {
            border: none;
            color: #000;
            padding-left: 0;
            padding-right: 0;
            margin-left: 0;
            margin-right: 20px;
            border: 0;
            width: 50px;
        }

            .navbar-inverse .navbar-toggle .icon-bar {
                color: #fff;
                background-color: #444444;
                padding-left: 0;
                padding-right: 0;
                margin-left: 7px;
                margin-right: 0;
                width: 35px;
                border-radius: 0;
            }

                .navbar-inverse .navbar-toggle:hover,
                .navbar-inverse .navbar-toggle .icon-bar:hover {
                    color: #fff;
                    background-color: rgba(0, 0, 0, 0.13);
                    -moz-box-shadow: 1px -2px 5px rgba(0, 0, 0, 0.40) !important; /* Firefox */
                    -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.40) !important; /* Chrome, Safari */
                    -khtml-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.40) !important; /* Konqueror */
                    border-radius: 0;
                }

    .logo {
        width: 33%;
        min-width: 100px;
        max-width: 220px;
        margin-left: 4%;
        margin-top: 50px;
        z-index: 999;
        position: absolute;
        display: block;
    }


    .jabog-image-slider {
        height: 250px;
        margin-top: 40px;
    }


    div.jabog-image-slider div div strong {
        font-size: 15px;
        line-height: 13px;
    }

    div.jabog-image-slider div div small {
        font-size: 60%;
    }

    .jabog-image-slider > div > div {
        bottom: 0;
        color: white;
        font-family: "Saira",sans-serif;
        font-size: 25px;
        height: 65px;
        left: 0;
        line-height: 13px;
        padding-top: 0px;
        position: absolute;
        right: 0;
        text-align: center;
    }

    h1, .h1 {
        font-family: "Orbitron",sans-serif;
        font-size: 18px;
        font-weight: 600;
        letter-spacing: 1px;
    }

    h2, .h2 {
        font-family: "Saira",sans-serif;
        font-size: 18px;
        font-weight: 400;
    }



    div.container div.navbar-collapse.collapse ul.nav.navbar-nav.navbar-right {
        font-size: 14px;
        position: relative;
        display: normal;
        z-index: 999;
        top: 0;
        right: 0px;
        witdh: 100%;
    }


    div.single-news-container {
        padding: 10px;
        margin-bottom: 30px;
        border-radius: 8px;
        width: 140% !important;
        min-height: 415px;
        margin-left: -20%;
        display: block;
        border: 1px solid #dddddd;
        background: rgba(255,255,255,0.8);
        -moz-box-shadow: 1px 7px 12px #e5e5e5; /* Firefox */
        -webkit-box-shadow: 1px 7px 12px #e5e5e5; /* Chrome, Safari */
        -khtml-box-shadow: 1px 7px 12px #e5e5e5; /* Konqueror */
    }

    .multi-row {
          column-count: 1 !important;
    }






    body div.container-fluid.body-content,
    html.js.flexbox.flexboxlegacy.canvas.canvastext.webgl.no-touch.geolocation.postmessage.no-websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.no-cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths body div.container-fluid.body-content {
        margin-top: 175px;
    }

    .jabog-tile-news div.preview img {
        width: 100%;
    }
}



body div.container-fluid.body-content div.container-fluid div.row div.col-md-2 div.container-box a img,
body div.container-fluid.body-content div.container-fluid div.row div.col-md-2 div.container-box a {
    width: 100%;
    max-width: 180px;
}









.header {
    width: 100%;
    height: 30%;
    background-image: url('images/header.jpg');
    background-size: cover;
    background-position: center;
    z-index: 0; /*101;*/
    position: relative;
    padding: 0;
}

.navbar {
    border-radius: 0;
    font-family: 'Saira', sans-serif;
}

.nav navbar-nav {
    font-family: 'Saira', sans-serif;
}

.fixed-nav {
    position: fixed;
    top: 0;
    z-index: 100;
    left: 0;
    right: 0;
    font-family: 'Saira', sans-serif;
}

.dynamic-nav {
    z-index: 101;
    font-family: 'Saira', sans-serif;
}

@media only screen and (max-width: 768px) {
    /*.dynamic-nav{
        display:none;
    }*/

    .header {
        height: 150px;
        z-index: 99;
    }
}

.no-padding {
    padding: 0;
}

.news-container {
    border: 1px solid gray;
    padding: 5px 20px 20px 20px;
}

.side-padding {
    padding-left: 20px;
    padding-right: 20px;
}

.side-nav {
    width: 300px;
    float: left;
    padding: 10px;
}

.intern-content {
    padding-left: 300px !important;
}

.form-horizontal {
    padding: 0 20px 20px 20px;
    min-height: 400px;
    margin-bottom: 30px;
    border-radius: 8px;
    border: 1px solid #dddddd;
    background: rgba(255,255,255,0.8);
    -moz-box-shadow: 1px 7px 12px #e5e5e5; /* Firefox */
    -webkit-box-shadow: 1px 7px 12px #e5e5e5; /* Chrome, Safari */
    -khtml-box-shadow: 1px 7px 12px #e5e5e5; /* Konqueror */
}


div.container-fluid div.row div.col-md-2 div.container-box,
div.container-fluid div.row div.col-md-3 div.container-box,
div.container-fluid div.row div.col-md-4 div.container-box,
div.container-fluid div.row div.col-md-5 div.container-box {
    min-height: 400px;
    column-fill: auto;
    overflow: visible;
}



div.single-news-container {
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 8px;
    width: 100%;
    min-height: 415px;
    display: block;
    border: 1px solid #dddddd;
    background: rgba(255,255,255,0.8);
    -moz-box-shadow: 1px 7px 12px #e5e5e5; /* Firefox */
    -webkit-box-shadow: 1px 7px 12px #e5e5e5; /* Chrome, Safari */
    -khtml-box-shadow: 1px 7px 12px #e5e5e5; /* Konqueror */
}

.multi-row {
    margin-left: 15%;
    margin-right: 15%;
    column-count: 1;
}

.multi-app-row {
    margin-left: 15%;
    margin-right: 15%;
    column-count: 1;
}

body div.container-fluid.body-content div.multi-app-row div div.single-app-container div form.form-horizontal div.form-group ul {
    margin-left: 20%;
}

#AdditionalInfo {
    max-width: 1500px !important;
    width: 60%;
    margin-left: 20%;
}

div.container-fluid.body-content div.multi-app-row div div.single-app-container div form.form-horizontal div.form-group div.col-sm-offset-2.col-sm-12 button.btn.btn-success {
    margin-left: 20%;
}

.col-sm-offset-2 {
    margin: auto;
}

body div.container-fluid.body-content div.multi-app-row div div.single-app-container div form.form-horizontal p,
sdsd .form-horizontal .form-group {
    margin-left: 20%;
}


body div.container-fluid.body-content div.multi-row div div div.single-news-container img {
    width: 30%; /*100%;*/
    height: auto;
    float: left;
    border-radius: 10px;
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 30px;
    display: block;
}

.body-content div.multi-row div div div.single-news-container div ul li {
    list-style-position: inside;

}
.body-content div.multi-row div div div.single-news-container div ul {
    list-style-position: inside;
    margin-left: -39px !important;
}



body div.container-fluid.body-content div.multi-row div div div.single-news-container div p iframe,
html.js.flexbox.flexboxlegacy.canvas.canvastext.webgl.no-touch.geolocation.postmessage.no-websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.no-cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths body div.container-fluid.body-content div.multi-row div.col-md-10 div div.single-news-container div p iframe {
    width: 30%; /*100%;*/
    height: auto;
    min-height: 200px;
    float: left;
    border-radius: 10px;
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 30px;

  
}



.container-box {
    padding: 0 20px 20px 20px;
    margin-bottom: 30px;
    border-radius: 8px;
    min-height: 350px;
    border: 1px solid #dddddd;
    overflow: hidden;
    background: rgba(255,255,255,0.8);
    column-fill: auto;
    -moz-box-shadow: 1px 7px 12px #e5e5e5; /* Firefox */
    -webkit-box-shadow: 1px 7px 12px #e5e5e5; /* Chrome, Safari */
    -khtml-box-shadow: 1px 7px 12px #e5e5e5; /* Konqueror */
}

.ts-viewer-container {
    height: 400px;
}

.news-slider-container {
    margin-left: -20px;
    margin-right: -20px;
}

.nav-intern {
    border: 1px solid black;
}

    .nav-intern li.active {
        background-color: #ccc;
    }

    .nav-intern, .nav-intern ul, .nav-intern li {
        list-style: none;
        padding: 0;
        margin: 0;
        display: block;
        min-height: 30px
    }

        .nav-intern > li > ul > li {
            height: 20px;
        }

        .nav-intern .nav-intern-header {
            background-color: dimgray;
            color: white;
        }

        .nav-intern li > a {
            color: black;
            padding-left: 20px;
            display: block;
            padding-top: 6px;
        }

            .nav-intern li > a:hover {
                text-decoration: none;
                background-color: #ccc;
            }

        .nav-intern li > span {
            padding-left: 10px;
            font-weight: bold;
            display: block;
            padding-top: 6px;
        }


/* Wichtig! CSS für Header Slider */

.slider-img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

/* jssor slider loading skin oval css */

.jssorl-oval img {
    animation-name: jssorl-oval;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-oval {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


/* jssor slider bullet navigator skin 05 css */
/*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
.jssorb05 {
    position: absolute;
}

    .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
        position: absolute;
        /* size of bullet elment */
        width: 16px;
        height: 16px;
        background: url('images/b05.png') no-repeat;
        overflow: hidden;
        cursor: pointer;
    }

    .jssorb05 div {
        background-position: -7px -7px;
    }

        .jssorb05 div:hover, .jssorb05 .av:hover {
            background-position: -37px -7px;
        }

    .jssorb05 .av {
        background-position: -67px -7px;
    }

    .jssorb05 .dn, .jssorb05 .dn:hover {
        background-position: -97px -7px;
    }

/* jssor slider arrow navigator skin 22 css */
/*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        .jssora22l.jssora22lds      (disabled)
        .jssora22r.jssora22rds      (disabled)
        */
.jssora22l, .jssora22r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 58px;
    cursor: pointer;
    background: url('images/a22.png') center center no-repeat;
    overflow: hidden;
}

.jssora22l {
    background-position: -10px -31px;
}

.jssora22r {
    background-position: -70px -31px;
}

.jssora22l:hover {
    background-position: -130px -31px;
}

.jssora22r:hover {
    background-position: -190px -31px;
}

.jssora22l.jssora22ldn {
    background-position: -250px -31px;
}

.jssora22r.jssora22rdn {
    background-position: -310px -31px;
}

.jssora22l.jssora22lds {
    background-position: -10px -31px;
    opacity: .3;
    pointer-events: none;
}

.jssora22r.jssora22rds {
    background-position: -70px -31px;
    opacity: .3;
    pointer-events: none;
}



/*SQUAD ZUORDNUNG*/



.flight-Container {
    position: relative;
    padding: 20px;
    min-height: 300px;
    width: 640px;
    margin: auto;
}

.aircraft {
    position: relative;
    width: 125px;
    height: 125px;
    display: inline-block;
    /* float: left; 
    margin-left: 25px; */
    background-image: url('/assets/images/ac-placeholder.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

    .aircraft > div.pilot {
        text-align: center;
        width: 100%;
        padding-top: 130px;
    }

div.container-fluid.body-content table tbody tr td img {
    width: 10%;
    min-width: 90px;
    clear: both;
    display: block;
}

div.container-fluid.body-content table tbody tr td {
    border-bottom: 1px solid #ccc;
    padding-left: 1%;
    padding-bottom: 3px;
    padding-top: 3px;
}

div.container-fluid.body-content table {
    width: 90%;
}

#squadron-table {
    width: 50%;
    margin: auto;
}


div[id^='secondlead-'].aircraft,
div[id^='wing-'].aircraft
{
    margin-bottom: 50px;
}


div[id^='lead-'].aircraft {
    margin-bottom: 100px;
}

#wing-4.aircraft {
}

#secondwing-4.aircraft {
}



/*
.aircraft:nth-child(1){
    margin-top: 74px;
}
.aircraft:nth-child(3) {
    margin-top: 74px;
}
.aircraft:nth-child(4) {
    margin-top: 150px;
}
    */
.clear {
    clear: both;
}

.reserve-list {
    min-height: 150px;
    border: 1px solid gray;
    padding-bottom: 50px;
}


.squad-container {
    width: 80%;
    float: left;
}

.squad-container-view {
    width: 100%;
    /*float: left;  */
    background-color: transparent;
}

    .squad-container-view h1,
    .squad-container-view h2,
    .squad-container-view h3 {
        text-align: center;
    }

.squad-container h1,
.squad-container h2,
.squad-container h3 {
    text-align: center;
}

.squad-container-view .aircraft {
    width: 300px;
    min-width: 160px;
    height: 300px; /*364px; */
}

.squad-container-view .aircraft > div.pilot {
    padding-top: 95%;
}

.squad-container-view .flight-Container {
    min-height: 500px;
    width: 100%; /*1120px;*/
    text-align: center;
}

.left-container {
    width: 19%;
    position: fixed;
    right: 0;
    top: 390px;
}



/* Customized Copy of original bootstrap-theme.css */
.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

    .btn-default:active,
    .btn-primary:active,
    .btn-success:active,
    .btn-info:active,
    .btn-warning:active,
    .btn-danger:active,
    .btn-default.active,
    .btn-primary.active,
    .btn-success.active,
    .btn-info.active,
    .btn-warning.active,
    .btn-danger.active {
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    }

    .btn-default.disabled,
    .btn-primary.disabled,
    .btn-success.disabled,
    .btn-info.disabled,
    .btn-warning.disabled,
    .btn-danger.disabled,
    .btn-default[disabled],
    .btn-primary[disabled],
    .btn-success[disabled],
    .btn-info[disabled],
    .btn-warning[disabled],
    .btn-danger[disabled],
    fieldset[disabled] .btn-default,
    fieldset[disabled] .btn-primary,
    fieldset[disabled] .btn-success,
    fieldset[disabled] .btn-info,
    fieldset[disabled] .btn-warning,
    fieldset[disabled] .btn-danger {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn-default .badge,
    .btn-primary .badge,
    .btn-success .badge,
    .btn-info .badge,
    .btn-warning .badge,
    .btn-danger .badge {
        text-shadow: none;
    }

.btn:active,
.btn.active {
    background-image: none;
}

.btn-default {
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
    background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #dbdbdb;
    border-color: #ccc;
}

    .btn-default:hover,
    .btn-default:focus {
        background-color: #e0e0e0;
        background-position: 0 -15px;
    }

    .btn-default:active,
    .btn-default.active {
        background-color: #e0e0e0;
        border-color: #dbdbdb;
    }

    .btn-default.disabled,
    .btn-default[disabled],
    fieldset[disabled] .btn-default,
    .btn-default.disabled:hover,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default:hover,
    .btn-default.disabled:focus,
    .btn-default[disabled]:focus,
    fieldset[disabled] .btn-default:focus,
    .btn-default.disabled.focus,
    .btn-default[disabled].focus,
    fieldset[disabled] .btn-default.focus,
    .btn-default.disabled:active,
    .btn-default[disabled]:active,
    fieldset[disabled] .btn-default:active,
    .btn-default.disabled.active,
    .btn-default[disabled].active,
    fieldset[disabled] .btn-default.active {
        background-color: #e0e0e0;
        background-image: none;
    }

.btn-primary {
    background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
    background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
    background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #245580;
}

    .btn-primary:hover,
    .btn-primary:focus {
        background-color: #265a88;
        background-position: 0 -15px;
    }

    .btn-primary:active,
    .btn-primary.active {
        background-color: #265a88;
        border-color: #245580;
    }

    .btn-primary.disabled,
    .btn-primary[disabled],
    fieldset[disabled] .btn-primary,
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled.focus,
    .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary.focus,
    .btn-primary.disabled:active,
    .btn-primary[disabled]:active,
    fieldset[disabled] .btn-primary:active,
    .btn-primary.disabled.active,
    .btn-primary[disabled].active,
    fieldset[disabled] .btn-primary.active {
        background-color: #265a88;
        background-image: none;
    }

.btn-success {
    background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
    background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
    background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #3e8f3e;
}

    .btn-success:hover,
    .btn-success:focus {
        background-color: #419641;
        background-position: 0 -15px;
    }

    .btn-success:active,
    .btn-success.active {
        background-color: #419641;
        border-color: #3e8f3e;
    }

    .btn-success.disabled,
    .btn-success[disabled],
    fieldset[disabled] .btn-success,
    .btn-success.disabled:hover,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success:hover,
    .btn-success.disabled:focus,
    .btn-success[disabled]:focus,
    fieldset[disabled] .btn-success:focus,
    .btn-success.disabled.focus,
    .btn-success[disabled].focus,
    fieldset[disabled] .btn-success.focus,
    .btn-success.disabled:active,
    .btn-success[disabled]:active,
    fieldset[disabled] .btn-success:active,
    .btn-success.disabled.active,
    .btn-success[disabled].active,
    fieldset[disabled] .btn-success.active {
        background-color: #419641;
        background-image: none;
    }

.btn-info {
    background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
    background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
    background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #28a4c9;
}

    .btn-info:hover,
    .btn-info:focus {
        background-color: #2aabd2;
        background-position: 0 -15px;
    }

    .btn-info:active,
    .btn-info.active {
        background-color: #2aabd2;
        border-color: #28a4c9;
    }

    .btn-info.disabled,
    .btn-info[disabled],
    fieldset[disabled] .btn-info,
    .btn-info.disabled:hover,
    .btn-info[disabled]:hover,
    fieldset[disabled] .btn-info:hover,
    .btn-info.disabled:focus,
    .btn-info[disabled]:focus,
    fieldset[disabled] .btn-info:focus,
    .btn-info.disabled.focus,
    .btn-info[disabled].focus,
    fieldset[disabled] .btn-info.focus,
    .btn-info.disabled:active,
    .btn-info[disabled]:active,
    fieldset[disabled] .btn-info:active,
    .btn-info.disabled.active,
    .btn-info[disabled].active,
    fieldset[disabled] .btn-info.active {
        background-color: #2aabd2;
        background-image: none;
    }

.btn-warning {
    background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
    background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
    background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #e38d13;
}

    .btn-warning:hover,
    .btn-warning:focus {
        background-color: #eb9316;
        background-position: 0 -15px;
    }

    .btn-warning:active,
    .btn-warning.active {
        background-color: #eb9316;
        border-color: #e38d13;
    }

    .btn-warning.disabled,
    .btn-warning[disabled],
    fieldset[disabled] .btn-warning,
    .btn-warning.disabled:hover,
    .btn-warning[disabled]:hover,
    fieldset[disabled] .btn-warning:hover,
    .btn-warning.disabled:focus,
    .btn-warning[disabled]:focus,
    fieldset[disabled] .btn-warning:focus,
    .btn-warning.disabled.focus,
    .btn-warning[disabled].focus,
    fieldset[disabled] .btn-warning.focus,
    .btn-warning.disabled:active,
    .btn-warning[disabled]:active,
    fieldset[disabled] .btn-warning:active,
    .btn-warning.disabled.active,
    .btn-warning[disabled].active,
    fieldset[disabled] .btn-warning.active {
        background-color: #eb9316;
        background-image: none;
    }

.btn-danger {
    background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
    background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
    background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #b92c28;
}

    .btn-danger:hover,
    .btn-danger:focus {
        background-color: #c12e2a;
        background-position: 0 -15px;
    }

    .btn-danger:active,
    .btn-danger.active {
        background-color: #c12e2a;
        border-color: #b92c28;
    }

    .btn-danger.disabled,
    .btn-danger[disabled],
    fieldset[disabled] .btn-danger,
    .btn-danger.disabled:hover,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger:hover,
    .btn-danger.disabled:focus,
    .btn-danger[disabled]:focus,
    fieldset[disabled] .btn-danger:focus,
    .btn-danger.disabled.focus,
    .btn-danger[disabled].focus,
    fieldset[disabled] .btn-danger.focus,
    .btn-danger.disabled:active,
    .btn-danger[disabled]:active,
    fieldset[disabled] .btn-danger:active,
    .btn-danger.disabled.active,
    .btn-danger[disabled].active,
    fieldset[disabled] .btn-danger.active {
        background-color: #c12e2a;
        background-image: none;
    }

.thumbnail,
.img-thumbnail {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}

.text-center a {
    color: #000;
}


@media (max-width: 767px) {
    .navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus
{
    color: #fff;
    font-family: 'Saira', sans-serif;
    background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
    background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
    background-repeat: repeat-x;
}

}

.alert {
    text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
}

.alert-success {
    background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
    background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
    background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
    background-repeat: repeat-x;
    border-color: #b2dba1;
}

.alert-info {
    background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
    background-image: -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
    background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
    background-repeat: repeat-x;
    border-color: #9acfea;
}

.alert-warning {
    background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
    background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
    background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
    background-repeat: repeat-x;
    border-color: #f5e79e;
}

.alert-danger {
    background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
    background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
    background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
    background-repeat: repeat-x;
    border-color: #dca7a7;
}

.progress {
    background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
    background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
    background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
    background-repeat: repeat-x;
}

.progress-bar {
    background-image: -webkit-linear-gradient(top, #337ab7 0%, #286090 100%);
    background-image: -o-linear-gradient(top, #337ab7 0%, #286090 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#286090));
    background-image: linear-gradient(to bottom, #337ab7 0%, #286090 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);
    background-repeat: repeat-x;
}

.progress-bar-success {
    background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
    background-image: -o-linear-gradient(top, #5cb85c 0%, #449d44 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44));
    background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
    background-repeat: repeat-x;
}

.progress-bar-info {
    background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
    background-image: -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5));
    background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
    background-repeat: repeat-x;
}

.progress-bar-warning {
    background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
    background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f));
    background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
    background-repeat: repeat-x;
}

.progress-bar-danger {
    background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
    background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c));
    background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
    background-repeat: repeat-x;
}

.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.list-group {
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    text-shadow: 0 -1px 0 #286090;
    background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%);
    background-image: -o-linear-gradient(top, #337ab7 0%, #2b669a 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a));
    background-image: linear-gradient(to bottom, #337ab7 0%, #2b669a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
    background-repeat: repeat-x;
    border-color: #2b669a;
}

    .list-group-item.active .badge,
    .list-group-item.active:hover .badge,
    .list-group-item.active:focus .badge {
        text-shadow: none;
    }

.panel {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

.panel-default > .panel-heading {
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
}

.panel-primary > .panel-heading {
    background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
    background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
    background-repeat: repeat-x;
}

.panel-success > .panel-heading {
    background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
    background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
    background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
    background-repeat: repeat-x;
}

.panel-info > .panel-heading {
    background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
    background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
    background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
    background-repeat: repeat-x;
}

.panel-warning > .panel-heading {
    background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
    background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc));
    background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
    background-repeat: repeat-x;
}

.panel-danger > .panel-heading {
    background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
    background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
    background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
    background-repeat: repeat-x;
}

/*# sourceMappingURL=bootstrap-theme.css.map */

.squadron-patch {
    position: relative;
    left: 20px;
    width: 20%;
    max-width: 85px;
    margin-top: 8px;
}


div.container-box ul li {
    margin-left: -23px;
}


.container, 
.container-fluid no-padding dynamic-nav {
        width: 890px;
}

.dash-box-half {
    width: 45%;
    margin-left: 20px;
    float: left;
}
.dash-box-full {
    width: calc(90% + 20px);
    margin-left: 20px;
    float: left;
    min-height: 30px;
}
.news-image-container {
    float: left;
    height: 300px;
    width: 300px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: 15px 15px 0 0;
}


.home-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.home-container [class^=item-] {
    flex: 1;
    margin: 25px;
    background-color: white;
    padding: 25px;
}
.home-container .item-2 {
    flex-basis: calc(50% - 50px);
}
.home-container .item-3 {
    flex-basis: calc(75% - 50px);
}
.home-container .item-4 {
    flex-basis: calc(100% - 50px);
}
.home-container .item-1 {
    flex-basis: calc(25% - 50px);
}
@media screen and (max-width: 1400px) {
    .home-container .item-3 {
        flex-basis: calc(100% - 50px);
    }
    .home-container .item-1 {
        flex-basis: calc(50% - 50px);
    }
    .multi-row {
        margin-left: 5% !important;
        margin-right: 5% !important;
    }
}
@media screen and (max-width: 768px) {
    .home-container .item-3 {
        flex-basis: calc(100% - 50px);
    }
    .home-container .item-1 {
        flex-basis: calc(100% - 50px);
    }
    .news-preview {
        flex-direction: column !important;
    }
    .news-preview .image {
        margin: -25px -25px 25px -25px !important;
    }
    .multi-row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

.news-preview {
    display: flex;
    flex-direction: row;
    height: 100%;
}
.news-preview .image {
    min-height: 300px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: -25px 25px -25px -25px;
    background-color: gray;
    flex: 1;
    min-width: 300px;
}
.news-preview .image.custom {
    background-size: cover;
}
.news-preview .text {
    margin-top: -25px;
    flex: 2;
}
.news-preview .author{
    font-weight: normal;
    font-size: 0.7em;
    display: block;
}