@charset 'utf-8';

/* CSS Document */


/*PAGE 1
*/

#selectedTxt, #results, #shuffle {
    display: none;
}

.clickText {
    cursor: pointer;
}

.selectedText {
    font-weight: bold;
    color: #264c5e;
    border: 1px dashed #c49324;
    background-color: #f9d176;
}


/*PAGE 2
*/

#page2header {
    display: none;
}


/*PAGE 2
*/

#feedback {
    font-family: 'BandaRegular', sans-serif;
    font-size: 1em;
    margin-bottom: 2%;
    padding: 4% 3%;
    color: #000;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    background-color: #f6b82d;
}

.dragText {
    font-family: 'BandaRegular', sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 2.4em;
    height: 2.4em;
    display: -webkit-inline-box;
    display: inline-block;
    padding: 0 .2em 0 .1em;
    cursor: pointer;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    color: #264c5e;
    border: 1px dashed #c49324;
    background-color: #fadb96;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
}

.ui-sortable-helper {
    /*vertical-align: baseline;*/
    border: 1px solid #222;
    /*    background-color: rgba(76, 152, 189, .2);
*/
    background-color: #f6b82d;
}

.sortable-placeholder {
    /* width:4em !important;
  height:0px !important; */
    display: inline-block;
    vertical-align: middle;
    border: 1px dashed #c49324;
    background-color: #94cac1;
}

.caps {
    text-transform: capitalize;
}

.stop {
    /*placholder for the fullstop*/
}

.questionTitle {
    margin-bottom: 1%;
}

.question {
    width: 94%;
    margin-bottom: 4%;
    padding: 2% 3% 3% 3%;
    color: #000;
    border: 1px solid #ccc;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}