.mobileHoverFixPrimary:hover,
.mobileHoverFixPrimary.hover{
    background-color:#428bca;
}
.mobileHoverFixPrimary.down:hover,
.mobileHoverFixPrimary.hover.down{
    background-color:#bbb;
}
.mobileHoverFixDefault:hover,
.mobileHoverFixDefault.hover{
    background-color:#ffffff !important;
}
.noselect {
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}
.nonselectable {
    cursor:default !important;
}

#test-mode-notice {
    color:red;
    font-weight:bold;
}
#assignment-details-header {
	background-color:#ebebeb;
}
#auto-submitted-notice, #submit-or-try-again, #submission-in-progress {
	text-align:center;
}
#submit-or-try-again, #submission-in-progress {
    margin-bottom:150px;
}
#results-table td {
	width:50%;
}
#results-table tr > td:first-child {
	font-weight: bold;
}
#results-table .green-row {
    background-color:lightgreen;
}
#results-table .yellow-row {
    background-color:yellow;
}
#results-table p {
    margin-bottom:5px;
}
#info-bar {
    font-size:18px;
    margin-bottom:10px;
    min-height:26px;
    text-align:center;
}
#level-up-text {
    font-size:22px;
}
#level-up-info {
    margin-left: 8px;
}
#end-quiz {
    margin-top:40px;
}

#choices-header {
    margin-top:0px;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                          supported by Chrome and Opera */
}
/*
#choices-header {
    visibility:hidden;
}
#answer-choices {
    min-height:80px;
    visibility:hidden;
}
*/
.invisible {
    visibility:hidden;
}
#answer-choices {
    margin-bottom: 30px;
}
.note-select-row {
    margin-top:5px;
}

a.down {
    background: #bbb;
    border-color:#bbb;
}
a.down:hover {
    background: #888;
    border-color:#888;
}
a.down.disabled {
    background:#bbb;
    border-color:#bbb;
}
/*
a.answer-btn {
    width:100px;
    margin-bottom:2px;
}
*/
a.answer-btn, a.hint-btn {
    margin-bottom:4px;
}
.note-choices {
    margin-bottom:19px;      
    min-height:50px;
}
.note-msg {
    margin-top:7px;
}


#quiz-stats {
    font-size:18px;
    margin-bottom:0px;
}

/*
@media screen and (min-width:768px) {
    body {
        font-size:16px;
    }
    .btn {
        font-size: 18px;
        padding:8px 14px;
    }
    .control-label {
        font-size:18px;
    }
    select.form-control {
        font-size:18px;
        height:40px;
    }
}
*/

#start-quiz, #show-advanced {
    margin-bottom:20px;
}


.double-sharp-symbol-img {
    height:10px;
}
.double-flat-symbol-text {
    letter-spacing:-3px;
}
.double-flat-symbol-text, .flat-symbol-text, .sharp-symbol-text {
    font-size:14px;
}

@media screen and (min-width:768px) {
    .note-name-toggle-btn, .toggle-btn {
        font-size:24px;
        padding: 6px 18px;
    }
    .answer-btn, .hint-btn {
        font-size:34px;
        padding:8px 19px;
    }
    .double-sharp-symbol-img {
        height:18px;
    }
    .double-flat-symbol-text {
        letter-spacing:-5px;
    }
    .double-flat-symbol-text, .flat-symbol-text, .sharp-symbol-text {
        font-size:28px;
    }
}
.btn-group-vertical {
    margin-bottom:3px;
}

.whole-note-answer-btn {
    background-image: url("/static/imgs/whole-note-white.a7dc56c7e36a.png");
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat;
}
.half-note-answer-btn {
    background-image: url("/static/imgs/half-note-white.b8de31d131bc.png");
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
}
.quarter-note-answer-btn {
    background-image: url("/static/imgs/quarter-note-white.6291d3fc2a72.png");
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
}
.eighth-note-answer-btn {
    background-image: url("/static/imgs/eighth-note-white.aacca7618cec.png");
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
}
.triplet-eighth-note-answer-btn {
    background-image: url("/static/imgs/triplet-eighth-note-white.f3d7eeae1453.png");
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
}
.sixteenth-note-answer-btn {
    background-image: url("/static/imgs/sixteenth-note-white.c4d3b489010a.png");
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
}
.half-note-dotted-answer-btn {
    background-image: url("/static/imgs/half-note-dotted-white.77abeb16e5c4.png");
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
}
.quarter-note-dotted-answer-btn {
    background-image: url("/static/imgs/quarter-note-dotted-white.05684a8f1327.png");
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
}
.whole-rest-answer-btn {
    background-image: url("/static/imgs/whole-rest-white.99d2395634e6.png");
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
}
.half-rest-answer-btn {
    background-image: url("/static/imgs/half-rest-white.bd09dfee6ca0.png");
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
}
.quarter-rest-answer-btn {
    background-image: url("/static/imgs/quarter-rest-white.0ae0b318f6a8.png");
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
}
.eighth-rest-answer-btn {
    background-image: url("/static/imgs/eighth-rest-white.8c8c28aac4e0.png");
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
}

.accidental-answer-btn > .hotkey-text {
    margin-left:2px;
}

.sidebar-select {
    margin-bottom:4px;
}
.sidebar-toggle-btn {
    min-width:45%;
    margin-bottom:1px;
}
@media screen and (max-width:410px) {
    .sidebar-toggle-btn {
        width:100%;
    }
}
div.sidebar-multiselect-options {
    margin-top:15px;
    margin-bottom:5px;
}
.advanced-option {
    display:none;
}

#hear-first-control {
    margin-top:20px;
    margin-bottom:25px;
}


#quiz-stats .label {
    display:inline-block;
}

@media (min-width: 768px) {
    .noteset-accidentals-quickstarts {
        text-align:right;
    }
}

#canvas-wrapper {
    margin-top:-2px;/*to compensate for quiz-stats margin-bottom of 2px, which is there in case it has to split into 2 lines*/
}

.piano-keys-noteset-container > .form-group > .note-select-col {
    padding-left:30px;
    padding-right:0px;
}

.piano-keys-noteset-container .control-label {
    padding-right:1px;
    padding-top:20px;
}

.noteset-container .control-label {
    padding-right:1px;
    padding-top:15px;
}

.in-quiz-assignment-details > .assignment-details {
    margin:auto;
}

.br-4 {
    border-radius:4px !important;
}