/* 
    stylesheet für bsw.php
    LoMo 1072023
    edit 15102025
    button css 
*/

/* ====================================================   GLOBAL DEFINITION   ==================================================== */
@media screen {
    /* alternatives Boxmodell */
    html { 
      box-sizing: border-box; 
      /*background: #d5d5d5;*/	
    } 
    
    *, ::before, ::after { 
      box-sizing: inherit; 
    }
    
    body {
        max-width: 99%;
        margin:0 auto;
        padding: 0;
        font: normal 1em Arial, sans-serif;  /* Mindestschriftgröße wird dem Browser, bzw. dem Nutzer überlassen! */ 
        background-color: #f8f7a8;     
        /*
            display: inline-block; 
            background-color: #f8f7a8;
            margin-bottom:auto;
            width:99%;    
        */
                      
    }
}

.navbar {
    overflow: hidden;
    background-image: linear-gradient(rgb(111, 110, 110), rgb(61, 60, 60)); 
    margin-top:65px;
    position:fixed;
    z-index: 10;
}

.navbar a {
    float: left;
    font-size: 16px;
    color: white;
    padding: 14px 12px;
    text-decoration: none;
    /*
    align-items: center;
    justify-content: center;
    */
}


.navbaricon {
    overflow: hidden;
    background-image: linear-gradient(rgb(111, 110, 110), rgb(61, 60, 60)); 
    margin-top:65px;
    position:fixed;
    z-index: 11;
    right:60px;
    /*left: 222px;*/
    /*
    padding: 4px 12px;   
    text-decoration: none;
    */
}
 
.navbaricon a {
    float: left;   
    font-size: 16px;
    color: white; 
    padding: 4px 12px;   
    text-decoration: none;
}

.buttonrefresh {
    position:fixed; 
    top:65px; 
    right:2px; height:46px; 
    cursor:pointer;
}

.dropdown {
    float: left;
    overflow: hidden;
}

.dropdown .dropbtn {
    font-size: 16px;  
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

.navbar a:hover,  .navbaricon a:hover, .dropdown:hover, .dropbtn{
    background-color: #b4acf9;
    color: rgb(59, 55, 55);
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
    box-shadow: 0px 8px 16px 0px rgba(39, 23, 143, 0.2);
    z-index: 50;
}

.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

.dropdown:hover .dropdown-content {
    display: block;
}

/*
body {     
    display: inline-block; 
    background-color: #f8f7a8;
    margin-bottom:auto;
    width:99%;    
}
*/

.knavbar {
    /*background-color: #e5e5e5;*/
    height: 65px;   /* höhe des oberen Balkens*/
}

#meinemenuleiste{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    background-image: linear-gradient(rgb(40, 40, 250), rgb(165, 165, 253));
    font-size: 18px;
    /*font-weight: bold;*/
    text-align: center; 
}

#kopfzeilefix{
    /*background-color: #f8f7a8;*/
    /*margin-top: 60px;  */
    margin-top: 3px;  
    /*margin-bottom: -3px;  */
    display:block;
    position:fixed;
    width:100%;
    /*height:100px;
    padding-top: -5px;
    padding-bottom: 1px;*/
}

#kopfzeilestandort{
    margin-top: -1.8em;         
}

.logoML { 
    position: fixed;       /* bleibt an pos, auch bei scrollen*/
    /*position: absolute;*/ /* wird mitgescrollt */
    top:5px;
    left: 5px; 
    /*width: 80px; /* 25%; *//*180px;	*/
    height: width;
}

.wlanlogo { 
    position: fixed;       /* bleibt an pos, auch bei scrollen*/
    /*position: absolute;*/ /* wird mitgescrollt */
    top: 0.3em;
    right: 0.2em; 
    height: width;
}

.logobiene { 
    position: fixed;       /* bleibt an pos, auch bei scrollen*/
    /*position: absolute;*/ /* wird mitgescrollt */
    top: 0.1em;
    right: 0.8em; 
    
    height: width;
    z-index: 0;         /*nach hinten versetzen */
}

footer {
    position:relative; 
    display:table-cell; 
    vertical-align:middle;	
    width:100vw;	
    height:12px;	
    background-image: linear-gradient(rgb(111, 110, 110), rgb(61, 60, 60));
    /*background-color: #504f4f;*/	
    color:#fefffd; 
    text-align:center;
    font-family: 'Times New Roman', Times, serif, sans-serif;
}

.myHover{
    color:#fff;
}
.myHover:hover{
    color:#eafa05;
}

#infoph {
    text-align: right;
    margin-top: -20px;
    margin-bottom: -10px,
}

#infophpw {
    text-align: left;
    /*margin-top: -20px;
    margin-bottom: -10px,*/
    color: red;
}

#bereichinfo {
    background-color: #f9f9d4;
    text-align:left;
    width: 90%;             /*95*/
    /* padding: 3%;*/
    padding:15px;
    padding-top: 5px;
    padding-bottom: 10px;
    margin-left: 2%;  
    margin-right: 2%;
    border: medium solid #f9f9d4;
    border-radius: 1em;   
    font-family: 'Times New Roman', Times, serif, sans-serif;   
    z-index: 4;
}

#bereichinfo_frame {
    background-color: #f9f9d4;
    text-align:left;
    /*width: 90%;             /*95*/
    /* padding: 3%;*/
    width: 400px;
    padding:15px;
    padding-top: 5px;
    padding-bottom: 10px;
    margin-left: 2%;  
    margin-right: 2%;
    border: medium solid #f9f9d4;
    border-radius: 1em;   
    font-family: 'Times New Roman', Times, serif, sans-serif;   
    z-index: 5;
}

#letterabst2{
    letter-spacing: -7px;
}

#letterabst3{
    letter-spacing: -8px;
}    

table,
th,
td,
caption {
    border: thin solid #a0a0a0;
}    

table {
    border-collapse: collapse;
    border-spacing: 0;
    border-width: thin 0 0 thin;
    margin: 0 0 1em;
    table-layout: auto;
    font-family:Arial,sans-serif;
    /*font-family: calibri;*/
    /* Prevents HTML tables from becoming too wide */
    
    /*max-width: 100%;*/
    /* width: 610px;*/
}


th,
caption {
    background-color: #f1f3f4;
    /*font-weight: 700;*/
}


td {
    border-width: 0 1px 1px 0;

}

th,
td,
caption {
    padding: 0.4em 0.6em;
}

table.kleineschrift td, caption {
    /* text-align: right;*/
    font-size: 12px;
}
table.kleineschrift th {
    /* text-align: right;*/
    font-size: 12px;
    font-weight: bold;
}
    /*
caption {
    text-align: center;
    border-width: 1px;  1px 0 1px;
}

table.finanz td {
    text-align: right;
}

table.finanz tr:last-of-type td {
    border-top: thin solid;
}

tbody tr:nth-child(even) td { 
    background-color: #e4ebf2; 
    color: #000; 
}



*/

td {	
    text-align: right;
    box-shadow: inset 1px 3px 5px -3px rgba(0, 0, 0, 0.5);
}

/*
tbody tr:nth-child(even) td {
    background-color: #e4ebf2;
    color: #000;
}
*/

td:empty {
    box-shadow: none;
    background-color: none;
}

th[scope=row] {
    color: #c32e04;
    text-align: right;   
}


.container {                    /*für tabellen*/
    height: 300px;
    overflow-y: scroll;   
    z-index: 3; 
}

td.plus{			/* Hintergrundfarbe der Zeilen mit positivem Trend */
    background-color: #32CD32;
    color:#FFFAFA;
}
td.minus{			/* Hintergrundfarbe der Zeilen mit negativen Werten */
    background-color: #FF0000;
    color:#FFFAFA;
}
td.bmark{			/* Hintergrundfarbe der Zeilen mit negativen Werten */
    background-color: #b6b0fb9e;
    color:#2d2d2d;
}

.meinselect { 
    background-color: #595d59;  
    color: white; 
    /*padding: 8px 10px;*/
    padding: 5px 5px;
    text-decoration: none; 
    font-size: 12px; 
    margin: 2px; 
    cursor: pointer;
    border-radius: 6px;
}


.select_zr {                /*fuer select zeitraum*/
/*position: fixed;       /* bleibt an pos, auch bei scrollen*/
position: absolute;      /* wird mitgescrollt */
top: 8.1em;
right: 2%; /* 1.9em; */
z-index: 52;
   
}


/*             c3-grafiken           */
.c3-line {          /* gilt für alle Linien*/
    stroke-width:  2px;
}

/*
.c3-line-Luftdruck_hPa {
    stroke-width: 2px;
}

.c3-line-Luftfeuchte {
    stroke-width: 2px;
}

.c3-line-Außentemperatur_C {
    stroke-width: 2px;
}

.c3-line-Stockgewicht_gs {
    stroke-width: 2px;
}
*/
input[type="checked"] {
    width: 100px;
    left: 50 px;
}

input[type="number"] {
    width: 100px;
}

input.larger {
    width: 30px;
    height: 3lvb;    
}





.button { 
    background-color: #4d4e4d;  color: white; padding: 8px 10px;
    text-decoration: none; font-size: 16px; margin: 2px; 
    border: none;
    cursor: pointer;
    border-radius: 8px;
    text-align: center;
    border: 2px solid rgb(100, 100, 253);
    box-shadow: 5px 4px 10px #4e4e4e;
      -moz-box-shadow: 5px 4px 10px #4e4e4e;
      -webkit-box-shadow: 5px 4px 10px #4e4e4e;   
}

.button:hover
{
     background-color:#6e706e;
}

.button:active{
   background-color:#f8f7a8;
   color: darkgray;
}

.meinbutton {
    background-color: #4d4e4d;  color: white; padding: 8px 10px;
    text-decoration: none; font-size: 16px; margin: 2px; 
    border: none;
    cursor: pointer;
    border-radius: 8px;
    text-align: center;
    border: 2px solid rgb(100, 100, 253);
    box-shadow: 5px 4px 10px #4e4e4e;
      -moz-box-shadow: 5px 4px 10px #4e4e4e;
      -webkit-box-shadow: 5px 4px 10px #4e4e4e;   
}


.button2 {background-color: #333333;}

.input { background-color: #cdcfcd; color: rgb(78, 76, 76); padding: 8px 10px;
text-decoration: none; font-size: 16px; margin: 2px; cursor: pointer;}

/*.input[type="submit"] { background-color: #cdcfcd; color: rgb(78, 76, 76); padding: 8px 10px;
text-decoration: none; font-size: 16px; margin: 2px; cursor: pointer;}
*/

.inputbreit { background-color: #cdcfcd;  color: rgb(78, 76, 76); padding: 8px 10px;
text-decoration: none; font-size: 16px; margin: 2px; cursor: pointer; width: 300px;}

input.larger {   
margin-top: 20px;
width: 40px;
height: 40px;
}

/*
input[type=submit], input[type=reset]{
  background-color: #04AA6D;
  border: none;
  color: white;
  padding: 12px 22px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}
  */

input[type="radio"],
input[type="checkbox"] {
	/*transform: scale(2.0);*/
    transform: scale(1.3);
    padding: 25px 32px;
    text-decoration: none;
    margin: 12px 18px;
    cursor: pointer;
}

input.meinRadiobutton {
    padding: 250px 32px;

}

 input[type="submit"] {
    position: absolute;
    top: 65%;
    left: 25%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #f1f1f1;
    color: black;
    font-size: 16px;
    padding: 16px 30px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
    border: 2px solid #4caf50; /* Green */
    box-shadow: 0 7px 16px 0 rgba(0, 0, 0, 0.4), 0 6px 21px 0 rgba(0, 0, 0, 0.19);
}

input[type="submit"]:hover {
    background-color: #4caf50; /* Green */
    color: white;
}

input[type="text"] {
    width: 250px;
    padding: 14px 30px;
    margin: 9px 0;
    box-sizing: border-box;
}

hr.dick {
  border: 10px solid gray;
  border-radius: 5px;
}