﻿.lost-pass-form-ctn,
.login-form-ctn {
  text-align: center; }
  .lost-pass-form-ctn #restoreForm, .lost-pass-form-ctn #emailSubmitForm, .lost-pass-form-ctn form,
  .login-form-ctn #restoreForm,
  .login-form-ctn #emailSubmitForm,
  .login-form-ctn form {
    margin: auto;
    text-align: left; }

.syndicate {
  padding: 100px 0; }
  .syndicate h1 {
    width: 100%; }
  .syndicate .table-ctn {
    text-align: left;
    overflow: scroll; }
    .syndicate .table-ctn > * {
      border-spacing: 0; }
    .syndicate .table-ctn td,
    .syndicate .table-ctn th {
      border-bottom: 1px solid #189ad6;
      padding: 15px 10px; }

.edit-password,
.edit-info {
  width: 100%;
  max-width: 900px; }

.menu-dashboard {
  padding-left: 0;
  margin-bottom: 50px; }
  .menu-dashboard li {
    display: inline-block;
    margin-right: 20px; }

.menu-detail-membre {
  display: flex;
  justify-content: space-between;
  width: 100%; }

table {
  width: 100%; }
  table input {
    width: 100%; }

.confirm-dialog {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.5); }
  .confirm-dialog .close-modal {
    border: 0;
    background: none;
    margin-left: auto;
    font-size: 2rem;
    display: block;
    cursor: pointer; }
  .confirm-dialog .modal-content {
    background-color: #fff;
    padding: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    max-width: 600px;
    transform: translate(-50%, -50%); }
    .confirm-dialog .modal-content .modal-title {
      font-size: 1.5rem;
      text-transform: uppercase;
      width: 100%;
      text-align: center; }
    .confirm-dialog .modal-content label {
      display: block;
      margin-bottom: 20px; }
    .confirm-dialog .modal-content textarea {
      width: 100%;
      min-height: 150px; }
    .confirm-dialog .modal-content .btn-ctn {
      margin-top: 50px; }
      @media (max-width: 767px) {
        .confirm-dialog .modal-content .btn-ctn {
          flex-wrap: wrap; }
          .confirm-dialog .modal-content .btn-ctn .btn {
            width: 100%;
            max-width: 100%; }
          .confirm-dialog .modal-content .btn-ctn .confirm {
            margin-left: 0 !important;
            margin-top: 25px; } }
      .confirm-dialog .modal-content .btn-ctn .confirm {
        margin-left: 20px; }

.loading-overlay img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px; }
