/* /Components/BuildListColumn.razor.rz.scp.css */
ul[b-t0zkheud90] {
  list-style: none; 
  margin: 0px;
  padding: 0px; 
}

li .drag_tag[b-t0zkheud90] {
  cursor: grab;
  background: var(--bs-primary-bg-subtle);
  padding-right: .5rem;
}

li .drag_tag:hover[b-t0zkheud90] {
  background: var(--bs-primary);
  color: var(--bs-light);
}

li .drag_tag:active[b-t0zkheud90] {
  cursor: grabbing;
  background: var(--bs-primary);
  color: var(--bs-light);
}

/* Styling during drag operation */
.sortable-chosen .drag_tag[b-t0zkheud90],
.sortable-drag .drag_tag[b-t0zkheud90] {
  cursor: grabbing;
  background: var(--bs-primary);
  color: var(--bs-light);
}

.sortable-ghost[b-t0zkheud90] {
  opacity: 0.4;
}

.card-header[b-t0zkheud90] {
  background: var(--bs-secondary-bg-subtle);
}
/* /Components/LongDelete.razor.rz.scp.css */
.meter[b-kzfalntqnh] { 
    height: 5px;
    position: relative;
    /* background: red; */
    overflow: hidden;
}

.meter span[b-kzfalntqnh] {
    display: block;
    height: 100%;
}

.meter_progress[b-kzfalntqnh] {
    background-color: red;
    -webkit-animation: progressBar .5s ease-in-out;
    -webkit-animation-fill-mode:both; 
    -moz-animation: progressBar .5s ease-in-out;
    -moz-animation-fill-mode:both; 
}

@-webkit-keyframes progressBar {
  0% { width: 0; }
  100% { width: 100%; }
}

@-moz-keyframes progressBar {
  0% { width: 0; }
  100% { width: 100%; }
}
/* /Layout/Header.razor.rz.scp.css */
.text-small[b-xllcejiqb1] {
  font-size: 85%;
}

.dropdown-toggle:not(:focus)[b-xllcejiqb1] {
  outline: 0;
}

      .bd-placeholder-img[b-xllcejiqb1] {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg[b-xllcejiqb1] {
          font-size: 3.5rem;
        }
      }

      .b-example-divider[b-xllcejiqb1] {
        width: 100%;
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
      }

      .b-example-vr[b-xllcejiqb1] {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }

      .bi[b-xllcejiqb1] {
        vertical-align: -.125em;
        fill: currentColor;
      }

      .nav-scroller[b-xllcejiqb1] {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
      }

      .nav-scroller .nav[b-xllcejiqb1] {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }

      .btn-bd-primary[b-xllcejiqb1] {
        --bd-violet-bg: #712cf9;
        --bd-violet-rgb: 112.520718, 44.062154, 249.437846;

        --bs-btn-font-weight: 600;
        --bs-btn-color: var(--bs-white);
        --bs-btn-bg: var(--bd-violet-bg);
        --bs-btn-border-color: var(--bd-violet-bg);
        --bs-btn-hover-color: var(--bs-white);
        --bs-btn-hover-bg: #6528e0;
        --bs-btn-hover-border-color: #6528e0;
        --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
        --bs-btn-active-color: var(--bs-btn-hover-color);
        --bs-btn-active-bg: #5a23c8;
        --bs-btn-active-border-color: #5a23c8;
      }

      .bd-mode-toggle[b-xllcejiqb1] {
        z-index: 1500;
      }

      .bd-mode-toggle .bi[b-xllcejiqb1] {
        width: 1em;
        height: 1em;
      }

      .bd-mode-toggle .dropdown-menu .active .bi[b-xllcejiqb1] {
        display: block !important;
      }
/* /Layout/MainLayout.razor.rz.scp.css */
/* /Layout/TestLayout.razor.rz.scp.css */
/* this doesn't work here.  place in razor*/
/* body {
    background-color: red;
} */

/* .test_header {
    background-color: lightgray;
} */

/* .test_exit_button {
    background-color: white;
    color: black;
} */

.bg_main[b-nazbejqfkx] {
    /* HSL: 220, 100%, 90% (equivalent to #cfe2ff) */
    /* background-color: hsl(220, 100%, 15%) !important; */
    /* background-color: hsl(220, 20%, 50%) !important; */
    /* To make lighter: increase the last value (lightness), to make darker: decrease it */
    /* To make the colore more grey, reduce the saturation (the middle value) */
    background-color: #FCFCFC;
    min-height: 100vh;
}

/* .bg_gradient {
    background: linear-gradient(-45deg,  #bfcfff, #6c8df1);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
} */

.bsb-overlay[b-nazbejqfkx] {
    height: 100vh;
}


/* @keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
} */
/* /Pages/SelectAnswers.razor.rz.scp.css */
/* .accordion-button {
    pointer-events: none;
}

.accordion-button::after {
    pointer-events: all;
} */

.drag_tag[b-56482mle6s] {
    background-color: transparent;
}
/* /Pages/SortableList.razor.rz.scp.css */
/* 
  you need the ::deep identifier if you are using scoped styles like this
  because scoped styles are only applied to markup in the component, not
  to the markup inside the render fragment.
*/

[b-79a59nrdid] .sortable-ghost {
  visibility: hidden;
}

[b-79a59nrdid] .sortable-fallback {
  opacity: 1 !important
}
/* /Pages/TestQuestionSelectAnswer.razor.rz.scp.css */
input[type=checkbox][b-wfoqbcikut] {
  display: none;
}

ul[b-wfoqbcikut] {
  list-style: none; 
  margin: 0px;
  padding: 0px; 
}

li label[b-wfoqbcikut] {
    height: 69px;
    width: 100%;
    /* color: white; */
    cursor:pointer;
    position: relative;
    padding-left:70px;
    padding-top: .5rem;
    /* background: white; */
    /* border-bottom:1px solid #ffffc2; */
    /* border: 2px;
    border-radius: 7px; */
}

/* this draws the circle */
li label[b-wfoqbcikut]:before {
    content: "";
    position: absolute;
    left: 20px;
    top: 20px;
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid black;
    /* background: #6c8df1; */
    background: white;
    border-radius: 100%;
    z-index: 99999;
}

/* this draw the background to the circle */
li label[b-wfoqbcikut]:after{
  content:"";
  width: 60px;
  height: 68px;
  background: #cfe2ff;
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 5px 0px 0px 5px;
}

/* [type=checkbox]:checked + label {
    color: black;
    background: green; 
    border-bottom: 2px solid #1b6ec2; 
    border-right: 4px solid #1b6ec2; 
} */


 [type=checkbox]:checked + label[b-wfoqbcikut]:before {
   border: 1px solid gray;
   background-color: var(--bs-primary);
}

/* li:first-child label{
    border-right: 8px solid #f87c85;
} */
/* /Pages/TestTable.razor.rz.scp.css */
.card-header[b-mj73h1eq15] {
  background: var(--bs-secondary-bg-subtle);
}

th[scope="col"]:not(:first-child)[b-mj73h1eq15] {
  white-space: nowrap;
}
/* /Pages/ViewQuestion.Razor.rz.scp.css */
mark[b-kcmpi71486] {
    color:paleturquoise;
    background: none;
}

td[b-kcmpi71486] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}