/* Custom DRAG AND DROP css
--------------------------------------------------
MID GREY    #999999
LIGHT GREY  #E6E6E6
DARK GREEN  #4f959b
MID GREEN   #9dced2
LIGHT GREEN #AFE5EA
LIGHT BLUE  #38C0CB
RED         #C8374E
ORANGE      #CB4938


 */
#activity {
    padding-top: 125px;
}
.questions__section {
    text-align: left;
    display: none;
}
.form-control {
    font-size: 1.4em;
}
#feedback {
    height: 8em;
    display: block;
}
#currentScoreHolder {
    min-height: 1.1em;
}
#currentScoreHolder > span {
    display: none;
}
#reset {
    display: none
}

/* ----------- Large Display ----------- */
@media screen and (max-width:1920px) and (max-height:1080px) {

    /* Styles */
}

/* ----------- Laptop HiDPI screen ----------- */
@media screen and (max-width:1440px) and (max-height:900px) {

    /* Styles */
}

/* ----------- Laptop ----------- */
@media screen and (max-width:1366px) and (max-height:768px) {

    /* Styles */
}

/* ----------- Laptop MDPI screen ----------- */
@media screen and (max-width:1280px) and (max-height:800px) {

    /* Styles */
}

/* ----------- iPad ----------- */
@media only screen and (max-device-width:1024px) and (max-device-height:768px) {

    /* Styles */
    #activity {
        font-size: 1em;
    }
}

/* ----------- iPhone 5 ----------- */
@media only screen and (max-device-width:568px) and (max-device-height:320px) {

    /* Styles */
    #activitySortableList, #order {
        width: 50%;
    }
    #order li, .ui-droppable {
        height: 3em;
        line-height: 1em;
        font-size: 0.9em;
    }
    span.swappableElement {
        height: 2.9em;
        line-height: 2.9em;
    }
}