

.modal-content{
    z-index: -2 !important;
}
.modal-backdrop {
    background-color: rgba(0, 0, 0, 1); /* Adjust the alpha value for the desired darkness */
}
.modal-full-width {
    width: 100vw;
    max-width: 100%;
    padding: 5px 30px 0px 30px;
}
/* Wizard Css */
.main-content .wizard-form .progressbar-list::before{
    content: "";
    background-color: rgb(46, 45, 45);
    border: 10px solid #fff;
    border-radius: 50%;
    display: block;
    width: 30px;
    height: 30px;
    margin: 9px auto;
    box-shadow: 1px 1px 3px #606060;
    transition:all;
}
.main-content .wizard-form .progressbar-list::after{
    content: "";
    background-color: #f0f0f0;
    padding: 0px 0px;
    position: absolute;
    top: 14px;
    left: -50%;
    width: 100%;
    height: 1px;
    margin: 9px auto;
    z-index: -2 !important;
    transition: all 0.8s;
}
.main-content .wizard-form .progressbar-list.active::after{
    background-color: #3c68b0;
}
.main-content .wizard-form .progressbar-list:first-child::after{
    content: none;
}
.main-content .wizard-form .progressbar-list.active::before{
    font-family: "Font Awesome 5 free";
    content: "\f00c";
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    padding: 6px;
    background-color: #3c3cb0;
    border: 1px solid #3c3cb0;
    box-shadow: 0 0 0 7.5px rgb(118 60 176 / 11%);
}
.progressbar-list{
    color:#6f787d;
}
.active{
    color:#1c317e;
}

.card{
    /* border: 1px solid rgb(217, 244, 244); */
    cursor: pointer;
    width: 100%;
}
.tari_card .active-card{
    color:white;
    font-weight: bold;
    border: 1px solid #094b92;
    background: linear-gradient(0deg, rgba(0,50,204,1) 0%, rgba(0,127,251,1) 100%);
    animation: pulse 1s infinite ease-in-out alternate;
}

@keyframes pulse {
    from { transform: scale(1.0); }
    to { transform: scale(1.1); }
}

.form-check-input:focus {
    box-shadow: none;
}
.bg-color-info{
    background-color:#0066FF;
}
.border-color{
    border-color: #25da4c;
}

.back-to-wizard{
    transform: translate(-50%, -139%) !important;
}
.bg-success-color{
    background-color:#87D185;
}
.bg-success-color:focus{
    box-shadow: 0 0 0 0.25rem rgb(55 197 20 / 25%);
}

/* Term Radio Button */
:root{
    --white:#fff;
    --smoke-white:#f1f3f5;
    --blue:#4169e1;
}
.selector{
    position:relative;
    width:82%;
    /* background-color:var(--smoke-white); */
    height:50px;
    display:flex;
    margin-bottom: 20px;
    justify-content:space-around;
    align-items:center;
    border-radius:6px;
    box-shadow:0 0 2px rgba(0,0,0,.2);
}
.selector-item{
    position:relative;
    flex-basis:calc(70% / 3);
    /* height:80%; */
    display:flex;
    justify-content:center;
    align-items:center;
}
.selector-item_radio{
    appearance:none;
    display:none;
}
.selector-item_label{
    position:relative;
    height:60%;
    width:100%;
    text-align:center;
    border-radius:6px;
    line-height:250%;
    font-family: 'Poppins', sans-serif;
    font-weight:700;
    transition-duration:.5s;
    transition-property:transform, box-shadow;
    transform:none;
}
.selector-item_radio:checked + .selector-item_label{
    background-color:var(--blue);
    color:var(--white);
    box-shadow:0 0 2px rgba(0,0,0,.5),0 2px 2px rgba(0,0,0,.5);
    transform:translateY(-2px);
}
@media (max-width:480px) {
    .selector{
        width: 90%;
    }
}

/* Accordion Css */
.accordion {
width: 800px;
}

.accordion__collapsible {
border: 1px solid lightgray;
border-radius: 3px;
}

.accordion__collapsible:not(:last-child) {
border-bottom: none;
}

.collapsible__header {
background-color: rgb(243, 242, 242);
display: flex;
justify-content: space-between;
padding: 5px;
cursor: pointer;
background: #fff;
background: -moz-linear-gradient(top,#fff 1%,#eaeaea 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(1%,#fff),color-stop(100%,#eaeaea));
background: -webkit-linear-gradient(top,#fff 1%,#eaeaea 100%);
background: -o-linear-gradient(top,#fff 1%,#eaeaea 100%);
background: -ms-linear-gradient(top,#fff 1%,#eaeaea 100%);
background: linear-gradient(top,#fff 1%,#eaeaea 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr='#eaeaea',GradientType=0 );
font-size: 10px;
height: 30px;
line-height: 20px;
}

.collapsible__header::after {
content: '+';
position: relative;
right: 10px;
}

.collapsible__content {
max-height: 0;
opacity: 0;
overflow: hidden;
transition: max-height 0.4s, opacity 0.4s;
}

.collapsible--open .collapsible__header::after {
content: '-';
}

.collapsible--open .collapsible__content {
max-height: 200px;
opacity: 10;
}

/* Content styles - To make inner content look better */
.collapsible__header p {
font-size: 13px;
}

.collapsible__content p {
font-size: small;
margin: 10px;
}

/* Radio Button for Classes*/
form .fetch_class {
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.fetch_class label{
cursor: pointer;
font-weight: 500;
position: relative;
overflow: hidden;
margin-bottom: 0.575em;
}
.fetch_class input {
position: absolute;
left: -9999px;
}
.fetch_class label input:checked + span {
background-color: #d6d6e5;
}
.fetch_class label input:checked + span:before {
box-shadow: inset 0 0 0 0.4375em #00005c;
}
.fetch_class label span {
display: flex;
align-items: center;
padding: 0.375em 0.75em 0.375em 0.375em;
border-radius: 99em;
transition: 0.25s ease;
border: 1px solid rgb(238, 235, 235);
font-size: 12px;
}
.fetch_class label span:hover {
background-color: #d6d6e5;
}
.fetch_class label span:before {
display: flex;
flex-shrink: 0;
content: "";
background-color: #fff;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
margin-right: 0.375em;
transition: 0.25s ease;
box-shadow: inset 0 0 0 0.125em #00005c;
}

/* Edit Form CSS */
.form-group.local-forms {
        margin-bottom: 40px;
}
.local-forms {
    position: relative;
}
.local-forms label {
    font-size: 13px;
    color: #ababab;
    font-weight: 100;
    position: absolute;
    top: -10px;
    left: 10px;
    background: #fff;
    margin-bottom: 0;
    padding: 0 2px;
    z-index: 99;
}
.local-forms .form-control {
    border: 1px solid #ddd;
    box-shadow: none;
    color: #333;
    font-size: 12px;
    height: 40px;
    padding: 0.375rem 0.75rem;
    border-radius: 3px;
}

.local-forms .form-control:focus {
    border: 1px solid #007ffb;
}

/* Question Bank Card */
.question_card.selected {
    border: 2px solid var(--blue); /* Customize the border style for the selected card */
}
.question_card.selected .card-body::after {
    content: "\2611"; /* Add a checkmark symbol after the card title */
    color: var(--blue); /* Customize the color of the checkmark */
    font-size: 20px; /* Customize the size of the checkmark */
    float: right;
    padding: 0px;
    margin: 0px;
}

/* Question Option */
.question_card{
    background: -moz-linear-gradient(top,#fff 1%,#eaeaea 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(1%,#fff),color-stop(100%,#eaeaea));
    background: -webkit-linear-gradient(top,#fff 1%,#eaeaea 100%);
    background: -o-linear-gradient(top,#fff 1%,#eaeaea 100%);
    background: -ms-linear-gradient(top,#fff 1%,#eaeaea 100%);
    background: linear-gradient(top,#fff 1%,#eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr='#eaeaea',GradientType=0 );
}

form .question_option {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.question_option label{
    display: flex;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    margin-bottom: 0.575em;
}
.question_option input {
    position: absolute;
    left: -9999px;
}

.question_option label input:checked + span {
    background-color: #d6d6e5;
}
.question_option label input:checked + span:before {
    box-shadow: inset 0 0 0 0.4375em #0003bc;
}
.question_option label span {
    display: flex;
    align-items: center;
    padding: 0.375em 0.75em 0.375em 0.375em;
    border-radius: 5px;
    transition: 0.25s ease;
    border: 1px solid rgb(238, 235, 235);
}
.question_option label span:hover {
    background-color: #d6d6e5;
}
/* .question_option label span:before {
    display: flex;
    flex-shrink: 0;
    content: "";
    background-color: #fff;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    margin-right: 0.375em;
    transition: 0.25s ease;
    box-shadow: inset 0 0 0 0.125em #00005c;
} */

/* =Preloader CSS  style
---------------------- */
.square {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-color: #4b9cdb;
}
.load-7 .square {
    animation: loadingG 3.9s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;
}
@keyframes loadingG {
0% {
    transform: translate(0, 0) rotate(0deg);
}
50% {
    transform: translate(400px, 0) rotate(360deg);
}
100% {
    transform: translate(0, 0) rotate(0deg);
}
}


/* Question Bank Card */
.question_card2.selected {
    border: 2px solid var(--blue); /* Customize the border style for the selected card */
}
.question_card2{
    background: -moz-linear-gradient(top,#fff 1%,#eaeaea 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(1%,#fff),color-stop(100%,#eaeaea));
    background: -webkit-linear-gradient(top,#fff 1%,#eaeaea 100%);
    background: -o-linear-gradient(top,#fff 1%,#eaeaea 100%);
    background: -ms-linear-gradient(top,#fff 1%,#eaeaea 100%);
    background: linear-gradient(top,#fff 1%,#eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr='#eaeaea',GradientType=0 );
}


/* Question Direct CSS */
label.radio-card {
    cursor: pointer;
}

label.radio-card .card-content-wrapper {
    background: #fff;
    border-radius: 5px;
    padding: 15px;
    display: grid;
    box-shadow:  2px 4px 0 rgba(219, 215, 215, 0.04);
    transition: 200ms linear;
    background: -moz-linear-gradient(top,#fff 1%,#eaeaea 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(1%,#fff),color-stop(100%,#eaeaea));
    background: -webkit-linear-gradient(top,#fff 1%,#eaeaea 100%);
    background: -o-linear-gradient(top,#fff 1%,#eaeaea 100%);
    background: linear-gradient(top,#fff 1%,#eaeaea 100%);
    
}
label.radio-card .check-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: solid 2px #e3e3e3;
    border-radius: 50%;
    transition: 200ms linear;
    position: relative;  
}


label.radio-card .check-icon:before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.93552 4.58423C0.890286 4.53718 0.854262 4.48209 0.829309 4.42179C0.779553 4.28741 0.779553 4.13965 0.829309 4.00527C0.853759 3.94471 0.889842 3.88952 0.93552 3.84283L1.68941 3.12018C1.73378 3.06821 1.7893 3.02692 1.85185 2.99939C1.91206 2.97215 1.97736 2.95796 2.04345 2.95774C2.11507 2.95635 2.18613 2.97056 2.2517 2.99939C2.31652 3.02822 2.3752 3.06922 2.42456 3.12018L4.69872 5.39851L9.58026 0.516971C9.62828 0.466328 9.68554 0.42533 9.74895 0.396182C9.81468 0.367844 9.88563 0.353653 9.95721 0.354531C10.0244 0.354903 10.0907 0.369582 10.1517 0.397592C10.2128 0.425602 10.2672 0.466298 10.3112 0.516971L11.0651 1.25003C11.1108 1.29672 11.1469 1.35191 11.1713 1.41247C11.2211 1.54686 11.2211 1.69461 11.1713 1.82899C11.1464 1.88929 11.1104 1.94439 11.0651 1.99143L5.06525 7.96007C5.02054 8.0122 4.96514 8.0541 4.90281 8.08294C4.76944 8.13802 4.61967 8.13802 4.4863 8.08294C4.42397 8.0541 4.36857 8.0122 4.32386 7.96007L0.93552 4.58423Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center center;
    transform: scale(1.6);
    transition: 200ms linear;
    opacity: 0;
}

@keyframes rita {
    from { transform: scale(1.0); }
    to { transform: scale(1.1); }
}

label.radio-card input[type='radio'] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
label.radio-card input[type='radio']:checked + .card-content-wrapper {
    box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.5), 0 0 0 2px #3057d5;
animation: rita 2s infinite ease-in-out alternate; 
}
label.radio-card input[type='radio']:checked + .card-content-wrapper .check-icon {
    background: #3057d5;
    border-color: #3057d5;
    transform: scale(1.2);
}
label.radio-card input[type='radio']:checked + .card-content-wrapper .check-icon:before {
    transform: scale(1);
    opacity: 1;
}
label.radio-card input[type='radio']:focus + .card-content-wrapper .check-icon {
    box-shadow: 0 0 0 4px rgba(48, 86, 213, 0.2);
    border-color: #3056d5;
}

label.radio-card .card-content h4 {
    font-size: 12px;
    letter-spacing: -0.24px;
    text-align: center;
    color: #1f2949;
    margin-bottom: 10px;
    margin-top: 10px;
}

/* Subject Modal Card */
.selectSubject {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.selectSubject label {
    display: flex;
    cursor: pointer;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    margin-bottom: 0.375em;
    font-size: calc(0.5em + 0.80vw);
    
}
.selectSubject label input {
    position: absolute;
    left: -9999px;
}
.selectSubject label input:checked + span {
    background-color: #d6d6e5;
}
.selectSubject label input:checked + span:before {
    box-shadow: inset 0 0 0 0.4375em #00005c;
}
.selectSubject label span {
    display: flex;
    align-items: center;
    padding: 0.375em 0.75em 0.375em 0.375em;
    border-radius: 5px;
    transition: 0.25s ease;
    border: 0.5px solid lightgrey;
}
.selectSubject label span:hover {
    background-color: #d6d6e5;
}
.selectSubject label span:before {
    display: flex;
    flex-shrink: 0;
    content: "";
    background-color: #fff;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    margin-right: 0.375em;
    transition: 0.25s ease;
    box-shadow: inset 0 0 0 0.125em #00005c;
}

/* Class Card Direct */
.checkbox-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    user-select: none;
}
.checkbox-group > * {
    margin: 0.5rem 0.5rem;
}

.checkbox-input {
    clip: rect(0 0 0 0);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
.checkbox-input:checked + .checkbox-tile {
    border-color: #2260ff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    color: #2260ff;
}
.checkbox-input:checked + .checkbox-tile:before {
    transform: scale(1);
    opacity: 1;
    background-color: #2260ff;
    border-color: #2260ff;
}
.checkbox-input:checked + .checkbox-tile .checkbox-icon, .checkbox-input:checked + .checkbox-tile .checkbox-label {
    color: #2260ff;
}
.checkbox-input:focus + .checkbox-tile {
    border-color: #2260ff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 0 0 4px #b5c9fc;
}
.checkbox-input:focus + .checkbox-tile:before {
    transform: scale(1);
    opacity: 1;
}
.checkbox-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 10rem;
    min-height: 3rem;
    border-radius: 0.5rem;
    border: 2px solid #b5bfd9;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    transition: 0.15s ease;
    cursor: pointer;
    position: relative;
}
.checkbox-tile:before {
    content: "";
    position: absolute;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid #b5bfd9;
    background-color: #fff;
    border-radius: 50%;
    top: 0.25rem;
    left: 0.25rem;
    opacity: 0;
    transform: scale(0);
    transition: 0.25s ease;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E");
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.checkbox-tile:hover {
    border-color: #2260ff;
}
.checkbox-tile:hover:before {
    transform: scale(1);
    opacity: 1;
}

.checkbox-label {
    color: #707070;
    transition: 0.375s ease;
    text-align: center;
}

/* Icon delete Css */
 .icon-box {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%;
    z-index: 9;
    text-align: center;
    border: 3px solid #f15e5e;
    
}
 .icon-box i {
    color: #f15e5e;
    font-size: 46px;
    display: inline-block;
    margin-top: 13px;
}

/* Collapseable */
[data-bs-toggle="collapse"].collapsed .if-not-collapsed,
[data-bs-toggle="collapse"]:not(.collapsed) .if-collapsed {
    display: none;
}



.downloadbtn-question-list {
    color: #fff;
    font-weight: bold;
    background: linear-gradient(0deg, rgba(0, 50, 204, 1) 0%, rgba(0, 127, 251, 1) 100%);
    animation: pulse 1s infinite ease-in-out alternate;

}

@keyframes pulse {
    from {
        transform: scale(1.0);
    }

    to {
        transform: scale(1.1);
    }
}
