HEGII.ss.mes.dashboard/wwwroot/main/Procedure/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;
}


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