/*.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;background-size:cover;}

.bottom{width:100%;height:308px;background:transparent url(../img/crm-ih-ro-footer.png) center top no-repeat;padding:0 10px;background-size:cover;}



/* .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: #f4cf80;

}



.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 */