/*
* temporary css, should be put in style.css 
* just used so not to overrite style.css on server - peter r. 141003       
*/
// ul.game-list, ul.video-list {
//     padding-left: 2%;
// }

// .content-list {
//     margin: 10px 5% 10px 5%;
// }

// .content-list a {
//     display: block; font-family: 'Ebrima'; color:white; width: 200px; height: 90px;
// }


.img-holder {
    position: relative;
}

.img-holder img {
    width: 200px; height: 90px;
} 

/* .content-title {
//     font-size: 14px; position: absolute; padding-left: 10px; padding-right: 10px; width: 200px; top: 40%; text-align: center; transform: translateY(-50%);
// }
// .content-subject {
//     font-size: 11px; position: relative; top: -88px; left: 5px; z-index: 99;
// } */

.content-title::first-letter{
    text-transform: capitalize
}

/** progress bar **/
.progress {
    height: 16px;
    margin-bottom: 13px;
}


/*** new stuff, refresh button, go back button, etc */
.back {
    float:left; padding-right: 1%;
}


.reload {
    float: left;
}

.grade-game {
    text-align: center;
    padding-top: 5px;
    padding-right: 5px;
}

/*** login page changes */
.login-logo {
    margin-bottom: 10px;
    margin-top: 10px;
}


.content-filter-hidden, .grade-filter-hidden {
   display: none !important; 
    visibility: hidden !important;
}

.content-filter-visible, .grade-filter-visible {
    display: normal !important;
    visibility: visible !important;
}

.center {
/*position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;*/
margin-left: auto;
margin-right: auto;


}

.dz-left {
    float: left;
}

.dz-achive {
    /* padding-right: 12%;*/
    width: 33.33%;
    text-align: center;
}

.dz-achive-head {
    background-color: #a18abf;
    padding: 8px 11px 8px 11px;
    color: #FFF;
    border-radius: 3px;
}

.dz-achive-type {
    padding-top: 7px;
    padding-bottom: 7px;
}

.dz-achive-img {
    padding-top: 7px;
    padding-bottom: 3px;
}

.dz-achive-text {
    padding-top: 3px;
    padding-bottom: 7px;
}



.show-error::before {
    content: "* ";
}

.show-error {
     display: inline-block !Important;
}