.logo-font {
    font-family: "Macondo Swash Caps", cursive;
    font-weight: 500;
    font-style: normal;
    color: #bebebe;
}

.imageloading {
    animation: fadeIn 2s infinite;
    width: 120px;
    height: 120px;
}

.pageloading {
    animation: fadeIn2 3s infinite;
    width: 10rem;
    height: 10rem;
}

.dataloading {
    border: 8px solid #575757;
    border-top: 8px solid #ec7d25;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    animation: spin 2s linear infinite;
}

.rz-datatable-loading-content .rzi-circle-o-notch {
    border: 8px solid #575757;
    border-top: 8px solid #ec7d25;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    animation: spin 2s linear infinite;
}

.skeleton {
    height: 100%;
    width: 100%;
    animation: fadeIn2 3s infinite;
    background-color: rgb(50,50,50);
}

@keyframes fadeIn {
    0% {
        opacity: 0.2;
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0.2;
    }
}

@keyframes fadeIn2 {
    0% {
        opacity: 0.1;
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0.1;
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.rz-rating {
    justify-content: space-evenly;
    display: flex;
}

@media print {
    @page{size: landscape;}
    .noprint {
        visibility: hidden;
    }
    .certificate-dialog {
        height: 100%;
    }
}

#certificate-element-container {
    width: 10.69in;
    height: 7.27in;
    align-self: center;
    justify-self: center;
    place-self: center;
    justify-content: center;
    justify-items: center;
    display: inline-grid;
    text-align: center;
    color: black;
    border-color: #575757;
    border-style: solid;
    border-width:medium;
}

.certificate-header {
    width: 10in;
}
.certificate-header-title {
    font-size: 48pt;
    color: black;
    align-self: center;
    font-family: serif;
    font-family: 'Macondo Swash Caps'
}
.certificate-header-subtitle {
    color: black;
    align-self: center;
    font-family: serif;
}

.certificate-body {
    width: 10in;
    color: black;
    align-self: center;
    font-family: serif;
    text-align: -webkit-center;
}

.certificate-body-name{
    font-family: "Lucida Handwriting";
    border-bottom: 1px solid black;
    width:fit-content;
}
.certificate-body-course{

}
.certificate-body-date {
    border-bottom: 1px solid black;
    width: fit-content;
}

.certificate-footer {
    width: 10in;
    color: black;
    align-self: center;
    align-content: center;
    font-family: 'Macondo Swash Caps';
}

.certificate-dialog{
    border: none;
    box-shadow:none;
}
.certificate-dialog-content {
    height: 100%;
    align-content: center;
    align-self: center;
}

.filelist > .rz-datalist-data > li {
    border: none;
    padding: 0;
}
.filelist > .rz-datalist-data {
    padding: 0;
}
.correct-answer {
    background-color: rgba(16, 124, 16, 0.25);
    padding: 0.75rem;
}
.incorrect-answer {
    background-color: rgb(121, 34, 36, 0.25);
    padding: 0.75rem;
}

.tome-loading-animation-darkmode {
    animation: loading-anim-darkmode 2s linear 2s infinite;
    height: 10rem;
    object-fit: scale-down;
    background-size: contain;
    background-repeat: no-repeat;
}

.tome-loading-animation-lightmode {
    animation: loading-anim-lightmode 2s linear 2s infinite;
    height: 10rem;
    object-fit: scale-down;
    background-size: contain;
    background-repeat: no-repeat;
}

.rz-accordion-header > a > span {
    font-size: larger;
    font-weight: 600;
}


@keyframes loading-anim-darkmode {
    0% {background-image: url("/images/loading-darkmode/tome-icon-anim0.png");}
    15% {background-image: url("/images/loading-darkmode/tome-icon-anim1.png");}
    30% {background-image: url("/images/loading-darkmode/tome-icon-anim2.png");}
    45% {background-image: url("/images/loading-darkmode/tome-icon-anim3.png");}
    60% {background-image: url("/images/loading-darkmode/tome-icon-anim4.png");}
    75% {background-image: url("/images/loading-darkmode/tome-icon-anim5.png");}
    90% {background-image: url("/images/loading-darkmode/tome-icon-anim6.png");}
    100% {background-image: url("/images/loading-darkmode/tome-icon-anim0.png");}
}
@keyframes loading-anim-lightmode {
    0% {background-image: url("/images/loading-lightmode/loading-assets-lightmode/tome-icon-anim0.png");}
    15% {background-image: url("/images/loading-lightmode/loading-assets-lightmode/tome-icon-anim1.png");}
    30% {background-image: url("/images/loading-lightmode/loading-assets-lightmode/tome-icon-anim2.png");}
    45% {background-image: url("/images/loading-lightmode/loading-assets-lightmode/tome-icon-anim3.png");}
    60% {background-image: url("/images/loading-lightmode/loading-assets-lightmode/tome-icon-anim4.png");}
    75% {background-image: url("/images/loading-lightmode/loading-assets-lightmode/tome-icon-anim5.png");}
    90% {background-image: url("/images/loading-lightmode/loading-assets-lightmode/tome-icon-anim6.png");}
    100% {background-image: url("/images/loading-lightmode/loading-assets-lightmode/tome-icon-anim0.png");}
}