.loader{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }

  /* .form-control:focus {
    border-color: #4A505F;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #4A505F;
  } */

  .login-card-body .input-group .input-group-text,
  .register-card-body .input-group .input-group-text {
    background-color: #dee2e6;
    border-bottom-right-radius: 0.25rem;
    border-left: 0;
    border-top-right-radius: 0.25rem;
    color: rgb(202, 178, 178);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  .table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
  }
  
  .table td {
    padding: 0.40rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
  }

  .table tr:nth-child(even) {background-color: #f2f2f2;}

  .content-wrapper {
    background-color: #f9f9fb;
  }

  .imagecheck-image {
    max-width: 100%;
    image-rendering: -webkit-optimize-contrast;
    opacity: .64;
    transition: .3s opacity; }
    .imagecheck-image:first-child {
      border-top-left-radius: 2px;
      border-top-right-radius: 2px; 
    }
  
    .imagecheck-image:last-child {
      border-bottom-left-radius: 2px;
      border-bottom-right-radius: 2px; 
    }
  
  .imagecheck:hover .imagecheck-image {
    opacity: 1; 
  }
  
  .imagecheck-input:focus ~ .imagecheck-figure .imagecheck-image, .imagecheck-input:checked ~ .imagecheck-figure .imagecheck-image {
    opacity: 1; 
  }
  
  .imagecheck-caption {
    text-align: center;
    padding: .25rem .25rem;
    color: #9aa0ac;
    font-size: 0.875rem;
    transition: .3s color; 
  }
  
  .imagecheck:hover .imagecheck-caption {
    color: #495057; 
  }
  
  .imagecheck-input:focus ~ .imagecheck-figure .imagecheck-caption, .imagecheck-input:checked ~ .imagecheck-figure .imagecheck-caption {
    color: #495057; 
  }

  .profile-user-img-photo {
    border: 3px solid #f3f6f8;
    margin: 0 auto;
    padding: 1px;
    width: 98px;
  }