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; }