/* // Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap */

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  }

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {  }

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {  }

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }





/* // Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {  }

/* // Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {  }

/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {  }

/* // Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {  }

#submit-btn, #langu-btn, #next-btn  {
    background-color: rgb(98 43 135) !important;
}

.active {
    background-color: #553868 !important;
}

.btn-group-toggle {
    width: 100% !important;
}

.layoutAR {
    direction: rtl;
    width: 100%;
    text-align: right;
}

.navbar-expand-lg {
    justify-content: space-between !important;
}

.text-incoming {
    color: rgb(88 6 143) !important;
}


#loading {
    position: fixed ;
    display: none ;
    justify-content: center;
    align-items: center ;
    width: 100% ;
    height: 100% ;
    top: 0 ;
    left: 0 ;
    opacity: 0.7 ;
    z-index: 99 ;
    background-color: #b0a4b9;
    opacity: 0.4;
}


#submittion-return {
    position: fixed ;
    display: none ;
    justify-content: center;
    align-items: center ;
    width: 100% ;
    height: 100% ;
    top: 0 ;
    left: 0 ;
    z-index: 99 ;
    background-color: #b0a4b9;
    opacity: 0.1;
    font-size: 3rem !important;
}



.spinner-border {
    width: 3rem;
    height: 3rem;
    color: #460476 !important;
}

#submit-btn, #next-btn {
    margin-top: 4rem !important;
    margin-bottom: 5rem !important;
    margin: 1rem !important;
    width: 10rem !important;
}

.btn-secondary {
    padding: 0.25rem 0.2rem !important;
    background-color: #6a6071 ;
    border-radius: 0 !important;
}

.btn-secondary:hover {
    background-color: #51425b !important;
}



p {
    text-align: center;
    padding: 2.25rem !important;
    font-weight: bold;
}

#indcators {
    display: flex;
    justify-content: space-between;
    color: #460476 !important;
    font-weight: 300;

}

.groupbtn {
    display: flex;
    justify-content: center;
}

.vertical-center {
    min-height: 100%;
    padding-top: 10rem !important;

  }

.just-text {
    display: none;
}