/*!
 * Start Bootstrap - SB Admin Bootstrap Admin Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */
html {
   min-height: 100%;
}

body {
    background-color: #515964;
    min-height: 100%;
    	/*background: url(../img/bg.jpg) no-repeat bottom center scroll;*/
    background-color: #515964;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/*body.pilot {
   background: #515964 url(../img/bg_pilot.jpg) repeat-y bottom center scroll;
}*/

a,
a:active,
a:hover,
a:focus,
a.active 
{
   color: white;
}

#wrapper {
    padding-left: 0;
}

#page-wrapper {
    width: 100%;
	height: 100%;
    padding: 0;
	color:          white; 

}

.huge {
    font-size: 50px;
    line-height: normal;
}

@media(min-width:768px) {
    #wrapper {
		background-color: #222;
    }

    #page-wrapper {
        padding: 10px;
    }
}

/* Top Navigation */

.top-nav {
    padding: 0 30px;
}

.top-nav>li {
	font-size:      1.5em;
    display: inline-block;
    float: left;
}


.top-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 30px;
    color: #999;
}


.top-nav>li>a:hover,
.top-nav>li>a:focus,
.top-nav>.open>a,
.top-nav>.open>a:hover,
.top-nav>.open>a:focus {
    color: #fff;
    background-color: #000;
}

.top-nav>.open>.dropdown-menu {
    float: left;
    position: absolute;
    margin-top: 0;
    border: 1px solid rgba(0,0,0,.15);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.top-nav>.open>.dropdown-menu>li>a {
    white-space: normal;
}

ul.message-dropdown {
    padding: 0;
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
}

li.message-preview {
    width: 275px;
    border-bottom: 1px solid rgba(0,0,0,.15);
}

li.message-preview>a {
    padding-top: 15px;
    padding-bottom: 15px;
}

li.message-footer {
    margin: 5px 0;
}

ul.alert-dropdown {
    width: 200px;
}

/* Side Navigation */

@media(min-width:768px) {
    .side-nav {
        position: fixed;
        top: 51px;
        left: 225px;
        width: 225px;
        margin-left: -225px;
        border: none;
        border-radius: 0;
        overflow-y: auto;
        background-color: #222;
        bottom: 0;
        overflow-x: hidden;
        padding-bottom: 40px;
    }

    .side-nav>li>a {
        width: 225px;
    }

    .side-nav li a:hover,
    .side-nav li a:focus {
        outline: none;
        background-color: #000 !important;
    }
}

.side-nav>li>ul {
    padding: 0;
}

.side-nav>li>ul>li>a {
    display: block;
    padding: 10px 15px 10px 38px;
    text-decoration: none;
    color: #999;
}

.side-nav>li>ul>li>a:hover {
    color: #fff;
}

/* Flot Chart Containers */

.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

/* Custom Colored Panels */

.huge {
    font-size: 40px;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green > .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green > a {
    color: #5cb85c;
}

.panel-green > a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red > .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red > a {
    color: #d9534f;
}

.panel-red > a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow > .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow > a {
    color: #f0ad4e;
}

.panel-yellow > a:hover {
    color: #df8a13;
}

table.text-center th {
   text-align: center;
}

table a,
table a:active,
table a:focus {
   color: #dddddd;
   text-decoration: none;
}

table a:hover {
   color: #dddddd;
   text-decoration: underline;
}

table tr[data-href]
{
   -webkit-transition: background .10s ease-out;
    -o-transition: background .10s ease-out;
    transition: background .10s ease-out;
}

table tr[data-href]:hover,
table tr[data-href]:active,
table tr[data-href]:focus
{
   background: #66768C;
   cursor: pointer;
}

table td[data-event="SHOT DOWN"],
table td[data-event="SHUT DOWN"],
table td[data-event=DESTROYED],
table td[data-event=KILLED]
{
   font-weight: bold;
   color: #2BBB12; /* zielony */
}

table td[data-event="WAS DAMAGED"],
table td[data-event=EJECTED],
table td[data-event=CRASHED],
table td[data-event=DITCHED],
table td[data-event="WAS CAPTURED"]
{
   font-weight: bold;
   color: #E2AD4D; /* pomaranczowy */
}

table td[data-event="WAS SHOT DOWN"],
table td[data-event="WAS SHUT DOWN"],
table td[data-event="WAS KILLED"]
{
   font-weight: bold;
   color: #FF6868; /* czerwony */
}

#map-container {
   position: relative;
   overflow: hidden;
   display: block;
}

#map-container .map_info {
   position: absolute;
   top: 5px;
   color: #5C5F51;
   /* color: #4A633B; */
   font-weight: 900;
}

#map-container .map_info.left {
   left: 10px;
}

#map-container .map_info.right {
   right: 10px;
}

.font-blue {
   color: #1F1FFF;
}

.font-red {
   color: #ff5555;
}

@font-face {
   font-family: myFirstFont;
   src: url(../fonts/28.ttf);
}
.fajny-font {
	font-family: myFirstFont;
}

.form-messages-container {
   margin: 0 0 25px 0;
}
.form-messages-container  .form-error-msg {
   color: white;
    background-color: #FB6767;
    border-radius: 5px;
    border: none;
    padding: 5px 15px;
    margin: 3px 0px;
}

#edit-squad-members {
   margin-top: 15px;
}

#edit-squad-members .template {
   display: none;
}

#edit-squad-members .member .delete-member {
   margin-left: 20px;
   color: red;
   cursor: pointer;
}

.float-right
{
   float: right;
}

.pilot-medal-shelve
{
   margin-top: 30px;
}

.pilot-medal-img img
{
   max-width: 100%;
   max-height: 100%;
}

.pilot-medal-img
{
   width: 100px;
   height: 100px;
   overflow: hidden;
   margin: 5px;
   float: left;
}