/*.yellowband{width:100%;height:55px;background:transparent url(../img/yellowband_bg.gif) left top repeat-x;padding:0 10px;}*/
.top{width:100%;height:122px;background:transparent url(../img/header.png) center  top no-repeat;padding:0 10px;}
.bottom{width:100%;height:308px;background:transparent url(../img/footer.png) center top no-repeat;padding:0 10px;}

/* .top,.bottom{background-size:contain} */
.required:after{content:'*';color:#E80000;margin-left:3px}
/*Custom quiz error*/
.quiz-error-container{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.6);padding:0 20px;z-index:9}
.quiz-error-container .valign {position: relative;top: 50%;transform: translateY(-50%);border-radius:0;text-align: center;font-size: 16px;}
.quiz-error-container .close-quiz-error{background-color: #FFF;border: 1px solid #EEE;border-radius: 4px;color: #000;height: 28px;width: 28px;cursor: pointer;display: block;font-size: 20px;position: absolute;right: 10px;text-align: center;top: 10px;font-weight:300;}
.quiz-error-container .close-quiz-error:hover{background-color:rgba(255,255,255,0.7);}
.ui-item {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: 2px 2px 0 1px rgba(0, 0, 0, 0.06);
    margin: 20px auto;
    padding: 20px 25px;
}

.ui-item h2 {
    color: #FFCC00;
    float: left;
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
}

.ui-item .ui-border {
    height: 2px;
    margin: 8px 0;
}

.bg-lyellow {
    background-color: #FFCC00 !important;
}

.ui-item p {
    color: #999;
    font-size: 13px;
    line-height: 26px;
    margin: 15px 0;
}

.ui-item h4 {
    color: #888;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 5px;
}
.ui-item  hr {
    border-bottom: 1px solid #eee;
    border-top: 0 none;
    margin: 10px 0;
    padding: 0;
}

.ui-item ul {list-style-type: none;width: 100%;padding: 0;}
.ui-item ul > li::before {color: #ccc;content: ">";font-size: 13px;margin-right: 8px;vertical-align: middle;}
.ui-item ul > li {color: #aaa;padding: 3px 0;position: relative;}
.ui-item ul > li > span {color: #888;}
.ui-item ul > li > b {color: #888;position: absolute;right: 0;}

.ui-scoring > tbody > tr > td {
     vertical-align: middle;
}

/* Link-uri footer pagina testeaza-te */
.termen {
    display: flex;
    justify-content: center;
    padding: 7px;
    background: #fcb420;
}

.termen a {
    margin: 0 10px;
    color: #243a88;
    font-weight: 700;
    text-decoration: none;
    font-size: 12px;
    font-family: "Roboto Slab", sans-serif;
    line-height: 1.5;
}

.termen a:hover {
    color: #fff;
}
/* END Link-uri footer pagina testeaza-te */