/*Statusy Zbiorników*/


#ST01_Level{
	position:absolute;
    font-family: "arial";
    font-size: 15px;
    color: yellow;
    left: 93px;
    top: 600px;
}
/*#ST01_Name{
    position:absolute;

    left: 160px;
    top: 2px;
}*/
#ST02_Level{
    position:absolute;
    font-family: "arial";
    font-size: 15px;
    color: yellow;
    left: 93px;
    top: 630px;
}
/*#ST02_Name{
    position:absolute;

    left: 160px;
    top: 32px;
}*/
#ST03_Level{
    position:absolute;
    font-family: "arial";
    font-size: 15px;
    color: yellow;
    left: 93px;
    top: 660px;
}
/*#ST03_Name{
    position:absolute;

    left: 160px;
    top: 62px;
}*/
#ST04_Level{
    position:absolute;
    font-family: "arial";
    font-size: 15px;
    color: yellow;
    left: 93px;
    top: 690px;
}
/*#ST04_Name{
    position:absolute;

    left: 160px;
    top: 92px;
}*/
#ST05_Level{
    position:absolute;
    font-family: "arial";
    font-size: 15px;
    color: yellow;
    left: 93px;
    top: 720px;
}
/*#ST05_Name{
    position:absolute;

    left: 160px;
    top: 122px;
}*/
#ST06_Level{
    position:absolute;
    font-family: "arial";
    font-size: 15px;
    color: yellow;
    left: 93px;
    top: 750px;
}
/*#ST06_Name{
    position:absolute;

    left: 160px;
    top: 152px;
}*/
#VT01_Level{
    position:absolute;
    font-family: "arial";
    font-size: 15px;
    color: yellow;
    left: 93px;
    top: 780px;
}
/*#VT01_Name{
    position:absolute;

    left: 660px;
    top: 2px;
}*/
#BT01_Name{
    position:absolute;
    left: 171px;
    top: 809px;
    font-size: 12px;
    text-align: left;
    font-family: "verdana";
    color: white;

}
#BT01_Weight{
    position:absolute;
    font-family: "arial";
    font-size: 15px;
    color: orange;
    left: 93px;
    top: 810px;
}
#BT01_Status{
    position:absolute;
    left: 360px;
    top: 809px;
    font-size: 12px;
    text-align: left;
    font-family: "verdana";
    color: white;
}
#BT02_Name{
    position:absolute;
    left: 171px;
    top: 839px;
    font-size: 12px;
    text-align: left;
    font-family: "verdana";
    color: white;
}
#BT02_Weight{
    position:absolute;
    font-family: "arial";
    font-size: 15px;
    color: orange;
    left: 93px;
    top: 840px;
}
#BT02_Status{
    position:absolute;
    left: 360px;
    top: 839px;
    font-size: 12px;
    text-align: left;
    font-family: "verdana";
    color: white;
}
#BT03_Name{
    position:absolute;
    left: 171px;
    top: 869px;
    font-size: 12px;
    text-align: left;
    font-family: "verdana";
    color: white;
}
#BT03_Weight{
    position:absolute;
    font-family: "arial";
    font-size: 15px;
    color: orange;
    left: 93px;
    top: 870px;
}
#BT03_Status{
    position:absolute;
    left: 360px;
    top: 869px;
    font-size: 12px;
    text-align: left;
    font-family: "verdana";
    color: white;
}
#BT04_Name{
    position:absolute;
    left: 171px;
    top: 899px;
    font-size: 12px;
    text-align: left;
    font-family: "verdana";
    color: white;
}
#BT04_Weight{
    position:absolute;
    font-family: "arial";
    font-size: 15px;
    color: orange;
    left: 93px;
    top: 900px;
}
#BT04_Status{
    position:absolute;
    left: 360px;
    top: 899px;
    font-size: 12px;
    text-align: left;
    font-family: "verdana";
    color: white;
}
#BT05_Name{
    position:absolute;
    left: 171px;
    top: 929px;
    font-size: 12px;
    text-align: left;
    font-family: "verdana";
    color: white;
}
#BT05_Weight{
    position:absolute;
    font-family: "arial";
    font-size: 15px;
    color: orange;
    left: 93px;
    top: 930px;
}
#BT05_Status{
    position:absolute;
    left: 360px;
    top: 929px;
    font-size: 12px;
    text-align: left;
    font-family: "verdana";
    color: white;
}
#BT06_Name{
    position:absolute;
    left: 171px;
    top: 959px;
    font-size: 12px;
    text-align: left;
    font-family: "verdana";
    color: white;
}
#BT06_Weight{
    position:absolute;
    font-family: "arial";
    font-size: 15px;
    color: orange;
    left: 93px;
    top: 960px;
}
#BT06_Status{
    position:absolute;
    left: 360px;
    top: 959px;
    font-size: 12px;
    text-align: left;
    font-family: "verdana";
    color: white;
}
#BT07_Name{
    position:absolute;
    left: 171px;
    top: 989px;
    font-size: 12px;
    text-align: left;
    font-family: "verdana";
    color: white;
}
#BT07_Weight{
    position:absolute;
    font-family: "arial";
    font-size: 15px;
    color: orange;
    left: 93px;
    top: 990px;
}
#BT07_Status{
    position:absolute;
    left: 360px;
    top: 989px;
    font-size: 12px;
    text-align: left;
    font-family: "verdana";
    color: white;
}











/*High Level-e*/
#ST01_HL{
    position:absolute;
    left: 266px;
    top: 170px;
    animation: blinker 1s linear infinite;
}
#ST02_HL{
    position:absolute;
    left: 140px;
    top: 182px;
    animation: blinker 1s linear infinite;
}
#ST03_HL{
    position:absolute;
    left: 0px;
    top: 190px;
    animation: blinker 1s linear infinite;
}
#ST04_HL{
    position:absolute;
    left: 270px;
    top: 270px;
    animation: blinker 1s linear infinite;
}
#ST05_HL{
    position:absolute;
    left: 150px;
    top: 284px;
    animation: blinker 1s linear infinite;
}
#ST06_HL{
    position:absolute;
    left: 10px;
    top: 286px;
    animation: blinker 1s linear infinite;
}
/*Miganie*/
@keyframes blinker {
  50% {opacity: 0;}
}

/*Strzałki ze spirytusów do buforów*/
#S11{
    position:absolute;
    left: 643px;
    top: 191px;
    animation: blinker 1s linear infinite;
}
#S12{
    position:absolute;
    left: 594px;
    top: 177px;
    animation: blinker 1s linear infinite;
}
#S13{
    position:absolute;
    left: 549px;
    top: 167px;
    animation: blinker 1s linear infinite;
}
#S14{
    position:absolute;
    left: 508px;
    top: 157px;
    animation: blinker 1s linear infinite;
}
#S15{
    position:absolute;
    left: 459px;
    top: 145px;
    animation: blinker 1s linear infinite;
}
/*Strzałki z buforów do matrycy*/
#S21{
    position:absolute;
    left: 963px;
    top: 573px;
    animation: blinker 1s linear infinite;
}
#S22{
    position:absolute;
    left: 1022px;
    top: 600px;
    animation: blinker 1s linear infinite;
}
#S23{
    position:absolute;
    left: 1068px;
    top: 674px;
    animation: blinker 1s linear infinite;
}
#S24{
    position:absolute;
    left: 1074px;
    top: 727px;
    animation: blinker 1s linear infinite;
}
#S25{
    position:absolute;
    left: 1082px;
    top: 788px;
    animation: blinker 1s linear infinite;
}
#S26{
    position:absolute;
    left: 1090px;
    top: 857px;
    animation: blinker 1s linear infinite;
}

/*Strzałki z matrycy na rozlew*/
#S31{
    position:absolute;
    left: 1017px;
    top: 790px;
    animation: blinker 1s linear infinite;
}
#S32{
    position:absolute;
    left: 940px;
    top: 832px;
    animation: blinker 1s linear infinite;
}
#S33{
    position:absolute;
    left: 1041px;
    top: 834px;
    animation: blinker 1s linear infinite;
}
#S34{
    position:absolute;
    left: 958px;
    top: 881px;
    animation: blinker 1s linear infinite;
}



/*Strzałki od napełniania zbiorników spirytusu*/
#S41{
    position:absolute;
    left: 592px;
    top: 293px;
    animation: blinker 1s linear infinite;
}
#S42{
    position:absolute;
    left: 592px;
    top: 293px;
    animation: blinker 1s linear infinite;
}
#S43{
    position:absolute;
    left: 606px;
    top: 315px;
    animation: blinker 1s linear infinite;
}
#S44{
    position:absolute;
    left: 612px;
    top: 333px;
    animation: blinker 1s linear infinite;
}
#S45{
    position:absolute;
    left: 627px;
    top: 354px;
    animation: blinker 1s linear infinite;
}
#S46{
    position:absolute;
    left: 636px;
    top: 379px;
    animation: blinker 1s linear infinite;
}
/*Cysterna*/
.Cysterna{
    position:absolute;
    left: 683px;
    top: 237px;
}
#cys1,#cys2,#cys3,#cys4,#cys5,#cys6{
    position: absolute;
}



/*STATUS*/
#Status{
    position:absolute;
    font-family: "verdana";
    font-size: 20px;
    left: 70px;
    top: 1033px;
}

#Awaria{
    position:absolute;
    left: 892px;
    top: 199px;
    animation: blinker 1s linear infinite;
}
#Awaria2{
    position:absolute;
    font-family: "arial";
    font-size: 18px;
    color: red;
    left: 854px;
    top: 164px;
    
}



/*Bargraph-y*/
#ST01_ramka {
    position:absolute;
    left:371px;
    bottom: 616px;
    width: 10px;
    height:120px;
    background-color: black;
    border-style:solid;
    border-width:2px;
    border-color:green;
    transform: rotate(-10deg);
    border-radius: 12px;
}
#ST01_Bargraph{
    width:10px;
    height:1px;
    background:red;
    float:none;
    position:absolute;
    bottom: 618px;
    left: 384px;
    border-radius: 12px;
    transform: rotate(-10deg);
    transform-origin: bottom left;
    transform-style: preserve-3d;
        background: repeating-linear-gradient(     
  45deg,
  blue,
  blue 2px,
  lightblue 2px,
  lightblue 5px
);
}
#ST02_ramka {
    position:absolute;
    left:249px;
    bottom: 606px;
    width: 10px;
    height:120px;
    background-color: black;
    border-style:solid;
    border-width:2px;
    border-color:green;
    transform: rotate(-11deg);
    border-radius: 12px;
}
#ST02_Bargraph{
    width:10px;
    height:1px;
    background:red;
    float:none;
    position:absolute;
    bottom: 607px;
    left: 263px;
    border-radius: 12px;
    transform: rotate(-11deg);
    transform-origin: bottom left;
    transform-style: preserve-3d;
    background: repeating-linear-gradient(     
  45deg,
  blue,
  blue 2px,
  lightblue 2px,
  lightblue 5px
);}
#ST03_ramka {
    position:absolute;
    left:125px;
    bottom: 597px;
    width: 10px;
    height:125px;
    background-color: black;
    border-style:solid;
    border-width:2px;
    border-color:green;
    transform: rotate(-13deg);
    border-radius: 12px;
}
#ST03_Bargraph{
    width:10px;
    height:1px;
    background:deeppink;
    float:none;
    position:absolute;
    bottom: 597px;
    left: 142px;
    border-radius: 12px;
    transform: rotate(-13deg);
    transform-origin: bottom left;
    transform-style: preserve-3d;
        background: repeating-linear-gradient(     
  45deg,
  blue,
  blue 2px,
  lightblue 2px,
  lightblue 5px
);
}
#ST04_ramka {
    position:absolute;
    left:293px;
    bottom: 539px;
    width: 10px;
    height:95px;
    background-color: black;
    border-style:solid;
    border-width:2px;
    border-color:green;
    transform: rotate(-11deg);
    border-radius: 12px;
}
#ST04_Bargraph{
    width:10px;
    height:1px;
    background:red;
    float:none;
    position:absolute;
    bottom: 541px;
    left: 305px;
    border-radius: 12px;
    transform: rotate(-11deg);
    transform-origin: bottom left;
    transform-style: preserve-3d;
    background: repeating-linear-gradient(     
  45deg,
  blue,
  blue 2px,
  lightblue 2px,
  lightblue 5px
);
}
#ST05_ramka {
    position:absolute;
    left:172px;
    bottom: 529px;
    width: 10px;
    height:95px;
    background-color: black;
    border-style:solid;
    border-width:2px;
    border-color:green;
    transform: rotate(-13deg);
    border-radius: 12px;
}
#ST05_Bargraph{
    width:10px;
    height:1px;
    background:red;
    float:none;
    position:absolute;
    bottom: 531px;
    left: 185px;
    border-radius: 12px;
    transform: rotate(-13deg);
    transform-origin: bottom left;
    transform-style: preserve-3d;
        background: repeating-linear-gradient(     
  45deg,
  blue,
  blue 2px,
  lightblue 2px,
  lightblue 5px
);
}
#ST06_ramka {
    position:absolute;
    left:46px;
    top: 314px;
    width: 9px;
    height:100px;
    background-color: black;
    border-style:solid;
    border-width:2px;
    border-color:green;
    transform: rotate(-14deg);
    border-radius: 12px;
}
#ST06_Bargraph{
    width:10px;
    height:1px;
    background:red;
    float:none;
    position:absolute;
    bottom: 514px;
    left: 60px;
    border-radius: 12px;
    transform: rotate(-14deg);
    transform-origin: bottom left;
    transform-style: preserve-3d;
        background: repeating-linear-gradient(     
  45deg,
  blue,
  blue 2px,
  lightblue 2px,
  lightblue 5px
);
}
#VT01_ramka {
    position:absolute;
    left:1263px;
    bottom: 500px;
    width: 10px;
    height:109px;
    background-color: black;
    border-style:solid;
    border-width:2px;
    border-color:green;
    transform: rotate(5deg);
    border-radius: 12px;
}
#VT01_Bargraph{
    width:10px;
    height:1px;
    background:red;
    float:none;
    position:absolute;
    bottom: 502px;
    left: 1261px;
    border-radius: 12px;
    transform: rotate(5deg);
    transform-origin: bottom left;
    transform-style: preserve-3d;
    /* to bottom,*/
    background: repeating-linear-gradient(     
  45deg,
  blue,
  blue 2px,
  lightblue 2px,
  lightblue 5px
);
}

/*grafika pod parametry*/
#param{
    position: absolute;
    left: 0px;
    bottom: -130px;
}
/*grafika zbiorników spirytusu ze zmienionymi napisami*/
#spiryt{
    position: absolute;
    left: 0px;
    top: 170px;
}
/*procenty na zbiornikach BT*/
.procenty{
    font-family: "arial";
    font-weight: bold;
    font-size: 13px;
    color: darkred;
}

#BT01_Post_SCL{
    position: absolute;
    left: 1190px;
    top: 367px;
    transform: rotate(-5deg);
}

#BT02_Post_SCL{
    position: absolute;
    left: 1050px;
    top: 385px;
    transform: rotate(-4deg);
}

#BT03_Post_SCL{
    position: absolute;
    left: 910px;
    top: 415px;
}

#BT04_Post_SCL{
    position: absolute;
    left: 1680px;
    top: 550px;
    transform: rotate(9deg);
}

#BT05_Post_SCL{
    position: absolute;
    left: 1540px;
    top: 580px;
    transform: rotate(9deg);
}

#BT06_Post_SCL{
    position: absolute;
    left: 1375px;
    top: 610px;
    transform: rotate(10deg);
}

#BT07_Post_SCL{
    position: absolute;
    left: 1210px;
    top: 711px;
    transform: rotate(9deg);
}
/*ustawienia objektu który nakłdany jest na główną stronę*/
#eee{
    position:relative;

      width:1900px;
      height:930px;
}