/* View Width : Parth Patel */
.vw-5 {
  width: 5vw !important;
}

.vw-10 {
  width: 10vw !important;
}

.vw-15 {
  width: 15vw !important;
}

.vw-20 {
  width: 20vw !important;
}

.vw-25 {
  width: 25vw !important;
}

.vw-30 {
  width: 30vw !important;
}

.vw-35 {
  width: 35vw !important;
}

.vw-40 {
  width: 40vw !important;
}

.vw-45 {
  width: 45vw !important;
}

.vw-50 {
  width: 50vw !important;
}

.vw-55 {
  width: 55vw !important;
}

.vw-60 {
  width: 60vw !important;
}

.vw-65 {
  width: 65vw !important;
}

.vw-70 {
  width: 70vw !important;
}

.vw-75 {
  width: 75vw !important;
}

.vw-80 {
  max-width: 80vw;
  width: 80vw !important;
}

.vw-85 {
  width: 85vw !important;
}

.vw-90 {
  width: 90vw !important;
}

.vw-95 {
  width: 95vw !important;
}

.vw-100 {
  width: 100vw !important;
}


/* Border : Parth Patel */
.br-top {
  border-top: 3px solid #EEEEEE;
}






/* Button  Classes : Parth Patel */
/* Basic Button Styles */
.ln-button {
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  color: #6d7072;
  background-color: #fff;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Hover Effect */
.ln-button:hover {
  background-color: #757575;
  color: #fff;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  text-decoration: none;
}

/* Active Effect */
.ln-button:active {
  transform: translateY(2px);
}

/* Focus Effect */
.ln-button:focus {
  outline: none;
  box-shadow: 0 0 10px #757575;
}

/* Disabled State */
.ln-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Additional Styling */
.ln-button.success {
  border-color: #2ecc71;
  color: #2ecc71;
}

.ln-button.success:hover {
  background-color: #2ecc71;
  color: #fff;
}

.ln-button.warning {
  border-color: #e74c3c;
  color: #e74c3c;
}

.ln-button.warning:hover {
  background-color: #e74c3c;
  color: #fff;
}

.ln-button-1 {

  color: #616161;
  background-color: var(--menu-panel-shade);
  transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Hover Effect */
.ln-button-1:hover {
  background-color: #616161;
  color: var(--menu-panel-shade);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  text-decoration: none;
}

/* Active Effect */
.ln-button-1:active {
  transform: translateY(2px);
}

/* Focus Effect */
.ln-button-1:focus {
  outline: none;
  box-shadow: 0 0 10px #757575;
}

/* Disabled State */
.ln-button-1:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Additional Styling */
.ln-button-1-1.default {
  border-color: #454645;
  color: #2ecc71;
}

.ln-button-1.default:hover {
  background-color: #2ecc71;
  color: #fff;
}

.ln-button-1.warning {
  border-color: #e74c3c;
  color: #e74c3c;
}

.ln-button-1.warning:hover {
  background-color: #e74c3c;
  color: #fff;
}

.ln-button-2 {

  color: #616161;
  background-color: #EEEEEE;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Hover Effect */
/* .ln-button-2:hover {
  background-color: #616161;
  color: var(--menu-panel-shade);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  text-decoration: none;
} */

/* Active Effect */
.ln-button-2:active {
  transform: translateY(2px);
}

/* Focus Effect */
.ln-button-2:focus {
  outline: none;
  box-shadow: 0 0 10px #757575;
}

/* Disabled State */
.ln-button-2:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}