.render-whitespaces {
    white-space: pre-wrap;
}
input.validation-error {
    border-color: #dc3545 !important;
}
input.validation-error:focus {
    box-shadow: 0 0 0 0.2rem rgb(220 53 69 / 25%);
}
.custom-validation-error {
    border-color: #dc3545 !important;
}
.custom-validation-error:focus {
    box-shadow: 0 0 0 0.2rem rgb(220 53 69 / 25%);
}
label.validation-error {
    margin-top: 5px;
}
.cursor-pointer {
    cursor: pointer;
}
.form-control.is-invalid {
    border-color: #dc3545 !important;
}
.custom-toast-alert {
    left: 50%;
    position: fixed;
    transform: translate(-50%, 0px);
    z-index: 9999;
}
.terms-privacy-about h2, .terms-privacy-about h3 {
    text-transform: uppercase;
}
.terms-privacy-about ul li::marker {
    content: none;
}
.terms-privacy-about ul li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
    font-weight: 900;
}
div#grade_des {
    font-size: 17px !important;
    text-align: left;
}
#sub_page_head div#grade_des {
    -webkit-box-shadow: 0px 0px 57px -10px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 0px 57px -10px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 0px 57px -10px rgba(0, 0, 0, 0.45);
    padding: 35px;
    font-size: 15px !important;
}
div#grade_des {
    -webkit-box-shadow: 0px 0px 57px -10px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 0px 57px -10px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 0px 57px -10px rgba(0, 0, 0, 0.45);
    padding: 35px;
    font-size: 15px !important;
}
div#grade_des ul {
    margin-left: 30px;
    text-align: left;
}
/* Course details page share icons start */
.social-icons .google {
    color: #de4e33 !important;
}
.social-icons .linkedin {
    color: #0072b6 !important;
}
.social-icons .twitter {
    color: #5ba9e1 !important;
}
.social-icons .fb {
    color: #3954a0 !important;
}
.social-icons .youtube {
    color: #ca2028 !important;
}
.social-icons a, .social-icons a i {
    color: inherit !important;
}
.padding_social {
    padding: 0 17px;
    font-size: 30px;
}
/* Course details page share icons end */
/* Loader spinner Start*/
.loader-wheel {
    font-size: 64px;
   /* change size here */
    position: relative;
    height: 1em;
    width: 1em;
    padding-left: 0.45em;
    overflow: hidden;
    margin: 0 auto;
    animation: loader-wheel-rotate 0.5s steps(12) infinite;
}
.loader-wheel i {
    display: block;
    position: absolute;
    height: 0.3em;
    width: 0.1em;
    border-radius: 0.05em;
    background: #333;
   /* change color here */
    opacity: 0.8;
    transform: rotate(-30deg);
    transform-origin: center 0.5em;
}
@keyframes loader-wheel-rotate {
    from {
        transform: rotate(0deg);
   }
    to {
        transform: rotate(360deg);
   }
}
/* Loader spinner End*/
/* Modal xl start*/
@media (min-width: 992px) {
    .modal-xl {
        max-width: 800px;
   }
}
@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
   }
}
/* Modal xl End*/
/* Spinner start */
.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border 0.75s linear infinite;
    animation: spinner-border 0.75s linear infinite;
}
@keyframes spinner-border {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
   }
}
/* Spinner End */
.bg-none {
    background: none;
}
/* Alternatie colors every 5 button Start */
.subjects-taken span:nth-child(5n + 2) {
    background: #1697da;
    color: #fff;
}
.subjects-taken span:nth-child(5n + 3) {
    background: #4ec949;
    color: #fff;
}
.subjects-taken span:nth-child(5n + 4) {
    background: #f75c96;
    color: #fff;
}
.subjects-taken span:nth-child(5n + 5) {
    background: #be31e3;
    color: #fff;
}
/* Alternatie colors every 5 button End */
.toast-min-width-60 .toast {
    min-width: 60%;
}
.modal-dialog-scrollable {
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden;
}
.modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}
.modal-dialog-centered.modal-dialog-scrollable {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
    max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
    content: none;
}
.modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
}
.modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
}
.green-color {
    color: #48a70b;
}
.overflow-auto {
    overflow: auto !important;
}
.fs-20 {
    font-size: 20px;
}
.card-shadow {
    box-shadow: 0px 18px 24px 0px rgb(169 169 169 / 30%);
}
.grecaptcha-badge {
    visibility: hidden;
}
