HEGII.ss.mes.dashboard/wwwroot/main/Split/DashBoard.css

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

.row_4 {
    margin: 0px;
    padding: 0px;
    display:flex;
    width:7860px;
}

.row_2 {
    margin: 0px;
    padding: 0px;
    display: flex;
    width: 3840px;
}

.col_1 {
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction: column;
    width: 1920px;
}

.col_2 {
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction: column;
    width: 3840px;
}

.iframe_1920_1080 {
    width: 1920px;
    height: 1080px;
    border: 0px solid black;
}

.box_1920_1080 {
    width: 1920px;
    height: 1080px;
    background-image: url('/Img/bg01_1920x1080.png');
    background-repeat: no-repeat;
    background-position:center;
}

.box_title {
    margin-left:10px;
    padding:10px;
    color: #38dcff;
    font-size: 2.3rem;
    font-weight:700;
}

.box_title_arrow {
    color: rgba(255, 159, 64, .9);
}

.box_title_loading {
    padding-right: 120px;
    float: right;
    color: rgba(255, 255, 255, .2);
    font-size: 2.3rem;
    font-weight: normal;
}

.box_body {
    margin:20px 40px 20px 40px;
    height:960px;
    /*background-color:red;*/
}

.m4_iframe_3840_2160 {
    width: 3840px;
    height: 2160px;
    border: 0px solid black;
}

.m4_box_3840_2160 {
    width: 3840px;
    height: 2160px;
    background-image: url('/Img/bg02_3840x2140.png');
    background-repeat: no-repeat;
    background-position: center;
}

.m4_title {
    padding-top: 0px;
    height: 180px;
    width: 3840px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #38dcff;
    font-size: 5rem;
    font-weight: 700;
}

.m4_body {
    margin: 30px 90px 30px 90px;
    height: 1900px;
    display:flex;
    flex-direction:row;
    /*background-color:red;*/
}

.m4_box_title_arrow {
    margin: 10px 0px 10px 10px;
    width: 10px;
    height: 46px;
    /*background-color: rgb(255, 159, 64);*/
    background-color: #38dcff;
    /*background-color: rgb(54, 162, 250);*/
}
.m4_box_title_arrow2 {
    margin: 10px 10px 10px 0px;
    width: 5px;
    height: 46px;
    background-color: rgb(255, 159, 64);
    /*background-color: #38dcff;*/
}

.m4_box_title {
    display: flex;
    flex-direction: row;
    margin: 0px 0px 0px 0px;
    color: #ffffff;
    font-size: 3rem;
    font-weight: 500;
    align-items: center;
}

.m4_box_title_loading {
    float: right;
    padding-left:20px;
    color: rgba(255, 255, 255, .2);
    font-size: 2.3rem;
    font-weight: normal;
}

.m4_box_body {
    margin: 20px 0px 0px 0px;
    width: 1920px;
    height: 900px;
    /*background-color:red;*/
}

.m4_iframe_1920_1080 {
    margin: 0px 0px 0px 0px;
    width: 1780px;
    height: 920px;
    border: 0px solid black;
    /*background-color:red;*/
}

.m4_box_1920_1080 {
    width: 1780px;
    height: 960px;
    margin-top: 20px;
}

.tr_title {
    height: 60px;
    color: #38dcff;
    font-size: 24px;
    font-weight: 700;
    background: rgba(25, 52, 90,.5);
}

.tr_bg_dark {
    height: 60px;
    color: #38dcff;
    font-size: 24px;
    font-weight: 100;
    background: rgba(25, 52, 90,.5);
}

.tr_bg_light {
    height: 60px;
    color: white;
    font-size: 24px;
    font-weight: 100;
    background: rgba(54, 162, 250,.2);
}

.tr_title_warning {
    height: 60px;
    /*color: rgb(255, 159, 64);*/
    color: #38dcff;
    font-size: 24px;
    font-weight: 700;
    background: rgba(25, 52, 90,.5);
}

.tr_bg_dark_warning {
    height: 60px;
    color: #38dcff;
    font-size: 24px;
    font-weight: 100;
    background: rgba(25, 52, 90,.5);
}

.tr_bg_light_warning {
    height: 60px;
    color: white;
    font-size: 24px;
    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;
}