/*custom css*/
.body-dashbord {
    padding-top: 49px !important;
}

.header-color{
    background-color: #ffcc66 !important;
}

.header-color{
    background-color:  transparent !important;
}

.no-padding-top{
    padding-top: 0px !important;
}


.app-color{
    background: #ffcc66 !important;
    background-color: #ffcc66 !important;
    border-color: #ffcc66 !important;
}

.margin-left{
    margin-left: 20px;
}

.menu-color{
    background-color: #FFFFFF !important;
}

.inline-block{
    display: inline-block;
}

.block-content{
    padding: 30px;
}

.red{
    background-color: #dc3545 !important;
}
.red .m-portlet__head-text{
    color: #fff !important;
}

.datepicker-dropdown{
    z-index: 9999 !important;
}

.header_title{
    color: white;
    font-weight: bold;
    margin-top: 15px;
    margin-left: 15px;
}

.centre-div{
    text-align: center; 
}

.text-margin{
    margin-top: 20px;
}

.div-top{
    margin-top: 5px;
}

.div-padding-top{
    padding-top: 5px; 
}

.div-right{
    float: right;
}

.table-data{
    display: block; min-height: auto; overflow-x: auto;
}

.img-width{
    max-width: 100% !important;
}

.ifram-style{
    width:100%; height:500px;border:0
}
.textContent{
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 150px !important;
    display:block !important;
}

.checkbox-padding{
    padding-right: 0px !important;
}

.header_title_mobile{
    display: none;
}

.actif-detail{
    color: #fff;

    background-color: #299781;

    border-color: #268d78;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    padding: .65rem 1rem;
    font-size: 1rem;
    line-height: 1.25;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}
.inline{
    display: inline;
} 

.width-video{
    width: 90%;
}

table {
    text-align: center;
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    margin-right: 10px;
    margin-left: 10px;
}

#language_imageFile_file{
    width: 100%;
    margin-bottom: 15px;
}

.input-chek{
    width: auto !important;
    display: inline-block !important; 
}

.label-chek{
    display: inline-block; 
}

.checkboxBlocLigne{
    display: inline-block;
    width: 39%;
}
.checkboxLigne{
    width: auto !important;
    display: inline-block !important;
}
.blocLigne{
    display: inline-block;
    width: 60%;
}

.block-template{
    text-align: left;
    border: 1px solid #ced4da;
    border-color: #ebedf2;
    color: #575962;
    border-radius: .25rem; 
}

.input-outher{
    width: 25% !important;
    display: inline-block !important;
}

.no-padding-left{
    padding-left: 0px !important;
}
.no-padding-right{
    padding-right: 0px !important;
}

.margin-auto{
    margin: auto !important;
}

.block-question{
    margin-bottom: 1rem;
}
.question{
    background-color: #fff; 
    display: table;
    padding: 1rem 2rem;
    width: 100%;
    overflow: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #575962;
}
.text-question{
    display: table-cell;
    vertical-align: middle;
    width: 70%;
    font-size: 1.2rem;
    color: #575962;
}

.textera_question{
    vertical-align: middle !important;
    margin-left: 5px !important;  
    width: 70% !important;
    display: inline-block !important;
}

.div-icon{
    display: inline-block !important;  
    vertical-align: middle !important;     
}

.button-question{
    margin: 0 5px !important;
    width: 70px !important;
}

.delete-nuage-word:hover{
    background-color: #f4516c !important;
    border-color: #f4516c !important;
}

.validate-nuage-word:hover{
    background-color: #34bfa3 !important;
    border-color: #34bfa3 !important;
}

.icon-question{
    font-size: 2.1rem !important;
}

.flex{
    display: flex !important;
}

.no-padding{
    padding: 0 !important;
}

.deleteTime{
    color: #f33a62 !important;
    font-size: 1.5rem;
    font-weight: bold;
    margin-right: 5px;
}

.size-icon{
    font-size: 1.5rem !important;
}

a.nav-link {
    cursor: pointer;
}

textarea {
    overflow: auto;
    resize: vertical;
    height: 400px;
}

.large-textarea{
    height: 400px !important; 
}

.div-padding-left{
    padding-left: 10px;
}

.color-danger{
    color: #dc3545;
}

.textarea-simple{
    height: 100% !important;
}

.div-margin-bottom{
    margin-bottom: 5px;
}

.div-apparition{
    padding-left: 5px !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    margin-top: 5px !important;
}

.div-icon-apparition{
    padding-left: 5px !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    vertical-align: middle;   
}

.div-margin-left{
    margin-left: 20px !important;
}

.small-size{
    font-size: 11px;
    color: #666666;
}
.grid-stack-item-content{
    overflow: hidden !important;
}
input[type=checkbox].no-margin{
    margin-left: -1.25rem;
}
@media only screen and (min-width: 436px) and (max-width: 1024px){
    #m_aside_header_menu_mobile_toggle{
        display: none !important;
    }
    #m_aside_header_topbar_mobile_toggle{
        display: none !important;
    }

    .header-color{
        background-color: #ffcc66 !important;
    }

    .header_title_mobile{
        display: initial;
    }
    .header_title-show{
        display: none;
    }

}

@media only screen and (max-width: 435px){
    #m_aside_header_menu_mobile_toggle{
        display: none !important;
    }
    #m_aside_header_topbar_mobile_toggle{
        display: none !important;
    }
    .header-color{
        background-color: #ffcc66 !important;
    }
    .header_title_mobile{
        display: initial;
    }
    .header_title-show{
        display: none;
    }
}
@media only screen and (max-width: 1020px){
    .liveManagement .multiple-items{
        width: 80% !important;
    }
}
.presentationPage .vich-image img {
    width: 270px;
}

.presentationPage #imageSlide{
    max-height:195px;
    max-width: 195px;
}

.presentationPage .m-portlet.m-portlet--sortable-empty{
    height: 5px !important;
    min-height:20px !important
}

.presentationPage .slidesBloc { list-style-type: none; margin: 0; padding: 0; width: 100%; }
.presentationPage .slidesBloc li { margin: 20px 15px 3px 15px; padding: 1px; float: left; width: 421px; height: 250px; }

.presentationPage .slide-content{
    margin-bottom: 10px;
    margin-top: 10px;
}
.presentationPage .ui-state-default {
    border: 2px solid #E7ECEC!important;
    background: #ffffff !important;
    font-weight: 400;
    color: #454545;
}

.liveManagement .vich-image img {
    width: 270px;
}
.liveManagement .slick-prev:before, .slick-next:before{
    color: black !important;
}

.liveManagement #imageSlide{
    max-width: 195px;
    max-height: 195px;
    margin: 0 auto;
}
.delayedManagement #imageSlide{
    max-height:195px;
    max-width: 195px;
    min-height:195px;
}

.delayedManagement .ui-state-default {
    border: 2px solid #E7ECEC!important;
    background: #ffffff !important;
    font-weight: 400;
    color: #454545;
}

.liveManagement .m-portlet.m-portlet--sortable-empty{
    height: 5px !important;
    min-height:20px !important
}

.liveManagement .slidesBloc { list-style-type: none; margin: 0; padding: 0; width: 100%; }
.liveManagement .slidesBloc li { margin: 20px 15px 3px 15px; padding: 1px; float: left; width: 421px; height: 250px; }
.delayedManagement .slidesBloc2 { list-style-type: none; margin: 0; padding: 0; width: 100%; }
.delayedManagement .slidesBloc2 li { margin: 20px 15px 3px 15px; padding: 1px; float: left; width: 421px; min-height: 250px; height: auto; }

.liveManagement .slide-content{
    margin-bottom: 10px;
    margin-top: 10px;
}
.liveManagement .ui-state-default {
    border: 2px solid #E7ECEC!important;
    background: #ffffff !important;
    font-weight: 400;
    color: #454545;
}

.deleteSlide,.<.liveManagement .multiple-itemsdeleteSlideDelayed{
    color: #f33a62 !important;
    font-size: 18px;
    font-weight: bold;
    margin-right: 5px;
    cursor: pointer;

}

.imgContainer {
    position: relative;
    text-align: center;
    color: white;
}
.bottom-right {
    position: absolute;
    bottom: 3%;
    right: 2%;

}

.bottom-right .fa-pencil{
    font-size: 20px !important;
}

.sortable li div {
    border: 1px solid #a02727;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: move;
    border-color: #ebedf2 !important;
    margin: 0;
}

.sortable .question{
    margin-top: 20px !important;
}

.menuDiv {
    background: #f9f9f9 !important;
    margin-bottom: 6px !important;
}

.dark_portlet{
    background: #000000 !important;
    border-color: #000000 !important;
}

.orange_text{
    color: #ffb823 !important;
}

.add_language{
    color: #000000 !important;
}

.nav-pills .nav-link.active {
    color: #060606 !important;
    background-color: #ffb822 !important;
}

.slide-name{
    margin-left: 15px;
}

.bottom-right a{
    background: #fff;
    padding: 3px;
}
#showOption{
    margin-left: 0px;
}
#login{
    margin-left: 20px;
}


#summariesList li a:hover {
    color: red !important;

}
#summariesList li a {
    cursor: pointer; 
}

.item-red{
    color: red;
}

#summariesList ul {
    font-weight: 400;
    list-style-type: none;
}



/* Second Level */
#summariesList ul ul{
    margin-left: -15px;
}

/* Third Level */
#summariesList ul ul ul{
    margin-left: -20px;
}

.liveManagement .multiple-items{
    width: 900px;
    height: 100%;
    margin: auto;
}

.liveManagement .slick-prev {
}

.grid-stack-item .slick-next{
    right: -37px !important;
}
.grid-stack-item .multiple-items{
    margin-left: 20px;
    margin-right: 33px;
}
.single-item .img-fluid{
    display: none;
}
li.ui-state-default.slick-slide.slick-current.slick-active img {
    display: inherit;
}

.liveManagement .multiple-items li{
    height: 320px;
    margin-right: 10px;
}

.liveManagement .imgContainer{
    height: auto;
    width: 100%;
}
.liveManagement .slick-prev, .slick-next {
    top: 50% !important;
}

.liveManagement .active-slide{
    cursor: pointer; 
    font-size: 40px !important;
    color: #62B904;
    margin-right: 5px;
}

#countdown {
    /*    margin-top: -2%;
        margin-right: -50%;*/
}

#summaryLive li{
    text-align: left;
}

.question-front{
    vertical-align: middle;
    display: inline-block;
}


.convertPdf{
    margin-left: 30px;
    margin-top: -5px;
}


.btn_convert{
    margin-left: 85px;
}


.deletePdf {
    color: #f33a62 !important;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    margin-left: 10px;
    margin-top: -3px;
}

.decoButton{
    position: absolute;
    right: 20px;
    top: 20px;
}

.mt-20{
    margin-top: 20px;
}

ol.sortable{
    list-style-type:none;
}

#ask_question textarea, #ask_question input#u32_input{
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    outline: none !important;
    border: 1px solid #c5c5c5;
}

.sortable .question
{
	border-radius: 7px;
	border-width: 3px !important;
}

.sortable .question.moderation_visible {
    border-color: #464749 !important;
}

.sortable .question.moderation_waiting {
    border-color: #E87E04 !important;
}

.sortable .question.moderation_sent {
    border-color: #26C281 !important;
}

.sortable .question.moderation_declined {
    border-color: #f4516c !important;
}
.sortable li div{
    border:none;
}
.question {
    border: 1px solid #ebedf2 !important;
}

.livePage .single-item,.livePage .slick-list,.livePage .slick-track,.livePage .slick-slide,.livePage .slide-content,.livePage .single-item .img-fluid{
    width: 100%;
    outline:none;
}
.livePage .single-item .img-fluid{
    margin: 0 auto;
}
.livePage .multiple-items .slick-current{
    border: 1px solid yellow;
}
.livePage .multiple-items li{
    list-style: none;
}
.livePage .multiple-items .slick-track li.slick-slide{
    margin-left: 20px;
}
.livePage .multiple-items .slick-track li.slick-slide:last-child{
    margin-left: 15px;
}
.livePage .menuslide{
    background-color: #e6e6e6;
    margin: 5px 0;
}
.livePage .menuslide .next-slide,.menuslide .prev-slide,.menuslide .first-slide,.menuslide .last-slide{
    font-size: 1.5rem;
}
.livePage span.pagingInfo {
    margin: 0 10px;
    font-size: 1rem;
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
}
.livePage img.arrowSlideLeft {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
}
.livePage img.arrowSlideRight {
    right: 0;
    z-index: 2;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
}

.livePage .multiple-items .slick-list{
    margin-left: 10px;
    margin-right: 30px;
}

.livePage .verticalWebkit{
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
    outline:none;
}
.livePage .menuslide .next-slide, .menuslide .prev-slide, .menuslide .first-slide, .menuslide .last-slide{
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
}
.livePage div#question-alert {
    display: none;
}
.swal2-popup.swal2-modal.swal2-show {
    width: auto !important;
}
a.enlargePicture,li.ui-state-default.slick-slide.slick-active {
    outline: none;
}
.m-radio .inline-statistic{
    position: relative;
    display: inline;
    z-index: 1;
    opacity: 1;
    width: 70px;
}
.margin-statistic{
    margin-top: 8px;
}


/*Front*/

.img-header{
    width: 100%;
}

.m-grid__item.m-grid__item--fluid.m-wrapper {
    margin: 0 !important;
}
.footerPage{
    width: 100%;
    padding: 15px;
}
.pageLegal{
    text-align: left;
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
}
.m-section__content.block-content {
    padding: 0;
}
.img-footer{
    max-width: 100%;
}
.confidentialityPolitic{
    text-decoration: underline ;
}

.livePage .grid-stack > .grid-stack-item > .grid-stack-item-content{
    left: 0;
    right: 0;
}
.livePage .reziseContent,.livePage #livestream.video-live{
    padding: 0 30px;
}
#ask_question textarea {
    padding: 15px;
}
#summariesList .item-red{
    color: red;
}
.btnclose.close {
    outline: none !important;
    font-size:40px;
}
.btnclose.close.absoluteRight {
    position: absolute;
    right: 15px;
    z-index: 9999;
}
#testConfigVideo .dacast-flowplayer,#testConfigVideo .dacast-grindplayer,#testConfigVideo .dacast-html5player,#testConfigVideo .dacast-jwplayer,#testConfigVideo .dacast-theo,
#testConfigVideo.dacast-theoplayer,#testConfigVideo .dacast-vjs4, .dacast-vjs5{
    width: 100% !important;
    height: 100% !important;
}
.livestart.hidden{
    display: none;
}
form#ask_question input{
    width: 100%;
}
form#ask_question button{
    margin-bottom: 30px;
}
form#ask_question .error {
    border: 2px solid red !important;
}
.hidden
{
    display: none;
}
.show
{
    display: block;
}
.slick-prev:before, .slick-next:before{
    color:black;
}
.no-border{
    border: none !important;
}
#numberPpt, #numberPdf{
    width:50px;
}
button.configDescription{
    white-space: normal;
}
#testConfigVideo{
    margin-top:25px;
}
.changeLangage.activeLanguage{
    text-decoration: underline !important;
}
.numberView{
    float: right;
    margin: 0 10px;
}
.numberView i{
    font-size: 19px;
    vertical-align: middle;
}

#countdown{
  font-family: sans-serif;
  color: white;
  display: inline-block;
  font-weight: 100;
  text-align: center;
  font-size: 30px;
  background-color: black;
}

#countdown > div{
  padding: 10px;
  border-radius: 3px;
  background: black;
  display: inline-block;
}

#countdown div > span{
  padding: 15px;
  border-radius: 3px;
  background: black;
  display: inline-block;
  font-weight: 600;
  font-size: 60px;
}

.smalltext{
  padding-top: 5px;
  font-size: 14px;
}
@media only screen and (max-width: 1024px){

	#countdown > div{
	  padding: 7px;
	}

	#countdown div > span{
	  padding: 15px;
	  border-radius: 3px;
	  font-weight: 600;
	  font-size: 20px;
	}

	#countdown .smalltext{
	  padding-top: 5px;
	  font-size: 9px;
	}
}


#questionlistSpeaker #formWebcastQuestionSpeaker,
#questionlistSpeaker #formWebcastQuestionSpeaker .question
{
   color: #000000;
   background-color: #F2F3F8;
   border: none;
   border-radius: 5px;
}

#questionlistSpeaker #formWebcastQuestionSpeaker .col-12 input,
#questionlistSpeaker #formWebcastQuestionSpeaker .col-md-12 input,
#questionlistSpeaker #formWebcastQuestionSpeaker #text_question
{
	background-color: #F2F3F8;
	color: #000000;
}

#questionlistSpeaker #formWebcastQuestionSpeaker .question,
#questionlistSpeaker #formWebcastQuestionSpeaker .col-12 input,
#questionlistSpeaker #formWebcastQuestionSpeaker .col-md-12 input,
#questionlistSpeaker #formWebcastQuestionSpeaker #text_question
{
	border: none !important;
}

#questionlistSpeaker #formWebcastQuestionSpeaker .col-12,
#questionlistSpeaker #formWebcastQuestionSpeaker .col-md-12
{
	padding-left: 0;
	padding-right: 0;
}
       

       
#questionlist.speaker #formWebcastQuestionModerator.filter-type-sent,
#questionlist.speaker #formWebcastQuestionModerator.filter-type-sent .question
{
   color: #000000;
   background-color: #F2F3F8;
   border: none;
   border-radius: 5px;
}

#questionlist.speaker #formWebcastQuestionModerator.filter-type-sent .col-12 input,
#questionlist.speaker #formWebcastQuestionModerator.filter-type-sent .col-md-12 input,
#questionlist.speaker #formWebcastQuestionModerator.filter-type-sent #text_question
{
	background-color: #F2F3F8;
	color: #000000;
	padding-left: 0;
}

#questionlist.speaker #formWebcastQuestionModerator.filter-type-sent .question,
#questionlist.speaker #formWebcastQuestionModerator.filter-type-sent .col-12 input,
#questionlist.speaker #formWebcastQuestionModerator.filter-type-sent .col-md-12 input,
#questionlist.speaker #formWebcastQuestionModerator.filter-type-sent #text_question
{
	border: none !important;
}

#questionlist.speaker #formWebcastQuestionModerator.filter-type-sent .col-12,
#questionlist.speaker #formWebcastQuestionModerator.filter-type-sent .col-md-12
{
	padding-left: 0;
	padding-right: 0;
}
         
          
#questionlist.speaker #formWebcastQuestionModerator.filter-type-visible,
#questionlist.speaker #formWebcastQuestionModerator.filter-type-visible .question
{
   color: #000000;
   background-color: #F2F3F8;
   border: none;
   border-radius: 5px;
}

#questionlist.speaker #formWebcastQuestionModerator.filter-type-visible .col-12 input,
#questionlist.speaker #formWebcastQuestionModerator.filter-type-visible .col-md-12 input,
#questionlist.speaker #formWebcastQuestionModerator.filter-type-visible #text_question
{
	background-color: #F2F3F8;
	color: #000000;
	padding-left: 0;
}

#questionlist.speaker #formWebcastQuestionModerator.filter-type-visible .question,
#questionlist.speaker #formWebcastQuestionModerator.filter-type-visible .col-12 input,
#questionlist.speaker #formWebcastQuestionModerator.filter-type-visible .col-md-12 input,
#questionlist.speaker #formWebcastQuestionModerator.filter-type-visible #text_question
{
	border: none !important;
}

#questionlist.speaker #formWebcastQuestionModerator.filter-type-visible .col-12,
#questionlist.speaker #formWebcastQuestionModerator.filter-type-visible .col-md-12
{
	padding-left: 0;
	padding-right: 0;
}


/*#questionlistSpeaker #formWebcastQuestionSpeaker .col-12 input,
#questionlistSpeaker #formWebcastQuestionSpeaker .col-md-12 input,*/
#questionlist.speaker .question
{
	background-color: #F2F3F8;
	color: #000000;
}         

#questionlist.speaker .moderation_waiting 
{
	border-color: #F2F3F8 !important;
}

#questionlist #refreshList,
#questionlist #refreshList:hover
{
	text-decoration: none;
	margin-top: 12px;
}

#questionlist #refreshList
{
	display: inline-block;
	padding: 7px 12px;
	background-color: #00AEEF;
	border-radius: 7px;
	color: #FFFFFF;
}

#questionlist #refreshList:hover 
{
	background-color: #4CCBFA;
	transition: 0.5s;
}

#questionlist #refreshList .m-menu__link-text
{
	display: inline-block;
	margin-left: 7px;
}

.filter-type-waiting_speaker #webcastVisible,
.filter-type-waiting_thread #webcastValidate
{
   display: none;
}