body.page-users-register > .header .menu .right-side{
    display:none;
}
body.page-users-register .menu {
    background-color: #5E1F74;
}
body.page-users-register #logoBack {
    background-color: #eff6f6;
}
body.page-users-register .login-register-title{
    width:100%;
    color:white;
    text-align:center;
    font-size: 3rem;
    margin-top:20px !important;
}

body.page-users-register > .header .menu .logo {
    padding:0;
    margin:0;
}
body.page-users-register input {
    height: 50px;
    font-size: 2rem;
    border: solid 4px #31b7c0;
    box-shadow: none;
    color: #000;
    border-radius: 4px !important;
}
body.page-users-register button[type="submit"] {
    border: none;
    background-color: transparent;
}
body.page-users-register button[type="submit"] .contains-video{
    border: dashed 6px #31b7c0;
    color: #31b7c0;
}
body.page-users-register .contains-video .contains-video-button {
    width: 220px;
    float:right;
}
body.page-users-register .contains-video-button {
    width: 160px;
    margin:auto;
}
body.page-users-register form .contains-video img {
    /* border: 6px dashed #31b7c0; */
}

body.page-users-register .line {
    border-top: 6px solid #31b7c0;
    margin-top:60px;
}
body.page-users-register .midlineup {
    border-bottom: 6px solid #31b7c0;
    border-left: 6px solid #31b7c0;
    height:66px;
    width:50%;
    float:right;

}
body.page-users-register .midlinedown {
    border-left: 6px solid #31b7c0;
    width:50%;
    height:150px;
    float:right;
}


body.page-users-register .midlinedown2 {
    border-left: 6px solid #31b7c0;
    height:170px;
    width:50.1%;
    float:right;
}

body.page-users-register .col-md-3 {
    padding:0;
}
body.page-users-register input {
    margin-top: 20px;
    width: 40%;
    min-width: 258px;
}

body.page-users-register input[name="account_type"] {
    margin-top: 20px;
    width: 40%;
    min-width: 58px;
    display:none
}

body.page-users-register input[name="mobility"] {
    margin-top: 20px;
    width: 40%;
    min-width: 58px;
    display:none
}

body.page-users-register input[name="comm"] {
    margin-top: 20px;
    width: 40%;
    min-width: 58px;
    display:none
}

body.page-users-register .cr {
    margin-top: 30px;
    width: 40%;
    border-radius: 50%;
    padding: 0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    color: #31b7c0;
    background: #fff;
    border: solid 4px;
}

body.page-users-register .crcomm {
    margin-top: 30px;
    width: 40%;
    padding: 0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    color: #31b7c0;
    background: #fff;
    border: solid 4px;
}

body.page-users-register .crmob {
    margin-top: 30px;
    width: 40%;
    border-radius: 50%;
    padding: 0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    color: #31b7c0;
    background: #fff;
    border: solid 4px;
}

body.page-users-register .regchecked{
    background: url('../images/check-mark.png') center;
    background-size:40px;
    color: orangered;
}


body.page-users-register .mobile1{
    display:none;
}



body.page-users-register .end-register {
    background-color: #5E1F74;
}



body.page-users-register input[name="avatar"] {
    margin-top: 40px;
}
body.page-users-register .register-submit-container i {
    border: solid 6px #31B7C0;
    color: #31B7C0;
    background-color: #000;
    padding: 10px 20px;
    width: 120px;
}
body.page-users-register .title-action-form {
    color: #000;
    background-color: #31B7C0;
    text-align:center;
    width:120px;
    margin:auto;
}
body.page-users-register .container-bloc-video {
    justify-content: flex-start;
}
body.page-users-register .contains-video {
    max-width: 220px;
    float:right;
}
body.page-users-register .contains-video:hover{
    border: solid 10px #247883;
}
body.page-users-register .contains-video-button:hover,
body.page-users-register .contains-video-button:focus {
    border: solid 10px #247883;
}
#video-register-target {
    margin: 0 auto;
    position: fixed;
    top: 10%;
    left: 10%;
    text-align: center;
    display: none;
    background-color: #fff;
    z-index: 9999999;
    border: 6px solid #611777;
    padding: 15px 0;
    width: 80%;
    height: 80%;
}
#avatars-target {
    width: 60%;
    margin: 0 auto;
    position: fixed;
    top: 15%;
    left: 20%;
    text-align: center;
    display: none;
    background-color: #fff;
    z-index: 9999999;
    border: 6px solid #611777;
    padding: 15px 0;
}
#avatars-target ul {
    /* display: flex; */
    flex-wrap: wrap;
}
#avatars-target ul li {
    width: 150px;
    height: 150px;
    margin: 10px;
    display: inline-block;
    border: 6px solid #000;
    border-radius: 50%;
    background-color: #000;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
#avatars-target ul li:hover, #avatars-target ul li.avatar-selected {
    border-color: #31b7c0;
}
#avatars-target ul li.avatars-add-button,
.open-snapshot-button {
    background-color: #777;
}
#avatars-target ul li.avatars-add-button i,
.open-snapshot-button i {
    color: #fff;
    font-size: 120px;
    padding-top: 13px;
}

.avatar-displayed {
    width: 100px;
    height: 100px;
    margin-left: 45px;
    border-radius: 50%;
    object-fit: cover;
}
body.page-users-register input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-weight: bold;
    color: black;
}
body.page-users-register input::-moz-placeholder { /* Firefox 19+ */
    font-weight: bold;
    color: black;
}
body.page-users-register input:-ms-input-placeholder { /* IE 10+ */
    font-weight: bold;
    color: black;
}
body.page-users-register input:-moz-placeholder { /* Firefox 18- */
    font-weight: bold;
    color: black;
}
body.page-users-register  .contains-video .contains-video-button img {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
body.page-users-register .contains-video-button img {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

body.page-users-register  .contains-video .contains-text {
    display:none
}
body.page-users-register  .contains-video-button .contains-text-button {
    display:none;
}
body.page-users-register .mobile-container {
    max-height:80px;
}
body.page-users-register .contains-video-button {
    border:6px solid #31b7c0;
    background-color: #31b7c0;
}
body.page-users-register #video-register-target #inclusher-recorder {
    margin: auto;
}
body.page-users-register .contains-text {
    background-color: #fff !important;
}
body.page-users-register .avatars-add-button,
.open-snapshot-button {
    width: 50% !important;
    border: none !important;
    background-color: #fff !important;
}
body.page-users-register .avatars-add-button button:hover i,
.open-snapshot-button button:hover i {
    color: #fff !important
}
body.page-users-register .avatars-add-button button,
 .open-snapshot-button button {
    background-color: #31B7C0;
    border: #000 !important;
}
body.page-users-register .avatars-add-button i,
.open-snapshot-button i {
    font-size: 8rem !important;
    display: block;
    color: #31B7C0 !important;
    background-color: #000;
    margin: 5px 0 7px 0;
    padding-bottom: 5px;
}
body.page-users-register .avatars-add-button span,
.open-snapshot-button span {
    padding: 5px !important;
}
body.page-users-register #leavePref,
body.page-users-register #stayPref {
    background-color: #30B5BF;
    padding: 0 0 10px 0;
    border: 6px solid #30B5BF;
    border-radius: 0;
    margin: 30px 60px 0 60px;
    min-width: 20%;
    color: #000;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
body.page-users-register #leavePref:hover,
body.page-users-register #stayPref:hover {
    border-color: #247883;
}
body.page-users-register #leavePref i,
body.page-users-register #stayPref i {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    width: 100%;
    background-color: #000;
    font-size: 6rem;
    color: #30B5BF;
    padding-top: 10px;
    margin: 0 0 15px 0;
}

body.page-users-edit .cont-members {
    display: none !important
}
body.page-users-register .update-password-container {
    float: left;
}
body.page-users-register .update-password-container a {
    background-color: #31B7C0;
    border: 6px solid #31B7C0;
    width: 220px;
}
body.page-users-register .update-password-container a img {
    width: 220px;
}
body.page-users-register .update-password-container a .contains-text {
    background-color: #31B7C0 !important;
}
body.page-users-register .end-register {
    height: initial !important;
}
body.page-users-register .child-inline .form-group,
body.page-users-register .child-inline input {
    display: inline-block;
}
body.page-users-register .cr:focus,
body.page-users-register .cr:hover,
body.page-users-register .crcomm:focus,
body.page-users-register .crcomm:hover,
body.page-users-register .crmob:focus,
body.page-users-register .crmob:hover {
    border-color: #247883;
}
body.page-users-register label {
    margin-top: -28px;
}
body.page-users-register .btn-lsf {
    background-color: #31B5BF !important
}
body.page-users-register .btn-lsf i {
    background-color: #000;
    color: #31b3be;
    width: 100%;
    margin-top: 5px
}
body.page-users-register .btn-lsf:hover, body.page-users-register .btn-lsf:focus {
    border: 10px solid #247883
}
#video-register-info {
    display: block !important;
}
#snapshot-target {
    position: fixed;
    width: 90%;
    height: 90%;
    background-color: #fff;
    top: 5%;
    left: 5%;
    z-index: 9999999;
}
#snapshot-target .container {
    display: flex;
    width: 100%;
    justify-content: space-around;
    align-items: center;
}
#snapshot-target .container:first-child {
    margin-top: 180px;
}
#snapshot-target .container button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 6px solid #30B5BF;
    min-width: 220px;
    background-color: #000;
}
#snapshot-target .container button:hover {
    border-color: #247883;
}
#snapshot-target .container button i {
    font-size: 6rem;
    padding: 15px 0;
    color: #30B5BF;
}
#snapshot-target .container button span {
    display: block;
    position: relative;
    width: 100%;
    background-color: #30B5BF;
    min-width: 220px;
    margin: 0 -6px -2px -6px;
    padding: 20px 0 15px 0;
}
#snapshot-target #my-camera {
    background-color: #000;
}
#snapshot-target #my-camera video,
#snapshot-target #results {
    border: 6px solid #5e2573;
}
#snapshot-target #results img {
    max-height: 240px !important;
    max-width: 240px !important;
}
#snapshot-target #results {
    width: 250px;
    height: auto;
    min-height: 180px;
    background-color: #aaa;
}
.page-users-register .unmask-password-button {
    position: relative;
    display: inline-block;
    z-index: 1;
    border: 2px solid #000;
    border-radius: 50%;
    background-color: #fff;
    width: 35px;
    height: 33px;
    padding: 3px 0 0 5px;
}
.page-users-register .unmask-password-button:hover {
    cursor: pointer;
}