/* START booklist page: animation on content */

/**
 this part is copied from _home_textbook.scss and ideally it will be integrated,
 this is needed to simulate the container loading
 */
/*#loading-block .level_head {
    padding: 27px;
    background-color: #551852;
    color: #fff;
    position: relative;
}

#loading-block .level_body {
    background-color: #f5f5f5;
    padding: 50px;
    position: relative;
}
#loading-block .level_head .booklist-loading-placeholder-glow {
    width: 100%;
    !* this part is copied from .level_body .option_wrap *!
    margin: 0 -10px;
}*/
/* adding flex only to body */
/*#loading-block .level_body .booklist-loading-placeholder-glow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}*/

/* animation for the glow effect: copied from .placeholder-glow BS5 */
/*#loading-block .booklist-loading-placeholder-glow .booklist-loading-placeholder {
    -webkit-animation: placeholder-glow 2s ease-in-out infinite;
    animation: placeholder-glow 2s ease-in-out infinite;
}

@keyframes placeholder-glow {
    50% {
        opacity: 0.5;
    }
}*/

/* loading style for header */
/*#loading-block .level_head .booklist-loading-placeholder-glow .booklist-loading-placeholder {
    !* copied from .level_body .form-group *!
    padding: 0 10px;
    width: calc(50% - 10px);
    margin: 0 0 20px;


    !* copied from BS5 *!
    display: block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: #7e477b;
    opacity: .9;
}*/

/* this is the same as the label height */
/*#loading-block .level_head .booklist-loading-placeholder-glow .booklist-loading-placeholder.step {
    height: 20px;
    width: 50px;
    margin: 0 0 10px;
}
#loading-block .level_head .booklist-loading-placeholder-glow .booklist-loading-placeholder.title {
    height: 30px;
    width: 50%;
}
#loading-block .level_head .booklist-loading-placeholder-glow .booklist-loading-placeholder.description {
    height: 15px;
    width: 70%;
    margin: 0;
}
#loading-block .level_head .booklist-loading-placeholder-glow .booklist-loading-placeholder.icon {
    position: absolute;
    top: 0px;
    bottom: 0;
    margin: auto 0;
    right: 27px;
    height: 80px;
    width: 80px;
}*/

/* loading style for options */
/*#loading-block .level_body .booklist-loading-placeholder-glow .booklist-loading-placeholder {
    !* copied from .level_body .form-group *!
    padding: 0 10px;
    width: calc(50% - 10px);
    margin: 0 0 20px;

    height: 82px; !* this is the same as the label height *!

    !* copied from BS5 *!
    display: block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: white;
    opacity: .9;
}*/

/*#listOfStepsContent .option_wrap {
    opacity: 0;

    -webkit-animation: fadeIn .3s ease-in-out 1 forwards;
    animation: fadeIn .3s ease-in-out 1 forwards;
}*/
/* END booklist page: animation on content */


/* START booklist page: loading animation on header */
/*#listOfStepsContent .level_head.loading {
    position: relative;
}
#listOfStepsContent .level_head.loading::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #551852;
    opacity: 1;
    z-index: 2;

    -webkit-animation: fadeOut 2s ease-in-out 1 forwards;
    animation: fadeOut 2s ease-in-out 1 forwards;
}

@keyframes fadeOut {
    100% {
        opacity: 0;
    }
}

@keyframes fadeIn {
    100% {
        opacity: 1;
    }
}*/


/* set bg for active step */
/*
.textbook_steps .nav-tabs .nav-item a.done {
    background: #551852;
    color: white;
}
.textbook_steps .nav-tabs .nav-item a.done * {
    color: inherit !important;
}
*/