@import url(/Content/css/WeWriteStudentTopBar.css); 

html {
    height: 100%;
}

body {
    font-size: 16px;
    height: 100%;
}

#book_wrapper h1 {
    font-size: 22px;
}

.student-text-area {
    background-image: -webkit-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
    background-image: -moz-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
    background-image: -ms-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
    background-image: -o-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
    background-image: linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
    background-size: 100% 31px;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    line-height: 31px;
    font-family: 'Montserrat', Sans-serif;
    padding: 8px;
}

div.layout {
    text-align: center;
}

div.centre {
    text-align: left;
    width: 90%;
    min-height: 300px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding:15px;
    font-size:1.6rem;
}

.no-copy {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */      
}

.right-btn {
    float:right;
    box-shadow: 5px 10px 18px rgba(0,0,0,0.75)
}

.studentBox {
    border-radius: 6px;
    border: 4px solid #F5C83A;
    box-shadow: 5px 10px 18px rgba(0,0,0,0.75);
    background-color:white;
}

.goldBox {
    background-color: #F5C83A;
    border-radius: 6px;
    border: 4px solid #F5C83A;
    box-shadow: 5px 10px 18px rgba(0,0,0,0.75);
    margin-bottom:20px;
    padding:10px;
    margin-left:10px;
    margin-right:10px;
}

/* ----------------------------------------------------- */
/* -------- STUFF FOR MULTIPLE CHOICE CHECKBOXES ------- */
/* ----------------------------------------------------- */

.multiChoiceWrapper {
    margin: 10px !important;
}

.funkyradio > div {
    clear: both;
    overflow: hidden;
    margin: 20px auto !important;
    padding: 2px;
}

.funkyradio label {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #D1D3D4;
  font-weight: normal;
  margin-top:0px!important;
  margin-bottom:0px;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
  display: none;
}

.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
  position: relative;
  line-height: 2.5em;
  text-indent: 3.25em;
  margin-top: 15px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 2.5em;
  background: #D1D3D4;
  border-radius: 3px 0 0 3px;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
  color: #888;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #C2C2C2;
}

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
  color: #777;
}

.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #333;
  background-color: #ccc;
}

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
  box-shadow: 0 0 0 3px #999;
}

.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {
  color: #333;
  background-color: #ccc;
}

.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #337ab7;
}

.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5cb85c;
}

.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #d9534f;
}

.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #f0ad4e;
}

.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5bc0de;
}

.continueBtn {
    animation: emit 2s infinite;
}

@keyframes emit {
    from {
        box-shadow: 0 0 0 0 rgba(67,179,174,0.6)
    }
    to {
        box-shadow: 0 0 0 15px rgba(67,179,174,0)
    }
}

.pattern-spaces {
    width: 80px;
    border-bottom: 1px solid black;
    display: inline-block;
}

.hideFromStudent {
    display: none;
}

.itss-wewrite {
    font-size: 12px;
}

.school-district {
    font-size: 20px;
}

.newStudentDesign img, #essayPlanningInstructions img, #essayInstructions img, #essayPlanning img, #questionInstructionsDiv img, #instructionText img, .essayPromptContainer img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.text-break {
    word-wrap: break-word;
}