/* Custom Styles */
/* Devloper Side Bar Start */
        .dev-body {
            display: flex; margin: 0; 
        }
        .sn-devloper-sidebar {
            width: 250px;
            height: 100vh;
            background-color: #198754;
        }
        .sn-devloper-sidebar a {
            color: #fff;
            padding: 15px;
            display: block;
            text-decoration: none;
        }
        .sn-devloper-sidebar a:hover {
            background-color: #157347;
        }
        .content-dev {
            flex-grow: 1;
            padding: 30px;
        }
        td.action-buttons {
    display: flex;
    gap: 10px;
}
/* Admin Side Bar Start */
body.body.sn-admin-height {
    height: 100%;
}
.body {
        display: flex;
        height: 100vh;
     }
    .admin-sidebar {
      width: 270px !important;
      background-color: #343a40;
    }
    .admin-sidebar a {
      color: #fff;
      padding: 15px;
      display: block;
      text-decoration: none;
    }
    .admin-sidebar a:hover {
      background-color: #495057;
    }
    .sn-admin-dsh-con{
       background-color: #111 !important;
       color: #fff !important;
    }
    .content {
      flex-grow: 1;
      padding: 30px;
      background-color: #fff;
      color: #000;
    }
    .card {
         margin-bottom: 20px; 
        }
/* Sales Side Bar Start */

 .sales-body {
      display: flex;
    }
    .sales-sidebar {
      width: 250px;
      height: 100vh;
      background-color: #012269;
    }
    .sales-sidebar a {
      color: #fff;
      padding: 15px;
      display: block;
      text-decoration: none;
    }
    .sales-sidebar a:hover {
      background-color: #0b5ed7;
    }
    .sales-content {
      flex-grow: 1;
      padding: 30px;
    }
    

    /* login page */

    .sn-login-body {
      background: linear-gradient(135deg, #c9e8ff, #ffe9e9);
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }
    .login-box {
      background: #ffffff;
      border-radius: 12px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.15);
      width: 85%;
      display: flex;     
      overflow: hidden;
      height: 75%;
    }
    
    .radio-group {
      margin-bottom: 20px;
    }
    .form-check-label {
      font-weight: 500;
    }
    .btn-success {
      font-weight: 600;
    }
    .sn-left-img,.sn-form-width{
      width: 50%;
    }
    .sn-form-width {
    padding: 40px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.sn-form-width h3 {
    padding-bottom: 15px;
}
.sn-left-img{
  background-image: url("../../assets/img/img.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px;
}
.sn-left-img::after{
  content: "";
  position: absolute;
  background-color: #00000070;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
}
.sn-left-img h6 {
    font-size: 30px;
    color: #fff;
}
.sn-left-img p {
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin-top: 45px;
    line-height: 30px;
}
.login-form-hd h2 {
    color: #fff;
    margin-bottom: 60px;
    font-size: 33px;
    margin-top: 20px;
}
.sn-bouns-text {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}

.wave-text span {
  position: relative;
  top: 20px;
  display: inline-block;
  animation: bounce 0.8s ease-in-out infinite alternate;
}

@keyframes bounce {
  100% {
    top: -20px;
    text-shadow: 0 1px #ccc,
                 0 2px #ccc,
                 0 3px #ccc,
                 0 4px #ccc,
                 0 5px #ccc,
                 0 6px #ccc,
                 0 7px #ccc,
                 0 8px #ccc,
                 0 9px #ccc,
                 0 50px 25px rgba(0, 0, 0, 0.2);
  }
}
#page-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #c9e8ff, #ffe9e9);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.loader-content img {
  width: 100%;
  animation: zoomInDown 2.5s ease forwards;
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: scale(0.3) translateY(-1000px);
  }
  60% {
    opacity: 1;
    transform: scale(1.05) translateY(30px);
  }
  80% {
    transform: scale(0.95) translateY(-10px);
  }
  100% {
    transform: scale(1) translateY(0);
  }
}


/* box animate */

.animated-border-box {
      border-radius: 8px;
      position: relative;
      background-color: #222;
      z-index: 0;
      color: #fff;
    }

    
    .animated-border-box::before {
      content: "";
      position: absolute;
      top: -1px;
      left: -1px;
      right: -1px;
      bottom: -1px;
      border-radius: inherit;
      background: radial-gradient(
        transparent,
        transparent,
        #A07CFE,
        #FE8FB5,
        #FFBE7B,
        transparent,
        transparent
      );
      z-index: -1;
      background-size: 200% 200%;
      animation: borderPulse 14s linear infinite;
      mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
      -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
      mask-composite: exclude;
      -webkit-mask-composite: xor;
      padding: 1px; /* For the visible border */
    }

    @keyframes borderPulse {
      0% {
        background-position: 0% 50%;
      }
      50% {
        background-position: 100% 50%;
      }
      100% {
        background-position: 0% 50%;
      }
    }