/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

.group-description {
    background:transparent;
    border:0px;
}

@media only screen and (max-width: 400px) {

/*********************************** NAVBAR ***********************************/
.header.mih-logo {
   background-image: url(../files/logo-header.png);
    background-size: 100%;
    background-position: 0;
    height: 60px;
    float: right;
    width: 50px;
    margin: 5px;;
}

.navbar-default .navbar-nav>li>a {
    color: white;
}

.navbar-default .navbar-nav>li>a:hover{
    color: #f1b001;
}

.navbar{
     background-color: #1a2830;
}

.navbar-default .navbar-nav>li>a {
    color: white;
}

/*********************************** FOOTER ***********************************/
.footer-container{
    background-color: transparent;
    height:80px
}

.mih-logo{
    display:none;
}

.sponsor-logo {
    display:none;
}

/*.footer.mih-logo {
     background-image: url(../files/logo-footer.png);
    background-size: 100%;
    background-position: 0;
    height: 44px;
    width: 44px;
    display: inline-block;
    position:relative;
    left: 44px;
}


.footer.sponsor-logo {
    background-image: url(../files/sponsor-logo.png);
    background-size: 100%;
    background-position: 0;
    height: 40px;
    width: 128px; 
    display: inline-block;
    position: relative;
    left: 5%;
}*/

/*********************************** BUTTONS ***********************************/


.btn{
     /*text-transform: uppercase;*/
     background-color: #1a2830;
     box-shadow: 0px 2px 4px -1px #4a4a4a;
     color:white;
     border: none;
 }
 
.button-item{
      /*text-transform: uppercase;*/
     background-color: #1a2830;
     box-shadow: 0px 2px 4px -1px #4a4a4a;
     border: none;
 }
 
/*********************************** BODY ***********************************/ 

.fa-asterisk{
    display:none;
}

body {
  font-family: "Arial";
  line-height: 1.42857143;
  color: #222222;
  background-color: #ffffff;
}

.question-container{
    background-color:transparent;
    border:none;
}
    
}

/*********************************************************************************************************************************************************
//////////////////////////////////////HERE Bigger screens start//////////////////////////////////////////////////////////////////////////////////////////////////
*********************************************************************************************************************************************************/

/*, only screen and (min-device-width: 400px)*/
@media only screen and (min-width: 400px) {

/*********************************** NAVBAR ***********************************/
.header.mih-logo {
   background-image: url(../files/logo-header.png);
    background-size: 100%;
    background-position: 0;
    height: 60px;
    float: right;
    width: 50px;
    margin: 5px;;
}

.navbar-default .navbar-nav>li>a {
    color: white;
}

.navbar-default .navbar-nav>li>a:hover{
    color: #f1b001;
}

.navbar{
     background-color: #1a2830;
}

.navbar-default .navbar-nav>li>a {
    color: white;
}

/*********************************** FOOTER ***********************************/
.footer-container{
    background-color: transparent;
    height:80px
}

.mih-logo{
    display:none;
}

.sponsor-logo {
    display:none;
}

/*.footer.mih-logo {
     background-image: url(../files/logo-footer.png);
    background-size: 100%;
    background-position: 0;
    height: 60px;
    width: 50px;
    display: inline-block;
    position:relative;
    left: 50%;
}

.footer.sponsor-logo {
    background-image: url(../files/sponsor-logo.png);
    background-size: 100%;
    background-position: 0;
    height: 40px;
    width: 128px; 
    display: inline-block;
    position: relative;
    left: 30%;
}*/

/*********************************** BUTTONS ***********************************/


.btn{
     /*text-transform: uppercase;*/
     background-color: #1a2830;
     box-shadow: 0px 2px 4px -1px #4a4a4a;
     color:white;
     border: none;
 }
 
.button-item{
      /*text-transform: uppercase;*/
     background-color: #1a2830;
     box-shadow: 0px 2px 4px -1px #4a4a4a;
     border: none;
 }
 
/*********************************** BODY ***********************************/ 

.fa-asterisk{
    display:none;
}

body {
  font-family: "Arial";
  line-height: 1.42857143;
  color: #222222;
  background-color: #ffffff;
}

.question-container{
    background-color:transparent;
    border:none;
    hyphens:none;
}

.numquestion .answer_cell_SQ001{
    width: 30px;
}


}

.top-container {
        display: none;
}








/*FOR EQ-5D*/

    .eqquestion .question-text {
        font-size: 12pt;
        font-family: arial
    }
    .eqquestion .answer-item label {
        font-size: 12pt;
        font-family: arial
    }
    .eqY .question-text {
        font-size: 12pt;
        font-family: mycomic
    }
    .eqY .answer-item label {
        font-size: 12pt;
        font-family: mycomic
    }
    .eqquestion .radio-item label::before {
        display: none
    }
    .eqquestion .radio-item label::before {
        width: 25px;
        height: 25px;
        border: none;
        background: url(../files/unchecked.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 20px 20px;
        border-radius: 0;
        position: absolute;
        left: 600px;
        top: 0;
        display: block
    }
    .eqquestion .radio-item label::after {
        width: 25px;
        height: 25px;
        border: none;
        background: url(../files/checked.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 20px 20px;
        border-radius: 0;
        position: absolute;
        left: 600px;
        top: 0;
        display: block
    }
    .eqquestion .radio-label {
        display: none
    }
    .eqquestion .radio-label {
        position: relative;
        left: -31px;
        display: block
    }
    .eqquestion .asterisk {
        display: none
    }
    .eqquestion .ls-question-mandatory {
        display: none
    }
    .top-container {
        display: none
    }
    .eqquestion .question-title-container {
        margin-top: 0;
        margin-bottom: -20px;
        margin-left: -5px
    }
    .eqquestion .ls-answers {
        margin-bottom: 10px
    }
    .eqquestion .ls-questionhelp {
        display: none;
        /*color: black;*/
        margin-top: -30px;
    }
    .vas .ls-questionhelp {
        display: none;
        /*color: black;*/
        margin-top: -30px;
    }
    .eqquestion.question-container {
        margin-bottom: -10px;
        border: 0;
        width: 885px;
        background-color: transparent
    }
    .vas.question-container {
        margin-bottom: -10px;
        border: 0;
        width: 885px;
        background-color: transparent
    }
    .vas {
        margin-bottom: -30px
    }
    .vas .ls-question-mandatory {
        display: none
    }
    .vas .asterisk {
        display: none
    }
    .vas .question-text {
        font-size: 12pt;
        font-family: arial
    }
    .vasY .question-text {
        font-size: 12pt;
        font-family: mycomic
    }
    .vas .question-title-container {
        display: inline-block;
        width: 600px
    }
    .vas .answer-container {
        display: inline-block;
        width: 233px;
        margin-top: 5px
    }
    .vas .question-valid-container {
        display: inline-block;
        width: 5%;
        margin-top: 0
    }
    .vas .container-fluid {
        background-image: url(../files/vas.png);
        background-size: 100% 100%;
        background-position: 0 10px;
        height: 400px;
        width: 130px;
        position: absolute;
        top: 40px;
        left: 70px
    }
    .vas .slider-container {
        margin-top: 0;
        width: 130px;
        padding-top: 25px
    }
    .vas .tooltip-main {
        visibility: hidden;
        left: 100%;
        top: 0
    }
    .vas .slider.slider-vertical {
        height: 362px;
        width: 20px;
        margin-left: 25px;
        margin-right: 25px
    }
    .vas .slider-track {
        display: none;
        position: absolute;
        top: 39px;
        cursor: pointer;
        background-image: -o-linear-gradient(top, #f5f5f5 0, #f9f9f9 100%);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
        border-radius: 0
    }
    .vas .slider-untouched .slider-handle {
        visibility: hidden;
    }
    .answer-container .textomax1 {
        display: none;
        text-align: center;
        margin-top: 0;
        width: 300px;
        margin-left: -35px;
        margin-right: -70px
    }
    .answer-container .textomax2 {
        display: none;
        text-align: center;
        margin-top: 0;
        width: 300px;
        margin-left: -35px;
        margin-right: -70px
    }
    .answer-container .textomin1 {
        display: none;
        text-align: center;
        margin-top: 315px;
        width: 300px;
        margin-left: -35px;
        margin-right: -70px
    }
    .answer-container .textomin2 {
        display: none;
        text-align: center;
        margin-top: 0;
        width: 300px;
        margin-left: -35px;
        margin-right: -70px
    }
        
        
        


.vas .textomax1 {
    display: block;
    font-family: arial
}

.vas .textomin1 {
    display: block;
    font-family: arial
}

.vas .textomax2 {
    display: block;
    font-family: arial
}

.vas .textomin2 {
    display: block;
    font-family: arial
}

.vasY .textomax1 {
    display: block;
    font-family: mycomic
}

.vasY .textomax2 {
    display: block;
    font-family: mycomic
}

.vasY .textomin1 {
    display: block;
    font-family: mycomic
}

.vasY .textomin2 {
    display: block;
    font-family: mycomic
}

.vasscalenumbers {
    display: none
}

.vas .vasscalenumbers {
    display: block;
    position: absolute;
    background: 0 0;
    width: 40px;
    top: 53px;
    left: 156px;
    height: 380px;
    font-size: large;
    font-family: Arial
}

.vasnumbers {
    height: 36px;
    margin-left: 9px
}

.vasnumberstop {
    height: 36px;
    margin-top: 0
}

.vasnumbersbottom {
    height: 34px;
    margin-top: 2px;
    margin-left: 18px
}

.vasscalenumbers {
    display: none
}

.vasY .vasscalenumbers {
    display: block;
    position: absolute;
    background: 0 0;
    width: 40px;
    top: 53px;
    left: 156px;
    height: 380px;
    font-size: large;
    font-family: mycomic
}

/* AK NPEU */

/* Remove padding reserved for navbar that we're not using: */
body {
    padding-top: 0;
}

/* Override Bootstrap incorrect summary display: */
summary {
    display: list-item;
    cursor: pointer;
}

details[open] summary + div {
    margin-top: 1em;
}

.logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 1em;
}

.logos--spread {
    justify-content: space-between;
}

.logos > img {
    flex: none;
    margin: 1em;
}

/* Reinstate Bootstrap font size */
.h1, h1 {
    font-size: 36px;
}

/* Turn off wrapping/hyhpens - this is a risk */
#outerframeContainer {
    word-wrap: normal;
    -webkit-hyphens: none;    
    hyphens: none;    
}