﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
    /*background-image:url(images/background.png);*/
    background-position:bottom;
    background-repeat:no-repeat;
    background-size:contain;
    background-color:#4B667A;
    background-attachment:fixed;
    color: #555;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    background-color:rgba(255, 255, 255, 0.8);
    /*border: solid lightgray 1px ;*/
    margin-top:15px;
}

    .body-content::after {
        opacity: 0.1;
    }

    /*overwrite bootstrap default stuff*/
.panel-default > .panel-heading {
    background-color:rgb(46, 85, 113);
    /*background-image: url(images/headerbackground-2.png);*/
    color:white;
    background-position:bottom;
}


.navbar-inverse {
    background-color:rgba(255, 255, 255, 0) ; /*white;*/ /*rgb(32, 131, 24);*/
    color: #ffffff;
    border: none !important;
}

.navbar > .container {
      background-color: rgb(31, 58, 77);
        background-image: linear-gradient(rgb(31, 58, 77),rgb(52, 77, 95));
        background-repeat: repeat-x;
        border-bottom-color: rgb(46, 85, 113);
        border-bottom-style: solid;
        border-bottom-width: 2px;
        box-shadow: rgb(31, 58, 77) 1px 1px 2px 0px;
}

#nav-profile{
    float:right !important;
}

#spielbar-navbarheader > img {
        margin:5px 5px 5px 5px;
        margin: 20px 5px 5px 5px;
    }

#spielbar-navbar > li {
    text-align:center;
    border-left: 1px solid #101f29;
}

#spielbar-navbar > li:last-child , #spielbar-navbar > li:nth-child(5) {
    border-right: 1px solid #101f29;
}


#spielbar-navbar > li > a:hover {
    text-align:center;
    background-color: black !important;
}

.dropdown-menu {
    background-color: rgb(31, 58, 77) !important;
    color:white!important;
}
.dropdown-menu > li > a {
  color: white;  
}
.dropdown-menu > li > a:hover {
  background-color:black!important;
  color: white; 
}
.navbar-nav > li > a {
  color: #fff!important;
}

.tab-content {
    /*border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;*/
    border: 1px solid #fff;
    margin-left: 1px;
    padding: 10px;
}

.nav-tabs {
    margin-bottom: 0;
}


/* HEADER */
#spielbar-navbar {
    width:80%;
}

#spielbar-navbarheader {
    width:20%
}



/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}


label {
    font-weight: normal !important;
}

.text_light
{
    font-size: 11px;
    color: #888;
}

.green {
    color:green;
}

.red {
    color:red;
}

/*NEWS*/
.news {
    border: 1px solid rgba(50, 75, 93, 0.36);
    padding:10px;
    margin-bottom: 10px;
    background-color:rgba(50, 75, 93, 0.11);
}


/* Events */
.status_Yes
{
	background-color: #DCEED7;
}
.status_No
{
	background-color: #fcdbdb;
}
.status_Maybe
{
	background-color: #fcfcdf;
}
.status_Unknown
{
	background-color: #f5f5f5;
}
.status_Finîsh {
    background-color: #f5f5f5;
}
.status_Open {
    background-color: #f8af58;
}
.status_Cancelled {
    background-color: #f5f5f5;
}


/* Statistic */
.show-xs { display:none; }

.medal {
  height: 23px;
  width: 20px;
  padding-top: -5px;
  background-repeat: no-repeat;
  background-position-y: 0px;
  font-size: 12px;
  display: inline-block;
  text-align: center;
}

.first {
    background-image: url(images/medal-1.png);
}

.second {
    background-image: url(images/medal-2.png);
    color:red;
}

.third {
    background-image: url(images/medal-3.png);
    color:yellow;
}

/* NEWS */
.jumbotron {
    background-color: rgba(238, 238, 238, 0) !important;
    border: solid #eeeeee 2px;
}

/* Fakten */
.thumbnail {
    text-align:center;
    padding-top:20px;
    height:700px;
}

.thumbnail > .caption{
    text-align:center;
}

/* Profile Picture */
.profilepicture {
    border: solid 2px rgb(46, 85, 113);
    height: 50px;
    width: 50px;
    display:inline-block;
    position:relative;
    background-color:rgb(46, 85, 113);
    background-size:100%;
    background-position:center;
    background-repeat:no-repeat;
}
.small {
    height: 30px !important;
    width: 30px !important;
}

.big {
    height: 150px !important;
    width: 150px !important;
}


/*Overwrite Bootstrap Grid*/
.table tbody > tr > td, .table tfoot > tr > td {
  border-top: 1px solid #B8B8B8 !important;
}

.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list>.k-state-selected, .k-list>.k-state-highlight, .k-panel>.k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color {
  color: #fff;
  background-color: #4B667A !important;
  border-color: #4B667A !important;
}

.k-pager-wrap .k-link:hover {
  color: white !important;
}

.k-pager-wrap .k-link {
    color: #555555 !important;
}

/*UI ELements*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
@media (max-width: 768px) {
    body {
        padding-top: 0px;
        padding-bottom: 20px;
        background-image:none;
    }

    #nav-profile{
        float:none!important;
    }

    .table-responsive {
        border: none !important;
    }
  
    /*STATISTIK*/
    #statistic-grid col:nth-child(2) { width:20% ;max-width:85px !important; }
    #statistic-grid col:nth-child(3) { min-width:100px  }

    #statistic-grid col:nth-child(12) { width:0px }
    #statistic-grid col:nth-child(13) { width:0px  }
    #statistic-grid col:nth-child(9) { width:0px  }
    #statistic-grid col:nth-child(10) { width:0px  }
    #statistic-grid col:nth-child(11) { width:0px }

    .show-xs { display:block; }

    /* HEADER */
    body > .navbar {
        margin-bottom: 0px !important;
    }

#spielbar-navbar {
    width:auto;
}

#spielbar-navbarheader {
    width:auto;
}

    #spielbar-navbarheader > img {
        margin:5px 5px 5px 5px;
    }


/* Content */
.body-content {
    margin-top:0px;
}


}

@media (max-width: 992px) {
}


/*Messages*/
.info-message {
    color: #274254;
    border: solid;
    padding: 15px;
    text-align: center;
    background-color: rgba(39, 66, 84, 0.27);
}

.warning-message {
   color: #907509;
    border: solid;
    padding: 15px;
    text-align: center;
    background-color: rgba(255, 226, 16, 0.39);
}
