.page-pages-preferences .checked-picto + .circle-checkbox .btn-checkbox,
.page-pages-preferences .selected .circle-checkbox .btn-checkbox,
.page-pages-preferences input[checked='checked'] ~ .circle-checkbox .btn-checkbox,
.page-pages-preferences span.btn-checkbox.checked-picto
{
    background: url("../images/check-mark.png") center;
    background-repeat: no-repeat;
    background-size: 80%;
    border-color:#FB8C00 !important;;
}
.page-pages-preferences .circle-checkbox
{
    margin-right:30px;
}
.page-pages-preferences .display-preferences-container .color-preferences-container {
    padding:0;
}
body .display-preferences-container .presentation-bloc .input-preference .box-dashed {
    width: 134px;
}
.cursor-width .img-cursor, .cursor-width .img-text-cursor{
    width:50px;
}
.cursor-width .img-cursor{
    margin-right:-15px;
}
.cursor-width .img-default-cursor, .cursor-width .img-default-text-cursor{
    width:15px;
}
.page-pages-preferences .language-bloc .input-preference .picto-lsf{
    width:30%;
}
.page-pages-preferences img.fr-flag {
    position: absolute;
    top: -18px;
    left: -43px;
    width: 40px;
}
.page-pages-preferences .input-preference-choices, .page-pages-preferences .preferences-zoom,.page-pages-preferences .bloc-colors, .page-pages-preferences .pointer-zone, .page-pages-preferences .preferences-bloc-right, .page-pages-preferences .preferences-bloc-right-2,.page-pages-preferences .preferences-bloc-lang{
    background-color: #5e2573;
    margin-left:8px;
    width:auto;
}

.bloc-colors{
    padding-left:5px;
}
.ctrl-text{
    float: left;
    display: inline-block;
    width: 80%;
    line-height: 1.3;
}
.choice-border, .c-size{
    font-weight: bold;
    display: flex;
    align-items: center;
}
.c-size {
    padding: 10px;
}
.preferences-border{
    border-radius: 2px;
    padding: 5px 10px;
    width: 100%;
    border-color: #000000 !important;
    margin-left: 15px;
}
.border-green:not(body){
    border: solid 6px #00FF00;
}
.border-white:not(body){
    border: solid 6px #FFFFFF;
}
.border-black:not(body){
    border: solid 6px #000;
}
.border-red:not(body){
    border: solid 6px #FF0000;
}
.border-blue:not(body){
    border: solid 6px #66FFFF;
}
.preferences-border .fa-mouse-pointer{
    font-size:1.6em;
    margin:0 auto;
}
.border-hover-bloc .border-white .fa-mouse-pointer{
    color:#00FF00;
    margin: initial;
    /* todo :: remove
    left: 84%;
    */
    position: relative;
    left: 10%;
}
body.color-preference-blue-yellow .border-hover-bloc .border-black .fa-mouse-pointer{
    color:#fff;
    margin: initial;
    /* todo :: remove
    left: 84%;
    */
    position: relative;
    left: 10%;
}
.border-hover-bloc .border-green .fa-mouse-pointer{
    color:#000000;
    margin: initial;
    /* todo :: remove
    left: 84%;
    */
    position: relative;
    left: 10%;
}
body.color-preference-white-black .border-hover-bloc .border-green .fa-mouse-pointer{
    color:dimgrey;
}
body.color-preference-blue-yellow .border-hover-bloc .border-green .fa-mouse-pointer{
    color:#005aff;
}
.border-hover-bloc .border-red .fa-mouse-pointer{
    margin: initial;
    /* todo :: remove
    left: 64%;
    */
    color: yellow;
    position: relative;
    left: 20%;

}
.border-hover-bloc .border-blue .fa-mouse-pointer{
    color:#FF0000;
    padding-left: 30%;
}

#submit-braille{
    display: none;
}

/* Cyril 25/09 */
.settings-circles {
    display: none;
}
.settings-2, .settings-3, .settings-4 {
    display: none;
}
.settings-navigation {
    display: none;
}
.settings-navigation .arrow-previous-step, .settings-navigation .arrow-next-step {
    /* display: none; */
}
#submit-braille button[type='submit']{
    min-width: auto;
}
#submit-braille.arrow-next-step .fa-arrow-right {
    border: none;
    padding:0;
}

body.page-pages-preferences .form-alert-text p{
    margin-bottom:15px;
    line-height: 55px;
}

.btn-back-pref:hover, .btn-back-pref:focus{
    background-color: #000;
    color:#fff;
}
#stayPref, #leavePref {
    font-size: 32px;
    margin: 3px 3%;
    padding: 15px;
}
#stayPref {
    background-color: #fff;
    color: #000;
    border: 4px solid #000;
}
#leavePref {
    background-color: #fff;
    color: #000;
    border: 4px solid #000;
}

/* .preferences-zoom{
    width:100%;
} */
.alert-back-pref{
    padding:0;
}
.alert-back-pref .form-alert-text{
    overflow-y: auto;
    overflow-x: hidden;
    margin: auto;
    padding: 10px;
}
body.page-pages-preferences .video-help img {
    width: 220px;
    height: auto;
    max-height: initial;
}
body.page-pages-preferences .video-help .contains-text {
    background-color: #fff !important;
    max-width: 220px;
    text-align: center;
}


body.page-pages-preferences .back-alert-overlay {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 9999998;
    width: 100%;
    height: 100%;
}
body.page-pages-preferences .back-alert {
    position: fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
    z-index: 9999999;
    background-color: #fff;
    text-align: center;
}
body.page-pages-preferences .back-alert-text {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    margin-bottom: 30px;
}
body.page-pages-preferences .back-alert-buttons {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
body.page-pages-preferences #exit-cancel, body.page-pages-preferences #exit-submit {
    display: inline-flex;
    width: 25%;
    justify-content: space-between;
    margin: 5px 20px;
    font-size: 2rem;
}

body.page-pages-preferences:not(.cursor-increased-big) .pref-video,
body.page-pages-preferences:not(.cursor-increased-giant) .pref-video {
    position: absolute !important;
    top: calc(50% - 132px) !important;
    left: calc(50% - 225px) !important;
}

@media screen and (max-width: 1024px) {
    body.page-pages-preferences .video-help .contains-text {
        max-width: inherit;
    }
    body.cursor-increased-giant.page-pages-preferences .input-preference-choices{
        width:100% !important;
    }
}