/*Mis respuestas*/
.myanswers{}
.myanswers .logo{width: 120px; display: none;}
.myanswers .close{position: initial!important;}


.myanswers .print{width: 320px;padding-right: 0px;}
.myanswers .print a{
    border: 2px solid #0057ff!important;
    padding: 8px 18px;
}
.myanswers header{padding: 10px 0 20px;}
.myanswers header .label{}
.myanswers header .title{font-size: 28px!important; }

.myanswers .progreso{width: fit-content;margin: 8px auto 22px;}
.myanswers .progreso span{padding-bottom: 10px; display: block; }
.myanswers .progreso .progress{}
.myanswers .progreso .progress .progress-bar{
    background-color: #49ba86!important;
}

.myanswers .preguntas{}

.myanswers .preguntas .item{
    counter-increment: list;
    margin-left: 64px;
    position: relative;
    padding: 28px 20px 30px 0px;
    
    }

.myanswers .preguntas .item:not(:first-child){border-top: 1px solid #efefef;}

.myanswers .preguntas .item::before{color: #fff;
    content: counter(list);
    left: -56px;
    position: absolute;
    font-size: 15px;
    top: 40%;
    text-align: center;
    background-color: #2e353e;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    padding-top: 2px;
}

.myanswers .preguntas .item .dimension{display: block; font-size: 13px; }
.myanswers .preguntas .item .question{font-size: 18px;}
.myanswers .preguntas .item .options{margin-top: 10px; }
.myanswers .preguntas .item .options div{border: 1px solid #444;padding: 6px 25px;border-radius: 3px;position: relative;}
.myanswers .preguntas .item .options div:not(:last-child){margin-right: 10px; }

.myanswers .preguntas .item .options .icon{padding-right: 42px;}
.myanswers .preguntas .item .options .icon i{position: absolute; right: 16px; top: 10px; }
.myanswers .preguntas .item .options .icon.right{background-color: #49ba86;border-color: #49ba86;color: #fff;}
.myanswers .preguntas .item .options .icon.wrong{border-color: #fa4141;color: #fa4141;}


.myanswers .preguntas .item .options .selected{background-color: #0057ff; color: #fff;border-color: #0057ff;}

.myanswers .preguntas .title-group {border-left: 6px solid black;padding-left: 30px;margin: 30px 0 20px 7px;}
.myanswers .preguntas .title-group .title{}
.myanswers .preguntas .title-group .item-group .item{margin-left: 57px; }
.myanswers .preguntas .title-group .item-group .item:first-child{border-top: none!important;}

.myanswers .preguntas .title-group + .item{border-top: none!important;}




@media print {
  
  .myanswers .logo{display: block;}
  .myanswers .modal-header{display: none!important;}

}