.app_logo_sm{
   
    content: url('../images/payex.png');
    max-width: 25px !important;
  }
  
  .app_logo_lg{
     
    content: url('../images/payex.png');
    max-width: 45px !important;
  }
  
  .login-logo-light{
    content: url('../images/payex.png');
   max-width: 55px !important;
  }
  
  .login-logo-dark{
    content: url('../images/payex.png');
   max-width: 55px !important;
  }

   /* toogle */

   .custom-switch {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 15px;
    padding:.23rem .9rem; 
    border: 1px solid var(--ion-color-ttslClr13); 
    border-radius: 0.15rem; 
    box-shadow: 0 0 0 rgba(240,107,120,.5)
  }
  
  .switch-label {
    font-size: 15px;
    color: var(--ion-color-ttslClr13); 
  }
  
  /* Hide the actual checkbox */
  .form-check-input {
    opacity: 1;
    width: 0;
    height: 0;
  }
  
  .slider {
    display: inline-block;
    width: 45px;
    height: 25px; 
    background-color: red; 
    border-radius: 34px; 
    position: relative;
    transition: background-color 0.4s; 
  }
  
  .slider-handle {
    position: absolute;
    height: 18px !important; 
    width: 18px !important;
    top:3.48px !important; 
    left: 3.5px !important;
    right: 4px !important;
    background-color: white !important; 
    border-radius: 50%; 
    transition: transform 0.4s; 
    background-image: none !important;
  }
  
  
  .form-check-input:checked + .slider {
    background-color: green; 
  }
  
  .form-check-input:checked + .slider .slider-handle {
    transform: translateX(20px); 
  }