:root {
  --man_color: #4AA1DA;
  --woman_color: #F756FF;
  --bkcolor_1: #000000;
  --color_1: #4AA1DA;
  --bkcolor_2: #FF8E06;
  --color_2: #FFFFFF;
  --bkcolor_3: #5082FF;
  --color_3: #FFFFFF;
  --bkcolor_4: #FF8E06;
  --color_4: #FFFFFF;
  --bkcolor_5: #1C1C1C;
  --color_5: #FFFFFF;
  --bkcolor_6: #FF8E06;
  --color_6: #FFFFFF;
  --app_color: #FF8E06;
  --bkcolor_7: #FFF;
  --color_7: #000;
  --bkcolor_8: #232323;
  --bkcolor_9: #649613;
  --bkcolor_10: #FFFFFF;
  --bkcolor_11: #FFFFFF;
  --color_12: #FFFFFF;
  --color_13: #000000;
  --bkcolor_14: #FF8E06;
  --color_15: #000000;
  --bkcolor_16: #83B532;
  --bkcolor_17: #FFFFFF;
  --bkcolor_18: #000000;
  --bkcolor_20: #FF8E06;
  --color_20: #000000;
  --color_21: #000000;
  --color_22: #000000;
  --color_23: #2A2D33;
  --bkcolor_24: #5082FF;
  --bkcolor_26: #000000;
  --font_1: Arial;
  --font_1_url: [FONT1_URL];
  --font_2: Arial;
  --font_2_url: [FONT2_URL];
  --font_3: Arial;
  --font_3_url: [FONT3_URL];
  --font_4: Arial;
  --font_4_url: [FONT4_URL];
  --font_5: Arial;
  --font_5_url: [FONT5_URL];
  --font_6: JetSet, Arial;
  --font_6_url: [FONT6_URL];
  --font_7: Arial;
  --font_7_url: [FONT7_URL];
}
/* ---------  Header --------- */
header {
  position: fixed;
  top: 0px;
  width: 100%;
  border-bottom: 1px solid #4AA1DA;
  background-color: #000000;
  min-height: 40px;
  color: #4AA1DA;
  z-index: 1000000;
  min-width: 300px;
}
header .center_logo {
  float: left;
  min-height: inherit;
  display: flex;
  align-items: center;
  margin-left: 15px;
  max-height: 40px;
  max-width: 60px;
  height: 40px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-right: -8px;
  display: none;
}
header .center_logo img {
  max-height: 100%;
  max-width: 100%;
}
header .page_link .center_logo {
  margin-right: 12px;
}
@media (max-width: 767px) {
  header .page_link .center_logo {
    display: none!important;
  }
  header .page_link .link_ranking .a_rank img {
    display: inline!important;
  }
}
header .center_name {
  float: left;
  min-height: inherit;
  display: flex;
  align-items: center;
  font-weight: bold;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 50%;
  max-height: 40px;
  line-height: 13px;
  display: none;
}
@media (max-width: 767px) {
  header .center_name {
    max-width: 40%;
  }
}
@media (max-width: 450px) {
  header .center_name {
    display: none!important;
  }
}
header .link_ranking,
header .link_leaderboards {
  padding-top: 8px;
}
header .link_ranking {
  float: left;
}
header .link_leaderboards {
  float: left;
  padding-right: 9px;
}
header .link_ranking a,
header .link_leaderboards a,
header .show_login {
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
header .link_ranking a:hover,
header .link_leaderboards a:hover,
header .show_login:hover {
  opacity: 0.8;
}
header .link_ranking .a_before img {
  width: 20px;
  margin-top: -8px;
  margin-left: 10px;
}
header .link_ranking .a_rank img {
  width: 22px;
  margin-left: 9px;
  margin-right: 9px;
  padding-bottom: 4px;
}
header .link_ranking .a_rank p,
header .a_leaderboards p,
header .show_login p {
  font-family: Arial;
  display: inline-block;
  font-size: 16px;
}
header .top_link {
  float: right;
  height: 39px;
}
header .top_link button {
  height: 22px;
  background-color: #000;
  color: #fff;
  border: 1px solid #4aa1da;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 13px;
  margin-top: 9px;
  margin-right: 20px;
  -webkit-transition: color 0.7s;
  -moz-transition: color 0.7s;
  -ms-transition: color 0.7s;
  -o-transition: color 0.7s;
  transition: color 0.7s;
  float: left;
}
header .top_link button:hover {
  color: #4aa1da;
}
header .top_link button:active {
  background-color: #233041;
}
header .link_ranking .separate {
  width: 1px;
  background-color: #4AA1DA;
  height: 29px;
  opacity: 0.5;
  margin-left: 10px;
  margin-right: 1px;
  margin-bottom: -9px;
  margin-top: -4px;
  display: inline-block;
}
header .separate {
  width: 1px;
  background-color: #4AA1DA;
  height: 29px;
  margin-top: 5px;
  margin-bottom: 5px;
  float: left;
  opacity: 0.5;
  margin-left: 20px;
  margin-right: 20px;
}
header .top_link a {
  float: left;
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
header .top_link .member_result[href]:hover {
  opacity: 0.8;
}
header .top_link .member_result:not([href]) {
  cursor: default;
}
header .top_link .member_result p {
  font-family: Arial;
  display: inline-block;
  font-size: 12px;
  padding-top: 12px;
  margin-left: 5px;
}
header .top_link .member_result img {
  width: 38px;
  height: 29px;
  margin-bottom: 4px;
}
header .top_link .friends_result img {
  width: 24px;
  margin-top: 6px;
}
header .top_link .email img {
  width: 29px;
  margin-top: 9px;
}
header .div_parameters {
  float: left;
}
header .div_parameters .parameters {
  float: left;
  position: relative;
}
header .div_parameters .parameters p {
  display: none;
}
header .div_parameters .parameters img {
  width: 19px;
  margin-top: 10px;
}
header .div_parameters .parameters[data-warning="1"]:after {
  box-shadow: -2px 2px rgba(0, 0, 0, 0.35);
  content: '';
  width: 15px;
  height: 14px;
  background-color: #F44336;
  display: block;
  position: absolute;
  bottom: 10px;
  right: -7px;
  content: '!';
  text-align: center;
  color: #fff;
  font-weight: bold;
  border-radius: 100%;
  line-height: 15px;
  font-size: 12px;
}
header .top_link .friends_result,
header .top_link .email,
header .div_parameters .parameters {
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
header .top_link .friends_result:hover,
header .top_link .email:hover,
header .div_parameters .parameters:hover {
  opacity: 0.7;
}
header .show_login {
  float: right;
  cursor: pointer;
  padding-top: 10px;
}
header .show_login p {
  margin-right: 7px;
  font-size: 14px;
}
header .show_login .padlock {
  width: 23px;
  margin-top: -6px;
  margin-right: 15px;
}
header .members_family {
  float: left;
  height: 39px;
  position: relative;
  display: flex;
  align-items: center;
}
header .members_family:not(:has(ul li)) {
  /* si tout les enfants sont adulte il y aura members_family mais aucun li  */
  display: none;
}
header .members_family div {
  height: 24px;
  margin-left: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 23px;
  padding-left: 6px;
  padding-right: 6px;
  margin-right: -6px;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity 0.2s, background-color 0.2s;
  -moz-transition: opacity 0.2s, background-color 0.2s;
  -ms-transition: opacity 0.2s, background-color 0.2s;
  -o-transition: opacity 0.2s, background-color 0.2s;
  transition: opacity 0.2s, background-color 0.2s;
  background-color: transparent;
}
header .members_family div:after {
  font-family: 'fontawesome';
  content: '\f0d7';
}
header .members_family div:hover {
  background-color: rgba(134, 134, 134, 0.4);
  opacity: 0.8;
}
header .members_family ul {
  position: absolute;
  top: calc(102%);
  top: calc(100% + 2px);
  /*for less*/
  right: -20px;
  box-shadow: -1px 3px 4px rgba(0, 0, 0, 0.5);
  user-select: none;
}
header .members_family ul li {
  white-space: nowrap;
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #000000;
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  cursor: pointer;
}
header .members_family ul li:hover {
  opacity: 0.8;
}
header .members_family ul.hidden {
  display: none;
}
@media (min-width: 768px) {
  header .page_link {
    display: block !important;
  }
}
@media (max-width: 767px) {
  header .page_link {
    display: none;
    position: absolute;
    top: 40px;
    border-bottom: 1px solid #4AA1DA;
    background-color: #000000;
    width: 100%;
    padding-bottom: 5px;
  }
  header .separate {
    margin-left: 10px;
    margin-right: 0px;
  }
  header .page_link .separate {
    display: none;
  }
  header .page_link .link_ranking,
  header .page_link .link_leaderboards {
    width: 100%;
  }
  header .page_link .link_ranking .a_rank img {
    margin-left: 19px;
  }
  header .page_link .link_leaderboards {
    margin-left: 53px;
  }
  header .link_ranking .a_rank p,
  header .a_leaderboards p {
    font-size: 14px;
  }
  header .member_menu_link .separate {
    display: none;
  }
  header .div_parameters {
    float: right;
    clear: both;
  }
  header .div_parameters .parameters p {
    padding-top: 10px;
    float: left;
    font-size: 14px;
    display: block;
    font-family: Arial;
  }
  header .div_parameters .parameters img {
    margin-right: 14px;
    margin-left: 20px;
  }
  header .div_parameters .parameters[data-warning="1"]:after {
    right: 7px;
  }
  header .member_menu_link .show_login.logout {
    clear: both;
  }
}
/* ---------  Button top bar  ---------  */
header .button_top_bar {
  float: left;
  margin-left: 18px;
  margin-top: 8px;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  display: none;
}
header .button_top_bar:hover {
  opacity: 0.8;
}
header .button_top_bar img {
  width: 22px;
  cursor: pointer;
}
@media (max-width: 767px) {
  header .button_top_bar {
    display: block;
  }
}
/* ---------  Button Member Menu  ---------  */
header .member_menu_link {
  float: right;
}
@media (min-width: 768px) {
  header .member_menu_link {
    display: block !important;
  }
}
header .button_member_menu {
  float: right;
  display: none;
  padding-left: 20px;
  padding-right: 17px;
  padding-top: 11px;
  padding-bottom: 6px;
  cursor: pointer;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
header .button_member_menu:hover {
  opacity: 0.8;
}
header .button_member_menu img {
  width: 16px;
}
@media (max-width: 767px) {
  header .member_menu_link {
    display: none;
    position: absolute;
    right: 0px;
    top: 40px;
    border-bottom: 1px solid #4AA1DA;
    background-color: #000000;
    width: 100%;
    padding-bottom: 5px;
  }
  header .button_member_menu {
    display: block;
  }
  header .member_menu_link .separate {
    display: none;
  }
  header .show_login .padlock {
    margin-right: 8px;
    margin-left: 12px;
  }
}
header .button_member_menu.rotate_180 {
  padding-top: 8px;
  padding-bottom: 9px;
}
header .button_member_menu.rotate_180 img {
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}
/* ---------  Pop Up  ---------  */
.header_pop_up {
  position: fixed;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  z-index: 100000;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
}
/* ---------  Login  ---------  */
.header_pop_up .login {
  background-color: #000000;
  border: 2px solid #4AA1DA;
  width: 380px;
  padding-bottom: 10px;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.7);
  -khtml-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.7);
  -moz-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.7);
  -ms-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.7);
  box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.7);
  font-family: Arial;
  position: absolute;
  display: none;
  top: 0px;
  right: 0px;
  overflow: visible !important;
}
.header_pop_up .login input,
.header_pop_up .login input:focus,
.header_pop_up .login select,
.header_pop_up .login select:focus {
  outline: none;
}
.header_pop_up .login .div_photo {
  position: absolute;
  top: -76px;
  left: 0px;
  width: 100%;
  z-index: 200;
}
.header_pop_up .login .div_photo > div {
  background-color: #4AA1DA;
  width: 110px;
  height: 110px;
  border-radius: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3px;
  position: relative;
}
.header_pop_up .login .div_photo > div:after {
  border-style: solid;
  border-width: 16px 8px 0 8px;
  border-color: #4AA1DA transparent transparent transparent;
  content: " ";
  position: absolute;
  left: 48px;
  bottom: -14px;
}
.header_pop_up .login .div_photo > div > div {
  border-radius: 100%;
  overflow: hidden;
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  line-height: 0px;
  background-image: url("../../../images/member_photo.png");
  background-size: auto 100%;
  background-position: center;
  position: relative;
  background-repeat: no-repeat;
  background-color: #353a43;
}
.header_pop_up .login .div_photo > div > div > div {
  width: 146px;
  height: 146px;
  position: absolute;
  background-color: rgba(171, 171, 171, 0.19);
  top: -78px;
  left: -67px;
  border-radius: 100%;
  box-shadow: 2px 2px 1px rgba(171, 171, 171, 0.19);
}
.header_pop_up .login .div_photo > div > div[style*="media"] > div {
  background-color: rgba(255, 255, 255, 0.19);
  box-shadow: 2px 2px 1px rgba(255, 255, 255, 0.19);
}
.header_pop_up .login .div_login,
.header_pop_up .div_password,
.header_pop_up .login .div_email,
.header_pop_up .login .div_pseudo,
.header_pop_up .login .div_birth,
.header_pop_up .login .div_card,
.header_pop_up .login .div_new_email,
.header_pop_up .login .div_new_password,
.header_pop_up .login .div_confirm_password {
  width: 100%;
  overflow: hidden;
  height: 34px;
  min-height: 34px;
  max-height: 34px;
}
.header_pop_up .login .div_login {
  margin-top: 60px;
}
.header_pop_up .login .div_password {
  margin-top: 16px;
}
.header_pop_up .login .div_login .shake,
.header_pop_up .login .div_password .shake,
.header_pop_up .login .div_email .shake,
.header_pop_up .login .div_pseudo .shake,
.header_pop_up .login .div_birth .shake,
.header_pop_up .login .div_card .shake,
.header_pop_up .login .div_new_email .shake,
.header_pop_up .login .div_new_password .shake,
.header_pop_up .login .div_confirm_password .shake {
  min-width: 250px;
  width: 250px;
  min-height: 34px;
  margin-left: auto;
  margin-right: auto;
}
.header_pop_up .login .div_login .div_image,
.header_pop_up .login .div_password .div_image,
.header_pop_up .login .div_email .div_image,
.header_pop_up .login .div_pseudo .div_image,
.header_pop_up .login .div_birth .div_image,
.header_pop_up .login .div_card .div_image,
.header_pop_up .login .div_new_email .div_image,
.header_pop_up .login .div_new_password .div_image,
.header_pop_up .login .div_confirm_password .div_image {
  width: 40px;
  float: left;
  background-color: #4AA1DA;
  height: 34px;
  line-height: 34px;
  text-align: center;
}
.header_pop_up .login .div_login img,
.header_pop_up .login .div_password img,
.header_pop_up .login .div_email img,
.header_pop_up .login .div_pseudo img,
.header_pop_up .login .div_birth img,
.header_pop_up .login .div_card img,
.header_pop_up .login .div_new_email img,
.header_pop_up .login .div_new_password img,
.header_pop_up .login .div_confirm_password img {
  width: 60%;
}
.header_pop_up .login .div_login input,
.header_pop_up .login .div_password input,
.header_pop_up .login .div_email input,
.header_pop_up .login .div_pseudo input,
.header_pop_up .login .div_birth input,
.header_pop_up .login .div_card input,
.header_pop_up .login .div_new_email input,
.header_pop_up .login .div_new_password input,
.header_pop_up .login .div_confirm_password input {
  width: 210px;
  float: left;
  height: 34px;
  border: 1px solid #4AA1DA;
  padding-left: 6px;
  padding-right: 6px;
  background-color: #fff;
  color: #000;
}
.header_pop_up .login input[type="submit"] {
  border: none;
}
.header_pop_up .login input[type="button"],
.header_pop_up .login input[type="submit"] {
  min-width: 250px;
  width: 250px;
  height: 22px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: 35px;
  background-color: #4AA1DA;
  color: #FFFFFF;
  color: #F1F1F1;
  color: #FFFFFF;
  -webkit-transition: background-color 0.15s linear, color 0.15s linear;
  -moz-transition: background-color 0.15s linear, color 0.15s linear;
  -ms-transition: background-color 0.15s linear, color 0.15s linear;
  -o-transition: background-color 0.15s linear, color 0.15s linear;
  transition: background-color 0.15s linear, color 0.15s linear;
  margin-top: 28px;
  outline: none;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
}
.header_pop_up .login input[type="button"]:hover,
.header_pop_up .login input[type="submit"]:hover,
.header_pop_up .login input[type="button"]:focus,
.header_pop_up .login input[type="submit"]:focus {
  color: #fff;
  background-color: #38D059;
}
.header_pop_up .login input[type="button"]:active,
.header_pop_up .login input[type="submit"]:active {
  background-color: #2FAF4B;
  -webkit-transition: background-color 0s linear;
  -moz-transition: background-color 0s linear;
  -ms-transition: background-color 0s linear;
  -o-transition: background-color 0s linear;
  transition: background-color 0s linear;
}
.header_pop_up .login .forget_password {
  color: #FFFFFF;
  font-size: 12px;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 2px;
  cursor: pointer;
  opacity: 0.7;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  padding-left: 10px;
  padding-right: 10px;
}
.header_pop_up .login .forget_password:hover {
  opacity: 1;
}
.header_pop_up .login .close_login {
  position: absolute;
  right: 7px;
  top: 7px;
  cursor: pointer;
  z-index: 400;
}
.header_pop_up .login .close_login:hover {
  opacity: 0.8;
}
.header_pop_up .login .error_message {
  text-align: center;
  color: #F00;
  font-size: 12px;
  margin-bottom: -10px;
  margin-top: 8px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 500px) {
  .header_pop_up .login {
    width: 270px;
  }
  .header_pop_up .login .div_login .shake,
  .header_pop_up .login .div_password .shake,
  .header_pop_up .login .div_email .shake,
  .header_pop_up .login .div_pseudo .shake,
  .header_pop_up .login .div_birth .shake,
  .header_pop_up .login .div_card .shake,
  .header_pop_up .login .div_new_email .shake,
  .header_pop_up .login .div_new_password .shake,
  .header_pop_up .login .div_confirm_password .shake {
    min-width: 226px;
    width: 226px;
  }
  .header_pop_up .login .div_login input,
  .header_pop_up .login .div_password input,
  .header_pop_up .login .div_email input,
  .header_pop_up .login .div_pseudo input,
  .header_pop_up .login .div_birth input,
  .header_pop_up .login .div_card input,
  .header_pop_up .login .div_new_email input,
  .header_pop_up .login .div_new_password input,
  .header_pop_up .login .div_confirm_password input {
    width: 186px;
  }
  .header_pop_up .login input[type="button"],
  .header_pop_up .login input[type="submit"] {
    width: 226px;
    min-width: 226px;
  }
}
@media (max-height: 470px) {
  .header_pop_up .login .div_photo {
    display: none;
  }
  .header_pop_up .login .div_login {
    margin-top: 24px;
  }
}
@media (max-height: 470px) and (max-width: 500px) {
  .header_pop_up .login .close_login {
    top: 0px;
    right: 0px;
  }
}
/* ---------  Forgotten Password  ---------  */
.header_pop_up .forgotten_password_form {
  display: none;
}
.header_pop_up .div_email {
  margin-top: 35px;
}
.header_pop_up .forgotten_password_form p {
  text-align: center;
  color: #4AA1DA;
  font-size: 16px;
}
.header_pop_up .login .forgotten_password_form .div_photo > div > div {
  background-image: url("../../../images/envelope_3.png");
}
.header_pop_up .login .forgotten_password_form.email_send .div_photo > div > div {
  background-image: url("../../../images/send_email_2.png");
}
.header_pop_up .login .div_email {
  margin-top: 25px;
}
/*
.header_pop_up .forgotten_password_form input{
	margin-bottom: 0px;
}
*/
.header_pop_up .forgotten_password_form.email_send .send_new_password {
  display: none;
}
.header_pop_up .forgotten_password_form:not(.email_send) .new_password_sending {
  display: none;
}
.header_pop_up .forgotten_password_form .new_password_sending p {
  font-size: 14px;
  background-color: #4AA1DA;
  color: #FFFFFF;
  color: #F1F1F1;
  color: #FFFFFF;
  padding: 10px;
  margin-top: 65px;
}
.header_pop_up .forgotten_password_form .new_password_sending p.email {
  margin-top: 20px;
  margin-bottom: 20px;
}
.header_pop_up .forgotten_password_form .new_password_info {
  font-size: 13px;
  background-color: #4AA1DA;
  color: #FFFFFF;
  color: #F1F1F1;
  color: #FFFFFF;
  padding: 10px;
  margin-top: 52px;
}
@media (max-height: 470px) {
  .header_pop_up .forgotten_password_form .new_password_info {
    margin-top: 39px;
  }
  .header_pop_up .forgotten_password_form .new_password_sending p {
    margin-top: 45px;
  }
}
/* ---------  Check Login Car Member  ---------  */
.header_pop_up .login .div_pseudo,
.header_pop_up .login .div_birth,
.header_pop_up .login .div_card {
  margin-top: 16px;
}
.header_pop_up .check_card_member_form .birth {
  overflow: hidden;
  padding: 0px;
  background-color: #fff;
  color: #000;
  border: 1px solid #4AA1DA;
  position: relative;
}
.header_pop_up .check_card_member_form .birth.error {
  border-color: #f00;
  outline: 1px solid #f00;
}
.header_pop_up .check_card_member_form .birth select {
  float: left;
  width: 33.333333333%;
  border: none;
  font-size: 12px;
  height: 32px;
  padding-left: 8px;
}
.header_pop_up .check_card_member_form .birth select:focus,
.header_pop_up .check_card_member_form .birth select:active {
  outline: none;
}
.header_pop_up .check_card_member_form .birth input {
  position: absolute;
  top: 0px;
  left: 0px;
  border: none;
  cursor: pointer;
}
.header_pop_up .check_card_member_form p:not(.error_message) {
  text-align: center;
  background-color: #4AA1DA;
  margin-top: 52px;
  padding: 10px;
  color: #FFFFFF;
  color: #F1F1F1;
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 8px;
}
.header_pop_up .check_card_member_form input[type="tel"] {
  margin-bottom: 0px;
  /* for sheck */
}
.header_pop_up .login label {
  width: 250px;
  margin-left: auto;
  margin-right: auto;
  color: #4AA1DA;
  text-align: center;
  display: block;
  font-weight: normal;
  height: 20px;
  line-height: 19px;
  font-size: 13px;
}
.header_pop_up .login .check_card_member_form {
  padding-bottom: 10px;
}
@media (max-height: 470px) {
  .header_pop_up .check_card_member_form p:not(.error_message) {
    margin-top: 39px;
  }
  .header_pop_up .check_card_member_form p:not(.error_message) {
    font-size: 13px;
  }
}
/* ---------  Login Car Member  ---------  */
.header_pop_up .card_member_form p:not(.error_message) {
  text-align: center;
  background-color: #4AA1DA;
  color: #FFFFFF;
  color: #F1F1F1;
  color: #FFFFFF;
  font-size: 16px;
  margin-bottom: 8px;
  margin-top: 52px;
  padding: 10px;
}
.header_pop_up .login .div_new_email,
.header_pop_up .login .div_new_password,
.header_pop_up .login .div_confirm_password {
  margin-top: 16px;
}
.header_pop_up .card_member_form input[name="confirm_password"] {
  margin-bottom: 0px;
  /* for sheck */
}
.header_pop_up .login .card_member_form {
  padding-bottom: 10px;
}
.header_pop_up .login .card_member_form .div_photo > div > div {
  background-image: url("../../../images/cadenas_open.png");
  background-size: auto 83%;
}
@media (max-height: 500px) {
  .header_pop_up .card_member_form p:not(.error_message) {
    font-size: 13px;
  }
}
@media (max-height: 470px) {
  .header_pop_up .card_member_form p:not(.error_message) {
    margin-top: 39px;
  }
}
/* ---------  Header Admin  ---------  */
header .admin_menu_link {
  float: right;
}
header .top_link .admin_color {
  width: 20px;
  height: 20px;
  float: left;
  margin-top: 10px;
  margin-right: 3px;
}
header .top_link .admin_name {
  float: left;
}
header .div_fullscreen {
  float: left;
  width: 25px;
  margin-top: 7px;
  margin-left: 12px;
}
header .div_fullscreen img {
  width: 100%;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
header .div_fullscreen img:hover,
header .div_fullscreen img:focus {
  opacity: 0.8;
}
.header_pop_up .login .login_form_admin {
  padding-bottom: 10px;
}
.header_pop_up .login .login_form_admin .div_photo > div > div {
  background-image: url("../../../images/user_admin.png");
}
/* ---------  Header Company  ---------  */
header .top_link .member_result .store {
  width: 26px;
  height: auto;
  opacity: 0.9;
}
.header_pop_up .login .login_form_company {
  padding-bottom: 10px;
}
.header_pop_up .login .login_form_company .div_photo > div > div {
  background-image: url("../../../images/store_2.png");
  background-size: 86%;
}