/* RLOA 2014 Anpassung der Bootstrap-Vorgaben
   die CSS muss nach den Bootstrap-CSS eingebunden werden
   WKT Farben:
    "Schunk Company Blau": #011F4D
    "Menü oliv": #9ba302 
    "Menü grau in PartnerArea": 
     
    
 */ 
#ListSeries{
        height:220px;
    }
#ListGeräte{
        height:220px;
    }
/*Anpassungen  kleinere Auflösungen */
@media screen and (max-width: 570px){
    h1 {font-size:150%;
        } 
    .input-group-addon  {
        font-size:95%;
        padding:1px 2px;
                        } 
    #ListSeries{
        height:70px;
    }
    #ListGeräte{
        height:70px;
    }
}
@media screen and (max-width: 400px){
    h1 {font-size:100%;
        }
     .input-group-addon  {
        font-size:80%;
        padding:1px 2px;
                        }    
}
/*Anpassungen  kleinere Auflösungen ENDE*/

/*fix IE9 Probleme darstellung Bootstrap input-group-addon */
.form-control {float:left;}


.page-header  {
    background-color: #011F4D;
    color: #FFFFFF;
    padding: 10px 10px 10px 10px;
    margin: 2px 2px 2px 2px;
    max-width: 1400px;
    text-align: center
}
.page-header_logo{
    float:left;
    max-height:40px;
}

.mainrow {
    padding: 1px 2px 2px 12px;
    
}

.nav-item,
.active,
.nav-item,
nav-link {
    color: white;
}


/* ------- customize primary button color -------- */
.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus {
    background-color: #9ba302;
    border-color: #9ba302;
    color: white;
}

.panel-PAStart {
  border-color: #959494;
}

.panel-PAStart > .panel-heading {
  color: #000000;
  background-color: #D5D5D5;
  border-color: #D5D5D5;
}


.panel-PAStart > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #428bca;
}

.panel-PAStart > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #428bca;
}

.navbarPA {
    background-color: #555;
    border-color: #555;
    padding: 10px 10px 10px 10px;
    margin: 2px 2px 2px 2px;
}
/* title */
.navbarPA .navbar-brand .nav-item{
    color: #FFFFFF;

}
.navbarPA .navbar-brand:hover,
.navbarPA .navbar-brand:focus {
    color: #FFFFFF;
}
/* link */
.navbarPA .navbar-nav > li > a {
    color: #FFFFFF;
}
.navbarPA .navbar-nav > li > a:hover,
.navbarPA .navbar-nav > li > a:focus {
    color: #FFFFFF;
}

.navbarDC {
    background-color: #9ba302;
    border-color: #9ba302;
    padding: 10px 10px 10px 10px;
    margin: 2px 2px 2px 2px;
}
.navbarDC .navbar-brand:hover,
    .navbarDC .navbar-brand:focus,
    .navbar-brand {
        color: #FFFFFF;
    }
/* link */
.navbarDC .navbar-nav > li > a {
    color: #FFFFFF;
}
.navbarDC .navbar-nav > li > a:hover,
.navbarDC .navbar-nav > li > a:focus {
    color: #FFFFFF;
}
.navbarDC .navbar-nav > .active > a, 
.navbarDC .navbar-nav > .active > a:hover, 
.navbarDC .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #011F4D;
}
.navbarDC .navbar-nav > .open > a, 
.navbarDC .navbar-nav > .open > a:hover, 
.navbarDC .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #D5D5D5;
}


.btnzurück {
    border: 1px solid #9ba302;
    border-radius: 5px;
    color: white;
    padding: 4px 10px 4px 5px;
    margin: 3px 0px 0px 0px;
    background-color: #9ba302;
    background-repeat: no-repeat;
}
/*background-image: url(links32.png);*/
.btnvor {
    border: 1px solid #9ba302;
    border-radius: 5px;
    color: white;
    padding: 4px 10px 4px 5px;
    margin: 3px 0px 0px 0px;
    background-color: #9ba302;
    background-repeat: no-repeat;
}
/*background-image: url(rechts32.png);*/

.btncalculate {
    border: 1px solid #9ba302;
    border-radius: 5px;
    color: white;
    padding: 4px 10px 4px 5px;
    margin: 3px 0px 3px 0px;
    background-color: #9ba302;
    background-repeat: no-repeat;
}

/* input-group-addon mit fester breite */
    .inputwidth{
    width:55px;
}

.jumbotron {
    padding: 4rem 2rem;
    margin-bottom: 2rem;
    background-color: var(--bs-light);
    border-radius: .3rem;
}


.alert-danger {
    padding: 4px 4px 4px 4px;
    margin: 3px 0px 3px 0px;
}