div.screen-live {
  min-height:250px;
    border: 1px solid #cfcfcf;
    border-radius: 3px;
    margin: 3px 0 0 0;
    padding: 0;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: bottom 27px left 13px;
    width: 100%;
    background-color: #fdfdfd;
}
div.screen-live .cfalive::before {
    font-family: "Font Awesome 5 Free"; content: "\f03d";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size:32px;
    font-weight: 900;
    color:#fff;
    padding:7pt 0 0 12pt;
}
div.transbox {
    min-height: 90px;
    margin: 2% 8px;
    background-color: #4a68e9;
    border: 1px solid #f1f1f1;
    opacity: 0.8;
    margin-top: 18px;
    padding: 7px;
}
div.transbox.light{
    background-color: #eef0fb;
}

div.screen-live .botlive {
    /*background: rgb(95 239 96);*/
    background: rgb(180 210 249);
}
div.bg-event .botlive {
 /*   background: rgb(110 134 237 / 80%);*/
}

.screen-live .transbox h3, .screen-live .transbox h2, .screen-live .transbox a {
    margin: auto;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.screen-live .transbox h2 {font-size:22px;padding-bottom:3px;margin-top: 10%;margin-bottom: 10%;}
.screen-live .transbox h3 {font-size:18px;}
.screen-live .transbox a {color:#fff;font-weight:bold;}
.screen-live .transbox h4 {
    margin: auto;
    font-weight: bold;
    color: #0073FF;
    text-align: center;
}

.multi div.screen-live {min-height:200px;}
.multi .transbox h3, .multi .transbox h4, .multi .transbox a {font-size:14px;}
.multi .transbox h2, {font-size:16px;}

div.screen-live .indicbox {
    margin: auto 14px;
    /*border: 1px solid #f1f1f1;*/
    background: rgba(11, 63, 128, 1.3); 
    margin-top: 3px;
    padding: 3px 0px;
    font-weight: bold;
    color: #fff;
    text-align: center;    
  }
.screen-live .indicbox h4 {font-size:14px;}

div.screen-live a {
	color: #fff;
	margin: auto;
    font-weight: bold;
}
div.screen-live a.linkcfa::before, div.screen-live h4.botlive a::before, #livediv p.card-title::before {
	font-family: "Font Awesome 5 Free"; content: "\f26c";
	font-weight: 600;
	margin-right:4px;
    font-size: 19px;
    color: #fff000;
}
#mentordiv p.card-title::before {
    font-family: "Font Awesome 5 Free"; content: "\f007";
    font-weight: 600;
    margin-right:8px;
    font-size: 19px;
    color: #ff003f;
}


div.screen-live a.linkcfa.insta::before {
    color: #fff000;
}

div.screen-live .cfalive h2, iv.screen-live .cfalive h3, iv.screen-live .cfalive h4{
    color: #000000;
    padding: 0px 5px 0px 5px;
    margin: 0;
}
div.screen-live .sign {
    display:block;
    font-weight: bold;
    font-size: 15px;
    line-height: 15px;
    color: #777;
    text-align:center;
    background:rgb(255 225 225 / 30%);
    margin-bottom: 7px;
    padding: 12px 13px;
}
div.screen-live .legend {
    line-height: 20px;
    font-size: 14px;
    color: #707070;
    padding: 8px 16px;
    text-align: justify;
}

div.screen-live small {line-height: 15px;}
#livediv p.card-title::before, #agendadiv p.card-title::before{
    color: #456fa4;
    font-size: 16px;
}
.alertlive {
    display: none;
    position: absolute;
    top: 36px;
    left: 58px;
    z-index: 1000;
    font-weight: 600;
    margin-right:4px;
    word-spacing: 0px;
    color:#fffe00 ;
    font-size: 12px;
    /*transform: rotate(-25deg); /* Équivalent à rotateZ(45deg) */
    animation-duration: 1.6s;
    animation-name: clignoter;
    animation-iteration-count: infinite;
    transition: none;
}

.alertlive::before{
    font-family: "Font Awesome 5 Free";
    content: "\f26c";
    font-size: 12px;
    color: #fff;
}

.alertjobdat {
    display: none;
    position: absolute;
    top: 36px;
    left: 190px;
    z-index: 1000;
    font-weight: 600;
    margin-right:4px;
    word-spacing: 0px;
    color:#fffe00 ;
    font-size: 12px;
    padding:1px 5px;
    background:#546ed6;
    border-radius:5px;
}

.alertjobdat::before{
    font-family: "Font Awesome 5 Free";
    content: "\f086";
    font-size: 14px;
    color: #fff;
}

a.link-track {color:#fff;}

#livediv .neutralbox iframe {min-height: 630px;width: 100%;height: 100%;}
#videodiv .neutralbox iframe {width: 100%;height: 100%;}
#livediv .videoseries iframe {max-width: 256px;min-height: 256px;}


/* Class init in BDD table livetyp ----------------------------------*/
div.screen-live.bg-facebook {
    background-image: url(/images/screens/facebook_live_screen.png);
    background-position: 5% 90%;
    background-size: 14%;
}
div.screen-live.bg-instagram {
    background-image: url(/images/screens/instagram_live_screen.png);
}
div.screen-live.bg-zomm {
    background-image: url(/images/screens/zoom_live_screen.png);
}
div.screen-live.bg-teams {
    background-image: url(/images/screens/teams_live_screen.png);
}
div.screen-live.bg-skype {
    background-image: url(/images/screens/skype_live_screen.png);
}
div.screen-live.bg-live {
    background-image: url(/images/screens/live_screen.png);
}
/* End Class init in BDD ------------------ ------------------------------*/

@media only screen and (max-device-width:680px) {
	.screen-live .transbox h2 {font-size:18px;}
	.screen-live .transbox h3 {font-size:16px;}
    .alertjobdat {left: 222px;}
}