#close-popup{
    cursor: pointer;
}


/**
pour test sur mobile met un background rouge sur la classe recherchée
*/
/*.to.first.loadHereBas{
background-color: red;
}*/

#fomulaire-filtre-recherche-liste-to{
    width: 100%;
}

#barre-de-recherche {
    display: inline-block;
    width: 180px;
    border-radius: 4px;
    height: 38px;
    font-family: 'Source Sans Pro', FontAwesome;
}

.filtrer-trier #barre-de-recherche {
    top: 2px;
    position: relative;
    font-size: 1em;
}

.categorie-to.ab {
    background-color: #00A4DD;
    color: white;
}
.categorie-to {
    top: 24px;
    right: -103px;
    left: auto;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    width: 300px;
    position: absolute;
    text-align: center;
    line-height: 40px;
    letter-spacing: 1px;
    font-size: 1em;
    font-weight: bold;
    border: 2px solid white;
}

.to.first {
    margin-top: 15px !important;
}

.to {
    margin-top: 30px;
    border: 1px solid #dce3e6;
    border-radius: 5px;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
    background-color: #fff;
    position: relative;
    padding: 20px;
    padding-bottom: 46px;
}

.to .position {
    margin-top: 10px;
    position: relative;
}

.to .rounded-circle {
    border: 2px solid #ddd;
    width: 100px;
    margin: 0 auto;
    display: block;
}

.nom-to {
    text-align: center;
    margin-top: 0;
    display: inline-block;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    margin-bottom: 0;
    font-size: 1.6em;
    color: #455a64;
}

*[id^="note-actuelle"] {
    display: inline-block;
}

*[id^="moyenne-evaluations"] {
    font-size: 2em;
}

.note small {
    text-align: center;
    display: block;
    position: relative;
    bottom: 2px;
    font-size: 0.9em;
    margin-bottom: 4px;
}

.info-type-secteur {
    border-left: 1px solid #dce3e6;
    padding-left: 40px;
    margin-left: -40px;
    color: #8c8c8c;
}

.presentation-to {
    margin: 26px 0px;
}

.reputation-to {
    text-align: center;
}

.voir-le-profil-to {
    width: 130px;
    max-width: 80%;
    margin: 0px auto;
    margin-top: 16px;
    margin-bottom: 20px;
}

.pastille-abonnement {
    /* top: 60px;
    left: 145px; */
    font-size: 2.6em;
}

.lettre-abonnement.ab {
    left: 12px !important;
    font-size: 14px;
    top: 72px;
}

.pays-to {
    margin-top: 24px;
}

.note {
    margin: 6px 0;
}

blockquote {
    display: block;
    padding: 0px !important;
    position: relative;
    border-radius: 4px;
    font-size: 1.2em;
    font-style: italic;
}

blockquote::before {
    content: "\201C";
    font-size: 50px;
    font-weight: bold;
    position: absolute;
    left: -40px;
    top: -12px;
    color: #FFCF00;
}


.btn-to:hover {
    background: #00A4DD;
    border-color: #00A4DD;
}

.tooltip-jobphoning:hover i {
    color: #00A4DD !important;
}

.tooltip-jobphoning + .tooltip > .tooltip-inner {background-color: #67757c !important; border: 1px solid #67757c !important; border-radius: 4px; color: #fff !important; }
.tooltip-jobphoning + .tooltip > .tooltip-arrow { border-top-color:#67757c !important; }
.tooltip-jobphoning, .tooltip-jobphoning:hover { text-decoration: none; display: inline-block; }

.btn-to {
    background: #FFCF00;
    border-color: #FFCF00;
}

.voix-to i {
    color: #FFCF00;
    cursor: pointer;
    position: relative;
    top: 10px;
    font-size: 1.8em;
}

.to-recommande {
    text-align: center;
    font-size: 1.1em;
}

.teleoperateur-favoris, .teleoperateur-non-favoris {
    position: absolute;
    right: 8px;
    top: 0px;
    font-size: 2em;
    color: red;
}

.to-recommande a .mdi, .to-recommande a:active .mdi, .to-recommande a:hover .mdi, .to .mdi.mdi-heart, .to .mdi.mdi-heart:hover, .to .mdi.mdi-heart:active, .to .mdi.mdi-heart-outline, .to .mdi.mdi-heart-outline:hover, .to .mdi.mdi-heart-outline:active {
    color: #FFCF00 !important;
}

.to:last-child {
    margin-bottom: 40px;
}

.to .btn-to {
    width: auto;
    display: inline-block;
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.inviter-to {
    width: auto;
    display: inline-block;
    position: absolute;
    bottom: 20px;
    right: 137px;
}

.voix-to i:hover {
    color: #D2AA00;
}

.pays-to, .missions-recherchees-to {
    font-size: 1.1em;
}

.mdi.mdi-heart, .mdi.mdi-heart-outline {
    cursor: pointer;
}

.popup-classique .jq-ry-container {
    cursor: pointer !important;
	display: inline-block;
}

a.popup-classique:hover, a.popup-classique:active, a.popup-classique:focus {
    color: inherit;
}

.note-nouveau-to small {
    display: block;
}

.nouveau-to {
    display: block;
    position: relative;
    bottom: 2px;
    font-size: 0.9em;
}

.logo-call-center, .nouveau-call-center a {
    color: #00A4DD;
}

.nouveau.call {
    display: block;
    position: relative;
    top: 1px;
    font-size: 0.9em;
}

.mdi.basique {
    color: #000;
}

.pastille-abonnement.p {
    color: #ec0000 !important;
}

.lettre-abonnement.basique {
    left: 153px;
    font-size: 15px;
    top: 71px;
}

.Calque_1{
    position: absolute;
    top: -8px;
    left: 64px;
    z-index: 0;
}

.lettre-abonnement.p {
    left: 159px;
    font-size: 15px;
    top: 72px;
}

.label-call-center {
    text-align: center;
    color: #00A4DD;
    font-weight: bold;
    font-size: 1.1em;
    margin-top: 2px;
}

#fermeture-player {
    display: none;
    position: fixed;
    bottom: 34px;
    right: 4px;
    z-index: 10000;
    padding: 0 !important;
    background: transparent !important;
    border: none;
    font-size: 18px;
    height: auto !important;
    cursor: pointer;
}

.plyr {
    position: fixed !important;
    bottom: 0;
    left: 0;
    width: 100%;
    display: none;
    z-index: 9999;
    padding-right: 2%;
    background: #fff;
    padding-top: 3px;
    padding-bottom: 3px;
}

.note .label-call-center {
    margin-bottom: -2px;
}

.white-popup-block {
    border-radius: 4px;
}

.mfp-bg {
    background: rgb(235, 236, 255) !important;
}

.to .row {
    padding: 0 !important;
}

.drapeau-pays {
    width: 20px;
}

.row-mission-recherchee {
    display: inline-block;
}

.row-sa .mdi, .row-sa .label-secteurs-activites {
    display: inline-block;
}

.row-sa .mdi {
    font-size: 1.5em;
    margin-left: 4px;
    position: relative;
    top: 1px;
}

.faux-titre-info {
    font-weight: 600;
    margin-bottom: 4px;
    margin-top: 15px;
    font-style: italic;
    color: #5A5A5A;
}

.mdi.mdi-headset {
    font-size: 1.1em;
}

.type-mission-recherchee {
    display: inline-block;
    font-size: 0.9em;
}

.row-mission-recherchee.first .mdi {
    margin-left: 0;

}
.row-mission-recherchee .mdi {
    font-size: 2em;
    margin-right: 2px;
    margin-left: 20px;
    position: relative;
    bottom: 4px;
}

.type-mission-recherchee i {
    font-size: 0.85em;
    color: #a7a7a7;
}

.drapeau-pays {
    width: 24px;
    margin-right: 4px;
    bottom: 2px;
    position: relative;
}

.faux-titre-tooltip .mdi-chevron-down {
    color: #00A4DD;
    cursor: pointer;
    display: inline-block;
    font-size: 1.3em;
    line-height: 1;
    position: absolute;
    top: 2px;
    right: 0px;
}

.tooltip-inner {
    max-width: 500px!important;
    text-align: left;
}

.sous-element {
    margin-left: 20px;
    height: 0;
    overflow: hidden;
    transition: height 0.5s ease-out;
}

.sous-element.affiche {
    overflow: initial;
}

.faux-titre-tooltip .mdi.mdi-help-circle-outline {
    margin-left: 2px;
    position: relative;
    top: 1px;
    color: #989898;
}

.faux-titre-tooltip {
    position: relative;
    margin-bottom: 8px;
}

.sous-element .progress {
    height: 4px;
}

.progress {
    height: 8px;
}

.retourne {
    -webkit-transform: rotate(180deg);  /* Chrome, Safari 3.1+ */
    -moz-transform: rotate(180deg);  /* Firefox 3.5-15 */
    -ms-transform: rotate(180deg);  /* IE 9 */
    -o-transform: rotate(180deg);  /* Opera 10.50-12.00 */
    transform: rotate(180deg);  /* Firefox 16+, IE 10+, Opera 12.10+ */
}

.dropdown-menu.dropdown-menu-right.show {
    transform: translate3d(-175px, 35px, 0px) !important;
}

#options-recherche {
    color: #00A4DD;
    font-size: 1.2em;
    display: none;
}

#options-recherche:hover, #options-recherche:hover i, #options-recherche:focus, #options-recherche:focus i, #options-recherche:active, #options-recherche:active i {
    color: #FFCF00;
}

.row-sa .mdi {
    cursor: help;
}

.btn.btn-block.btn-success.btn-submit-profil {
    border-color: #ffcf00;
}

.btn.btn-block.btn-success.btn-submit-profil:hover {
    border-color: #00a4dd;
    background-color: #00a4dd !important;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}



#header {
    padding-top: 0 !important;
}

@media (max-width: 750px) {
    .footer {
        position: fixed;
        bottom: 0;
        width: 100%;
    }
}

body {
    padding-bottom: 80px;
}

.bluelink {
    color: #00a4dd;
}

.bluelink:hover {
    color: #FFCF00;
}

.presentation-to .bluelink {
    font-size: .9em;
}

.btn-to {
    border-radius: 4px;
}

.filtrer-trier .btn-primary:hover, .filtrer-trier .btn-primary:active {
    background: #edeff2 !important;
    color: #67757c !important;
    border-color: #ddd !important;
}

#reset-filtre {
    max-height: 35px;
}

.pseudo-to, .avatar-to img {
    cursor: pointer;
}



@media only screen and (max-width: 767px){
    .filtrer-trier #barre-de-recherche {
        top: 0;
        position: relative;
        font-size: 1em;
        height: 33px;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .to {
        padding: 20px;
        height: auto !important;
        min-height: initial !important;
    }
    .inviter-to {
        width: auto;
        display: block;
        position: initial;
        bottom: 20px;
        right: 0;
        white-space: initial;
    }
    .presentation-to {
        margin-top: 10px;
        padding: 15px 0px 15px 30px;
    }
    blockquote::before {
        left: 0px;
    }
	.pastille-abonnement {
		top: 63px;
		transform: translateX(-50%);
		left: calc(50% + 30px);
	}
	.lettre-abonnement.ab {
		transform: translateX(-50%);
		left: calc(50% + 30px) !important;
		top: 76px;
	}
    .lettre-abonnement.basique {
        transform: translateX(-50%);
        left: calc(50% + 30px);
        font-size: 12px;
        top: 80px;
    }
    
    .lettre-abonnement.p {
        transform: translateX(-50%);
        left: calc(50% + 30px);
        font-size: 12px;
        top: 78px;
    }
    .voix-to i {
        font-size: 2.3em;
    }
    /*#dropdownciblemission.show {
        transform: translate3d(0px, 36px, 0px) !important;
    }*/
    #barre-de-recherche {
        width: 182px;
    }
    .presentation-to {
        padding-left: 40px !important;
    }
    .row-mission-recherchee {
        display: block;
    }
    .row-mission-recherchee .mdi {
        font-size: 2em;
        margin-right: 2px;
        margin-left: 0;
        position: relative;
        bottom: 4px;
    }
    .row-sa .mdi {
        font-size: 1.3em;
        margin-left: 4px;
        position: relative;
        top: 1px;
    }
    .inviter-to {
        width: auto;
        display: inline-block;
        position: absolute;
        bottom: 20px;
        left: 20px;
        right: initial;
    }
    .to {
        padding-bottom: 70px;
    }
    .info-type-secteur {
        border: none;
    }
    h1 {
        display: block !important;
        font-size: 1.2em!important;
    }
   /* .filtrer-trier {
        height: 0;
        overflow: hidden;
    }*/
    #options-recherche {
        display: inline-block;
        margin: 0;
    }
    /*.filtrer-trier .btn {
        margin-bottom: 10px;
    }*/
    .dropdown-menu.dropdown-menu-right.show {
        transform: translate3d(0, 35px, 0px) !important;
    }
    .jq-ry-container {
        z-index: 0;
    }
    .content-header > h1 {
        display: inline-block !important;
        margin-right: 15px;
        font-size: 1.4em;
    }
    .content-header {
        padding-top: 35px !important;
    }
    .dropdown-menu.show {
        margin: 0!important;
        position: relative!important;
        width: 100%!important;
    }
}

@media only screen and (min-width: 768px) and (max-width:991px){
	#reset-filtre {
		margin-top: 4px;
	}
    .pastille-abonnement {
        left: 90px;
    }
    .ab + .lettre-abonnement {
        top: 70px !important;
        left: 99px !important;
    }
    .lettre-abonnement.basique {
        top: 76px !important;
        left: 100px !important;
        font-size: 11px !important;
    }
    .lettre-abonnement.p {
        top: 76px !important;
        left: 100px !important;
        font-size: 11px !important;
    }
    #barre-de-recherche {
        height: 33px;
    }
    .voir-le-profil-to {
        margin-top: 30px;
    }
    .note .label-call-center {
        margin-bottom: 0;
    }
    .nom-to {
        line-height: 1.6em;
    }
    *[id^="moyenne-evaluations"] {
        font-size: 1.7em;
    }
    .voix-to i {
        top: 5px;
    }
    .dropdown.float-right {
        position: relative;
        top: 3px;
    }
    .mdi.mdi-bullseye-arrow.icon-mission-recherchee {
        margin-left: 0;
    }
    .info-type-secteur {
        border: none;
        margin: 0;
        padding: 0;
    }
    .row-sa .mdi {
        font-size: 1em;
        margin-left: 4px;
        position: relative;
        top: 1px;
    }
    .to {
        padding-bottom: 70px;
    }
}


@media only screen and (min-width: 992px) and (max-width:1199px){
	.pastille-abonnement {
		left: 116px;
	}
	.ab + .lettre-abonnement {
		left: 126px !important;
	}
    .lettre-abonnement.basique {
        top: 78px !important;
        left: 127px !important;
        font-size: 12px !important;
    }
    .lettre-abonnement.p {
        left: 127px !important;
        font-size: 12px !important;
        top: 78px !important;
    }
    .dropdown.float-right {
        top: 7px;
    }
    .note .label-call-center {
        margin-bottom: -6px;
    }
    .type-mission-recherchee {
        display: inline-block;
        font-size: 0.8em;
    }
    .row-mission-recherchee .mdi {
        font-size: 1.7em;
        margin-right: 2px;
        margin-left: 10px;
        position: relative;
        bottom: 4px;
    }
    .row-sa .mdi {
        font-size: 1em;
        margin-left: 4px;
        position: relative;
        top: 1px;
    }
    .info-type-secteur {
        border-left: 1px solid #dce3e6;
        padding-left: 30px;
        margin-left: -30px;
        color: #8c8c8c;
    }
}

@media only screen and (max-width: 1658px){
    h1 {
        display: none;
    }
}


.filtres_droits.col-md-3 {
    position: absolute;
    right: 0;
}

@media only screen and (max-width: 1199px){
    .filtres_droits.col-md-3 {
        position: relative;
    }
}

#dropdownteleoperateur .dropdown-item{
    max-width: 100%;
    /*white-space: normal;*/
}

[type="radio"]:not(:checked) + label {
    padding-left: 35px;
    line-height: 14px!important;
}

#dropdownciblemission{
    float: none!important;
}

.hiddenloadteleops {
    display: inline-block;
    /* margin-left: 20%!important; */
    margin-top: 20px;
    color: rgb(0, 164, 221);
     font-size: 15px!important;
    width: 100%;
    text-align: center;
}

@media (max-width: 1199px) {
    .filtre_teleoperateur .dropdown, .filtre_teleoperateur #barre-de-recherche{
        margin-left: 10px;
    }
}

@media (max-width: 1000px) {
    .filtre_trier_teleoperateur{
        padding: 0!important;
        display: flex;
        margin: 0;
        padding-left: 10px!important;
        padding-right: 10px!important;
    }

}