/* informacje o elemencie*/ 

.Info1{
    border-radius: 6px;
    width:50%;
    height: 3%;
    background-color: white;
    border: green solid 2px;
    position: absolute;
    display: flex;
    flex-direction: row;
    grid:none;
    font-size:5px;
    
}
.InfoTXT{
    width: 75%;
    text-align: center;
}
.BtnInfo{
    margin: 0px;           
    background-color: white;
    text-align:center;
    height: 100%;
    font-size:7px;
    border: none;
    border-left: green solid 2px;
    cursor: pointer;
    border-radius: 6px;
    
    
}
.BI1{
    background-image: url('../assets/btn.PNG');
    background-repeat: no-repeat;
    background-size:cover;
    transform: rotate(180deg);
    border-left: none;
    border-right: green solid 2px;
    display: inline-block;
    border-radius:0px ;
    
}
.BI2{
    border-top-left-radius:0px ;
    border-bottom-left-radius:0px;
    font-weight: bolder;
}
.Info2{
    font-size: 5px;
    margin-top: 9%;
    border-radius: 6px;
    border: solid green 2px;
    width:60%;
    height: 10%;
    padding-left: 5px;
    background-color: white;
    position: absolute;
    display: none;
}
t1{
    position: absolute;
    bottom: 9%;
    left:65%;
}
.BtnMoreInfo{
    background-image: url("../assets/btn.PNG");
    background-repeat: no-repeat;
    background-size:cover;
    transform: rotate(180deg);
    height: 10px;
    width: 3%;
    border: none;
    cursor: pointer;
    bottom: 5%;
    position: absolute;
    left: 85%;
}
.Info3{   
    margin-top: 34%;
    border-radius: 6px;
    border: solid green 2px;
    width:65%;
    height: 15%;
    padding-left: 10px;
    background-color: white;
    display: none;
    position: absolute;
    font-size: 5px;
}

/*kolor ramki sekcji*/ 
.ISS{
    border-color: rgb(139,74,173);
}
.ISB{
    border-color: rgb(0,166,81);
}
.IW{
    border-color: rgb(9,63,132);
}
.IB4{ 
    border-color: rgb(235,0,139);
}
.IB5{ 
    border-color: rgb(252,184,19);
}
.IB6{ 
    border-color: rgb(236,28,35);
}
.IB7{ 
    border-color: rgb(0,172,237);
}
.IB8{ 
    border-color: rgb(240,88,33);
}
.IB9{ 
    border-color: rgb(166,206,57);
}
.IB10{ 
    border-color: rgb(22,214,207);
}
.IB11{ 
    border-color: rgb(235,243,16);
}
.IB12{ 
    border-color: rgb(111,21,108);
}
.IB13{ 
    border-color: rgb(50,55,57);
}
.IB14{ 
    border-color: rgb(58, 233, 116);
}
.IB15{ 
    border-color: rgb(58, 233, 204);
}
.IB16{ 
    border-color: rgb(224, 14, 214);
}

/*kolor buttonów w sekcji*/
.BISS{
    border-color: rgb(139,74,173);
}
.BISB{
    border-color: rgb(0,166,81);
}
.BIW{
    border-color: rgb(9,63,132);
}
.BIB4{ 
    border-color: rgb(235,0,139);
}
.BIB5{ 
    border-color: rgb(252,184,19);
}
.BIB6{ 
    border-color: rgb(236,28,35);
}
.BIB7{ 
    border-color: rgb(0,172,237);
}
.BIB8{ 
    border-color: rgb(240,88,33);
}
.BIB9{ 
    border-color: rgb(166,206,57);
}
.BIB10{ 
    border-color: rgb(22,214,207);
}
.BIB11{ 
    border-color: rgb(235,243,16);
}
.BIB12{ 
    border-color: rgb(111,21,108);
}
.BIB13{ 
    border-color: rgb(50,55,57);
}
.BIB14{ 
    border-color: rgb(58, 233, 116);
}
.BIB15{ 
    border-color: rgb(58, 233, 204);
}
.BIB16{ 
    border-color: rgb(224, 14, 214);
}

/*figury */ 

.Inform{
    position: absolute;
    width: 15%;
    height: 50%;
    display: none;
    

}
 


/* BBM3 */

#W03{   
    height: 10%;
}



/*BBM4 */
.BBM401{
  width: 100%;
  height: 4%;
}
.BBM402{
   margin-top: 11%;
   height:18%;
   width:100%;
}
#BBM403{
    margin-top: 47%;
    height: 7%;
    width: 100%;
    padding-left:5px;
}

/* BBM5  */
.BBM501{
    width: 100%;
    height: 4%;
}

.BBM502{
    margin-top: 11%;
    height:8%;
    width:100%;
}
.BBM503{
    margin-top: 31.5%;
    height: 7%;
    width: 100%;
    padding-left:5px;
}
    


/* BBM6 */
#BBM601{
    height: 4%;
    width: 61%;
}
#BBM602{
    margin-top: 11%;
    height: 15%;
}
#BBM603{
    padding-left:5px;
    margin-top: 48%;
    display: flex;
    flex-direction: column;
    display: none;
    height: 21%;
    
}
/*BBM7*/ 

#BBM702{
    height: 7%;
}
#BBM703{
     margin-top: 27%;
     height:9%;
}
/* BBM8 */
#BBM801{
  width: 70%;
  height: 4%;
}
#BBM802{
 margin-top: 11%;
 width:75%;
 height:7%;  
}
/*BBM9*/ 
#BBM901{
    width: 70%;
    height: 4%;
  }
  #BBM902{
   margin-top: 11%;
   width:75%;
   height:7%;  
  }

/* BBM10 */

#BBM1002{
  
    height: 12%;
}
#BBM1003{
  margin-top: 38%;
  height:10%;
}
/*BBM11*/ 

#BBM1101{

height:4%;
width: 65%;
}

#BBM1102{
margin-top: 11%;
}
#BBM1103{
margin-top: 35%;
padding-left:5px;
height: 17%;
}
/*BBM12*/ 
#BBM1203{
   
    padding-left:5px;
    height: 7%;
    }
/*BBM13*/ 
#BBM1303{
    padding-left:5px;
    height: 11%;
}
/*BBM14*/ 
#BBM1401{
    height: 4%;
}
#BBM1402{
    top:1%; 
    height: 6%;
}
#BBM1403{
    top:-3%; 
    height: 5%;
}
/*BBM15*/ 
#BBM1501{
    width:77% ;
}
#BBM1502{
    top:0%; 
    width:77% ;
    height: 6%;
}
#BBM1503{
    width:77% ;
    top:-4%; 
    height: 7%;
}
/*BBM16*/ 
#BBM1601{
    width: 60%;
    height: 4%;
}
#BBM1602{
    top:1%; 
    height: 9%;
}
#BBM1603{
     
    height: 9%;
}