html,body
{
height:100%;
}

#wrap
{
min-height: 100%; 
}

#main
{
padding-bottom:100px; /* this needs to be bigger than footer height*/
}

.footer 
{
position: relative;
margin-top: -100px; /* negative value of footer height */
height: 100px;
clear:both;
padding-top:40px;
} 
.footer-clear {
    height:40px;
}
body, .btn, .form-control {
    font-family: 'Josefin Sans', sans-serif;
    font-size:16px;
}
.btn-lg {
    font-size:18px;
}
.label {
    padding-top:6px;
}

h1,h2,h3 {
    margin-top:15px;
    margin-bottom:10px;
}

.navbar, footer {
    font-weight: 700;
    min-height:61px;
}
.navbar-toggle {
    padding:12px 10px;
    margin-top: 10px;
    margin-bottom:10px;
}
.navbar {
    background-color:#65A5DA;
    border-color:#428CCA;
}
.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-brand {
    color:#efefef;
}
@media(max-width:767px){
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #fff;
    }
}
.dropdown-menu > li > a {
    font-size:16px;
}
.navbar-brand {
    font-size:36px;
}

@media(min-width:768px) and (max-width:991px){
    #dashboard-link {
        padding-left:8px;
        padding-right:9px;
    }
}

.alert, .breadcrumb {
    margin-bottom:15px;
}

.table-no-padding>tbody>tr>td {
    padding-top: 4px;
    padding-bottom: 4px;
    vertical-align:middle;
}

.panel {
    margin-top:5px;
}


.section-heading-spacer {
    margin-top: 9px;
    border-top: 3px solid #e7e7e7;
    width: 200px;
    float: left;
}
.section-heading {
    font-weight:700;
}
.force-text-left {
    text-align:left !important;
}

.form-field-error-alert {
    padding-bottom:5px;
}
.form-field-error-alert > .form-group {
    margin-left:-30px;
}

.form-horizontal input, .form-horizontal select, .form-horizontal textarea,
.form-horizontal div.inline-error-message, div.multiselect-container,
div.notenames-container, .assignment-main-instructions,
.drill-main-instructions, #assignment-details,
.piano-keys-noteset-container, .quickstart-row,
.form-help-text, .form-horizontal .non-field-error-alert, .form-horizontal .input-group,
.form-error-text {
    max-width:560px;
}

.cursor-pointer {
    cursor: pointer;
}

.form-horizontal .non-field-error-alert {
    margin-bottom:0px;
}

.form-help-text {
    margin-bottom:0px;
}
.form-error-text {
    margin-bottom:2px;
}

.form-control[type="checkbox"] {
    width:auto;
    box-shadow:none;
}

.btn-confirm-user-type {
    font-size:33px;
    margin-bottom:10px;
}

.quickstart-multiselect-btn {
    margin-bottom:3px;
}

.quickstart-noteset-accidentals-btn, .quickstart-noteset-btn, .quickstart-notenames-btn {
    margin:3px;
}

.quickstart-noteset-accidentals-btn {
    font-size:14px;
    min-width:46.5%;
    margin-top:1px;
}
@media(min-width:768px){
    .quickstart-noteset-accidentals-btn {
        min-width:65%;
    }
}

.multiselect-container {
    padding-left:0px;
    padding-right:0px;
}

.no-table-content-row {
    margin:10px;
    font-size:18px;
}

.table-with-inputs > tbody > tr > td {
    line-height:34px;
}
.table-with-inputs > tbody > tr > td p {
    line-height:20px;
}
.delete-row-details, .move-assignment-details {
    padding:5px;
    border-radius:1px;
}
.confirm-delete-row-btn {
    margin-top: 3px;
    margin-bottom:3px;
}
.close, .modal-header .close {
    font-size:34px;
    margin-top:-14px;
}

td.delete-row-cell, td.small-btn-cell {
    width:1px;
}
.delete-row-btn-container {
    text-align:center;
}
.min-cell {
    width:1px;
    white-space: nowrap;
}
.green-cell {
    background-color:lightgreen;
}
.yellow-cell {
    background-color:yellow;
}
.no-max-width {
    max-width:none !important;
}

.show-detailed-choices-btn {
    cursor: pointer;
}
.below-select-text {
    margin-top:1px;
    margin-bottom:5px;
}

.controls-btns {
    margin-top: 20px;
    margin-bottom:25px;
}

#quiz-stats > .label > span {
    font-family: 'monospace', sans-serif;
}
#quiz-stats .label-info {
    margin-left:2px;
    margin-right:2px;
    margin-bottom:2px;
}

.auto-width {
    width:auto !important;
    min-width: auto !important;
}

#header-logo {
    margin-top:-15px;
    height:52px;
}

tr.error-row {
    background-color: #f2dede !important;
}

.nowrap {
    white-space: nowrap;
}

.noselect {
    -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 */
}
input.datetimepicker {
    min-width:172px;
}
.no-pointer-events {
    pointer-events:none;
}
@media(min-width:768px){
    .row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
    }
}

.saving-loader-img {
    height:36px;
}
.goog-tooltip {
    display: none !important;
}
.goog-tooltip:hover {
    display: none !important;
}
.goog-text-highlight {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

@media (min-width:768px) and (max-width:1023px) {
    .navbar-nav > li > a {
        padding-left:7px;
        padding-right:7px;
    }
}

@media (min-width:768px) {
    .navbar-nav>li>a {
        padding-top:23px;
        padding-bottom:17px;
    }
}
ul.nav-tabs {
    margin-bottom:10px;
}

.ui-sortable-helper {
    cursor: move !important;
    cursor: grabbing !important;
    cursor: -webkit-grabbing !important;
    cursor:-moz-grabbing !important;
}
.ui-sortable-helper {
    display: table;
}

.mb-0 {
    margin-bottom:0px !important;
}

.row-sort-icon {
    width:29px;
    padding-left:9px;
    padding-right:9px;
}
img.row-sort-icon {
    cursor: move !important;
    cursor: grabbing !important;
    cursor: -webkit-grabbing !important;
    cursor:-moz-grabbing !important;
}
.tooltip {
    font-size:16px;
}

.pulse, .no-remove-pulse {
    animation: pulse 1.6s infinite;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(4, 185, 100, .9);
	}

	80% {
		box-shadow: 0 0 0 12px rgba(4, 185, 100, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(4, 185, 100, 0);
	}
}

.big-pulse {
    animation: bigpulse 1.6s infinite;
    border-radius:1px;
}

@keyframes bigpulse {
	0% {
		box-shadow: 0 0 0 0 rgba(4, 185, 100, .9);
	}

	80% {
		box-shadow: 0 0 0 18px rgba(4, 185, 100, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(4, 185, 100, 0);
	}
}

.msg-next-step-btn {
    font-size:20px;
}

.panel-body {
    padding: 11px 15px;
}
.panel-body .btn {
    margin-top:2px;
    margin-bottom:2px;
}
.panel-block {
    display:inline-block;
    margin-right:20px;
    margin-bottom:4px;
    margin-top:4px;
    padding-right:28px;
    border-right:solid;
    border-right-color:#ccc;
    border-width:1px;
}
.panel-block select {
    display: inline;
    width:auto;
}
tr.empty-table-instructions-row > td > p {
    margin-top:12px;
    margin-bottom:12px;
    font-size:20px;
    line-height:24px !important;
}
tr.empty-table-instructions-row > td > p > .btn-lg {
    font-size:20px;
}