.box.w-hover:hover div {
    font-weight: bold;
    color: var(--color-content) !important;
}

.btn {
    background-color: var(--color-action) !important;
    box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.3);
    color: var(--color-action-text);
    text-transform: uppercase;
    border-radius: var(--border-radius-size);
    font-family: var(--font-family-2);
    text-shadow: -2px 2px 4px rgba(0, 0, 0, 0.3);
    padding: 0.4em 1.5em;
}

.btn-primary i {
    color: var(--color-action-text);
}

.btn.btn-primary:hover,
.btn.btn-danger:hover
 {
    color: #000 !important;
}

.btn:hover {
    border-color: #F2A71D !important;
  }
  
  .custom-input {
    display: inline-block;
    position: relative;
    padding-left: 30px; /* Adjust the size of the box */
    margin-right: 20px; /* Adjust the spacing between radio buttons */
  }
  
  .custom-input input {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
  }
  
  .custom-input label::before {
    content: "";
    display: inline-block;
    width: 20px; /* Adjust the size of the box */
    height: 20px; /* Adjust the size of the box */
    border: 2px solid #C2C9C9; /* Adjust the border style */
    position: absolute;
    left: 0;
    top: 0;
  }
  
  .custom-input input:checked + label::before {
    content: "\2713"; /* Checkmark symbol */
    font-size: 16px; /* Adjust the checkmark size */
    text-align: center;
    line-height: 16px; /* Align the checkmark vertically */
    color: white; /* Checkmark color */
    border: 2px solid rgb(1, 50, 34);
    background-color: rgb(1, 50, 34);
  }
  
  .form-group div label.group-label{
    font-size: 20px;
    font-weight: bolder;
    color: #343434;
    margin-top: 10px;
  }
  
  .radio-container, .sub-radio-container, .module-radio-container{
    background-color:transparent !important;
    color: #fff;
    padding: 10px;
    border-radius: 20px;
    margin-bottom: 5px !important;
    border: 1px solid #343434;
    padding-left: 15px;
  }
  
  .cat, .sub-cat, .mod-cat{
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
  }
  
  .radio-container label, .sub-radio-container label, .module-radio-container label{
    width: 25px;
  }
  
  .radio-container label::before, .sub-radio-container label::before, .module-radio-container label::before{
    content: "";
    display: inline-block;
    width: 20px; /* Adjust the size of the box */
    height: 20px; /* Adjust the size of the box */
    border: 2px solid #C2C9C9; /* Adjust the border style */
    position: absolute;
    left: -25px;
    top: 7px;
  }
  
  input.cat:checked + label::before, input.sub-cat:checked + label::before, input.mod-cat:checked + label::before {
    content: "\2713" !important; /* Checkmark symbol */
    font-size: 16px; /* Adjust the checkmark size */
    text-align: center;
    line-height: 16px; /* Align the checkmark vertically */
    color: white; /* Checkmark color */
    border: 2px solid rgb(1, 50, 34);
    background-color: rgb(1, 50, 34);
  }
  
  .slider{
      height: 10px;
      border-radius: 10%;
      background-color: #B05A15;
  }
  
  .slider::-moz-range-thumb {
    display: block;
    /* background: black; */
    border-radius: 50%;
    height: 20px;
    width: 20px;
    margin: 0;
    /* background: radial-gradient(circle at 20px 5px,  #000, #F3B218); */
    background-image: url('assets/images/pages/orb.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7);
    border: none;
  }


  .input-group .form-control {
    border: 1px solid #ced4da !important;
  }

  #main-content,
  .default-view {
    padding: 0 1rem;
    padding-top
  }

  .menu-mobile {
    padding-left: 2rem;
  }

  .menu-mobile .vl-card-title,
  .menu-mobile .text-secondary
   {
    font-size: 0.8rem;
  }

  .sidebar .nav .menu-mobile  i, .off-canvas-sidebar .nav .menu-mobile  i {
    font-size: 1rem;
    height: 30px;
  }

.btn-post-comment {
    height: 3rem;
    width: 3rem;
}

.comment-textbox {
    width: 80%;
}
.comment-sendbtn {
    width: fit-content;
}
.btn-post-comment i {
    margin-top: 0;
}

#vl-handout-card {
  background: url(/assets/images/pages/logo-back-drop.png);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
}

#handouts-canvas {
  padding-top: 1rem;
}

.pop-img img {
  max-width: 15rem;
  max-height: 6rem;
}

.btn {
  min-width: fit-content;
}

.vl-watch button:not(.dropdown-item, .btn-close) {
  height: 90%;
}
.comment-textbox {
  width: 79%;
}

.vl-watch .btn-close {
  float: right;
  margin-top: -2rem;
  margin-right: -2rem;
}


@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  #main-content {
    padding-top: 5rem !important;
  }
}

.input-with-icon select.form-control {
    padding-right: 40px !important;
}

.prepend-icon+select.form-control {
    padding-left: 40px !important;
}