:root {

    --bs-primary:#9F4DF7 !important;
    --bs-primary-rgb:146, 53, 247 !important;

    --bs-secondary: #823EC9 !important;
    --bs-secondary-rgb:130, 62, 201, 1 !important;
  }

  ::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: #fff;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--bs-primary);

}

.form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e);
}

.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}
.form-check-input:focus {
    box-shadow:var(--bs-primary);
}

  .btn{
    padding: 10px;
  }

  .btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #9F4DF7;
    --bs-btn-border-color: #9F4DF7;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #8b25f8;
    --bs-btn-hover-border-color: #9235f7;
    --bs-btn-focus-shadow-rgb: 146, 53, 247;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #9F4DF7;
    --bs-btn-active-border-color: #9F4DF7;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #bb7cff;
    --bs-btn-disabled-border-color: #bc7dff;
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #9A76FA;
    --bs-btn-border-color: #9A76FA;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #9A76FA;
    --bs-btn-hover-border-color: #9A76FA;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #9A76FA;
    --bs-btn-active-border-color: #9A76FA;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #9A76FA;
    --bs-btn-disabled-border-color: #9A76FA;
}

.btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: #FE80FD;
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: #FE80FD;
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: #FE80FD;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #FE80FD;
    --bs-btn-active-border-color: #FE80FD;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #fdcdfd;
    --bs-btn-disabled-border-color: #fe80fe98;
}

.form-control{
    padding: 10px;
    border: var(--bs-border-color) solid 1px;
}



.form-control:focus{
    box-shadow: 1px 1px 5px 0px #8500E7 !important;
    border: var(--bs-primary) 2px solid;

}

.rounded-extra{
    border-radius: 20px;
}

body{
    background-image: url('../img/bg-new-auth.png') !important;
    background-size: cover;
}
.logo{

}

@media (max-width: 991.98px) {
    body{
        background-image: url('../img/bg-new-auth-mobile.png') !important;

    }
    .logo{
        position:unset !important;
        top: 1vh;
        text-align: center;
    }
    .logo img{
        display: block;
        width: 200px;
        
    }
}