/* General CSS */
.swpm-margin-10{
    margin: 10px;
}
.swpm-margin-top-10{
    margin-top: 10px;
}
.swpm-margin-bottom-10{
    margin-bottom: 10px;
}
.swpm-hidden{
    display: none;
}

.swpm-yellow-box{
    margin: 10px 0px;
    padding: 10px;
    background-color: #FFFFE0;
    border-color: #E6DB55;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
}

.swpm-red-box {
    margin: 10px 0px;
    padding: 10px;
    background-color: #FFEBE8;
    border-color: #CC0000;
    color: #333333;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
}
.new-option-choose {
    font-size: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Wrap directly with this class (not to be used with a paragraph tag) */
.swpm-orange-box{
    margin: 10px 0px;
    padding: 15px 10px;
    color: #3F2502;
    text-shadow: 1px 1px #FFFFFF;
    background-color: #FFF6D5;
    border-color: #D1B655;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
}

/* Wrap directly with this class (not to be used with a paragraph tag) */
.swpm-grey-box{
    margin: 10px 0px;
    padding: 15px 10px;
    background-color: #DDDDDD;
    border-color: #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
}

/* Wrap directly with this class (not to be used with a paragraph tag) */
.swpm-green-box {
    margin: 10px 0px;
    padding: 15px 10px;
    background-color: #CCF4D6;
    border-color: #059B53;
    color: #043B14;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
}

/* Membership buy buttons */
.swpm-button-wrapper input[type="submit"]{
    width: auto !important;
    height: auto !important;
}
.swpm-button-wrapper input[type="image"]{
    width: auto !important;
    height: auto !important;
}

/* Login form CSS */
.swpm-login-widget-form input,.swpm-login-widget-form checkbox{
    width: auto;
}
.swpm-email-input, .swpm-password-input{
    margin-bottom: 10px;
}
.swpm-login-submit{
    margin-bottom: 10px;
}
.swpm-login-widget-action-msg{
    font-weight: bold;
}
.swpm-logged-label{
    font-weight: bold;
}

/* Password reset form CSS */
.swpm-pw-reset-widget-form table{
    border: none;
}
.swpm-pw-reset-widget-form tr{
    border: none;
}
.swpm-pw-reset-widget-form td{
    border: none;
}
.swpm-reset-pw-error{
    font-weight: bold;
    color: red;
}


/* Registration form CSS */
.swpm-registration-widget-form td{
    min-width: 100px;
}

.swpm-registration-widget-form input[type="text"], .swpm-registration-widget-form input[type="password"]{
    width: 95%;
}

/* Edit profile form CSS */
.swpm-edit-profile-form input[type="text"], .swpm-edit-profile-form input[type="password"] {
    width: 95%;
}
.swpm-edit-profile-form select {
    border: 1px solid #bbb!important;
    width: 95%;

}
.swpm-edit-profile-submit-section{
    text-align: center;
}

.swpm-profile-account-delete-section{
    text-align: center;
}
.swpm-profile-account-delete-section a{
    color: red !important;
}
.swpm-profile-update-success{
    font-weight: bold;
    color: green;
}
.swpm-profile-update-error{
    font-weight: bold;
    color: red;
}
/* Misc CSS */
.swpm-restricted{
    font-weight: bold;
    color:red;
}
.swpm-select-box-left{
    margin: 0;
    padding-bottom: 5px;
}
/* Yassine */
.swpm-registration-widget-form td { border-top:0px!important; }
.swpm-registration-widget-form table { border:0px!important;}
.register-btn {width: 100%!important;max-width: 280px!important;font-size: 14px!important;}
.terms_mezabo { font-size: 10px; padding:10px;}
.swpm-espace-membre-btn {
    width: 100%;
    margin-bottom: 70px;
    text-align: center;
}

.swpm-espace-membre-log-btn {
    width: 50%;
    color: #44908c!important;
    float: left;
    font-weight:bold;
    text-decoration: none!important;
    padding-bottom: 15px;
    padding-top: 15px;
    background-color: #e8e8e8;
    border-bottom: 1px solid #8c8c8c;
    border-right: 1px solid #8c8c8c;
    font-size:17px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.swpm-espace-membre-reg-btn {
    width: 50%;
    float: left;
    color: #44908c;
    background-color: #e8e8e8;
    text-decoration: none!important;
    border-bottom: 1px solid #8c8c8c;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size:17px;
    font-weight: bold;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.swpm-espace-membre-log-btn:hover { color:#55b5b0!important; background-color: #cecece!important;}
.swpm-espace-membre-reg-btn:hover {  color:#55b5b0!important; background-color: #cecece!important;}


.swpm-espace-membre-log-btn-active {
    width: 50%;
    color: #000000!important;
    float: left;
    font-weight:bold;
    text-decoration: none!important;
    padding-bottom: 15px;
    padding-top: 15px;
    background-color: #ffffff;
    border-bottom: 1px solid #8c8c8c;
    border-right: 1px solid #8c8c8c;
    font-size:17px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.swpm-espace-membre-reg-btn-active {
    width: 50%;
    float: left;
    color: #000000;
    background-color: #ffffff;
    text-decoration: none!important;
    border-bottom: 1px solid #8c8c8c;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size:17px;
    font-weight: bold;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.swpm-espace-membre-reg-btn-active:hover { color:#000000!important; }
.swpm-espace-membre-log-btn-active:hover { color:#000000!important; }

.swpm-espace-membre-form {
    border: 1px solid #e8e8e8;
    margin-top: 10px;
    border-radius: 3px;
    padding-bottom:20px;
    margin-right: 2%;
    margin-left: 2%;
}
.swpm-icon-menu-logo
{
	padding-top: 8px!important;
	height: 100%!important;
	padding-left: 20px!important;
	padding-right: 20px!important;
	margin-left: -20px!important;
	padding-bottom: 34px!important;
	margin-top: -6px!important;
}
.swpm-remember-me {
display: table-cell;
    vertical-align: middle;
     font-size:14px; }
.form-control-checkbox {
  width: 13px;
  height: 13px;
  padding: 0;
  margin:0;
  vertical-align: bottom;
  position: relative;
  top: -3px;
  overflow: hidden;
  }
.swpm-login-widget-form .form-group {  margin-top: 15px; }
.swpm-registration-widget-form .form-group {  margin-top: 15px; }
.swpm-espace-membre-form p {display:none;}
.swpm-login-widget-form td { border-top:0px!important; }
.swpm-login-widget-form table { border:0px!important;}
.swpm-login-widget-form input[type=text],input[type=password] { width:100%;}
.swpm-login-widget-form { width:100%;}
.swpm-login-form-inner { width:80%; margin-left:auto; margin-right:auto;}
.swpm-login-submit { margin-top:10px; text-align:center; }

.swpm-login-form-pw-reset-link {text-decoration:none!important;font-size:13px!important;color: #000!important;
transition: all .4s ease-in-out; }
.swpm-login-form-pw-reset-link:hover { color:#60c7c1!important;}
div#notices-msg {
    width: 90%;
    margin-left:auto;
    margin-right:auto;
    margin-bottom: 1rem;
    padding-top: 5px;
    display: none;
}
.swpm_error
{
    border: 1px solid transparent;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    height:auto;
    padding: 10px;
    border-radius: 8px;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
div#notices-msg ul {padding-bottom:0px!important;margin-left: 30px;}
#notices-msg i {
    float: left;
    font-size: 28px;
    padding-right: 20px;
    width: 45px;
    text-align: center;
}

.swpm_success {
    border-radius: 8px;
    color: #155724;
    margin: 10px 0px;
    padding: 15px 10px;
    background-color: #CCF4D6;
    border-color: #059B53;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;

}
.swpm-login-box {
    text-align: center;
    font-size: 17px;
}
a.nav-link-espace-membre:before {
    font-family: "Font Awesome 5 Free";
    content: "\f101";
    font-size: 12px;
    position: absolute;
    color: #d1d1d1;
    left: 15px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
a.nav-link-espace-membre:hover { color:#60c7c1!important; padding-left:20px!important; }
.nav-link-espace-membre {padding-left: 15px!important;cursor: pointer!important;}
.nav-item-espace-membre {margin:0px!important;}
#accept_terms_style
{
	display:contents;
	overflow: hidden;
	padding: 0px 4px 0px 5px;
	float: left;
}
#accept_terms { float:left; }
.swpm-pw-reset-widget-form {
    border: 1px solid #dadada;
    border-radius: 8px;
    margin: 25px 0px 25px 0px;
    text-align: center;
    padding: 25px;
}

.swpm-pw-reset-submit {
    width: 270px!important;
}

.swpm-pw-reset-submit-button {
    margin-top: 25px;
}

.swpm-pw-reset-email-input.swpm-margin-top-10 {
    width: 50%;
    margin-top: 25px;
    margin-right: auto;
    margin-left: auto;
}

input.btn.btn-validate.swpm-pw-reset-submit {
    width: 150px!important;
}

.all_in {
    padding-top:40px;
    margin-right: auto;
    max-width: 1000px;
    margin-left: auto;
    width: 90%!important;
    text-align: center;
    padding-bottom:40px;
}
.center-rememberme {
    width: 80%;
	margin: -10px auto 12px auto;
}


.settings_param_p:not(:last-child) {
  margin: 0 0 20px;
}

.settings_param_section {
  display:none;
  padding: 20px 0 0;
  border-top: 1px solid #abc;
  text-align: left;
}

.settings_param_input {
  display: none;
}

.settings_param_label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: #abc;
  border: 1px solid transparent;
}

.settings_param_label:before {
  font-family: 'Font Awesome\ 5 Free';
  margin-right: 10px;
  font-weight: 900;
}

.settings_param_label[for*='1']:before { content: '\f085'; }
.settings_param_label[for*='2']:before { content: '\f2b9'; }
.settings_param_label[for*='3']:before { content: '\f09d'; }

.settings_param_label:hover {
  color: #789;
  cursor: pointer;
}

.settings_param_input:checked + .settings_param_label {
  color: #60c7c0;
  border: 1px solid #abc;
  border-top: 2px solid #59bbb4;
  border-bottom: 1px solid #fff;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3 {
  display: block;
}

@media screen and (max-width: 800px) {
 .settings_param_label {
    font-size: 0;
  }
 .settings_param_label:before {
    margin: 0;
    font-size: 18px;
  }
}

@media screen and (max-width: 500px) {
 .settings_param_label {
    padding: 15px;
  }
}

input[type=date], input[type=select], input[type=datetime-local], input[type=month], input[type=time] {
    border: 1px solid #bbb!important;
    width: 95%!important;
}

#swpm-editprofile-form { text-align:center; }

.box_forfait:hover {
   margin-top:15px!important;
}

.box_forfait {
    border-radius: 10px;
    transition: 0.5s;
    border: 1px solid #ccc;
    box-shadow: 0 2px 7px rgba(66,73,80,.5);
    margin-right: auto;
    margin-left: auto;
    max-width: 305px;
    margin-top:20px;
    height: 420px;
}
.box_color_white { background-color:#ffffff; }
.box_forfait_button {
    margin-top: 100px;
    display: table;
    background-color: #ececec;
    border-radius: 35px;
    border: 1px solid #cacaca;
    font-size: 35px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    color: #3c3c3c;
    width: 80px;
    height: 80px;
    cursor:pointer;
}

.box_forfait_button:hover
{
  background-color:grey;
  transition: 0.5s ease;
  color:#ffffff;
}
.box_forfait_add
{
    display: table-cell;
    vertical-align: middle;
}
.box_forfait_edit:hover
{
  transition: 0.5s ease;
  color:#60c7c1;
}
.box_forfait_button_edit {
    float: right;
    width: 20px;
    padding-right: 30px;
    height: 20px;
    margin: auto;
}
.box_forfait_button_search {
    float: right;
    width: 20px;
    padding-right: 30px;
    height: 20px;
    cursor:pointer;
    margin: auto;
}
.padding20top { padding-top: 20px!important; }

.box_operateur {
    border: 1px solid #cacaca;
    margin-bottom: 20px;
    cursor: pointer;
}

.box_operateur:hover {
    border: 3px solid #c3c3c3;
    transition: border 0.1s linear;
}

.active_green {
    border: 3px solid green!important;
}


img.operateur_image {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

span.center_text {margin-top: 20px;font-size: 19px;padding-bottom: 130px;display: block;}

.text_monforfait th {  padding:5px!important; height:20px; font-size:28px; text-align:center; }
.text_monforfait td {   border: 0px!important; }
.text_monforfait table {padding:0px!important;margin: 0 0 5px 0!important;border: 0px !important;table-layout: fixed;}

span.price_forfait {
    font-size: 30px;
    font-weight: 500;
    color: white;
}

.overlay_grey {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 500000; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer;
}
.overlay_container {
  display:none;
  margin-top: auto;
  border-radius: 10px;
  border: 1px solid #8e8e8e;
  overflow-y: scroll;
  margin-bottom: auto;
  width: 80%;
  height: 90%;
  position:fixed;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  bottom: 0;
  background-color:white;
  z-index: 5000001;
}
.overlay_container_pay {
  display:none;
  margin-top: auto;
  border-radius: 10px;
  border: 1px solid #8e8e8e;
  overflow-y: none;
  overflow-x: none;
  margin-bottom: auto;
  width: 90%;
  min-width: 320px;
  max-width: 560px!important;
  max-height: 385px!important;
  position:fixed;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  bottom: 0;
  background-color:white;
  z-index: 5000001;
}

  ul.progress-bar-mezabo {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
    list-style: none;
}

li.section {
    display: inline-block;
    padding-top: 45px;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
    color: gray;
    vertical-align: top;
    position: relative;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}

li.section:before {
    content: '';
    position: absolute;
    top: 2px;
    left: calc(50% - 15px);
    z-index: 1;
    width: 30px;
    height: 30px;
    color: white;
    border: 2px solid white;
    border-radius: 17px;
    line-height: 30px;
    background: gray;
}
.status-bar {
    height: 2px;
    background: gray;
    position: relative;
    top: 20px;
    margin: 0 auto;
}
.current-status {
    height: 2px;
    width: 0;
    border-radius: 1px;
    background: mediumseagreen;
}

@keyframes changeBackground {
    from {background: gray}
    to {background: mediumseagreen}
}

li.section.visited:before {
	font-family: 'Font Awesome\ 5 Free'!important;
	content: '\f00c';
    animation: changeBackground .5s linear;
    animation-fill-mode: forwards;
}

li.section.visited.current:before {
    box-shadow: 0 0 0 2px mediumseagreen;
}

div#overlay_scroll::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
div#overlay_scroll::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
div#overlay_scroll::-webkit-scrollbar-thumb {
  background: #757575;
  border: 0px none #ffffff;
  border-radius: 50px;
}
div#overlay_scroll::-webkit-scrollbar-thumb:hover {
  background: #868686;
}
div#overlay_scroll::-webkit-scrollbar-thumb:active {
  background: #525252;
}
div#overlay_scroll::-webkit-scrollbar-track {
  background: #cccccc;
  border: 0px none #ffffff;
  border-radius: 50px;
}
div#overlay_scroll::-webkit-scrollbar-track:hover {
  background: #bcbcbc;
}
div#overlay_scroll::-webkit-scrollbar-track:active {
  background: #aaaaaa;
}
div#overlay_scroll::-webkit-scrollbar-corner {
  background: transparent;
}

.close_overlay_container {
  position: absolute;
  z-index: 999999;
  right: 5px;
  cursor: pointer;
  top: 3px;
  font-size:30px;
  color:#c3c3c3;
}

.close_overlay_container:hover { color:black; }


.back_overlay_container {
  display:none;
  position: absolute;
  z-index: 999999;
  left: 5px;
  top: 3px;
  cursor: pointer;
  font-size:30px;
  color:#c3c3c3;
}

.back_overlay_container:hover { color:black; }

div#first_step_mobile {
    display: none;
}

div#second_step_mobile {
    display: none;
}
div#second_step_mobile_box {
    display: none;
}

div#first_step_box {
    display: none;
}
div#first_step_mobile_box
{
  display:none;
}
div#second_step_box {
    display: none;
}
div#resilier_mobile
{
	display:none;
}
div#resilier_box
{
	display:none;
}


span.input-group-addon {
    padding: 8px 12px;
    line-height: 1;
    color: #555;
    background-color: #eee;
    border-radius: 4px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    position: relative;
    border-collapse: separate;
    border: 1px solid #ccc;
    display: table-cell;
    font-weight: bold;
    white-space: nowrap;
    text-align:right;
    font-size:15px;
}

.price-forfait-box {
    min-width: 50%;
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.label_choose {
  display: block;

}

.floatBlock {
  margin: 0 1.81em 0 0;
  width: 50%;
  text-align: center;
}

.labelish {
	margin: 0;
}

.box_choose_mezabo {
	border: none;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	break-before: always;
	margin: 5px 0 0 0;
}

.engagement-forfait-box {
   min-width: 50%;
   max-width: 70%;
   margin-left: auto;
   margin-right: auto;
   margin-top: 20px;
}
.engagement-forfait-box-hidden {
    width: 60%;
	display:none;
    margin-left: auto;
    margin-right: auto;
}
.gras { font-weight:bold; }

.promotion-forfait-box {
    min-width: 50%;
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

.promotion-forfait-box-hidden {
    width: 70%;
	display:none;
    margin-left: auto;
    margin-right: auto;
}
.forfait-submit-btn {margin-top: 20px;margin-bottom: 20px;}

.center_90
{
	width: 90%;
    margin-left: auto!important;
    margin-right: auto!important;
}

.center_80
{
	width: 80%;
    margin-left: auto!important;
    margin-right: auto!important;
}

.center_box_techno {
    width: 110px;
    margin-left: auto;
    margin-right: auto;
}


span.box_forfait_delete {
    cursor: pointer;
    width: 20px;
    color: black!important;
    height: 20px;
    margin: auto;
}



a.trash_box_button_delete i {
    color: black;
    transition: color 0.5s ease;
}
a.trash_box_button_delete:hover i {
    color: #60c7c1;
}
.nomargin
{
  margin-top: 0px!important;
}

.button_choose {
    height: 20px;
    margin-top: -40px;
    padding-bottom: 30px;
    padding-top: 5px;
}
.notranslate
{ height:418px!important; }

.box_forfait_button_delete {
    float: right;
    padding-right: 10px;
}

span.box_forfait_edit {
    cursor: pointer;
}

@media (min-width: 992px) {
    .col-md-border:not(:last-child) {
        border-right: 1px solid #d7d7d7;
    }
    .col-md-border + .col-md-border {
        border-left: 1px solid #d7d7d7;
        margin-left: -1px;
    }
}

.border_box_forfait {
    padding-bottom: 20px;
}
.bar_price_now {
    margin-left: calc(49.280% - 50vw);
    width: 100vw;
    overflow-wrap: normal;
    position: absolute;
    padding-bottom: 12px;
    padding-top: 12px;
    text-align: center;
    right: 0;
    font-size: 21px;
    left: 0;
    top: 0;
    color: white;
    background-color: #68B5CA;
}

a.btn.btn-primary.btn_choose_mezabo_l {
    float: left;
    background-color: #49b6cd!important;
    max-width: 150px;
    font-size: 14px;
    width: 48%;
    border: 1px solid #ffffff!important;
}
a.btn.btn-primary.btn_choose_mezabo_l:hover
{
  color:#49b6cd!important;
  background-color:white!important;
}
a.btn.btn-primary.btn_choose_mezabo_r:hover
{
  color:#49b6cd!important;
  background-color:white!important;
}
a.btn.btn-primary.btn_choose_mezabo_economie {
    background-color: #34B39C!important;
     border: #34B39C!important;
}
a.btn.btn-primary.btn_choose_mezabo_r {
    float: right;
    background-color: rgb(73,182,205)!important;
    max-width: 150px;
    width: 48%;
    font-size: 14px;
    border: 1px solid #ffffff!important;
}

.button_choose_mezabo {
    max-width: 350px;
    width: 100%;
    font-size: 10px!important;
    padding: 5px 15px 12px 15px;
    min-width: 275px;
    background-color: #49b6cd;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0px 0px 10px 10px;
    height: 106px;
}

.economie_faite_box {
    width: 100%;
    text-align: center;
    font-size: 18px;
    margin-top: 8px;
    margin-bottom: 30px;
}

.btn_choose_mezabo_economie { margin-top:15px; }
.container_resiliation {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

label.resil_text {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}

#swpm-resiliation-button
{
    max-width: 250px!important;
    height: 35px;
    font-size: 15px;
    width: 107%!important;
    margin-top: 20px;
    margin-bottom: 20px;
}
.margin20top {
    margin-top: 20px!important;
}

.num_tel-box {
    min-width: 50%;
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
}

div#choose_resilier_box {
    display: none;
}

div#choose_resilier_tel {
    display: none;
}

div#choose_resilier_title {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

span#choose_resilier_text {
    font-size: 24px;
    font-weight: bold;
}

span#choose_resilier_text2 {
    font-size: 22px;
    color: #7f7f7f;
}

div#method_resiliation {
    padding-bottom: 0px;
    border-radius: 10px;
}
div#method_resiliation_img {
    text-align: center;
    margin-bottom: 20px;
}

div#method_resiliation_txt {
    padding-left: 20px;
    float: left;
    text-align: justify;
}

i#method_resiliation_i {
    color: white;
    font-size: 55px;
    margin-top: 20px;
}

div#method_i {
    background: #60c7c1;
    border-radius: 50px;
    display: inline-block;
    width: 100px;
    height: 100px;
}
span#method_resiliation_h {
    color: #60c7c1;
    font-weight: bold;
    font-size: 17px;
}

a#method_btn {
    color: #60c7c1;
    width: 80px!important;
    font-weight: bold;
    background-color: white;
    cursor: pointer;
    text-align: center;
    margin-top: 10px;
    border-color: #60c7c1;
}

a#method_btn:hover {
    background-color: #60c7c1;
    border-color: #60c7c1;
    color:white;
}


div#method_resiliation_list {
    margin-top:10px;
    text-align: center;
    color:#636363;
}

div#method_resiliation_list i {
    color: #60c7c1;
}

.choose_right {
    margin-right: auto;
    text-align: right;
    margin-top: 10px;
    margin-bottom: 10px;
}
div#methode_resiliation {
    padding: 20px;
}
div#resilier_mobile_2 { display: none; }
div#resilier_box_2 { display: none; }

div#iframe_resilier_mobile {
    padding: 25px;
}
div#iframe_resilier_box {
    padding: 25px;
}

div#btn_go {
    margin-top: 5px;
}

#loading {
  display: inline-block;
  width: 60vw;
  height: 60vw;
  position: relative;
  max-width: 200px;
  max-height: 200px;
  border: 3px solid #60c7c1;
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}

.loader_ajax {
	display: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    text-align: center;
}


#termination-service-widget-mobile input { border-color:#bfbfbf; }
#termination-service-widget-mobile .form-wrapper {padding-top: 30px;}
#termination-service-widget-mobile .step-header .title { background-color:#60c7c1!important; }
#termination-service-widget-mobile input[type=checkbox] { width:15px; height:15px; margin-right:10px; margin-top:2px; }

#termination-service-widget-box input { border-color:#bfbfbf; }
#termination-service-widget-box .form-wrapper {padding-top: 30px;}
#termination-service-widget-box .step-header .title { background-color:#60c7c1!important; }
#termination-service-widget-box input[type=checkbox] { width:15px; height:15px; margin-right:10px; margin-top:2px; }


.payment-selector
{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

span.search_forfait {
    cursor: pointer;
    font-size: 14px;
    font-style: italic;
    text-align: right;
}

.callout_box {
    display: none;
    color: #2a5f2b;
    background-color: #bcdab0;
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 20px;
    position: fixed;
    bottom: 0;
    z-index: 1000000;
}

.swpm-login-widget-logged {
    color: black;
    font-size: 15px;
}

p.nav-item-espace-membre {
    padding-bottom: 10px;
}

.nav-item-espace-group {
    padding-left: 10px;
}
.swpm-login-widget-logged {
    color: black;
    font-size: 15px;
}

p.nav-item-espace-membre {
    padding-bottom: 10px;
}

.nav-item-espace-group {
    padding-left: 10px;
}

a.nav-link-espace-membre {
    text-decoration: none;
    transition: all ease 0.5s;
}
a.nav-link-espace-membre:hover {
    text-decoration: none;
}

ul.sub-menu2 {
    width: 300px;
    margin-right: -10px;
    right: 0!important;
    cursor: initial;
    padding: 10px!important;
}

.card_1
{ width:100%; margin-left:auto; margin-right:auto; }


.card_2 {
    display:none;
    padding: 0px 10px 0px 10px;
    cursor:pointer;
}
.card_2 tr { padding:0px 0px 0px 0px; }

.card_2 table {
    border:none!important;
    padding:0!important;
    margin-bottom: 1px!important;
}
.card_2 td {
    border:none!important;
    font-size:15px;
    padding:0!important;
}
.card_2 i {
    border:none;
    font-size:20px;
}
.choose_button {
    margin-top: 5px;
}

.box_forfait:hover #logo_card a {
    color: #545454;
    font-weight:bold;
    cursor:pointer;
}
.card_2 { height:240px; }
.card_1_box {height:240px;cursor: pointer;}

.row.row_forfait {
 min-height: 440px;
 margin-bottom: 20px;
}
#logo_card a {
    color: #7d7d7d;
    font-weight: bold;
}

#logo_card {
    margin-bottom: 7px;
}

.flip {
    -webkit-backface-visibility:hidden;
    -webkit-transform:translateX(0);
    -moz-backface-visibility:hidden;
    -moz-transform:translateX(0);
}
.flip.out {
    -webkit-transform: rotateY(-90deg) scale(.9);
    -webkit-animation-name: flipouttoleft;
    -webkit-animation-duration: 175ms;
    -moz-transform: rotateY(-90deg) scale(.9);
    -moz-animation-name: flipouttoleft;
    -moz-animation-duration: 175ms;
}
.flip.in {
    -webkit-animation-name: flipintoright;
    -webkit-animation-duration: 225ms;
    -moz-animation-name: flipintoright;
    -moz-animation-duration: 225ms;
}
.flip.out.reverse {
    -webkit-transform: rotateY(90deg) scale(.9);
    -webkit-animation-name: flipouttoright;
    -moz-transform: rotateY(90deg) scale(.9);
    -moz-animation-name: flipouttoright;
}
.flip.in.reverse {
    -webkit-animation-name: flipintoleft;
    -moz-animation-name: flipintoleft;
}
@-webkit-keyframes flipouttoleft {
    from { -webkit-transform: rotateY(0); }
    to { -webkit-transform: rotateY(-90deg) scale(.9); }
}
@-moz-keyframes flipouttoleft {
    from { -moz-transform: rotateY(0); }
    to { -moz-transform: rotateY(-90deg) scale(.9); }
}
@-webkit-keyframes flipouttoright {
    from { -webkit-transform: rotateY(0) ; }
    to { -webkit-transform: rotateY(90deg) scale(.9); }
}
@-moz-keyframes flipouttoright {
    from { -moz-transform: rotateY(0); }
    to { -moz-transform: rotateY(90deg) scale(.9); }
}
@-webkit-keyframes flipintoleft {
    from { -webkit-transform: rotateY(-90deg) scale(.9); }
    to { -webkit-transform: rotateY(0); }
}
@-moz-keyframes flipintoleft {
    from { -moz-transform: rotateY(-90deg) scale(.9); }
    to { -moz-transform: rotateY(0); }
}
@-webkit-keyframes flipintoright {
    from { -webkit-transform: rotateY(90deg) scale(.9); }
    to { -webkit-transform: rotateY(0); }
}
@-moz-keyframes flipintoright {
    from { -moz-transform: rotateY(90deg) scale(.9); }
    to { -moz-transform: rotateY(0); }
}
.choose_forfait_box {
    height: 300px;
    border-radius: 7px;
    margin-bottom: 20px;
    padding-bottom:20px;
    cursor: pointer;
    font-size: 25px;
    transition: 0.2s;
}
.forfait_but
{
   height:300px;
   border-radius:8px;
   margin-bottom:105px;
   padding: 25px 0px 0px 0px;
   border: 1px solid #757575;
}
.forfait_but p
{
  font-size:22px;
  margin-bottom:40px;
}
.forfait_but:hover {
background-color:#f5f5f5;
border: 1px solid #000;
}


.big_choice {
    font-size: 100px;
    color: #6d6d6d;
}

#choose_type_forfait { display: none; }

.confirmation_delete_box {
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0;
    font-size: 16px;
    color: #fff;
    z-index: 999999;
    overflow: hidden;
    background-color:white;
    color:black;
    border:1px solid #989898;
    max-width: 500px;
    padding-bottom: 20px;
    text-align:center;
    padding-top: 20px;
    padding-right: 35px;
    padding-left: 35px;
    border-radius:5px;
    min-height: 105px;
    display:none;
}

.contains {
    margin-bottom: 10px;
}

a#confirmation_delete_butt:hover {
    color: white;
}

.box_promotion {
    font-size: 13px;
    color: #155724;
    background-color: #d4edda;
    margin-bottom: 5px;
    padding: 4px;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}


@media screen and (min-width: 767px) {
div#first_box_comparateur_list {border-right: 1px solid #bfbfbf;}
}



@media screen and (max-width: 767px) {
div#second_box_comparateur_list { margin-top:15px; }
}

div#first_box_comparateur_list { max-height: 220px; display:block!important; }
div#second_box_comparateur_list { max-height: 220px; display:block!important; }

.message_no_fbm_comparateur {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 20px 20px 12px 20px;
}

#close_overlay_swpm_msg
{
    position: absolute;
  right: 55px;
  top: 80px;
  cursor: pointer;
  font-size:30px;
  color: #014400;
}

.btn-plus-infos {
    border: 2px solid white;
    border-radius: 20px;
    opacity: 0.9;
}
@media screen and (min-width: 780px)
{
.hauteur {
    height: 630px!important;
}
}
.margin20bottom {
    margin-bottom: 50px!important;
}
.margin20top
{
    padding-top: 0px!important;
}

.validation1 {
    padding: 10px;
    border-radius: 15px;
    text-align: center;
    border: 1px solid #c3c3c3;
    min-height: 500px;
}

.validation0 {
    margin-top: -50px!important;
}

.text_validation {
    font-size: 18px;
    font-weight: bold;
}

.validation2.order-2 {
    text-align: center;
    margin-top: 10px;
}

span.text_validation2 {
    font-weight: bold;
    font-size: 22px;
}

.inputbox_validation2 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.inputbox1_validation2 i {
    font-size: 70px;
    color: #68b5ca;
}

span.inputbox_text_validation2 {
    color: black;
    margin: 10px 0 10px 0px;
    font-size: 18px;
    text-align: center;
}

.scrdown {
    margin-top: 13px;
    margin-bottom: 13px;
    font-size: 35px;
    color: #afafaf;
}

.inputbox2_validation2 i {
    font-size: 70px;
    color: #68b5ca;
}

.inputbox3_validation2 i {
    font-size: 70px;
    color: #68b5ca;
}

.button_choose_mezabo2 {
    margin-top: 15px;
    max-width: 500px;
    color:white;
    width: 100%;
    font-size: 10px!important;
    padding: 5px 15px 12px 15px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0px 0px 10px 10px;
}


a.btn.btn-primary.btn_choose_mezabo_l2 {
    background-color: #34b39c!important;
    width: 210px;
    margin-top: 25px;
    font-size: 18px;
    border: 1px solid #ffffff!important;
}

a.btn.btn-primary.btn_choose_mezabo_r2 {
    background-color: #34b39c!important;
    width: 210px;
    margin-top: 25px;
    font-size: 18px;
    border: 1px solid #ffffff!important;
}
.background-souscription {
    background: repeat url("/wp-content/plugins/simple-membership/images/wallpaper_touch.jpg");
    width: 100%;
    height: auto;
    padding-bottom: 40px;
}
.background-souscription2 {
    background: repeat url("/wp-content/plugins/simple-membership/images/mezabo_confetis.png");
    height: auto;
    text-align: center;
    background-size: 36%;
    padding-bottom: 40px;
}


.box-forfait-choisi {
    width: 56%;
    margin-left: auto;
    margin-right: auto;
    min-width: 290px;
    background-color: white;
    border: 2px solid #848484;
    border-radius: 11px;
    padding: 10px;
    min-height: 135px;
    margin-bottom: 50px;
}

.card-body-show-identification2.text-vertical-center {text-align: center;font-weight: bold;font-size: 21px;}

.text-vertical-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-body-show-identification2 {
    font-size: 20px;
    padding-left: 0px!important;
    text-align: center;
    font-weight: bold;
}

.card-body-show-identification  {
    font-size: 15px;
    margin: auto!important;
}

.center.text-souscription-mezbo {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.card-body-show-identification3  {
    font-size: 11px;
}

.forfait-choisi-text {
    width: 100%;
    text-align: center;
    color: white;
    font-weight: bold;
    padding: 25px;
    font-size: 22px;
}

.choose-identification-box {
    width: 53%;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    border-radius: 11px;
    min-width: 275px;
    padding: 20px;
    margin-top:75px;
}

a.btn.btn-primary.btn_choose_mezabo_r4 {
    background-color: #34b39c!important;
    width: 218px;
    margin-top: 25px;
    font-size: 17px;
    color: white;
    border: 1px solid #ffffff!important;
}

.img_mezabo_box2 {
    text-align: center;
    font-size: 25px;
}

.img_mezabo_box1 {
    text-align: center;
}

img.img_mezabo_choosing {
    width: 150px;
}

p.m-0-9 {
    padding-bottom: 0px!important;
    margin-bottom: 7px;
    margin-left: 12px;
}

.choose-identification-box-2 {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    border-radius: 11px;
    min-width: 275px;
    margin-top:75px;
}
.choose-title {
    text-align: center;
    color: white;
    background-color: #68b5ca;
    font-size: 19px;
    padding: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.choose-text-input {
    padding: 25px;
    width:90%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

.choose-text-input input, select {
   margin-bottom: 15px!important;
}

.button_choose_mezabo3 {
    margin-top: 15px;
    color:white;
    text-align: center;
    width: 100%;
    font-size: 10px!important;
    padding: 5px 15px 12px 15px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0px 0px 10px 10px;
}


a.btn.btn-primary.btn_choose_mezabo_l2 {
    background-color: #34b39c!important;
    max-width: 180px;
    margin-top: 25px;
    font-size: 18px;
    border: 1px solid #ffffff!important;
}

a.btn.btn-primary.btn_choose_mezabo_r2 {
    background-color: #34b39c!important;
    max-width: 180px;
    margin-top: 25px;
    font-size: 18px;
    border: 1px solid #ffffff!important;
}
.choose-info-part2 { display:none; }
.choose-info-part3 { display:none; }
.choose-info-part4 { display:none; }
.choose-info-part5 { display:none; }
.choose-info-part99 { display:none; }

.secureiban1.col-lg-2 {
    font-size: 50px;
    text-align: center;
    margin-bottom: 20px;
}

.form-switch {
  display: inline-block;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.form-switch i {
  position: relative;
  display: inline-block;
  margin-right: .5rem;
  width: 46px;
  height: 26px;
  background-color: #e6e6e6;
  border-radius: 23px;
  vertical-align: text-bottom;
  transition: all 0.3s linear;
}

.form-switch i::before {
  content: "";
  position: absolute;
  left: 0;
  width: 42px;
  height: 22px;
  background-color: #e2e2e2;
  border-radius: 11px;
  transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
  transition: all 0.25s linear;
}

.form-switch i::after {
  content: "";
  position: absolute;
  left: 0;
  width: 22px;
  height: 22px;
  background-color: #fff;
  border-radius: 11px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
  transform: translate3d(2px, 2px, 0);
  transition: all 0.2s ease-in-out;
}

.form-switch:active i::after {
  width: 28px;
  transform: translate3d(2px, 2px, 0);
}

.form-switch:active input:checked + i::after { transform: translate3d(16px, 2px, 0); }

.form-switch input { display: none; }

.form-switch input:checked + i { background-color: #03A9F4; }

.form-switch input:checked + i::before { transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0); }

.form-switch input:checked + i::after { transform: translate3d(22px, 2px, 0); }

#mobile_info { display:none;}
#pto_info { display:none; }
#box_info { display:none; }

.recap_mail {
    margin-left: auto;
    background-color: white;
    font-size: 20px;
    min-width: 250px;
    max-width: 750px;
    margin-right: auto;
}

.width_rib_label {max-width: 800px;}

.text_warning {
    font-size: 13px;
    border-left: 5px double #009fc3;
    padding-left: 10px;
}

#rules_1 {
    position: absolute;
    padding: 0!important;
    margin-top: 6px!important;
}
#rules_2 {
    position: absolute;
    margin-top: 6px!important;
}
#rules_3  {
    position: absolute;
    margin-top: 6px!important;
}
#rules_1 ~ label{

    padding-left:1.4em;
    display:inline-block;
}
#rules_2 ~ label {
    padding-left:1.4em;
    display:inline-block;
}
 #rules_3 ~ label {
    padding-left:1.4em;
    display:inline-block;
}

#stripe_logo_img {
    max-width: 300px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 5px;
}

.col-paiement
{
  font-size:17px;
}

.payment {
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  display: flex;
  justify-content: center;
  align-content: center;
}
.payment form {
 width: 30vw;
 min-width: 395px;
 align-self: center;
 box-shadow: 0px 0px 0px 0.5px rgba(50, 50, 93, 0.1),
  0px 2px 5px 0px rgba(50, 50, 93, 0.1), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.07);
 border-radius: 7px;
 padding: 40px;
}

.payment input {
 border-radius: 6px;
 margin-bottom: 6px;
 padding: 12px;
 border: 1px solid rgba(50, 50, 93, 0.1);
 height: 44px;
 font-size: 16px;
 width: 100%;
 background: white;
}

.payment .result-message {
 line-height: 22px;
 font-size: 16px;
}

.payment .result-message a {
 color: rgb(89, 111, 214);
 font-weight: 600;
 text-decoration: none;
}

.payment .hidden {
 display: none;
}

.payment #card-error {
 color: rgb(105, 115, 134);
 text-align: left;
 font-size: 13px;
 line-height: 17px;
 margin-top: 12px;
}

.payment #card-element {
 border-radius: 4px 4px 0 0 ;
 padding: 12px;
 border: 1px solid rgba(50, 50, 93, 0.1);
 height: 44px;
 width: 100%;
 background: white;
}

.payment #payment-request-button {
 margin-bottom: 32px;
}

/* Buttons and links */
.payment button {
 background: #5469d4;
 color: #ffffff;
 font-family: Arial, sans-serif;
 border-radius: 0 0 4px 4px;
 border: 0;
 padding: 12px 16px;
 font-size: 16px;
 font-weight: 600;
 cursor: pointer;
 display: block;
 transition: all 0.2s ease;
 box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07);
 width: 100%;
}
.payment button:hover {
 filter: contrast(115%);
}
.payment button:disabled {
 opacity: 0.5;
 cursor: default;
}

/* spinner/processing state, errors */
.payment .spinner,
.payment .spinner:before,
.payment .spinner:after {
 border-radius: 50%;
}
.payment .spinner {
 color: #ffffff;
 font-size: 22px;
 text-indent: -99999px;
 margin: 0px auto;
 position: relative;
 width: 20px;
 height: 20px;
 box-shadow: inset 0 0 0 2px;
 -webkit-transform: translateZ(0);
 -ms-transform: translateZ(0);
 transform: translateZ(0);
}
.payment .spinner:before,
.payment .spinner:after {
 position: absolute;
 content: "";
}
.payment .spinner:before {
 width: 10.4px;
 height: 20.4px;
 background: #5469d4;
 border-radius: 20.4px 0 0 20.4px;
 top: -0.2px;
 left: -0.2px;
 -webkit-transform-origin: 10.4px 10.2px;
 transform-origin: 10.4px 10.2px;
 -webkit-animation: loading 2s infinite ease 1.5s;
 animation: loading 2s infinite ease 1.5s;
}
.payment .spinner:after {
 width: 10.4px;
 height: 10.2px;
 background: #5469d4;
 border-radius: 0 10.2px 10.2px 0;
 top: -0.1px;
 left: 10.2px;
 -webkit-transform-origin: 0px 10.2px;
 transform-origin: 0px 10.2px;
 -webkit-animation: loading 2s infinite ease;
 animation: loading 2s infinite ease;
}

@-webkit-keyframes loading {
 0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
 }
 100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
 }
}
@keyframes loading {
 0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
 }
 100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
 }
}

.secureiban2 {
    text-align: justify;
}

.checkboxes {
    text-align: justify;
}

.new-option-choose {
    margin: 5px 0px 5px 0px;
    padding-right: 10px!important;
}