@import url(container.css);
/***************title***************************/
.title-speaker{
    margin-top: 37px;
    font-family: 'Roboto';
    font-size: 20px;
    font-weight: 500;
}
.title-speaker span{
    font-family: 'Raleway';
    font-size: 34px;
    font-weight: 700;
    line-height: 34px;
    color: #00B7F1;
    
}
.title-speaker2{
    margin-top: 60px;
    
}

.title-speaker2 span{
    font-family: 'Raleway';
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
}

.title-speaker p{
    margin-top: 20px;
}
/***************menu****************************/
.filtersConferences_item button { 
    height: 40px;
    border-radius: 30px; 
}

.menu_list_md{
    flex: 0 0 auto;
}

.button-search-mobile{
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    background-color: #edf9fd;
    color:#4c4c4c;
    text-transform: none;
}

.button-filter-mobile{
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    background-color: #f4f9ec;
    color:#4c4c4c;
    text-transform: none;
}

#textsearch{
    width: 100%;
    border-radius: 30px;
    height: 51.5px;
    background-color: rgba(76,76,76,0.1);
    border: rgba(76,76,76,0.1) 5px solid;
}

#search{
    margin-left: -170px;
    border-radius: 50px;
    width: 167px;
    background-color: #ABCC62;
    font-size: 18px;
    font-weight: 600;
    text-transform: initial;
    height: 47.5px;
    margin-top: 2px;
    z-index: 5;
}

#textsearch2{
    width: 100%;
    border-radius: 30px;
    height: 41px;
    background-color: rgba(76,76,76,0.1);
    border: rgba(76,76,76,0.1) 5px solid;
}

#search2{
    margin-left: -38px;
    border-radius: 16px;
    width: 33px;
    min-width: 33px;
    background-color: #ABCC62;
    font-size: 18px;
    font-weight: 600;
    text-transform: initial;
    height: 33px;
    margin-top: 6.5px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1500;
}

.rewind_icon {
    position: absolute;
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%);
}

/*******************filtre****************************/
.filter-prevention-check-container .form-check-happy label {
    margin-left: -2%!important;
}
/***************info speaker********************/
.speaker-thumbnail{
    width: 120px!important;
    height: 120px!important;
}
.speaker-thumbnail-border{
    width: 120px!important;
    height: 125px!important;
}
.speaker-thumbnail-pc{
    width: 84px!important;
    height: 84px!important;
}
.speaker-thumbnail-border-pc{
    width: 84px!important;
    height: 86px!important;
}
.speaker_title{
    height: 46px;
    display: flex;
    align-items: center;
}

.title,.title-pc{
    font-weight: 700;
    line-height: 23px;
    font-family: raleway;
    color: 4C4C4C;
    max-height: 100%;
}

.title{
    font-size: 20px;
}

.title-pc{
    font-size: 14px;
}

.twoline {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

.job-title > span,.job-title-pc > span {
    font-family: roboto;
    background-color: #edf9fd;
    
    border-radius: 4px;
    border: none;
    display: inline-block;
    
    padding: 0 4px;
}

.job-title > span{
    font-size: 16px;
    font-weight: 700;
    line-height: 34px;
    min-height: 35px;
}

.job-title-pc > span{
    font-size: 12px;
    min-height: 25px;
    line-height: 25px;
    font-weight: 500;
}

.keyword-list{
    display:inline-block;
    min-height: 84px;
}

.keyword-span,.keyword-span-pc{
    background-color: #f4f9ec;
    min-height: 34px;
    border-radius: 4px;
    border: none;
    display: inline-block;
    line-height: 34px;
    padding: 0 4px;
    margin: 4px;
}

.keyword-span{
    font-size: 14px;
    font-weight: 600;
}

.keyword-span-pc{
    font-size: 13px;
    font-weight: 500;
}

.consultation_information,.consultation_information_pc{
    font-weight:700;
    font-style:normal;
    font-family:roboto;
    margin-bottom: 12px;
}

.consultation_information{
    font-size: 14px;
}

.consultation_information_pc{
    font-size: 13px;
}

.consultation_information:first-of-type,.consultation_information_pc:first-of-type{
    margin-top: 14px;
}

.consultation-title{
    font-size: 18px;
    font-family:roboto;
    font-style:normal;
    font-weight:700;
}

.date-start-consultation > span,.date-start-consultation-pc > span{
    display: inline-block;
    width: 100%;
    border-radius: 30px;
    color: white!important;
    background-color: #00B7F1!important;
    font-family:roboto;
    font-style:normal;
    font-weight:700;
}

.date-start-consultation-pc{
    padding-left: 0px;
    padding-right: 0px;
}

.date-start-consultation > span{
    font-size:14px;
    height: 40px;
    line-height: 40px;
}

.date-start-consultation-pc > span{
    font-size:10px;
    height: 32px;
    line-height: 32px;
}

.link-speaker-show {
    color: white!important;
    background-color: #00B7F1!important;
}

.reviews .stars {
    font-size: 14px;
}

.reviews .info-review{
    font-size: 10px;
}

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

.theshadow{
    border-radius: 20px;
    box-shadow: 0px 4px 60px rgba(0,0,0,0.1);
}
/*************************no data******************************/
.div-nodata span{
    font-family:roboto;
    font-style:normal;
    font-weight:500;
    font-size: 20px;
}
.keyword_suggestion{
    background-color: #ABCC62;
    height: 31px;
    border-radius: 4px;
    font-size: 14px!important;
    font-family:roboto;
    font-style:normal;
    font-weight:600!important;
    line-height: 29px;
    color: white;
    display: inline-block;
    vertical-align: middle;
    padding: 0px 5px;
    margin-right: 10px;
}

.text-searched{
    font-weight:700!important;
    font-size: 24px!important;
}
/*************************step*********************************/
.div-step:not(:first-of-type) {
    display: none;
} 
/****************************************************/
.next-button a{
    height:50px;
    border-radius:30px;
    font-size:18px;
    font-family:roboto;
    font-style:normal;
    font-weight:700;
    text-transform:none;
    line-height: 35px;
}
.next-button a{
    text-decoration: none;
}
.previous-button{
    font-size:18px;
    font-family:raleway;
    font-weight:700;
    font-weight:21.13px;
}
.title-slot-reservation{
    font-size:34px;
    font-family:raleway;
    font-weight:700;
    font-weight:39.92px;
}
.step-title > span{
    font-size:20px;
    font-family:raleway;
    font-weight:700;
    font-weight:39.92px;
    line-height:23px;
    color:rgba(76,76,76,0.6);
    display: block;
    margin-bottom: 21px;
}

.step-title > span > i.fa-circle-check{
    color:#ABCC62;
}

.step-title > span.actual{
    font-size:20px;
    font-family:raleway;
    font-weight:700;
    line-height:23px;
    color:#00B7F1;
}

.form-group > label{
    font-size:18px;
    font-family:raleway;
    font-weight:700;
}

.info-description{
    font-size:16px;
    font-family:roboto;
    font-weight:500;
    line-height: 19px;
}
/**************************search and filter*********************/
.menufilter{
    padding: 0px;
    min-height: 90vh;
}

.menufilter > .xs-col-12 > .btn{
    width:100%;
    border-radius: unset;
    text-transform: none;
    text-align: left;
    font-family: 'Raleway';
    font-size: 18px;
    font-weight: 700;
    color: #4c4c4c;
}

.menufilter > .xs-col-12 > .btn .fa-angle-down {
    transform: rotate(0deg);
}

.menufilter > .xs-col-12 > .btn[aria-expanded="true"] .fa-angle-down {
    transform: rotate(180deg);
}

.menufilter > .xs-col-12 > .btn[aria-expanded="true"] {
    color: #ABCC62;
}

.menufilter li{
    list-style-type: none;
}

.menufilter input[type="checkbox"]{
    display: none;
}

.dropdown-menu2 {
    padding-left: 5px;
}

.state2 {
    margin: 7px;
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 500;
    color:#4c4c4c;
    cursor: pointer;
}

.state2 label{
    cursor: pointer;
}

.state2.checked {
    color:#ABCC62;
}

.rotate-icon {
    position: absolute;
    right: 10px;
    margin-left: auto;
    margin-right: var(--mdb-sidenav-rotate-icon-margin-right);
    transition: var(--mdb-sidenav-rotate-icon-transition);
    color:#4c4c4c;
    margin-top: 6px;
    font-size: 14px;
}

#searchmodal > .modal-dialog {
    width: 102vw;
    margin: 0px;
    margin-left: 0px;
    max-width: 102vw;
    margin-left: -16px;
}

#filtermodal .modal-title {
    font-family: 'Raleway';
    font-weight: 700;
    font-size: 26px;
    color:#00B7F1;
}

#filtermodal .btn-close{
    font-weight: 700;
    font-size: 13px;
    margin-right: -14px;
}
/****************************************************************/
@media (min-width: 576px) {
    .div_sm {
        display:none;
    }

    .div_md {
        display:block;
    }

    .info-speaker{
        margin-top: 35px;
        margin-bottom: 5px;
    }

    .md_return{
        margin-top: 30px;
    }

    .next-button a{
        float:right;
    }
}

@media (max-width: 575px) {
    .div_sm {
        display:block;
    }

    .div_md {
        display:none;
    }

    .xs-col-1{
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .xs-col-4{
        flex: 0 0 auto;
        width:33.33%!important;
    }
    
    .xs-col-5{
        flex: 0 0 auto;
        width:41.66%!important;
    }

    .xs-col-6{
        flex: 0 0 auto;
        width:50%!important;
    }

    .xs-col-7{
        width:58.33%!important;
    }

    .xs-col-8{
        flex: 0 0 auto;
        width:66.66%!important;
    }

    .xs-col-12{
        flex: 0 0 auto;
        width:100%!important;
    }

/***************head****************************/
    .fixed-top {
        z-index: 1100;
    }
    #filtermodal{
        top: 175px;
    }
    #searchmodal{
        top: 195px;
    }
    #filtermodal > .modal-dialog{
        margin-right: 0px;
    }
    #filtermodal > .modal-content{
        border-radius: 0px;
    }
    #searchmodal > .modal-content{
        border-radius: 0px;
    }
/***************list****************************/
    .sortableItem {
        margin-top: 20px;
    }    
/***************head****************************/
    .info-speaker{
        margin-top: 0px;
    }

    .sm_return{
        margin-top: 90px;
    }

    .next-button{
        text-align: center;
    }

    .next-button a{
        height:40px;
        border-radius:30px;
        font-size:16px;
        line-height: 27px;
    }

    .speaker-thumbnail, .speaker-thumbnail-border{
        width: 80px;
        height: 80px;
    }

    .speaker_title{
        font-size: 20px;
    }

    .job-title > span {
        font-size: 12px;
        min-height: 26px;
        line-height: 26px;
    }

    .consultation-title{
        font-size: 14px;
    }

    .consultation-title > .bg-white{
        font-weight: 500;
    }

    .date-start-consultation > span{
        font-size: 16px;
    }

    .title-slot-reservation{
        font-size: 28px;
    }

    .step-title > span{
        font-size:16px;
    }

    .info-description{
        font-size: 12px;
    }

    .form-group > label{
        font-size:14px;
    }
}