/*body{
    min-height: 100%;
    height: 100%;
}*/
/*#nma_mainwrapper{
font-family: 'Roboto', sans-serif;
top: 64px;
background: black;
}*/

#nma_mainwrapper {
    /*font-family: 'Roboto', sans-serif;*/
    top: 64px;
    background: black;
    max-width: 1024px;
    margin: auto;
    /* background: black; */
    /*border: 6px solid black;*/
    border-top: 0;
    font-size: 20px;
    /*background: var(--eThemeBg);*/
    background:none;
    height:calc(var(--vhmax) - 64px);
    background-repeat: no-repeat;
    background-size: 100%,100%;
    background-position-y: center,center;
    background-position-x: center,center;
    overflow-y: auto;
    overflow-x: hidden;
    line-height: 1.2;
}

#nma_mainwrapper div{
    position:relative;
    /*display:block;*/
}
#nma_mainwrapper .nma_answer {
    padding-left: 0px;
   /*  margin-bottom: 18px; */
    margin-bottom: 10px;
    min-height: auto;
}

#nma_mainwrapper .nma_answer_text{
    display: inline-block;
    vertical-align: top;
    width:90%;
    left: 8px;
}

#nma_mainwrapper .nma_question_text{
    border-bottom: 1px solid #666;
    width: 85%;
    margin-bottom: 10px;
    /*padding-bottom: 10px; >TVEKSAM*/
    padding-bottom: 24px;
}

#nma_mainwrapper .nma_quizanswers_cmd{

    color:black;
    opacity:0.6;

}
#nma_mainwrapper .nma_quizanswers_cmd.nma_enabled{
    cursor:pointer;
    opacity:1;
}
#nma_mainwrapper .nma_mico:before{
    /*<i class="material-icons">place</i>*/
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    line-height: 1; /*1*/
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    content:'';
    display:none;
    position:relative;
}


#nma_mainwrapper .nma_quizanswers_cmd.nma_quizanswer_selected{
    /*font-weight:bold;
    color:black;*/
}
#nma_mainwrapper .nma_quizanswers_cmd.nma_mico.nma_quizanswer_selected:before{
    content:'check_box';
    display: inline-block;
}

#nma_mainwrapper .nma_quizanswers_cmd.nma_mico:before{
    content:'check_box_outline_blank';
    display: inline-block;
    top:0px;
    color: #666;

}

#nma_templates{
    display: none;
}
#nma_mainwrapper .nma_testred{
    border:none;
    margin:0;
}
#nma_mainwrapper .nma_testblue{
    border:none;
    margin:0;
}
#nma_mainwrapper .nma_question.nma_submitted{
    /*background-color:lightgreen;*/


}
#nma_mainwrapper .nma_question{
    border:2px solid greenyellow;
}


#nma_mainwrapper .nma_questionsubmit_cmd.nma_single{
    width:100%;
}
#nma_mainwrapper .nma_finishquiz_cmd.nma_single{
    width:100%;
}
#nma_mainwrapper .nma_finishquiz_cmd.nma_single:before{
    content:'SVARA';
}


#nma_mainwrapper .nma_prev_cmd,
#nma_mainwrapper .nma_finishquiz_cmd,
#nma_mainwrapper .nma_next_cmd,
#nma_mainwrapper .nma_questionsubmit_cmd,
#nma_mainwrapper .nma_prev_cmd,
#nma_mainwrapper .nma_finishquiz_cmd{
    margin:10px;
    padding:10px;
    display: inline-block;
    width:200px;
    margin:0;
    padding:0;
    text-align:center;
    /* ROBOTO font-family: 'helveticaneue_light'; */
    height: 48px;
    line-height: 48px;
    color:#666666;
    background:white;
    border:none;
    cursor: default;

}
#nma_mainwrapper .nma_prev_cmd.nma_enabled,
#nma_mainwrapper .nma_finishquiz_cmd.nma_enabled,
#nma_mainwrapper .nma_next_cmd.nma_enabled,
#nma_mainwrapper .nma_questionsubmit_cmd.nma_enabled{

    cursor:pointer;
}
#nma_mainwrapper .nma_finishquiz_cmd,
#nma_mainwrapper .nma_questionsubmit_cmd{
    width: calc(100% /2);
}
#nma_mainwrapper .nma_prev_cmd,
#nma_mainwrapper .nma_next_cmd{
    width: calc(100% /4);
    /* background: lime;*/
}
#nma_mainwrapper .nma_prev_cmd,
#nma_mainwrapper .nma_prev_cmd.nma_enabled{
    border-right:6px solid black;
    box-sizing:border-box;
}
#nma_mainwrapper .nma_next_cmd,
#nma_mainwrapper .nma_next_cmd.nma_enabled{
    border-left:6px solid black;
    box-sizing:border-box;
}


#nma_mainwrapper .nma_prev_cmd.nma_enabled:hover,
#nma_mainwrapper .nma_finishquiz_cmd.nma_enabled:hover,
#nma_mainwrapper .nma_next_cmd.nma_enabled:hover,
#nma_mainwrapper .nma_questionsubmit_cmd.nma_enabled:hover{
    color:white;
    background:#666666;
}
#nma_mainwrapper .nma_questionsubmit_cmd.nma_enabled{
    color:white;
    background:#666666;
}
#nma_mainwrapper .ui_quiz_navigation_progress_dots{
    display: inline-block;
    width: calc(100% - 260px);
    /*width: calc(100% - 725px);*/
    /*height: 21px;*/
    overflow: hidden;
    /*border: 1px solid red;*/
    top: 4px;
    margin-left: 20px;
}
@media  (max-width : 576px) {
    #nma_mainwrapper .ui_quiz_navigation_progress_dots{
    display:none;
}
}

#nma_mainwrapper .nma_progress_wrapper{
    text-align: center;
}
#nma_mainwrapper .nma_finishquiz_cmd{
    opacity:0.5;
}
#nma_mainwrapper .nma_finishquiz_cmd.nma_enabled{
    opacity:1;
    background-color: silver
}
#nma_mainwrapper .nma_question_title {
    display: none;
}
#nma_mainwrapper .nma_progress_wrapper .nma_progresslink_cmd{
    cursor:pointer;
    background:white;
    color:#666666;
    margin-right:3px;
    display: inline-block;
    border-radius:50%;
    width:12px;
    height:12px;
    font-size:0;
    border: 1px solid transparent;
    /*border:1px solid blue;*/




}
#nma_mainwrapper .nma_progress_wrapper .nma_progresslink_cmd::before {
    display: block;
    font-size: 7px;
    position: absolute;
    top: 2.4px;
    left: 2.4px;
    line-height: 1.2;
}

#nma_mainwrapper .nma_progress_wrapper .nma_progresslink_cmd:before{
    content:'radio_button_unchecked';
}

#nma_mainwrapper .nma_progress_wrapper .nma_progresslink_cmd.nma_activedot{
    /*border:2px solid red;*/
    border: 1px solid #666666;

}


#nma_mainwrapper .nma_progress_wrapper .nma_progresslink_cmd.nma_submitted{
    /*background:silver;*/


}
#nma_mainwrapper .nma_progress_wrapper .nma_progresslink_cmd.nma_submitted:before{
    content:'brightness_1';
}
#nma_mainwrapper .nma_progress_wrapper .nma_progressitems{
    /*width:2000px;*/
    white-space : nowrap;
}


/*#nma_mainwrapper .nma_dynpop {
    position: absolute;
    z-index: 2000;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 1;
    left: 0px;
    top: 0px;
    display: none;
    width: 100%;
    height: calc(var(--vhmax) - 64px);
    
    
    
    
}*/
#nma_mainwrapper .nma_dynpop {
    position: absolute;
    z-index: 2000;
    opacity: 1;
    left: 0px;
    top: 56px;
    display: none;
    width: 100%;
    min-height: 400px;
}
/*#nma_mainwrapper .nma_dynpop>div{
    width: 600px;
    margin: auto;
    top: 70px;
    background: white;
    max-height: 500px;
    overflow-y: auto;
    padding:20px;
}*/
/*STYLING I BOXAR FÖR FÖRE OCH EFTER QUIZ BOXAR (html hämtas från quizinställningarna)*/
#nma_mainwrapper .nma_startquiz_cmd, .nma_restartquiz_cmd, .nma_endquiz_cmd {
    display: inline-block;
    padding: 5px;
    width: 284px;
    border: 2px solid black;
    text-align: center;
    color: black;
    background: white;
    text-transform: uppercase;
    cursor: pointer;
    margin-top:20px;
}


/* STYLING I BOXAR SLUT */
#nma_mainwrapper .nma_progressoverviewwrapper {
    position: absolute;
    width: 100%;
    height: calc(var(--vhmax) - 117px);
    /* border: 5px solid silver; */
    z-index: 2000;
    background-color: black;
    opacity: 0.96;
    left: 0px;
    top: 5px;
    display: none;
    border-radius: 4px;
}

#nma_mainwrapper .nma_progressoverviewbox{
    width: 90%;
    margin: auto;
    top: 70px;
    background: white;
    max-height: 300px;
    overflow-y: auto;
    padding:20px;
    border-radius: 8px;
}
#nma_mainwrapper .nma_progressoverviewtop{
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid black;
    font-size:16px;
    text-align: center;
}

#nma_mainwrapper .nma_progressoverviewclose {
    position: absolute;
    right: -15px;
    top: -15px;
    font-size: 25px;
    cursor: pointer;
}
#nma_mainwrapper .nma_smalldot {
    font-size: 16px;
    position: relative;
    top: 2px;
}



#nma_mainwrapper .nma_progressoverview {
    overflow-y: auto;
}
#nma_mainwrapper .nma_progressoverviewbottom{
    padding-top:10px;
    margin-top:10px;
    border-top:1px solid black;
    text-align: center;
}

#nma_mainwrapper .nma_progressoverview .nma_progresslink_cmd {
    width: 30px;
    height: 30px;
    margin: 6px;
    float: left;
    font-size: 16px;
    color: black;
    border-radius: 50%;
    width: 30px;
    height: 25px;
    font-size: 18px;
    background: white;
    border: 1px solid black;
    text-align: center;
    padding-top: 5px;
    cursor:pointer;
}
#nma_mainwrapper .nma_progressoverview .nma_progresslink_cmd {

    color:black;
    border:1px solid silver;
}

#nma_mainwrapper .nma_progressoverview .nma_progresslink_cmd.nma_submitted {
    color:white;
    background: black;
    border:1px solid black;
}
#nma_mainwrapper .nma_progressoverview .nma_progresslink_cmd.nma_passed {
    color:white;
    background: green;
    border:1px solid green;

}
#nma_mainwrapper .nma_progressoverview .nma_progresslink_cmd.nma_failed {
    color:white;
    background: red;
    border:1px solid red;

}

#nma_mainwrapper .nma_progressoverview.nma_submitted {
    background: black;
    color:white;
}

#nma_mainwrapper .nma_progresslink_cmd.nma_submitted{
    /*background:black;*/
    background: transparent;
    color:white;
}
#nma_mainwrapper .nma_prev_cmd.nma_disabled, #nma_mainwrapper .nma_next_cmd.nma_disabled{
    z-index:10;
    width: calc(100% /2);
}
#nma_mainwrapper .nma_quizanswers_cmd.nma_showcorrect.nma_mico::before{
    /*background: green;*/
    color: green;
}
#nma_mainwrapper .nma_progresslink_cmd.nma_passed{
    /*background:green;*/
    color:green;
}
#nma_mainwrapper .nma_progresslink_cmd.nma_failed{
    /*background:red;*/
    color:red;
}
/*Specifik styling för typ av quiz 1,10,11*/
#nma_mainwrapper.nma_quiztype_11 .ui_quizwrapper{
    background:#666666
}
#nma_mainwrapper.nma_quiztype_11 .ui_quizwrapper *{
    color:white;
}
#nma_mainwrapper.nma_quiztype_11  .nma_quizanswers_cmd.nma_mico::before {
    color:white;
}
#nma_mainwrapper.nma_quiztype_11 .nma_quizanswers_cmd.nma_showcorrect.nma_mico::before{
    color: green;
}
#nma_mainwrapper.nma_quiztype_11 div.nma_question_sound_cmd{
    background-image: url('../images/questions/sound-button3.png');
}
#nma_mainwrapper.nma_quiztype_11 div.nma_question_sound_cmd:hover{
    background-image: url('../images/questions/sound-button3.png');
}


#nma_mainwrapper .nma_question_feedbackgood,
#nma_mainwrapper .nma_question_feedbackbad{
    display:none;
    /*border: 1px solid red;*/
    width: 90%;
    padding: 3px;
    border-radius: 7px;
    color:red;
}
#nma_mainwrapper .nma_question_feedbackgood{
    color:green;
}
#nma_mainwrapper .nma_question_feedbackgood:empty,
#nma_mainwrapper .nma_question_feedbackbad:empty{
    display:none !important;

}

#nma_mainwrapper .nma_question_feedbackgood.nma_visible,#nma_mainwrapper .nma_question_feedbackbad.nma_visible{
    display:inline-block;
}

#nma_mainwrapper .nma_progressoverview .nma_progresslink_cmd.nma_submitted {
    /*background: black;*/
}

body{
    /*background:orange;*/
}
/*Overrides för mdl etruck css*/
.nma_loginheader {
    /*position: absolute !important;
    top: 142px !important;
    color: silver !important;
    left: 320px !important;*/
    font-weight:normal !important;
    font-size: 18px !important;
    margin: 0 !important;
}
.nma_hide{
    display:none;
}
#nma_messagewrapper{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:100%;
    position:absolute;
    z-index: 1000;
    cursor:pointer;
    background:rgba(0, 0, 0, 0.5);

}
#nma_pagecontent .nma_messagebox{
    /*border:2px solid red;*/
    background: white;
    color:black;
    display:flex;
    justify-content:center;
    align-items:center;
    width:350px;
    min-height:100px;
    padding:20px;
    flex-direction:column;
    font-size:12px;
    white-space: pre-wrap;
    text-align:center;
}

#nma_pagecontent .nma_messagebox img{
    width:150px;
}

#nma_mainwrapper div.nma_question_sound_cmd {
    position: absolute;
    right: 10px;
    width: 48px;
    height: 48px;
    background-image: url('../images/questions/questions-speaker.svg');
    background-repeat: no-repeat;
    background-size: 48px 48px;
    cursor: pointer;
    z-index: 4;
    opacity: 0.7;
}

/*#nma_mainwrapper div.nma_question_sound_cmd:hover {
    background-image: url('../images/questions/sound-button.png');
    opacity:1;
}*/

/*Start & end boxes*/
#nma_mainwrapper .nma_popbox > div {
    width: auto;
    margin: auto;
    top: 0;
    background: white;
    overflow-y: auto;
    height: 100%;
    padding: 0px;
    border-radius: 8px;
    padding: 48px;
}
#nma_mainwrapper .nma_popbox  > div * {
    box-sizing: border-box;
}
#nma_mainwrapper .nma_popbox  p {
    /* padding-top: 20px;
    padding-bottom: 20px; */
}
#nma_mainwrapper .nma_popbox .nma_quiz_text {
    /*padding-left: 48px;
    padding-right: 48px;
    padding-top: 20px;*/
    height: calc(100% - 48px);
}
#nma_mainwrapper .nma_popbox  .nma_quiz_text > div {
    margin-bottom:20px;
}

.nma_dynpopheader{

    font-size:16px;
    font-weight:bold;
}

.nma_resultexp > div{
    margin-bottom:16px;
}
.nma_result_vg::before, .nma_result_g::before, .nma_result_ig::before {
    background-size: 48px 48px;
    background-repeat: no-repeat;
    min-width: 56px;
    height: 48px;
    content: '';

}

.nma_result_vg::before {
    background-image: url('../images/green.png');
}
.nma_result_g::before {
    background-image: url('../images/yellow.png');
}
.nma_result_ig::before {
    background-image: url('../images/red.png');
}
.nma_result_vg,
.nma_result_g,
.nma_result_ig
{
    display: flex;
    align-items: center;  
}
/*.nma_result_vg{
    background:transparent;
    border-left:30px solid green;
    padding-left:10px;
}
.nma_result_g{
    background:transparent;
    border-left:30px solid Yellow;
    padding-left:10px;

}
.nma_result_ig{
    background:transparent;
    border-left:30px solid red;
    padding-left:10px;
}*/

/*#nma_mainwrapper .nma_buttonwrapper{
    background:white;
    width: 100%;
    border-top:10px solid black;
    height: 40px;
    display:flex;
    background: black;
    justify-content:space-between;
}*/
/*#nma_mainwrapper .nma_buttonwrapper {
    width: 100%;
    border-top: 10px solid black;
    min-height: 48px;
    display: flex;
    background: black;
    justify-content: space-between;
}*/
#nma_mainwrapper.nma_quiztype_10 .nma_buttonwrapper {
    width: 100%;
    min-height: 48px;
    display: flex;
    justify-content: space-between;
    gap:10px;
}   
#nma_mainwrapper.nma_quiztype_10 .nma_buttonwrapper  > div {
    flex-grow: 1;
}  

#nma_mainwrapper .nma_buttonwrapper > div {
    border: 0;
    margin: 0;
    padding:0;
    background: white;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-basis: 49.5%;
}
#nma_mainwrapper #nma_reviewquiz > div.nma_closetestview_cmd {
    cursor: pointer;
    border-radius: 24px;
    padding: 14px 28px 14px 28px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    color: var(--eThemeBg);
    text-transform: uppercase;
    display: flex;
    background: rebeccapurple;
    background: var(--eThemeBg);
    color: white;
    height: 48px;
}
#nma_mainwrapper #nma_reviewquiz > div.nma_closetestview_cmd:hover {
    opacity: 0.5;
}



#nma_mainwrapper .nma_buttonwrapper > div.nma_review_cmd, 
#nma_mainwrapper .nma_buttonwrapper > div.nma_review_cmd2, 
#nma_mainwrapper .nma_buttonwrapper > div.nma_restartquiz_cmd,
#nma_mainwrapper .nma_buttonwrapper > div.nma_surveylink_cmd,
#nma_mainwrapper .nma_buttonwrapper > div.nma_endquiz_button,
#nma_mainwrapper .nma_buttonwrapper > div.nma_startquiz_button{
    cursor: pointer;
    border-radius: 24px;
    border: solid 2px var(--eThemeBg);
    padding: 14px 28px 14px 28px;
    /*font-family: Roboto;*/
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    color: var(--eThemeBg);
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
    text-transform:uppercase;
}
#nma_mainwrapper .nma_readmorebutton {
    display: inline-block;
    cursor: pointer;
    border-radius: 24px;
    border: solid 2px var(--eThemeBg);
    padding: 14px 28px 14px 28px;
    /*font-family: Roboto;*/
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    color: var(--eThemeBg);
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
    text-transform:uppercase;
    margin-left: 4px;
    margin-right: 4px;
}
.nma_squarebox{
    width:100%;;
    /*background:green;*/
    text-align:center;
    padding-top:20px;
    padding-bottom:20px;
    padding-left: 1em;
    padding-right: 1em;
    border-radius: 4px;
}
.nma_squarebox >div{
    font-weight: bold;
}
/*#nma_endbox.nma_vg .nma_squarebox{
    background:green;
    color:white;
}
#nma_endbox.nma_g .nma_squarebox{
    background:yellow;
    color:black;
}
#nma_endbox.nma_ig .nma_squarebox{
    background:red;
    color:black;
}*/

/*.nma_rounddot {
    border-radius: 50%;
    height: 200px;
    width: 200px;
    padding: 30px;
    box-sizing: border-box;
    text-align: center;
    float: right;
    font-style:italic;
}*/
#nma_mainwrapper .nma_rounddot {
    /* border-radius: 50%; */
    position: absolute;
    padding: 30px;
    box-sizing: border-box;
    text-align: center;
    /* float: right; */
    /* font-style: italic; */
    background-image: url('../images/bigtranshex.png');
    background-size: cover;
    /* border: 1px solid green; */
    color: white;
    right: 0px;
    bottom: 8px;
    font-size: 16px;
    width: 210px;
    height: 183px;
}
#nma_startbox .nma_rounddot{
    background-color:#f05032;
    color:white;
}
.nma_rounddot>div {
    font-size: 30px;
    line-height:35px;
}
.nma_endtext1>span,.nma_endtext2>span{
    font-weight: bold;
}
#nma_mainwrapper #nma_endbox .nma_rounddot {
    position:relative;
    margin: auto;
}

#nma_endbox.nma_vg .nma_rounddot{
    background-color:#14b496;
    color:white;
}
#nma_endbox.nma_g .nma_rounddot{
    background-color:#fab400;
    color:white;
}
#nma_endbox.nma_ig .nma_rounddot{
    background-color:#f05032;
    color:white;
}
#nma_startbox.nma_finalexam .nma_quiz_text .nma_rounddot{
    display:none;
}
#nma_startbox.nma_finalexam .nma_quiz_text .nma_resultexp{
    display:none;
}
#nma_startbox.nma_finalexam .nma_quiz_text .nma_langtext1>b{
    display:none;
}

#nma_startbox.nma_finalexam .nma_quiz_text div{
    display:block;
    font-size:18px;
    text-align: center;
}
#nma_mainwrapper .nma_quiz_text .nma_langtext1,
#nma_mainwrapper .nma_quiz_text .nma_langtext2{
    white-space: pre-line;
}

#nma_startbox.nma_finalexam .nma_quiz_text .nma_langtext1{
    border-bottom:1px solid gray;
    padding-bottom:20px;
    /* white-space: pre; */

}
#nma_startbox.nma_finalexam  .nma_quiz_text .nma_langtext2>p{
    display: block;
    font-size: 22px;
    text-transform: uppercase;
    margin-top:20px;
    padding-top:20px;
    border-top:1px solid gray;
}

#nma_endbox.nma_finalexam .nma_quiz_text .nma_rounddot{
    display:none;
}
#nma_endbox.nma_finalexam  .nma_quiz_text .nma_langtext1{
    display:block;
    font-size:18px;
    text-align: center;
}
#nma_endbox.nma_finalexam  .nma_quiz_text .nma_langtext1>b{
    display: block;
    font-size: 22px;
    text-transform: uppercase;
    margin-top:20px;
    padding-top:20px;
    border-top:1px solid gray;
}
#nma_endbox.nma_finalexam  .nma_quiz_text *:after{
    content: '';
}
#nma_endbox.nma_finalexam  .nma_quiz_text *:before{
    content: '';
}
#nma_endbox.nma_finalexam .nma_squarebox{
    /*background:silver !important;**/
}
#nma_endbox.nma_finalexam .nma_squarebox:after{
    display: none;
}
#nma_endbox.nma_finalexam .nma_endquiz_cmd {
    /*display: none;*/
}
.nma_progressoverviewbottom .nma_answeredsuccesss {
    color:green;
}
.nma_progressoverviewbottom .nma_smalldot.nma_answeredfaild {
    color:red;
}
.nma_quiztype_1 .nma_progressoverviewbottom .nma_answeredfaild {
    display:none;
}
.nma_quiztype_1 .nma_progressoverviewbottom .nma_answeredsuccesss {
    color:black;
}
.nma_quiztype_1 .nma_progress_wrapper .nma_progressitems {
    display: none;
}
/* Fix för kontrollfråga */
#nma_mainwrapper .nma_endquiz_cmd.nma_single {
    margin: 10px;
    padding: 10px;
    display: inline-block;
    width: 200px;
    margin: 0;
    padding: 0;
    text-align: center;
    /* ROBOTO font-family: 'helveticaneue_light';*/
    height: 48px;
    line-height: 48px;
    color: #666666;
    background: white;
    border: none;
    width: 100%;
}
/*Fix för att visa subitted*/
#nma_mainwrapper .nma_submittedquery {
    padding-left: 10px;
   
}
#nma_mainwrapper .nma_submittedquery:before {
    content:'(';
}
/*Fix för att visa subitted slut*/

/* Fix bilder i frågor: Alltid centrerade och max-height;*/
#nma_mainwrapper .ui_question_image_bigscreen{
    text-align:center;
}
#nma_mainwrapper .ui_question_image_bigscreen .nma_question_image{
    /*max-height: 300px;*/
    max-height: 280px;
    width: auto;
}
/*Fix fade out i query box ()*/
.nma_fadeoutbox {
    height: 60px;
    background: linear-gradient(to top, rgba(102, 102, 102, 1), rgba(102, 102, 102, 0));
    margin-top: -60px;
    margin-bottom: 6px;
    opacity: 1;
    width: 820px;
    pointer-events: none;
}
.nma_quiztype_10 .nma_fadeoutbox, .nma_quiztype_1 .nma_fadeoutbox{
    background: linear-gradient(to top, rgba(255,255,255,1), rgba(255, 255, 255,0));
    /*background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255, 255, 255,1) 100%);*/
}
#nma_mainwrapper .nma_quizwrapper .ui_quizwrapper {
    margin-bottom: 0;
    height: 100%;
}
/* Fix för kontrollfrågor */
#nma_mainwrapper .nma_questionsubmit_cmd.nma_single{
    background: #666666;
    color:#ffffff;
}
#nma_mainwrapper .nma_questionsubmit_cmd.nma_single.nma_enabled{
    color: #666666;
    background:#ffffff;
}
#nma_mainwrapper .nma_questionsubmit_cmd.nma_single.nma_enabled,
#nma_mainwrapper .nma_single.nma_enabled.nma_endquiz_cmd{
    color: #666666;
    background:#ffffff;
}
/*nytt 2212*/
#nma_mainwrapper .nma_buttonwrapper > div {
    display: none;
}
#nma_mainwrapper .nma_buttonwrapper > div.nma_startquiz_button {
    display: flex;
    /*flex-basis: 100%;*/
}
#nma_pagecontent #nma_endbox.nma_finalexam .nma_surveylink_cmd,
#nma_pagecontent #nma_endbox.nma_finalexam .nma_save_and_exit_cmd {
    flex-grow: 1;
    cursor: pointer;
}
/* WIP */
#nma_mainwrapper.nma_quiztype_10 .nma_review_cmd:before,
#nma_mainwrapper.nma_quiztype_10 .nma_review_cmd2:before {
    opacity: 0.3;
}

#nma_mainwrapper.nma_quiztype_10 .nma_review_cmd:after,
#nma_mainwrapper.nma_quiztype_10 .nma_review_cmd2:after {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 0.7;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    content: 'visibility';
    text-decoration:none;
    margin-left: 4px;
}
#nma_endbox .nma_restartquiz_cmd:after,
#nma_startbox.nma_restartquiz .nma_startquiz_cmd:after{
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 0.7;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    content: 'quiz';
    text-decoration:none;
    margin-left: 4px;
}
#nma_mainwrapper #nma_startbox .malm_toggleblocker_cmd.nma_readmorebutton {
    display: none;
}
#nma_mainwrapper #nma_startbox.nma_finalexam.nma_finalexamretry .malm_toggleblocker_cmd.nma_readmorebutton
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#nma_quizretrylockedbox {
   /*  height: 100%; */
}
#nma_quizretrylockedbox .nma_buttonwrapper {
    display: none;
}
.cmd_showinstructor {
    text-decoration: underline;
    cursor: pointer;
}

.nma_finalexamretry .nma_resulttext {
    display: none !important;
}
#nma_mainwrapper .nma_surveylink_cmd,
#nma_mainwrapper .elift_quit_cmd{
    text-decoration: underline;   
    cursor: pointer;
}
#elift_custommodal {
	display: none;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
	background-color: #c0c0c0b2;
	z-index: 999999;
	align-items: center;
	justify-content: center;
    padding:20px;
    pointer-events:all;
    cursor: pointer;
}
#elift_custommodal div {
    margin:0;
    padding:0;
}
#elift_custommodal #elift_techerinfo {
        background-color: white;
        padding: 10px;
        border: 1px solid black;
        border-radius: 8px;
        /* position: ; */
        pointer-events: none;
}
#elift_custommodal hr {
    display: none;
}
#elift_custommodal #elift_custommodal_alertbox{
    border-radius: 8px;
    color:white;
    background-color: black;
    border: 2px solid yellow;
    padding:16px;
    font-size:14px;
}
#elift_custommodal #elift_custommodal_alertbox::before{
    content: 'För att fortsätta måste du slutföra';
    font-weight: 600;
}
#nma_mainwrapper .elift_quit_cmd {
 display: none;
}
#nma_mainwrapper #nma_quizretrylockedbox .elift_quit_cmd,
#nma_mainwrapper.nma_quiztype_1 .elift_quit_cmd {
    display: block;
   }
/* WIP SLUT */

#nma_pagecontent #nma_endbox.nma_finalexam .nma_review_cmd2,
#nma_pagecontent #nma_endbox.nma_finalexam .nma_review_cmd,
#nma_pagecontent #nma_endbox.nma_finalexam .nma_restartquiz_cmd 
{
    display: none;
}



#nma_mainwrapper.nma_quiztype_10 #nma_endbox .nma_buttonwrapper > div,
#nma_mainwrapper.nma_quiztype_10.nma_endbox_try2 .nma_buttonwrapper > div {
    display: flex;
}

#nma_mainwrapper.nma_quiztype_10 #nma_endbox .nma_buttonwrapper > div.nma_review_cmd2 {
    display: none;
}
#nma_mainwrapper.nma_quiztype_10.nma_endbox_try2  #nma_startbox .nma_buttonwrapper > div.nma_review_cmd2 {
    display: none;
}
#nma_mainwrapper.nma_quiztype_10.nma_endbox_try2 #nma_endbox .nma_buttonwrapper > div.nma_review_cmd2 {
    display: flex;
}
#nma_mainwrapper.nma_quiztype_10.nma_endbox_try2.nma_endbox_finish  #nma_startbox .nma_buttonwrapper > div.nma_review_cmd2 {
    display: flex;
}
#nma_mainwrapper.nma_quiztype_10.nma_endbox_try2  #nma_endbox .nma_buttonwrapper > div.nma_restartquiz_cmd{
    display: none;
}
#nma_mainwrapper.nma_quiztype_10.nma_endbox_finish  #nma_startbox .nma_buttonwrapper > div{
    display: flex;
}
#nma_mainwrapper.nma_quiztype_10.nma_endbox_finish  #nma_startbox .nma_buttonwrapper > div.nma_startquiz_cmd {
    display: none;
}   
#nma_mainwrapper.nma_quiztype_10.nma_endbox_finish .nma_quiztitle:after {
    content: '' !important;
}
#nma_mainwrapper.nma_quiztype_10 .nma_langtext2{
    width:60%;
}
#nma_endbox .nma_quiz_text {
	flex-wrap: wrap;
}
@media  (max-width : 900px) {
    #nma_mainwrapper.nma_quiztype_10 .nma_langtext2{
        width:auto;
    }
    #nma_mainwrapper.nma_quiztype_10 .nma_buttonwrapper {
        flex-wrap: wrap;
    }
}


/*nytt 2212 slut*/
/* ----------Lang specific end box övningsuppgifter----------- */
#nma_endbox .nma_save_and_exit_cmd:after {
    content:'Avsluta';
}

#nma_endbox.nma_vg .nma_squarebox>div:after{
    content:' % RÄTT – BRA RESULTAT';
}
#nma_endbox.nma_vg .nma_squarebox:after{
    content:'Gå vidare till nästa kapitel';
}
#nma_endbox.nma_g .nma_squarebox>div:after{
    content:' % RÄTT – RISKABELT RESULTAT';
}
#nma_endbox.nma_g .nma_squarebox:after{
    content:'Det kan vara bra att du gör om kapitlet';
}
#nma_endbox.nma_ig .nma_squarebox>div:after{
    content:' % RÄTT – VARNING';
}
#nma_endbox.nma_ig .nma_squarebox:after{
    content:'Vi rekommenderar att du gör om kapitlet';
}

/*#nma_endbox .nma_endtext1>span:after{
    content: 'Göra om?';
}
#nma_endbox .nma_endtext1:after{
    content:'Om du inte är nöjd med ditt resultat kan du göra omövningsuppgifterna. Du har ett försök till på dig, ditt bästa resultat sparas.';
} 
#nma_endbox .nma_endtext2>span:after{
    content: 'Gå vidare?';
}
#nma_endbox .nma_endtext2:after{
    content: 'Om du är nöjd med ditt resultat kan du gå vidare till nästa kapitel.';
} */
#nma_endbox.nma_vg .nma_rounddot>div:after{
    content:'BRA!';
}
#nma_endbox.nma_vg .nma_rounddot:after{
    content:'Fortsätt så här så har du en god chans att klara slutprovet!';
}
#nma_endbox.nma_g .nma_rounddot>div:after{
    content:'OBS!';
}
#nma_endbox.nma_g .nma_rounddot:after{
    content:'Når du inte upp till godkänt är risken stor att du inte klarar slutprovet';
}
#nma_endbox.nma_ig .nma_rounddot>div:after{
    content:'OBS!';
}
#nma_endbox.nma_ig .nma_rounddot:after{
    content:'Når du inte upp till godkänt är risken stor att du inte klarar slutprovet';
}

/* ----------Lang specific start box övningsuppgifter----------- */

#nma_startbox .nma_langtext1:before {
    content:'Nu kommer du att få ett antal frågor baserade på det vi just gått igenom. \A Frågorna ger en fingervisning om vad som kommer på slutprovet. \A Kom ihåg att ';
}
#nma_startbox .nma_langtext1>b:before {
    content:'mer än ett svarsalternativ kan vara rätt.';
}
#nma_startbox .nma_rounddot>div:after{
    content:'OBS!';
}
#nma_startbox .nma_rounddot:after{
    content:'Når du inte upp till godkänt är risken stor att du inte klarar slutprovet';
}
#nma_startbox .nma_result_vg:after{
    content:"Över 80 % rätt ger godkänt. '&mdash;' BRA resultat.";
}
#nma_startbox .nma_result_g:after{
    content:'Mellan 80 och 50 % –– RISK för problem i slutprovet.';
}
#nma_startbox .nma_result_ig:after{
    content:'Under 50 % –– STOR RISK för problem i slutprovet.';
}
/* #nma_startbox .nma_langtext2:before{
    content:'Om du inte är nöjd när du är klar, kan du göra om testet (men bara en gång). Ditt bästa resultat sparas och kan ses av din instruktör. Kom ihåg att fler än ett svarsalternativ kan vara rätt.';
} */
#nma_startbox .nma_langtext2>p:before{
    content:'Lycka till!';
}

/* ----------Lang specific startbox finalexam----------- */
#nma_startbox.nma_finalexam .nma_startquiz_cmd::before {
    content: 'Starta sluttest';
}
#nma_startbox.nma_finalexam  .nma_quiz_text .nma_langtext1:before{
    content: 'Nu är det dags att göra slutprovet. Här är det viktigt att du tänker efter noga, \a för det är resultatet här som avgör om du blir godkänd i eTruck.';
}

#nma_startbox.nma_finalexam  .nma_quiz_text .nma_langtext2:before{
    content:'OBSERVERA — i slutprovet är bara ett svarsalternativ rätt. \a \a Först när du besvarat alla frågor skickas dina svar in — och du får se ditt resultat. \a \a Du får ha maximalt 6 fel.';

}

#nma_startbox.nma_finalexam  .nma_quiz_text .nma_langtext2>p:before{
    content: 'Lycka till';
}
/* ----------Lang specific endbox finalexam----------- */
#nma_endbox.nma_finalexam.nma_ig  .nma_quiz_text .nma_endtext1:before{
    content: 'Du fick inte godkänt på slutprovet. Högsta antal tillåtna fel är sex fel.  \a Ta kontakt med din instruktör för att göra provet igen.';
}
#nma_endbox.nma_finalexam.nma_vg  .nma_quiz_text .nma_endtext1:before{
    content: 'Du är godkänd på slutprovet, och är nu klar med eTruck.';
}

#nma_endbox.nma_finalexam  .nma_quiz_text .nma_endtext2:before{
    content: 'KOM IHÅG att spara ditt lösenord! Då kan du alltid logga in och ha  \a tillgång till all information under ”Läs mer”. Där kommer du alltid att ha ett  \a uppdaterat uppslagsverk för truckanvändning och trucksäkerhet.  \a';
}
#nma_endbox.nma_vg.nma_finalexam .nma_squarebox>div:after{
    content:' % RÄTT – SLUTPROV GODKÄNT';
}

#nma_endbox.nma_ig.nma_finalexam .nma_squarebox>div:after{
    content:' % RÄTT – SLUTPROV EJ GODKÄNT';
}




/* ----------Lang specific  gui----------- */
#nma_mainwrapper .nma_startquiz_cmd:before{
    content:'Starta övningsuppgifter';
}
/* #nma_mainwrapper #nma_startbox.nma_restartquiz .nma_startquiz_cmd:before{
    content:'Gör om övningsuppgifterna';
}


#nma_mainwrapper .nma_restartquiz_cmd:before{
    content:'Gör om övningsuppgifterna';
} */
#nma_mainwrapper .nma_endquiz_cmd.nma_single:before{
    content:'Gå vidare';
}

#nma_mainwrapper .nma_endquiz_cmd:before{
    content:'Gå vidare till nästa kapitel';
}

#nma_mainwrapper .nma_unansweredtxt:before{
    content:'Obesvarad fråga';
}
#nma_mainwrapper .nma_answeredtxt:before{
    content:'Rätt svar';
}
#nma_mainwrapper span.nma_answeredfaild:before{
    content:'Fel svar';
}
#nma_mainwrapper .nma_quiztype_1 .nma_answeredtxt:before{
    content:'Besvarad fråga';
}
#nma_mainwrapper .nma_progressoverviewtop:before{
    content:'Översikt';
}
#nma_mainwrapper .nma_next_cmd::before {
    content: 'NÄSTA';
}
#nma_mainwrapper .nma_prev_cmd::before {
    content: 'FÖREGÅENDE';
}
#nma_mainwrapper .nma_finishquiz_cmd::before {
    content: 'SLUTFÖR';
}
#nma_mainwrapper .nma_questionsubmit_cmd::before {
    content: 'SVARA';
}

.nma_newqueryloader #nma_endtest_warning.nma_messagebox:before {

    content:'Du har inte svarat på alla frågor än.\A Ta en titt på översikten så ser du de frågor du ännu inte har besvarat.';
}
.nma_newqueryloader #nma_connection_warning.nma_messagebox:before {

    content:'Ingen kontakt med server. \A Kontrollera din internetanslutning';
}

/* SLUTTEST LÅST - START*/
#nma_quizlockedbox .elift_openchapmenu {
    cursor:pointer;
}
#nma_quizlockedbox .nma_langtext1:before {
    content:'Slutprov';
}
/* #nma_quizlockedbox .nma_langtext2:before {
    content:'Ditt slutprov är låst. Kontakta din instruktör för att låsa upp det.';
} */
#nma_quizlockedbox .elift_openchapmenu:before {
    content:'TILLBAKA';
}
/* SLUTTEST LÅST - SLUT*/



/*-------------*/
.nma_finalpoc_link{
    display:none;
}
#nma_endbox.nma_finalexam .nma_finalpoc_link{
    color: black;
    text-decoration: underline;
    display:none;

}
#nma_endbox.nma_finalexam .nma_finalpoc_link:before{
    content:'- Download Proof of completion -';
}
#nma_endbox .nma_save_and_exit_cmd{
    cursor:pointer;
}
/* NYTT 260107 nma_endbox högre höjd overlay för att dölja långa frågor */
#nma_mainwrapper #nma_startbox, 
#nma_mainwrapper #nma_endbox {
        background: white;
       /*  min-height: calc(100vh - 150px); */
       min-height: 150vh;
    }
/* 
Denna kan användas för att visa att scrollning behövs
.ui_quizwrapper_scroll::after{
    background-color: red;
    position: absolute;
    right:10px;
    content:'X';
} */
@media  (max-width : 900px) {
    #nma_mainwrapper .nma_rounddot {
        position:relative;
        margin: auto;
    }  
    #nma_endbox .nma_quiz_text{
        flex-direction:column;
    }
    #nma_mainwrapper #nma_startbox,
    #nma_mainwrapper #nma_endbox {
        /*display: block;*/
        background: white;
        min-height: 100%;
    }
    #nma_mainwrapper .nma_popbox#nma_startbox  .nma_quiz_text,
    #nma_mainwrapper .nma_popbox#nma_endbox .nma_quiz_text {
        min-height: 0;
    }  
}

@media  (max-width : 576px) {
    #nma_mainwrapper {
        font-size: 16px;
    }
    #nma_mainwrapper .nma_popbox > div {
        padding: 32px;
    }


}