:root {
    --primary: rgb(0, 122, 255);
    --primary-dark: rgb(3, 96, 206);
    --primary-70: rgba(0, 122, 255, 0.7);
    --primary-50: rgba(0, 122, 255, 0.5);
    --primary-30: rgba(0, 122, 255, 0.3);
    --primary-10: rgba(0, 122, 255, 0.1);
    --logo: #ffffff;
    --sidebar-icon: #242431FF;
}

/* ------------------>  Sidebar Start  <------------------ */

/*.w-sidebar .text-white :hover {*/
/*    color: var(--primary);*/
/*}*/

/*.dim:hover {*/
/*    --sidebar-icon: var(--primary);*/
/*}*/

/*.dim:active {*/
/*    --sidebar-icon: var(--primary);*/
/*}*/

/*.router-link-active{*/
/*    color: var(--primary) !important;*/
/*}*/

/*.sidebar-label :active{*/
/*    color: var(--primary) !important;*/
/*}*/

/*.w-sidebar h3 :active {*/
/*    color: var(--primary);*/
/*}*/

/*div .w-sidebar {*/
/*    background-color: rgb(247 247 247);*/
/*    color: rgb(247 247 247);*/
/*}*/

/*Sidebar menu items color*/
.w-sidebar .text-white {
  color: #242431FF;
}


/*Sidebar menu background color*/
.bg-grad-sidebar {
  background-image: -webkit-gradient(
          linear,
          left bottom,
          left top,
          from(rgb(247 247 247)),
          to(rgb(247 247 247))
  );

  background-image: linear-gradient(
          0deg,
          rgb(247 247 247),
          rgb(247 247 247)
  );
}
/* ------------------>  Sidebar End  <------------------ */

/*Pages main background color*/
div .content {
  background-color: #ffffff;
}

/*Cards background color*/
div .card {
  background-color: rgb(247 247 247);
}

/*Select boxes in cards, filters, actions*/
select{
  background-color: #ffffff !important;
}

:root {
    --logo: #ffffff;
}

.sidebar-label {
    font-weight: 500;
}

.table th {
    background-color: #ffffff;
}

.card .relative .bg-20 {
    background-color: #ffffff;
}


.helpdesk-custom-dropdown{
    cursor: none !important;
}

.helpdesk-custom-dropdown select{
    /* for Firefox */
    -moz-appearance: none;
    /* for Safari, Chrome, Opera */
    -webkit-appearance: none;
}

.helpdesk-custom-wrapper button:focus{
    outline: none;
    box-shadow: none;
}

.btn-detached-action {
    background-color: #2d3748;
}

button .btn-detached-action:hover {
    background-color:#1a202c;
}

.btn-detached-action:not([disabled]):not(.btn-disabled):hover {
    background-color: #1a202c;
}

/* Select the child iframe element of the class lessons-detail-component */

div.card div.w-full iframe{
    width: 640px; !important;
    height: 360px; !important;
}

button[dusk="run-action-button-assign-mentor"] {
    order: 1 !important;
}

button[dusk="run-action-button-invite-expert"] {
    order: 2 !important;
}