.environment-badge{
   margin: 0px;
   padding: 5px 0px 0px 0px;
   text-align: center;
   position: absolute;
   z-indext: 10000;
   top: 0;
   left: 40%;
   width: 400px;
   height: 25px;
   border: 1px solid white;
   background-color: #990000;
   color: #fff;
}


/* table conent style */
/*name of our table*/
.search{
    border-width:2px;
    border-color:#000000;
}
.search tr{


}

.search td{
    width:140px;
}

.infomsg{

    border-style: solid;
    border-width: 1px;
    border-color: #000000;  

    text-align: justify; 
    padding: 0px; 
    margin-bottom: 10px; 
    background: #EDF1F6;
    text-align:center;
}

.errormsg{
    border: 2px solid;
    text-align: justify; 
    padding: 0px; 
    margin-bottom: 23px; 
    background: #ffcccc;
    border-style:solid;
    border-width:2px;
    border-color:#ff0000;
    text-align:center;
}
/*
.infobox{

    border-style:solid;
    border-width:1px;
    border-color:#000000;
    padding:5px;
    width:550px;
    font-family : Arial, Helvetica, sans-serif;
    background-color: #EDF1F6;
    font-size : 10pt;
    font-style : normal;
    color : black;
    padding-bottom:2px;
}*/


.infobox2{

    border-style:solid;
    border-width:1px;
    border-color:#000000;
    padding:5px;
    width:550px;
    font-family : Arial, Helvetica, sans-serif;
    background-color: #EDF1F6;
    font-size : 10pt;
    font-style : normal;
    color : black;
    padding-bottom:2px;
}

/*.errorbox{

    border-style:solid;
    border-width:2px;
    border-color:#ff0000;
    padding:5px;
    width:600px;
    font-family : Arial, Helvetica, sans-serif;
    background-color: #ffcccc;
    font-size : 10pt;
    font-style : normal;
    color : black;
}*/



.button { 
    background-color: #D3DDE9;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 10pt;
    font-style : normal;
    font-weight : bold;
    color : #37699B;
}

.submit { /*Formats für Links, die im Button-Design angezeigt werden*/
    background-color: #D3DDE9;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 8pt;
    font-style : normal;
    font-weight : bold;
    color : #37699B;
    padding : 4px;
    margin:  0px;
    border-color : #FFFFFF;
/*     text-decoration : none; */
}


.js_check{ 
/*    background: #e0e0e0; */

}
.js_check a:hover{ 
/*     border-style: inset;   */
    cursor: default; 
    font-style: italic;
    text-decoration:underline; 
/*     background: #ffffff;  */
}

.js_helpers{ 
        border-style: outset; 
        padding: 1px 5px; 
        border-width: 1px; 
        background: #f0f0f0; 
        text-decoration: none; 
}

#retract {
    overflow: hidden;
    transition: height 0.5s ease; /* Smooth transition for height change */
    height: 20px; /* Initial collapsed height */
}
