/*
--
-- signin
--
*/
.signin .signin-content .box .inside,
.form-whitelisting {
    background-color: rgba(255, 255, 255, .9);
}

/*
--
-- whitelisting
--
*/
.form-title {
    font-size: 22px;
}

/*
-- 
-- page bottom margin
--
------------------------------------------------- */
#container #content {
    margin-bottom: 4px;
}

/*
-- 
-- Tabs 
--
------------------------------------------------- */
#container #widgets ul#contents {
    font-size: 1rem;
}

#widgets #contents {
    padding-bottom: 1px;
}



/*
-- 
-- Intervenants (.tpl-speaker)
--
------------------------------------------------- */
.tpl-speaker {
    padding: 4px;
}

.tpl-speaker>.tpl-row {
    border-bottom: 1px solid #eee;
}

.tpl-speaker .tpl-img {
    padding: 0 0 8px 0;
}


/* -- description ---- */
/* ------------------------------------------------- */
#container .wrap .left div#description #descriptionScroll {
    max-height: unset;
}

/* -- socgen #header -- */
/* -- socgen  #footer  -- */
/* -- socgen  #body background ---- */
/* ------------------------------------------------- */
/* ///  socgen #header,#footer /// */
#header {
    padding: 0;
    text-align: center;
    border-bottom: 1px solid;
}

#header .wrap {
    text-align: left;
}

#header #logo,
#header .logo {
    width: 220px;
    /*margin-top: 10px;*/
}

#header .text {
    width: 52%;
}

#header .title,
#header .subtitle,
#header .logo {
    display: inline-block;
    padding: 0;
    margin: 0 auto;
}

#header .title {
    font-size: 24px;
    margin-right: 5px;
}

#header .subtitle {
    margin-left: 15px;
    margin-right: 5px;
}

#header,
#header .header-title,
#header .header-text {
    display: flex;
    align-items: center;
}





/*--------------------------------------------------*/
/*--- Tabs ---*/
.tabContent {
    overflow: auto;
    height: 100% !important;
}

/*--- Tabs Aide (twitter) ---*/
#tabTwitterContent .line:first-child {
    margin-top: 1rem;
}

#tabTwitterContent .line {
    color: #7d7d7d;
    font-size: medium;
    line-height: 1.2em;
    margin: 0 0 .5rem 14px;
}

#tabTwitterContent .title.line {
    color: #e20030;
    font-weight: bold;
}

#tabTwitterContent .step.line {}

/*--- Tabs Aide (twitter) ---*/
.tabContent {
    overflow: auto;
    height: 100% !important;
}

.tabContent .faq {
    margin: 4px 2%;
}

.tabContent .speaker {}

.tabContent .line {
    color: #7d7d7d;
    font-size: 13px;
    line-height: 1.2em;
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: solid 1px #f2f2f2;
    height: 100% !important;
}

.tabContent .line {
    display: block;
    font-size: 12px;
}

.tabContent .title {
    color: #e20030;
    font-size: 14px;
    font-weight: bold;
    display: block;
    text-transform: uppercase;
    padding-bottom: 7px;
    padding-right: 8px;
}

.subtitle .header-date-exponent {
    vertical-align: super;
    font-size: 10px;
}


/*--------------------------------------------------*/
/*--- Tabs Backup Audio (Agenda) ---*/
#tab2Content .line:first-child {
    margin-top: 2rem;
}

#tab2Content .line {
    text-align: center;
    font-size: medium;
    font-weight: bold;
    color: #7d7d7d;
    height: auto !important;
    margin: 1rem 0 0 0;
}

#tab2Content .tel-num.line {
    color: #ff0000;
    margin: 1rem 0 0 0;
}

/** body.synchroslide #playerWrap **/
/***********************************************/
body.synchroslide #container #playerWrap {
    margin-right: 2%;
}



/*
--
-- SLIDO
--
*/

@keyframes curtain {
    0% {
        width: 50%;
    }

    70% {
        width: 50%;
    }

    100% {
        width: 30%;
    }
}

body.embedContent:not(.synchroslide).widgets #container .wrap #tabsWidgetsWrapper,
body:not(.synchroslide).widgets #container .wrap #tabsWidgetsWrapper {
    min-height: 480px;
}

#container #widgets {
    min-height: 100%;
}

.slido-container {
    position: relative;
    padding: 0 !important;
    overflow-y: hidden;
}

.slido-container:before,
.slido-container:after {
    opacity: 0;
    background-color: var(--color-tabs1-bg);
    width: 50%;
    height: 6px;
    position: absolute;
    z-index: 2;
    top: 0;
    display: block;
    content: '';
}

.slido-container:before {
    left: 0;
}

.slido-container:after {
    right: 0;
}

.slido-container iframe {
    top: -56px;
    position: absolute;
    z-index: 1;
    min-height: calc(100% + 56px);
}

@media only screen and (min-width: 1057px) and (max-width: 1180px) {

    .slido-container:before,
    .slido-container:after {
        opacity: 1;
        width: 50%;
        height: 56px;
        /*animation: 3s ease-out 0s 1 curtain;*/
    }

    .slido-container iframe {
        top: 0px;
    }
}

#tabsWidgetsWrapper {
    position: relative;
}

@media only screen and (min-width: 1181px) {
    .slido-container {
        max-width: 100%;
        width: 538px;
        transition: width .4s ease-out, right .4s ease-out;
    }

    .slido-container:hover {
        max-width: 590px;
        width: 590px;
        position: absolute;
        right: -15px;
        border-radius: 12px;
    }
}

@media only screen and (min-width: 1581px) {

    .slido-container:hover {
        right: 50%;
        transform: translate(50%, 0);
    }
}

/**/