/*DROPDOWN MENU*/
#select{

    margin-top: 4%;
}

#selectOption{

    margin-top: 8%;
}

/*TEXT INPUT PAGES*/

.userAnswerTitle, .resultsTitle {
    font-size: 1.1em;
    height: 2em;
    margin-bottom: 0;
    padding-top: .7em;
    text-align: center;
    border: 1px dashed #fff;
    background-color: #16a79d;
    color: #fff;
}

.userAnswersHolder {
    height: 15em;
}

p.statement{
  padding: 2%;
  background-color: #f4ac42;
  color: #32343a;
  border-bottom: 1px dashed #16a79d;
  display: none;
  min-height: 4em;
}

/*TEXTAREA*/

textarea{
    width: 99%;
    height: 75%;
    margin: 0;
    overflow: auto;
    font-size: 1em;
}

[contenteditable="true"].single-line {
    white-space: nowrap;
    width: 200px;
    overflow: hidden;
}

[contenteditable="true"].single-line br {
    display: none;
}

[contenteditable="true"].single-line * {
    display: inline;
    white-space: nowrap;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #32343a;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #32343a;
    opacity: 1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #32343a;
    opacity: 1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #32343a;
}

/*Buttons*/

#next {
  float: right;
  margin-right:3.7%;
  margin-bottom: 3.7%;
}

/*results*/

.results{
    display: none;
}

p.resultsScenario{
  padding: 2%;
  background-color: #f4ac42;
  color: #32343a;
  border-bottom: 1px dashed #16a79d;
  min-height: 4em;
  margin-bottom: 1%;
}

.resultsInput {
    border: 1px dashed #b6710b;
    background-color: #fdedd6;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 3%;
}


    /* ----------- Large Display ----------- */
    @media screen and (min-width: 1920px) and (min-height: 1080px) { 
      /* Styles */
    }
    /* ----------- Laptop HiDPI screen ----------- */
    @media screen and (min-width: 1440px) and (min-height: 900px) { 
      /* Styles */
    }
    /* ----------- Laptop ----------- */
    @media screen and (min-width: 1366px) and (min-height: 768px) {
      
    }
    
    /* ----------- Laptop MDPI screen ----------- */
    @media screen and (min-width: 1280px) and (min-height: 800px) { 
      /* Styles */
    }
    /* ----------- iPad ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {      
      /* Styles */
    }
    /* ----------- iPhone 5 ----------- */
    @media only screen and (min-device-width: 568px) and (min-device-height: 320px) {
      /* Styles */
    }


@media print {
    
    #pdfMarker{
        float: left;
    }
    #instructions{
        display: block;
    }

    .userAnswer{
      height: auto;
      overflow: visible;
     
    }
}