html {
overflow-x: hidden;
overflow-y: hidden;
}
body {
margin: 0px;
padding: 0px;
background-color: transparent;
}
iframe {
margin: 0px;
padding: 0px;
border: 0px solid black;
overflow-x: hidden;
overflow-y: hidden;
}
.col_1 {
margin: 0px;
padding: 0px;
display: flex;
flex-direction: column;
width: 1920px;
}
.iframe_1920_1080 {
width: 1920px;
height: 1080px;
border: 0px solid black;
}
.box_1920_1080 {
width: 1920px;
height: 1080px;
background-image: url('/Img/bg03_1920x1080.png');
background-repeat: no-repeat;
background-position: center;
}
.box2_1920_1080 {
width: 1920px;
height: 1080px;
background-image: url('/Img/bg04_1920x1080.png');
background-repeat: no-repeat;
background-position: center;
}
.box_title {
margin-left: 10px;
padding: 10px;
color: #38dcff;
font-size: 45px;
font-weight: 600;
}
.box_title_arrow {
color: rgba(255, 159, 64, .9);
}
.box_title_loading {
padding-top:10px;
padding-right: 220px;
float: right;
color: rgba(255, 255, 255, .2);
font-size: 2.0rem;
font-weight: normal;
}
.box_body {
margin: 20px 40px 20px 40px;
height: 960px;
/*background-color:red;*/
}
.tr_title {
height: 40px;
color: #38dcff;
font-size: 20px;
font-weight: 700;
background: rgba(25, 52, 90,.5);
}
.tr_bg_dark {
height: 40px;
color: #38dcff;
font-size: 20px;
font-weight: 100;
background: rgba(25, 52, 90,.5);
}
.tr_bg_light {
height: 40px;
color: white;
font-size: 20px;
font-weight: 100;
background: rgba(54, 162, 250,.2);
}
.tr_title_warning {
height: 40px;
/*color: rgb(255, 159, 64);*/
color: #38dcff;
font-size: 20px;
font-weight: 700;
background: rgba(25, 52, 90,.5);
}
.tr_bg_dark_warning {
height: 40px;
color: #38dcff;
font-size: 20px;
font-weight: 100;
background: rgba(25, 52, 90,.5);
}
.tr_bg_light_warning {
height: 40px;
color: white;
font-size: 20px;
font-weight: 100;
background: rgba(54, 162, 250,.3);
}
.tr_title_orange {
height: 40px;
/*color: rgb(255, 159, 64);*/
color: #38dcff;
font-size: 20px;
font-weight: 700;
background: rgba(25, 52, 90,.5);
}
.tr_bg_light_orange {
height: 40px;
color: white;
font-size: 20px;
font-weight: 100;
background: rgba(54, 162, 250,.2);
}
td {
padding: 10px;
text-align: center;
border-bottom: 1px solid #0b1929;
border-right: 1px dashed #38dcff;
}
@keyframes blink {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes blink {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-moz-keyframes blink {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-ms-keyframes blink {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-o-keyframes blink {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.status_green {
/*color:limegreen;*/
color: #5de27c;
animation: blink 1s linear infinite;
-webkit-animation: blink 1s linear infinite;
-moz-animation: blink 1s linear infinite;
-ms-animation: blink 1s linear infinite;
-o-animation: blink 1s linear infinite;
}
.status_yellow {
/*color: yellow;*/
/*color: rgb(54, 162, 250);*/
color: rgb(54, 162, 250);
}
.status_red {
/*color: orangered;*/
color: rgb(255, 99, 132);
animation: blink 1s linear infinite;
-webkit-animation: blink 1s linear infinite;
-moz-animation: blink 1s linear infinite;
-ms-animation: blink 1s linear infinite;
-o-animation: blink 1s linear infinite;
}
.status_blue {
/*color: orangered;*/
color: rgb(54, 162, 250);
}
.status_grey {
color: grey;
}
.warning {
/*color: rgba(255, 159, 64, .9);*/
background-color: rgba(255, 159, 64, .2);
padding: 8px;
border: 2px solid rgba(255, 159, 64, .9);
border-radius: 10px;
}
.danger {
/*color: rgba(255, 159, 64, .9);*/
background-color: rgba(255, 99, 132, .2);
padding: 8px;
border: 2px dashed rgba(255, 99, 132, .9);
border-radius: 10px;
}