html, body {
	max-width: 100%;
	overflow-x: hidden;
}


body {
	padding: 0;
	margin: 0;
	color: #000;
	font-family: Arial, sans-serif;
	font-size: 14px;
	background-image: url('../images/gradient_background.gif'), url('../images/pattern_background_tile.gif');
	background-position: 0 0, 0 0;
	background-repeat: repeat-x, repeat;
}

input:focus,
textarea:focus,
button:focus,
a:focus,
.form-control:focus {
	outline: none;
    box-shadow: none;
    border-color: #ccc;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

.container-fluid, .navbar-collapse, .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

a, a:focus, a:active, a:link, button, button:focus, button:active{
	outline: none !important;
	font-weight: bold;
	color: #AE823A;
}

a.textMessage, a.emailMessage{
	font-size: 25px;
	padding-right: 10px;
}

.no-touch a.textMessage:hover, .no-touch a.emailMessage:hover{
	color: #ab5e00;
}

.col-md-10{
	padding: 0;
	margin: 0;
}

p {
	color: #333;
	font-size: 14px;
}

.bg-primary, .bg-success, .bg-info, .bg-warning, .bg-danger{
    font-weight: bold;
    text-align: center;
    padding: 15px;
    border-radius: 5px;
}

.index .navbar-default, .default .navbar-default{
	background: none;
	border:none;
	margin-bottom: 30px;
	padding-bottom: 0;
}

.navbar-default .navbar-toggle{
	color: #5D5D5D;
}

.index .navbar-brand{
	height: auto;
}

.no-menu .navbar-brand{
    height: auto;
    padding: 15px 15px 0;
	margin-bottom: -20px;
}

#indexWrapper{
	max-width: 722px;
	padding: 0;
}

#wrapper{
	max-width: 960px;
	padding: 0;
}

.push {
    height: 144px;
}

.default .navbar-brand>img{
	max-width: 350px;
}

.default #content{
	position: relative;
	margin: 0;
}

.musicstudio #content {
    position: relative;
    margin: 0;
    height: auto;
    min-height: 600px;
}

.container .text-muted {
	margin: 20px 0;
}

#footer {
    width: 100%;
    height: 100px;
	text-align: center;
	padding: 5px;
	color: #fff;
	font-size: 12px;
	text-shadow: 1px 1px 1px #000;
}

#footer p {
	margin-bottom: 3px;
}

#footer p img {
	vertical-align: top;
}

#footer p, #footer a:link, #footer a:visited {
	color: #fff;
	font-size: 13px;
	line-height: 22px;
}

a.fb:link, a.fb:visited, body.no-touch a.fb:hover {
	padding-left: 27px;
	background: url('../images/fb.png') 3px top no-repeat;
	display: inline-block;
	height: 21px;
}

h2{
	color: #999;
	font-size: 20px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.index button#teachers img, .index button#students img, .index button#parents img{
	min-height: 75px;
	min-width:	75px;
}

.index #firstTime{
	width: 90%;
	padding: 5px 0;
	margin: 0 15px;
	color: #999;
	font-weight: bold;
}

.index .btn-default span{
	color:#be9156;
}

.index .btn-default span.glyphicon{
	color: #5D5D5D;
}

.index span.icon{
	display: block;
    width: 174px;
    height: 174px;
    margin: 0 auto;
	background-image:url(../images/loginSprite.png);
	overflow: hidden;
}

.index.no-touch a.enter,
.index.no-touch a.enter:hover,
.index a.enter,
.index a.enter:hover{
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	display: inline-block;
	width: 174px;
	height: 174px;
	background-color: transparent;
	background: none;
	border: 0;
}

.btn-default.navbar-btn:hover{
	background: #fcefd7;
	background: -moz-linear-gradient(top,  #fcefd7 0%, #f7deab 100%);
	background: -webkit-linear-gradient(top,  #fcefd7 0%,#f7deab 100%);
	background: -o-linear-gradient(top,  #fcefd7 0%,#f7deab 100%);
	background: -ms-linear-gradient(top,  #fcefd7 0%,#f7deab 100%);
	background: linear-gradient(top,  #fcefd7 0%,#f7deab 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcefd7', endColorstr='#f7deab',GradientType=0 );
}

button#teachers span.icon,
button#teachers:focus span.icon,
button#teachers:active span.icon,{
	background-position: 0 0;
}

button#students span.icon,
button#students:focus span.icon,
button#students:active span.icon{
	background-position: -174px 0;
}

button#parents span.icon,
button#parents:focus span.icon,
button#parents:active span.icon{
	background-position: -348px 0;
}

.index #overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0);
	opacity: 100;
	display: none;
}

.index #overlay.visible{
	display: block;
}

.index .popup{
	width: 214px;
	height: 214px;
	background: #D3D3D3;
	border-radius: 8px;
	position: absolute;
	z-index: 999;
	top: 235px;
	left: 50%;
  	margin-left: -107px;
	opacity: 0;
	-webkit-transition: opacity 0.2s, top 0.2s;
	-moz-transition: opacity 0.2s, top 0.2s;
	transition: opacity 0.2s, top 0.2s;
	pointer-events: none;

	text-align: left;

	background: #f0f0f0;
	background: -moz-linear-gradient(top,  #ffffff 0%, #d1d1d1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d1d1d1));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#d1d1d1 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#d1d1d1 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#d1d1d1 100%);
	background: linear-gradient(top,  #ffffff 0%,#d1d1d1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1d1d1',GradientType=0 );
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);

}

.index .popup i.fa{
	position: absolute;
    width: 214px;
    height: 28px;
    color: #FFF;
    text-align: center;
    top: -32px;
}

.index .popup.visible{
	opacity: 1;
	top: 215px;
	pointer-events: all;
}

.index .popup .top{
	padding: 5px 10px;
	border-bottom: solid 1px #D3D3D3;
	height: 40px;
}

.index .popup form{
	padding: 5px 10px;
	border-top: 1px solid #fff;
}

.index .popup .form-group {
    margin-bottom: 5px;
}

.index .popup .form-control{
	height: 25px;
}

.index .popup .btn.mainButton{
	margin: 5px 0;
}

.index .popup button{

	display: inline-block;
	text-decoration: none;
	font-size: 12px;
	border: none;
	opacity: 1;

	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
	border-radius: 4px;

	background: #f8e7cd;
	background: -moz-linear-gradient(top,  #f8e7cd 0%, #ebd8bc 50%, #dbbd8f 51%, #c6a572 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8e7cd), color-stop(50%,#ebd8bc), color-stop(51%,#dbbd8f), color-stop(100%,#c6a572));
	background: -webkit-linear-gradient(top,  #f8e7cd 0%,#ebd8bc 50%,#dbbd8f 51%,#c6a572 100%);
	background: -o-linear-gradient(top,  #f8e7cd 0%,#ebd8bc 50%,#dbbd8f 51%,#c6a572 100%);
	background: -ms-linear-gradient(top,  #f8e7cd 0%,#ebd8bc 50%,#dbbd8f 51%,#c6a572 100%);
	background: linear-gradient(to bottom,  #f8e7cd 0%,#ebd8bc 50%,#dbbd8f 51%,#c6a572 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8e7cd', endColorstr='#c6a572',GradientType=0 );
}

.index.no-touch .popup button:hover,
.index.no-touch div.firstTime .btn.firstTime:hover,
.no-touch .btn.mainButton:hover,
.no-touch .btn.cancelButton:hover
.no-touch .btn.groupButton:hover{
	opacity: 0.7;
}

.index div.firstTime, .index div.activation{
	width: 85%;
	margin: 0 auto;
	background-color: #dddedf;
	border-radius: 10px;
	padding: 20px;
	        box-shadow: inset -1px -1px 5px rgba(0,0,0,.6), inset 1px 1px 5px rgba(255, 255, 255, 1);
	   -moz-box-shadow: inset -1px -1px 5px rgba(0,0,0,.6), inset 1px 1px 5px rgba(255, 255, 255, 1);
	-webkit-box-shadow: inset -1px -1px 5px rgba(0,0,0,.6), inset 1px 1px 5px rgba(255, 255, 255, 1);
}

.index div.activation{
	font-size: 12px;
}

.index div.firstTime h2{
	font-size:28px;
	color:#676767;
	margin: 0 auto 20px;
}

.btn.firstTime, .btn.mainButton{
	text-decoration: none;
	border: none;
	opacity: 1;
	border-radius: 6px;

	background: #f2e9dd;
	background: -moz-linear-gradient(top, #f2e9dd 0%, #cba978 100%);
	background: -webkit-linear-gradient(top, #f2e9dd 0%,#cba978 100%);
	background: linear-gradient(to bottom, #f2e9dd 0%,#cba978 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2e9dd', endColorstr='#cba978',GradientType=0 );
}

.btn.cancelButton{
	text-decoration: none;
	border: none;
	opacity: 1;
	border-radius: 6px;
	text-shadow: #5D5D5D -1px -1px 1px;

	background: #8c8a8a;
	background: -moz-linear-gradient(top, #8c8a8a 0%, #484746 100%);
	background: -webkit-linear-gradient(top, #8c8a8a 0%,#484746 100%);
	background: linear-gradient(to bottom, #8c8a8a 0%,#484746 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c8a8a', endColorstr='#484746',GradientType=0 );
}

.btn.groupButton{
	text-decoration: none;
	opacity: 1;

	border-radius: 6px;

	background: #f8e7cd;
	background: -moz-linear-gradient(top,  #f8e7cd 0%, #ebd8bc 50%, #dbbd8f 51%, #c6a572 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8e7cd), color-stop(50%,#ebd8bc), color-stop(51%,#dbbd8f), color-stop(100%,#c6a572));
	background: -webkit-linear-gradient(top,  #f8e7cd 0%,#ebd8bc 50%,#dbbd8f 51%,#c6a572 100%);
	background: -o-linear-gradient(top,  #f8e7cd 0%,#ebd8bc 50%,#dbbd8f 51%,#c6a572 100%);
	background: -ms-linear-gradient(top,  #f8e7cd 0%,#ebd8bc 50%,#dbbd8f 51%,#c6a572 100%);
	background: linear-gradient(to bottom,  #f8e7cd 0%,#ebd8bc 50%,#dbbd8f 51%,#c6a572 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8e7cd', endColorstr='#c6a572',GradientType=0 );

	font-size: 10pt;
    font-weight: bold;
    color: #5D5D5D;

	padding: 7px 12px;
}


.btn.firstTime{
	padding: 20px 25px;
	margin: 10px 15px;
    font-size: 10pt;
    font-weight: bold;
    color: #5D5D5D;
    text-shadow: #FFF 1px 1px 1px;
	min-width: 225px;
}

.page-header .btn.mainButton,
.page-header .btn.cancelButton{
	margin: 0;
}

.btn{
	padding: 6px 8px;
	white-space: initial;
}

.btn.btn-xs{
	padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn.mainButton{
	padding: 10px 15px;
	margin: 0 0 10px;
    font-size: 10pt;
    font-weight: bold;
    color: #5D5D5D;
    text-shadow: #FFF 1px 1px 1px;
	cursor: pointer;

}

.input-group-btn .btn.mainButton {
    padding: 6px 20px 7px;
    box-shadow: none;
    border: 1px solid #ccc;
}

.btn.cancelButton{
	padding: 10px 20px;
	margin: 0 0 10px;
    font-size: 10pt;
    font-weight: bold;
    color: #fff;
	cursor: pointer;
}

.btn.btn-mini{
	padding: 5px 10px;
	margin: 5px 0 5px 5px;
    font-size: 8pt;
    font-weight: bold;
	text-transform: uppercase;
}

.table .td.controls > a{
	padding: 6px 0;
	margin: 10px 0;
    font-weight: bold;
    color: #5D5D5D;
	cursor: pointer;
	border-style:inset;
	width: auto;

	background: #f8e7cd;
	background: -moz-linear-gradient(top, #f8e7cd 0%, #ebd8bc 50%, #dbbd8f 51%, #c6a572 100%);
	background: -webkit-linear-gradient(top, #f8e7cd 0%,#ebd8bc 50%,#dbbd8f 51%,#c6a572 100%);
	background: linear-gradient(to bottom, #f8e7cd 0%,#ebd8bc 50%,#dbbd8f 51%,#c6a572 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8e7cd', endColorstr='#c6a572',GradientType=0 );
}

.td.controls a.controls{
	padding: 6px 6px;
}

.controls .dropdown-menu{
	top: 67%;
    right: 10px;
    float: right;
	left: auto;
	min-width: 120px;
}

.controls .dropdown-menu>li>a{
	padding: 3px 10px;
	font-size: 9pt;
	text-align: right;
}

#quickTour .modal-body{
	padding: 10px;
	text-align: center;
}

#quickTour .modal-body video{
	width: 100%;
	height: auto;
}



a.title-link, .panel-body a{
	text-decoration: none;
	font-weight: normal;
}

.no-touch a.title-link:hover, .no-touch .panel-body a:hover{
	color: #000;
}

a.title-link span.glyphicon{
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
	-webkit-transition: 0.5s;
	transition: 0.5s;
}


a.collapsed.title-link span.glyphicon{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

a.navbar-btn, a.extra{
	overflow: hidden;
	margin: 0 10px;

	background: #f2e9dd;
	background: -moz-linear-gradient(top, #f2e9dd 0%, #cba978 100%);
	background: -webkit-linear-gradient(top, #f2e9dd 0%,#cba978 100%);
	background: linear-gradient(to bottom, #f2e9dd 0%,#cba978 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2e9dd', endColorstr='#cba978',GradientType=0 );

	border: 0;
	border-radius: 10px;
}

	a.navbar-btn i {
		font-size: 27pt;
	}

.svg-wrapper svg {
	width: 27pt;
	padding-bottom: 5px;
}

a.navbar-btn {
	width: 65px;
	height: 65px;
	margin-right: 0;
	margin-left: 10px;
	text-shadow: #FFF 1px 1px 1px;
}


a.navbar-btn span.label{
	display: none;
}
	a.navbar-btn .svg-wrapper svg {
		fill: #777;
	}

a.btn-dashboard .svg-wrapper svg {
	fill: #5D5D5D;
}

a.navbar-btn .svg-wrapper,
a.btn-dashboard .svg-wrapper {
	-webkit-filter: drop-shadow(1px 1px 1px #fff);
	filter: drop-shadow(1px 1px 1px #fff);
	display: inline-block;
}
a.extra{
    width: 100%;
    height: auto;
    padding: 10px 5px;
    text-align: center;
    display: block;
    margin: 0;
    border-width: 2px;
    border-radius: 7px;
	color: #000;
}

a.extra span{
	font-size: 19px;
	padding: 0 20px;
}

a.extra:hover{
	text-decoration: none;
	background: #e7e7e7;
	background: -moz-linear-gradient(top, #e7e7e7 0%, #a6a6a6 100%);
	background: -webkit-linear-gradient(top, #e7e7e7 0%,#a6a6a6 100%);
	background: linear-gradient(to bottom, #e7e7e7 0%,#a6a6a6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#a6a6a6',GradientType=0 );

}

.table{
	margin: 10px 0;
	display: table;
}

.table .tr{
	display: table-row;
	width: 100%;
}

.table .td{
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
	color: #fff;
	font-size: 9pt;
    padding: 0 10px;
    margin: 10px 0;
	position: relative;
}

.table .td.checkbox{
	width: 5%;
	text-align: center;
}

.table .td.datebox{
	width: 10%;
	text-align: center;
}

.table .td.details{
	width: 50%;
	text-align: left;
}

.table .td.resources{
	width: 25%;
	text-align: right;
}

.table .td.controls{
	width: 10%;
	text-align: center;
}

.table>tbody>tr>td.view{
	display: none;
}

.table .td a{
	line-height:normal;
	padding: 0;
	text-decoration: none;
}

.no-touch .table .td a:hover{
	text-decoration: underline;
}

.well{
	padding: 0;
	border-radius: 7px 7px 0 0;
	padding-bottom: 10px;
	border: 1px solid #DCDCDC;
	overflow: hidden;
	height: 340px;
}

.well.auto-height{
	height: auto;
}

.well.auto-height > .well-content.row{
	height: auto;
	margin-top: 20px;
}

.well .page-header{
	margin: 0;
	padding: 5px 0;
	width: 100%;

	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #d1d1d1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d1d1d1));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#d1d1d1 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#d1d1d1 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#d1d1d1 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#d1d1d1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1d1d1',GradientType=0 );
}

.well .page-header .col-xs-6{
	margin: 0;
	padding: 0 5px;
}

.well .page-header h4{
	margin: 0;
	padding: 5px 0;
	font-size: 13pt;
}

.well .page-header a.mainButton, .panel-heading a.mainButton{
	font-size: 9pt;
	font-weight: normal;
	padding: 5px 7px;
	margin: 0;
	border: none;
}

.well-content.row{
	padding: 0;
	margin: 0;
	height: 300px;
	overflow-y: auto;
}

.panel-title{
	display: inline-block;
	padding: 5px;
}

.panel-title a{
	text-decoration: none;
	color: #AE823A;
}

.panel-title a:hover{
	text-decoration: none;
	color: #000;
}

.panel-title a.diabled, .panel-title a.disabled:hover{
	text-decoration: none;
	color: #AE823A;
	cursor: default;
}

.panel-heading{
	padding: 5px;
}

.panel-body{
	padding: 10px;
	background-color: #fff;
}

.dashboardModule .panel-body{
	height: 300px;
	overflow-y: auto;
}

.dashboardModule .panel-body.student-news{
	height: 182px;
}

/* calendar */


.icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	fill: #AE823A;
}


.active .icon-calendar-day,
.active .icon-calendar-week,
.active .icon-calendar-month{
	fill: #333;
}

#calendar li h3 {
	margin-bottom: 1px;
}
#calendar li p {
	line-height: 16px;
}
#calendar li p.event {
	font-size: 13px;
	color: #666;
}

.events{
	list-style: none;
	padding: 0;
	margin: 0;
}

.events li.dateHeader {
	padding: 3px 7px 3px;
	background: #990303;
	background: -moz-linear-gradient(top,  #990303 0%, #c56d6d 100%);
	background: -webkit-linear-gradient(top,  #990303 0%,#c56d6d 100%);
	background: -o-linear-gradient(top,  #990303 0%,#c56d6d 100%);
	background: -ms-linear-gradient(top,  #990303 0%,#c56d6d 100%);
	background: linear-gradient(top,  #990303 0%,#c56d6d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990303', endColorstr='#c56d6d',GradientType=0 );
	font-family: helvetica, arial, sans-serif;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.events li.dateHeader span.today {
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
}

.events li{
    font-size: 14px;
    color: #666;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #f3e8d3;
    padding: 6px 7px;
    background: #fefbf7;
    background: -moz-linear-gradient(top, #fefdfa 0%, #fefbf7 100%);
    background: -webkit-linear-gradient(top, #fefdfa 0%,#fefbf7 100%);
    background: -o-linear-gradient(top, #fefdfa 0%,#fefbf7 100%);
    background: -ms-linear-gradient(top, #fefdfa 0%,#fefbf7 100%);
    background: linear-gradient(top, #fefdfa 0%,#fefbf7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefdfa', endColorstr='#fefbf7',GradientType=0 );
}

ul.events a, ul.assignments a{
	display: block;
	width: 100%;
	text-decoration: none;
	color: #666;
	padding: 6px 7px;
}

ul.events a h3, ul.assignments a h3{
	font-family: arial, helvetica, sans-serif;
    color: #666;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 2px;
}

ul.events a p{
	font-family: arial, helvetica, sans-serif;
    font-size: 13px;
    color: #666;
    margin: 0;
    padding: 0;
    line-height: 16px;
}

ul.events a p.location{
	color: #999;
}

ul.assignments a .date{
	width: 40px;
    height: auto;
    font-size: 10px;
    line-height: 14px;
	display: inline-block;
	padding-top: 2px;
	color: #FFF;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	background: #990303;
	background: -moz-linear-gradient(top, #990303 0%, #C56D6D 100%);
	background: -webkit-linear-gradient(top, #990303 0%,#C56D6D 100%);
	background: -o-linear-gradient(top, #990303 0%,#C56D6D 100%);
	background: -ms-linear-gradient(top, #990303 0%,#C56D6D 100%);
	background: linear-gradient(top, #990303 0%,#C56D6D 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990303', endColorstr='#c56d6d',GradientType=0 );
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

td.date{
	width: 60px;
}

td div.date{
    font-size: 10px;
    line-height: 14px;
	padding-top: 2px;
	color: #FFF;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	background: #990303;
	background: -moz-linear-gradient(top, #990303 0%, #C56D6D 100%);
	background: -webkit-linear-gradient(top, #990303 0%,#C56D6D 100%);
	background: -o-linear-gradient(top, #990303 0%,#C56D6D 100%);
	background: -ms-linear-gradient(top, #990303 0%,#C56D6D 100%);
	background: linear-gradient(top, #990303 0%,#C56D6D 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990303', endColorstr='#c56d6d',GradientType=0 );
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 45px;
}

ul.assignments a .date .day, td div.date .day{
	font-size: 20px;
	display: block;
    font-family: helvetica, arial, sans-serif;
    font-weight: bold;
	margin: 5px 0;
}

ul.assignments a .description{
	display: inline-block;
    vertical-align: top;
    margin-left: 7px;
    margin-top: 4px;
    width: auto;
}
/* students */

ul.students, ul.notifications, ul.tools, ul.assignments{
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.students li, ul.notifications li, ul.tools li, ul.assignments li{
    font-size: 14px;
    color: #666;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #f3e8d3;
    background: #fefbf7;
    background: -moz-linear-gradient(top, #fefdfa 0%, #fefbf7 100%);
    background: -webkit-linear-gradient(top, #fefdfa 0%,#fefbf7 100%);
    background: -o-linear-gradient(top, #fefdfa 0%,#fefbf7 100%);
    background: -ms-linear-gradient(top, #fefdfa 0%,#fefbf7 100%);
    background: linear-gradient(top, #fefdfa 0%,#fefbf7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefdfa', endColorstr='#fefbf7',GradientType=0 );
}


.no-touch ul.students li:hover, .no-touch ul.notifications li:hover, .no-touch ul.tools li:hover, .no-touch ul.students li:nth-child(even):hover, .no-touch ul.notifications li:nth-child(even):hover, .no-touch ul.tools li:nth-child(even):hover{
	cursor: pointer;
	background: #fcefd7;
	background: -moz-linear-gradient(top,  #fcefd7 0%, #f7deab 100%);
	background: -webkit-linear-gradient(top,  #fcefd7 0%,#f7deab 100%);
	background: -o-linear-gradient(top,  #fcefd7 0%,#f7deab 100%);
	background: -ms-linear-gradient(top,  #fcefd7 0%,#f7deab 100%);
	background: linear-gradient(top,  #fcefd7 0%,#f7deab 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcefd7', endColorstr='#f7deab',GradientType=0 );
}

.no-touch ul.students li:hover a, .no-touch ul.notifications li:hover a, .no-touch ul.students li:nth-child(even):hover a, .no-touch ul.notifications li:nth-child(even):hover a, .no-touch ul.tools li:nth-child(even):hover a{
	color: #000;
}

ul.students li a, ul.notifications li a, ul.tools li a{
	color: #666;
	text-decoration: none;
    display: block;
    padding: 6px 7px;
}

.no-touch ul.students li a:hover, .no-touch ul.notifications li a:hover, .no-touch ul.tools li a:hover{
	text-decoration: none;
}

ul.notifications li{
	font-size: 13px;
	display: table;
	width: 100%;
	padding: 6px 7px;
}

.tools li{
	lfont-size: 10px;
}

ul.tools li a{
	display: table-row;
}

ul.tools li a span{
	display: table-cell;
	vertical-align: middle;
}


ul.students li:nth-child(even), ul.notifications li:nth-child(even), ul.tools li:nth-child(even) {
    background: #fdf9f1;
    background: -moz-linear-gradient(top, #fdf9f1 0%, #faf1de 100%);
    background: -webkit-linear-gradient(top, #fdf9f1 0%,#faf1de 100%);
    background: -o-linear-gradient(top, #fdf9f1 0%,#faf1de 100%);
    background: -ms-linear-gradient(top, #fdf9f1 0%,#faf1de 100%);
    background: linear-gradient(top, #fdf9f1 0%,#faf1de 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf9f1', endColorstr='#faf1de',GradientType=0 );
}

ul.notifications .badge{
	background-color: #990303;
    border: 1px inset #c56d6d;
    margin: 0 10px;
    width: auto;
}

ul.notifications li a{
	display: table-row;
}

ul.notifications li a span{
	display: table-cell;
	vertical-align: middle;
}

ul.notifications span.badge-cell{
	width: 15%;
}

ul.notifications span.messages{
	width: 70%
}

ul.notifications span.day{
	width: 15%;
	text-align: right;
}

ul.tools .toolIcon{
	width: 100px;
    padding: 5px;
    text-align: center;
}

ul.tools .toolDesc{
	padding: 5px 10px 5px 0;
}

.modal-content.modal-container{
    background: none;
    box-shadow: none;
    border: none;
}

.modal-content{
	background: #f0f0f0;
	background: -moz-linear-gradient(top,  #ffffff 0%, #d1d1d1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d1d1d1));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#d1d1d1 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#d1d1d1 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#d1d1d1 100%);
	background: linear-gradient(top,  #ffffff 0%,#d1d1d1 100%);
}

.modal-content, .modal-title{
	text-align: left;
}

.modal-body {
    padding: 0 15px 15px;
}

.modal-header{
	padding: 5px 15px 0;
}

.modal-content .form-group{
	margin-bottom: 0;
}

.modal-content .form-input{
	margin-bottom: 15px;
}

.modal {
}
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
}

.radio-inline input[type=radio]{
	padding-top: 0;
    margin-top: 3px;
}

.checkbox-inline, .radio-inline, .checkbox label{
	font-size: 14px;
	display: block;
}

div.nav-sidebar{
	padding-right: 0;
	padding-left: 0;
}

ul.navbar-nav li.side-nav{
	width: 100%;
	display: block;
	float: left;
}

ul.navbar-nav li.side-nav span.tool-head{
	padding: 15px 10px 0;
	display: block;
}

ul.navbar-nav li.side-nav a, ul.navbar-nav li.side-nav span.tool-head{
	font-size: 10pt;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(0,0,0, 0.2);
	background: none;
}

.side-nav div.sidebar{
	background-color: #ECECEC;
    border: solid 1px #CECECE;
    border-radius: 3px;
    margin: 0 10px;
    padding: 10px;
	text-align: center;
}

ul.navbar-nav li.side-nav.active a, ul.navbar-nav li.side-nav a:hover{
	background: #f2e9dd;
	background: -moz-linear-gradient(top, #f2e9dd 0%, #cba978 100%);
	background: -webkit-linear-gradient(top, #f2e9dd 0%,#cba978 100%);
	background: linear-gradient(to bottom, #f2e9dd 0%,#cba978 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2e9dd', endColorstr='#cba978',GradientType=0 );
}


.row.sidenav{
	background:url(../images/left-col.jpg) 0 0 repeat-y #ffffff;
	padding-bottom: 20px;
	position: relative;
	height: 100%;
    min-height: 600px;
}

.page-header {
    border-bottom: 1px solid #eee;
    padding: 10px 5px;
	margin: 0 0 10px;

	background: #d1d1d1;

}

.page-header h4{
	margin: 0;
    padding: 7px 0 0;
}

.page-header .btn.mainButton{
	padding: 6px 10px;
}

ul.assignments.big-list{
	padding: 0;
}

ul.assignments.big-list li{
	border-bottom: 0;
	float: left;
	width: 100%;
	display: block;
	margin: 0;
}

form.big-list-sort{
	margin: 10px 0;
	width: auto;
	display: inline;
}

form label{
	font-size: 14px;
}

ul.resource-titles{
	padding: 0;
	list-style: none;
	clear: both;
}

ul.resource-titles li{
	float: left;
}

ul.resource-titles .tooltip.bottom{
	padding:5px 0;
	margin-top: -5px;
}

ul.resource-titles li a.resource-icon{
	color: #666;
	display: block;
}

ul.resource-titles li a.delete-resource{
	position: absolute;
    z-index: 1;
    color: #f00;
	display: none;
}

ul.resource-titles li:hover a.delete-resource, ul.resource-titles li:focus a.delete-resource{
	display: block;
}

.pagination{
	width: auto;
	display: inline;
	margin: 0;
}

.pagination .pager{
	margin: 0;
}

.pagination ul.pager li{
	width: auto;
	margin: 0 5px;
}

li.selectButtons{
	padding: 5px 0;
}

li.selectButtons a{
	float: left;
	width: auto;
	margin-right: 10px;
}


/* .squaredThree */
.squaredThree {
  position: relative;
  margin: -5px auto 20px;
}
.squaredThree label {
	width: 20px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;

	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #d1d1d1 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#d1d1d1 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#d1d1d1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1d1d1',GradientType=0 );

	border-radius: 4px;
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
}
.squaredThree label:after {
	content: '';
    width: 13px;
    height: 8px;
    position: absolute;
    top: 5px;
    left: 4px;
    border: 3px solid #050505;
    border-top: none;
    border-right: none;
    background: rgba(0, 0, 0, 0);
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.squaredThree label:hover::after {
  	opacity: 0.3;
}
.squaredThree input[type=checkbox] {
  	visibility: hidden;
}
.squaredThree input[type=checkbox]:checked + label:after {
  	opacity: 1;
}

/* end .squaredThree */


.row.sidenav .navbar-header h3{
	display: none;
}

.controls{
	font-size: 13px;
	margin: 0;
}

.resources-controls {
    padding: 5px;
    background-color: #969696;
}

.resources-controls .form-horizontal .form-group{
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}

.resources-controls .form-control{
	display: inline-block;
	width: 64%;
}

.resources-controls form label{
	font-size: 12px;
}

.results-tally{
	padding: 9px 5px;
}

.control-div span.results{
	margin: 8px 0;
    display: block;
}

.control-div .pagination{
	margin: 5px 0;
}

.controls div[class*="col-"]{
	padding: 0 5px;
	min-height: 45px;
}

.controls div[class*="col-"].control-div {
    min-height: 35px;
}

.controls .pager li>a, .controls .pager li>span{
	padding: 2px 4px;
}

/* RESPONSIVE TABLES */
.table {
    display: table;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
	font-size: 13px;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
	padding: 0 8px;
	line-height: normal;
	vertical-align: middle;
	border-top: none;
	position: relative;
	height: 72px;
    min-height: 72px;
	display: table-cell;
}

.table.eoy>tbody>tr>td, .table.eoy>tbody>tr>th, .table.eoy>tfoot>tr>td,
.table.eoy>tfoot>tr>th, .table.eoy>thead>tr>td, .table.eoy>thead>tr>th{
	padding: 5px;
	height: auto;
    min-height: inherit;
	text-align: center;
}

.table td.select{
	width: 5%;
}

.table td a{
	color: #666;
}

.table td a:hover{
	color: #333;
	text-decoration: none;
}

.table td.date, .table td.tools{
	width: 10%;
}

.table td.details{
	width: 50%;
}

.table td.resources{
	width: 25%;
}

span.assignment-title, span.assignment-details{
	display: block;
}

span.assignment-title a, span.assignment-details a{
	width: auto;
	display: inline;
	font-size: 18px;
}

span.assignment-details a.studio{
	font-size: 13px;
}

span.assignment-details i{
	color: #666;
	display: inline-block;
}

span.assignment-details .fa-square{
	font-size: 1.5em;
}

span.assignment-details .fa-stack {
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
}

span.assignment-details .fa-inverse{
	color: #fff;
}

.details ul.criteria{
	padding-left: 0;
	display: block;
}

.details ul.criteria::after{
	clear: both;
}

.details ul.criteria li{
	color: #acacac;
	display: inline-block;
	float: left;
	width: auto;
    margin-right: 15px;
}

.resources .resource-titles{
    text-align: right;
    width: 100%;
    display: block;
    padding-left: 0;
	margin: 0;
}

.resources .resource-titles li {
    width: auto;
    display: inline-block;
    float: initial;
}

a.controls.dropdown-toggle{
	font-weight: bold;
	color: #5D5D5D;
	cursor: pointer;
	border: none;
	border-radius: 3px;
	width: auto;
	background: #f8e7cd;
	background: -moz-linear-gradient(top, #f8e7cd 0%, #ebd8bc 50%, #dbbd8f 51%, #c6a572 100%);
	background: -webkit-linear-gradient(top, #f8e7cd 0%,#ebd8bc 50%,#dbbd8f 51%,#c6a572 100%);
	background: linear-gradient(to bottom, #f8e7cd 0%,#ebd8bc 50%,#dbbd8f 51%,#c6a572 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8e7cd', endColorstr='#c6a572',GradientType=0 );
	height: 32px;
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
}

.table .dropdown-menu{
	top: 50px;
	right: 7px;
	left: auto;
	margin: 0;
}

.my-menu .navbar-nav>li>a{
	padding: 15px;
	padding-right: 0;
	color: #fff;
	font-weight: bold;
	line-height: 20px;
	font-size: 12px;
}

.my-menu .navbar-nav>li>.navbar-text{
	color: #fff;
	font-weight: bold;
	line-height: 20px;
	font-size: 12px;
}

.group-checkboxes .panel-body{
	padding: 0;
    height: 350px;
    overflow-y: auto;
}

.group-checkboxes ul, ul.group-checklist{
	padding-left: 0;
    list-style: none;
}

.group-checkboxes li{
	padding: 10px;
	margin: 5px 0;
}

ul.group-checklist li{
	padding: 10px;
	margin: 0;
}

.group-checkboxes li:nth-of-type(even){
	background: #f2f2f2;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* CALENDAR */

.calendar table {
	width: 100%;
	margin-bottom: 20px;
	display: table
}

.calendar tr{
	width: 100%;
	display: table-row;
}

.calendar td {
	width: 14.2857142857143%;
	height: 120px;
	border: solid 1px #ccc;
	background: #fff;
	vertical-align: top;
	display: table-cell;
}
.calendar td.weekend {
	background: #f2efe6;
}
.calendar td.prevMonth, .calendar td.nextMonth {
	background: #e5e5e5;
}
.calendar td.today {
	background: #F3DFB6;
}
.calendar #content ul.events a:link, .calendar ul.events td a:visited {
	text-decoration: none;
	color: #333;
}
.calendar #content ul.events a:hover {
	text-decoration: underline;
	color: #333;
}
.calendar td .day {
	font-size: 11px;
	color: #666;
	float: right;
	margin: 7px 8px 0 0;
}
.calendar td.prevMonth .day, .calendar td.nextMonth .day {
	color: #999;
}
.calendar td .add, .calendar td .week {
	visibility: hidden;
	-moz-transition: visibility 0s linear 200ms, opacity 200ms linear;
	-o-transition: visibility 0s linear 200ms, opacity 200ms linear;
	-webkit-transition: visibility 0s linear 200ms, opacity 200ms linear;
	transition: visibility 0s linear 200ms, opacity 200ms linear;
	opacity: 0;
}
.calendar td:hover .add, .calendar td:hover .week {
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	visibility: visible;
	opacity: 1;
}
.calendar td a.add, .calendar td a.week {
	width: 37px;
	height: 14px;
	background: url('../images/addEvent.png') left top no-repeat;
	float: left;
	margin: 8px 0 0 6px;
}
.calendar td a.week {
	background: url('../images/getWeek.png') left top no-repeat;
}
.calendar td a.add:hover {
	background-position: left -14px;
}
.calendar td a.add:active {
	background-position: left -28px;
}
.calendar td a.week:hover {
	background-position: left -14px;
}
.calendar td a.week:active {
	background-position: left -28px;
}

.calendar ul.events {
	margin: 21px 6px 0;
}
.calendar table ul li {
	margin: 0 0 6px;
	padding: 4px 0 0;
	border-top: solid 1px #e5e5e5;
}
.calendar table ul li.first {
	border: none;
}

.calendar table ul.events li p {
	margin: 0;
	font-size: 12px;
	line-height: 14px;
}

.calendar table ul.events li p.time {
	font-size: 10px;
	font-weight: bold;
	font-family: arial;
	color: #333;
}

/* CALENDAR DAY */

/*Calendar Day View*/
#dayWrapper {
	width: 100%;
	overflow-x: auto;
}

#dayWrapper {
	position: relative;
}

#dayWrapper .times {
	width: 50px;
	float: left;
}

#dayWrapper .times .time {
	height: 39px;
	text-align: right;
	background: #666;
	color: #fff;
	border-top: 1px solid #fff;
	padding-right: 2px;
	font-size: 12px;
}

#dayWrapper .events {
	float: left;
}

#dayWrapper {
	background: url('../images/dayCalendarBg.png') repeat;
}

#dayWrapper .events .event {
	position: absolute;
	left: 50px;
	border: 1px solid;
	width: 20%;
	height: 39px;

	margin: 0 5px;
	padding: 0 2px;
	overflow: hidden;
	background: #f3dfb6;
	border-color: #dcc493;
	z-index: 9;
	-webkit-transition: height 1s, background 0.3s, border-color 0.3s;
	   -moz-transition: height 1s, background 0.3s, border-color 0.3s;
	     -o-transition: height 1s, background 0.3s, border-color 0.3s;
	       -transition: height 1s, background 0.3s, border-color 0.3s;
}

#dayWrapper .events .event:hover{
	height: auto;
	z-index: 99;
	background: #fff;
	border-color: #666;
}

#dayWrapper .events .event span.time {
	font-weight: bold;
	font-size: 12px;
}

#dayWrapper .events .event h2 {
	font-size: 13px;
}

#dayWrapper .events .event h3 {
	font-style: italic;
	font-size: 10px;
}

#dayWrapper .events .event p {
	margin: 0;
	font-size: 12px;
}

.nav-tabs li a{
	font-size: 13px;
}

ul.items{
	list-style: none;
	padding-left: 0;
	display: inline-block;
}

li.attachment{
	display: inline-block;
    float: left;
}

li.attachment a{
	color: #5D5D5D;
	font-size: 10pt;
	margin-right: 10px;
}

li.attachment a.delete{
	color: #f00;
	margin-right: 3px;
}

.faqs-section{
	font-size: 14px;
	color: #666;
	padding-left: 0;
	border-bottom: 1px solid #999;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.faqs-section h4{
	margin-left: 0;
}

.faqs-section ul,
.faqs-section ol {
	padding-left: 25px;
}

ul.faqs{
	list-style: none;
    padding-left: 10px;
}

.faqs-link{
	font-size: 14px;
}

ul.progress-nav{
	list-style: none;
    padding-left: 0;
    margin-bottom: 10px;
	border: 1px solid #999;
}

li.step{
    float: right;
    display: inline-block;
    width: 20%;
    text-align: center;
    padding: 15px;
	font-size: 14px;
    font-weight: bold;
	position: relative;
	z-index: 9;
	text-indent: 20px;
}

li.step:last-child{
	text-indent: 0;
}

li.step:first-child{
	border-right: none;
}

li.step:before{
	position: absolute;
    display: inline-block;
    border-top: 26px solid rgba(0, 0, 0, 0);
    border-left: 26px solid #999;
    border-bottom: 26px solid rgba(0, 0, 0, 0);
    border-left-color: #999;
    right: -26px;
    top: -0.06em;
    content: '';
}

li.step:after{
	position: absolute;
    display: inline-block;
    border-top: 25px solid rgba(0, 0, 0, 0);
    border-left: 25px solid #fff;
    border-bottom: 25px solid rgba(0, 0, 0, 0);
    right: -24px;
    top: 0;
    content: '';
}

li.step:first-child:after, li.step:first-child:before{
	border-top: none;
    border-left: none;
    border-bottom: none;
}

li.step.current{
	background: #337ab7;
	color: #fff;
}

li.step.current:after{
	border-left-color: #337ab7;
}

.promote .panel-body{
	padding: 0;
    height: 250px;
    overflow-y: auto;
}

.promote .panel-body li{
	padding: 5px 10px;
}

.studio-tools h5{
	color: #AE823A;
	font-weight: bold;
	margin: 4px 0 0;
}

.row.playback {
    padding-bottom: 0;
}

.playback .col-sm-6{
	padding: 0;
}

.playback .playhead-tool{
	float: left;
	margin: 0 2px;
	color: #514f50;
	padding: 3px;
	border-radius: 4px;
}

.playback .time-elapse{
	padding: 1px 0 5px 10px;
    font-size: 24px;
}

.playback .playhead-tool.record{
	color:#c63a3b;
	background-color: transparent;
	padding: 4px 2px 1px 2px;
}

.playback .playhead-tool.record:hover,
.playback .playhead-tool.record.enabled:hover{
	color: #ff0000;
}

	.playback .playhead-tool.record.enabled {
		color: #c63a3b;
		background-color: #83a1c2;
	}

.playback .btn-group.tempo{
	top: -2px;
}

.playback #loop, .playback .btn-group.tempo{
	margin-left: 20px;
}

.playback label.playhead-tool{
	margin: 5px 5px 0;
}



.playhead-tool i.fa{
	width: 28px;
	height: 28px;
	line-height: 28px;
	font-size: 28px;
	text-align: center;
}

.playhead-tool.pht-lg i.fa{
	width: 32px;
	font-size: 32px;
}

.playhead-tool span.icon{
	width: 28px;
    height: 28px;
    font-size: 26px;
    line-height: 28px;
	text-align: center;
}

.playback .btn-group.tempo .btn.btn-default{
	display: inline-block;
	padding: 0 0;
	margin-bottom: 0;
	font-size: 2em;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid rgba(0, 0, 0, 0);
	border-radius: 4px;
	color: #777374;
}

.playback .btn-group.tempo .btn.btn-default i.fa{
	    font-size: 28px;
}

.playback .btn-group.tempo .btn.btn-default.btn-text{
	cursor: default;
    font-size: 17px;
    padding: 0;
    color: #000;
	margin: 0 10px;
}
.playback .btn-group.tempo .btn.btn-default.btn-text label{
	display: block;
	margin: -3px 0 0;
	padding: 0;
}

.playback a.playhead-tool:hover, .btn-group.tempo .btn.btn-default:hover{
	color: #c6a572;
}


body.musicstudio .carousel-control{
	width: 5%;
}

body.musicstudio .carousel-control.left,
body.musicstudio .carousel-control.right{
	background: none;
	background-image: none;
}

body.musicstudio .left .glyphicon, body.musicstudio .left:focus .glyphicon,
body.musicstudio .right .glyphicon, body.musicstudio .right:focus .glyphicon{
	color: #AE823A;
}

.musicstudio .carousel-inner{
	position: relative;
	width: 90%;
	overflow: hidden;
	left: 5%;
}

li.welcome{
	float: none;
}

li.welcome span{
	padding: 0;
	margin: 10px 0 0;
}

.panel-default a[aria-expanded="false"] i.fa-caret-down,
.panel-default a.collapsed i.fa-caret-down{
	-ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.panel-default a[aria-expanded="true"] i.fa-caret-down{
	-ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.table tr:nth-of-type(odd){
	background: #f2f2f2;
}

.table tr{
	border-bottom: 2px solid #d9d9d9;
}

.table tr:first-child{
	border-top: 2px solid #d9d9d9;
}

.assignmentModal .modal-body h5 {
	padding: 0;
	margin: 0;
}

.assignmentModal hr{
	margin: 10px 0;
    border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #fff;
}

.assignmentModal .modal-footer{
	border-top: none;
}

.assignmentModal .assignmentTools{
	list-style: none;
    padding: 5px 15px 0;
}

.assignmentModal .resource-titles{
	list-style: none;
}

.form-group {
	margin-bottom: 10px;
}

.playback .right-group{
	float: none;
}

.submission .tools{
	padding: 0;
}

span.submission-name, span.submission-title {
    font-weight: bold;
}

.row.submission{
	background: #fdf9f1;
	background: -moz-linear-gradient(top,  #fdf9f1 0%, #faf1de 100%);
	background: -webkit-linear-gradient(top,  #fdf9f1 0%,#faf1de 100%);
	background: linear-gradient(to bottom,  #fdf9f1 0%,#faf1de 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf9f1', endColorstr='#faf1de',GradientType=0 );
}

.row.submission, .row.submission .col-xs-12{
	padding: 5px 0;
}

.modal-row{
	margin: 0 0 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #a6a6a6;
    text-align: center;
}

div[data-toggle="buttons"] label.modal-btn-group, .modal-center{
	text-align: center;
}

label.btn.modal-btn-group span, label.btn.modal-btn-group .fa-2x{
	font-size: 15px;
}

.modal-checkbox{
	display: block;
}

label.btn.select-submission{
	text-align: center;
    padding: 40px 0 33px 13px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
	background-color: #969696;
	color: #fff;
}

.pager{
	margin: 0;
}

.pager li > a, .pager li > span {
    padding: 4px 10px;
    border-radius: 100%;
}

ol.songlist li{
    width: 33%;
    float: left;
    padding: 10px 0;
}

/** AUDIO JS **/

.row.audio-player{
	border: 0;
	background: none;
}

.row.audio-player .col-xs-1{
	width: initial;
}

.audio-player .audioPlayer{
	width: 100%;
}

.audio-player .btn.download,
.audio-player .btn.delete {
	border-radius: 4px;
	padding: 5px 8px;
	color: #434242;
	background-color: transparent;
	height: 30px;
}

.audio-player .btn.download:hover,
.audio-player .btn.delete:hover {
	color: #fff;
	background-color: #727171;
}


button.buttonOnly{
	width: 75px;
	height: 60px;
	border-radius: 5px;
	border: 2px solid #fff;
	background: #514f50;
	color: #d1d1d1;
	margin: 0 10px 10px 0;
	float: left;
}

button.buttonOnly.paused{
	border-color: #514f50;
	background-color: #d1d1d1;
	color: #514f50;
}

button.buttonOnly i.fa.fa-play::before{
	content: "\f04c";
}

button.buttonOnly.paused i.fa.fa-play::before{
	content: "\f04b";
}

button.buttonOnly span.playLabel{
	display: block;
}

button.buttonOnly i.fa{
	font-size: 28px;
}

.hidden-480{
	display: block;
}

.visible-480{
	display: none;
}

.melody-switch{
	padding-left: 0;
	padding-top: 0px;
}

.btn-take{
	width: 125px;
}

.resource-item .panel-body {
	padding: 5px;
	height: 140px;
}

.resource-item .panel-footer {
	padding: 5px;
}

.resource-item img.img-resource{
	margin: 0 auto;
    max-height: 93px;
}

.resource-item img.img-resource.pdf-thumb{
    border: 1px solid #ddd;
}


a.resource-link p.caption {
    color: #666;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    line-height: 12px;
    margin: 5px 0;
}

a.resource-link:hover p.caption{
	color: #dd8821;
	text-decoration: none;
}

.resource-item{
	padding: 5px;
	float: left;
}

.resource-item .panel, .resource-item .panel-body{
	background-color: transparent;
	margin-bottom: 0;
}

.resource-item .fa-stack{
	width: 22px;
	height: 22px;
	line-height: 22px;
}

.resource-item .fa-stack-2x {
    font-size: 22px;
}

.resource-item .fa-stack-1x {
    font-size: 12px;
}

#videoURL,
#audioUpload,
#pdfUpload,
#linkURL {
	display: block;
	width: 100%;
	height: 0;
	overflow: hidden;
	transition: height 0.3s;
	-webkit-transition: height 0.3s;
}

#videoURL.active,
#linkURL.active {
	height: 34px;
}

#audioUpload.active,
#pdfUpload.active {
	height: 40px;
}

a.previewLink, a.previewLink:hover {
	color: #000;
    text-decoration: none;
}

table.table-endofyear > tbody > tr > td{
	height: auto;
	min-height: 35px;
	padding: 8px;
	width: 20%;
}

table.table-endofyear tr:first-child, table.table-endofyear tr {
	border: 0;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
	background-color: #666666;
    border-color: #666666;
}

.list-group-item {
	padding: 5px;
}

h5.list-group-item-heading {
	font-size: 16px;
	font-weight: bold;
}

.list-group-item-text {
	padding-left: 15px;
}

.list-group-item-text li{
	margin-left: 15px;
}

.help-block {
	font-size: 11px;
}

#draggablePanelList{
	list-style: none;
	padding-left: 0;
}

#draggablePanelList .resource-item .panel-body {
	height: auto;
}

.col-xs-11 {
    width: 97%;
}

.col-xs-1 {
 	width: 3%;
}

#draggablePanelList p.caption {
	text-align: left;
	font-size: 18px;
}

.drag-handle .fa-stack {
    height: 100px;
    border-radius: 4px;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
}

.drag-handle .fa-stack-1x {
	color: #969696;
	top: 50%;
    transform: translateY(-50%);
}

#draggablePanelList .resource-item.dragged .drag-handle .fa-stack,
.drag-handle:hover .fa-stack {
	border: 1px solid #f5f5f5;
	background-color: #ddd;
}

#draggablePanelList .resource-item.dragged .drag-handle .fa-stack-1x,
.drag-handle:hover .fa-stack-1x {
	color: #fff;
}

.no-pad-ever{
	padding: 0;
	margin-left: 0;
	margin-right: 0;
}

.no-pad-left-ever{
	padding: 0 5px 0 0;
	margin-left: 0;
}

.no-pad-right-ever{
	padding: 0 0 0 5px;
	margin-right: 0;
}

.resource-grid .resource-item,
.resource-list .resource-item {
	width: 50%;
}

.resource-list .resource-item .panel {
	min-height: 56px;
	padding: 0 5px;
}

.resource-list .resource-item .panel-body {
    padding: 5px 0;
    float: left;
    height: auto;
    width: 50%;
}

.resource-list .resource-item .panel-footer {
	border: 0;
    background: transparent;
    float: right;
    width: 50%;
}

.resource-list .resource-item .panel-body .item-col {
    padding: 0;
}

.resource-list .resource-item .img-resource {
    display: none;
}

.no-pad{
	padding: 0;
	margin-left: 0;
	margin-right: 0;
}


/** NOTHING PAST THIS POINT **/



@media screen and (min-width:768px){

	.no-pad{
		padding: 0;
		margin-left: 0;
		margin-right: 0;
	}

	.no-pad-left{
		padding: 0 15px 0 0;
		margin-left: 0;
	}

	.no-pad-right{
		padding: 0 0 0 15px;
		margin-right: 0;
	}

	.no-pad-five{
		padding: 0 5px;
	}

	.navbar-right {
		float: right!important;
		margin-right: 0px;
	}

	.my-menu{
		width: 58%;
		padding-right: 0;
	}

	.my-menu .navbar-nav{
		text-align: right;
		float: right;
	}

	.my-menu .navbar-nav li{
		float: none;
		display: inline-block;
	}

	.my-menu .navbar-nav li.welcome{
		display: block;
	}

	.my-menu .navbar-nav a i{
		display: none;
	}

.no-touch a.navbar-btn.communication:hover, body.communication a.navbar-btn.communication{
	background: #e7e7e7;
	background: -moz-linear-gradient(top, #e7e7e7 0%, #90a8cb 100%);
	background: -webkit-linear-gradient(top, #e7e7e7 0%,#90a8cb 100%);
	background: linear-gradient(to bottom, #e7e7e7 0%,#90a8cb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#90a8cb',GradientType=0 );
}

.no-touch a.navbar-btn.assignments:hover, body.assignments a.navbar-btn.assignments{
	background: #f3f097;
	background: -moz-linear-gradient(top, #f3f097 0%, #b1ae55 100%);
	background: -webkit-linear-gradient(top, #f3f097 0%,#b1ae55 100%);
	background: linear-gradient(to bottom, #f3f097 0%,#b1ae55 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f097', endColorstr='#b1ae55',GradientType=0 );
}

.no-touch a.navbar-btn.calendar:hover, body.calendar a.navbar-btn.calendar{
	background: #ffdede;
	background: -moz-linear-gradient(top, #ffdede 0%, #ff8080 100%);
	background: -webkit-linear-gradient(top, #ffdede 0%,#ff8080 100%);
	background: linear-gradient(to bottom, #ffdede 0%,#ff8080 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdede', endColorstr='#ff8080',GradientType=0 );
}

.no-touch a.navbar-btn.resources:hover, body.resources a.navbar-btn.resources{
	background: #cbffb5;
	background: -moz-linear-gradient(top, #cbffb5 0%, #63de2f 100%);
	background: -webkit-linear-gradient(top, #cbffb5 0%,#63de2f 100%);
	background: linear-gradient(to bottom, #cbffb5 0%,#63de2f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbffb5', endColorstr='#63de2f',GradientType=0 );
}

.no-touch a.navbar-btn.students:hover, body.students a.navbar-btn.students{
	background: #ffe2c4;
	background: -moz-linear-gradient(top, #ffe2c4 0%, #da9856 100%);
	background: -webkit-linear-gradient(top, #ffe2c4 0%,#da9856 100%);
	background: linear-gradient(to bottom, #ffe2c4 0%,#da9856 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe2c4', endColorstr='#da9856',GradientType=0 );
}

.no-touch a.navbar-btn.musicstudio:hover, body.musicstudio a.navbar-btn.musicstudio{
	background: #d2d4df;
	background: -moz-linear-gradient(top, #d2d4df 0%, #565d87 100%);
	background: -webkit-linear-gradient(top, #d2d4df 0%,#565d87 100%);
	background: linear-gradient(to bottom, #d2d4df 0%,#565d87 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d4df', endColorstr='#565d87',GradientType=0 );
}

.no-touch a.navbar-btn:hover i.fa,
body.communication a.navbar-btn.communication i.fa,
body.assignments a.navbar-btn.assignments i.fa,
body.calendar a.navbar-btn.calendar i.fa,
body.resources a.navbar-btn.resources i.fa,
body.students a.navbar-btn.students i.fa,
body.musicstudio a.navbar-btn.musicstudio i.fa{
	color: #eaeaed;
	text-shadow:1px 1px 2px rgba(0,0,0, 0.5);
	-moz-text-shadow:1px 1px 2px rgba(0,0,0, 0.5);
	-webkit-text-shadow:1px 1px 2px rgba(0,0,0, 0.5);
}

	.no-touch a.navbar-btn:hover .svg-wrapper svg,
	body.resources a.navbar-btn.resources .svg-wrapper svg {
		fill: #eaeaed;
	}

	.no-touch a.navbar-btn:hover .svg-wrapper,
	body.resources a.navbar-btn.resources .svg-wrapper {
		filter: drop-shadow(1px 1px 1px rgba(0,0,0, 0.5));
		-webkit-filter: drop-shadow(1px 1px 1px rgba(0,0,0, 0.5));
	}
	.panel-default i.fa-caret-down{
		display: none;
	}

	.form-inline .form-group, .form-inline .form-control {
		width: 100%;
	}

	.select-studio-accomp{
		width: 180px;
		margin: 0 0 0 8px;
		display: inline-block;
	}

	.select-studio-instrument{
		width: 215px;
		margin: 0 0 0 8px;
		display: inline-block;
	}

	.resource-grid .resource-item{
		width: 33.33333333%;@
	}
}

@media (min-width: 992px){
	.resource-grid .resource-item{
		width: 25%;
	}
}

@media (min-width: 1200px){
	.resource-grid .resource-item{
		width: 25%;
	}
}

@media screen and (max-width: 991px){
	.index .navbar-default, .default .navbar-default{
		margin-bottom: 0;
	}

	.page-header {
		padding-left: 25px;
	}

	.row.sidenav{
		background: #fff;
		margin: 0 -10px;
		overflow: hidden;
	}

	.row.sidenav .navbar-default{
		background: #666666;
		border-radius: 4px 4px 0 0;
	}

    .row.sidenav .navbar-header {
        float: none;
		padding: 0 0 0 15px;
    }

	.row.sidenav .navbar-header h3{
		display: block;
		margin: 15px 0;
		color: #fff;
	}

		.row.sidenav .navbar-toggle {
			display: block;
			font-weight: normal;
			cursor: pointer;
			border: none;
			border-radius: 0 3px 3px 0;
			width: 20px;
			height: 68px;
			background: #666;
			padding: 2px 5px;
			margin: 3px 10px 0 0;
			box-shadow: none;
			position: absolute;
			top: 8px;
			right: -30px;
			box-shadow: 1px 2px 2px rgba(0,0,0, 0.3);
		}

	.row.sidenav .navbar-toggle i.fa{
		font-size: 14px;
		padding: 1 1px;
		color: rgba(255, 255, 255, 0.5);
		position: relative;
    	top: -25px;
	}

		.row.sidenav .side-collapse.in .navbar-toggle i.fa {
			transition: transform 0.2s;
			transform: rotate(0deg);
		}

		.row.sidenav .side-collapse .navbar-toggle i.fa {
			transition: transform 0.2s;
			transform: rotate(180deg);
		}

		.row.sidenav .navbar-toggle span {
			color: rgba(255, 255, 255, 0.5);
			position: absolute;
			top: 35px;
			right: -10px;
			transform: rotate(90deg);
			font-size: 14px;
		}

		.row.sidenav .navbar-toggle:hover i.fa,
		.row.sidenav .navbar-toggle:hover span {
			color: #fff;
		}

    .row.sidenav .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .row.sidenav .navbar-collapse.collapse {
        display: none!important;
    }
    .row.sidenav .navbar-nav {
        float: none!important;
        margin: 7.5px 0;
    }
    .row.sidenav .navbar-nav>li {
        float: none;
    }
    .row.sidenav .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

	.row.sidenav .navbar-nav.right-tools {
        float: right !important;
    	margin: 0px;
    }

	.row.sidenav .navbar-nav.right-tools>li{
		float: left;
	}

	.row.sidenav .navbar-nav.right-tools>li>a{
		padding: 3px;
	}

    .row.sidenav .navbar-collapse.collapse.in {  /* NEW */
        display: block!important;
    }

	.controls .form-inline .form-group,
	.controls .form-inline .form-control{
		display: block;
		padding-right: 10px;
	}

	.controls .form-inline .form-control{
		width: 100%;
	}

	.resources-controls .form-control {
		width: 100%;
	}


	.side-collapse {
	  top: 0;
	  bottom: 0;
	  left:0;
	  right: 0;
	  width: 250px;
	  position:absolute;
	  transition: all .2s;
	  z-index:10;
	}

	.side-collapse.in {
	  left: -250px;
	}

	a.playhead-tool i.fa{
		width: 28px;
		height: 28px;
		line-height: 28px;
		font-size: 28px;
	}

	.playback .btn-group.tempo .btn.btn-default i.fa {
    	font-size: 28px;
	}


	.select-studio-accomp{
		width: 160px;
	}

	.select-studio-instrument{
		width: 200px;
	}

}


@media screen and (max-width: 991px) and (min-width: 768px){

	.my-menu .navbar-nav>li.welcome{
		display: block;
		width: 100%;
		text-align: right;
	}
	.svg-wrapper svg {
		height: 32px;
		width: auto;
	}
	.my-menu .navbar-nav>li{
		display: block;
		width: auto;
		float: right;
	}

	.my-menu .navbar-nav>li>.navbar-text{
		width: 100%;
		padding: 0;
		margin: 10px 0 0;
	}

	.my-menu .navbar-nav>li>a{
		padding: 5px 0 10px 15px;
	}

	.default .navbar-brand>img{
		max-width: 300px;
	}

	.default #content{
		position: relative;
		margin: 15px 0 0;
		padding: 0;
	}

	.default .navbar-default{
		margin-left: 0;
    	margin-right: 0;
	}

	a.navbar-btn {
		width: 45px;
		height: 45px;
		border-width: 2px;
		padding: 9px !important;
		margin: 0 0 0 9px;
	}

		a.navbar-btn i {
			font-size: 20pt;
		}
	.svg-wrapper svg {
		height: 31px;
		width: auto;
	}
	.table .tr{
		display: table-row;
		text-align: right;
		border:1px solid #000;
	}

}

@media screen and (max-width: 767px){
	a.navbar-btn .svg-wrapper {
		position: relative;
		left: -10px;
	}

	.col-xs-11 {
		width: 91%;
	}

	.col-xs-1 {
		width: 9%;
	}

	#draggablePanelList .resource-item .panel-body{
		width: 100%;
	}

	table.table-endofyear{
		border-bottom: 0;
	}

	table.table-endofyear > tbody > tr > td{
		display: block;
		width: 100%;
	}

	table.table-endofyear tr {
		padding: 0;
	}

	.no-pad-five{
		padding: 0 5px;
	}

	.navbar-brand.index{
		height: auto;
		padding: 15px 15px;
		width: auto;
		overflow: visible;
	}

	.navbar-brand.index img{
		display: block;
		max-width: 100%;
		height: auto;
	}

	.navbar-brand{
		padding: 5px;
		width: 60px; /* originally 50px */
		overflow: hidden;
	}

	.navbar-brand img {
		height: 50px;
	}

	.nav-collapse{
		display: block;
		height: auto !important;
		position: absolute;
		left: auto;
		right: -250px;
		top: 90px;
		background-color: #f8e7cd;
		width: 250px;
		z-index: 999;
		-webkit-transition: right .2s;
		transition: right .2s;
	}

	.nav-collapse.open{
		right: 0;
	}


	.default .navbar-brand>img{
		max-width: 185px;
	}

	.default #content{
		position: relative;
		margin: 0;
		padding: 0 10px;
	}

	a.navbar-toggle.collapsed{
		text-decoration: none;
		border: none;
		opacity: 1;
		padding: 7px 10px;

		-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.7);
		-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.7);
		box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.7);
		border-radius: 6px;

		background: #f8e7cd;
		background: -moz-linear-gradient(top,  #f8e7cd 0%, #ebd8bc 50%, #dbbd8f 51%, #c6a572 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8e7cd), color-stop(50%,#ebd8bc), color-stop(51%,#dbbd8f), color-stop(100%,#c6a572));
		background: -webkit-linear-gradient(top,  #f8e7cd 0%,#ebd8bc 50%,#dbbd8f 51%,#c6a572 100%);
		background: -o-linear-gradient(top,  #f8e7cd 0%,#ebd8bc 50%,#dbbd8f 51%,#c6a572 100%);
		background: -ms-linear-gradient(top,  #f8e7cd 0%,#ebd8bc 50%,#dbbd8f 51%,#c6a572 100%);
		background: linear-gradient(to bottom,  #f8e7cd 0%,#ebd8bc 50%,#dbbd8f 51%,#c6a572 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8e7cd', endColorstr='#c6a572',GradientType=0 );
	}

	button.navbar-toggle{
		text-decoration: none;
		border: none;
		opacity: 1;
		padding: 7px 10px;

		-webkit-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.7);
		-moz-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.7);
		box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.7);
		border-radius: 6px;

		background: #f8e7cd;
		background: -moz-linear-gradient(top,  #f8e7cd 0%, #ebd8bc 49%, #dbbd8f 50%, #c6a572 100%);
		background: -webkit-linear-gradient(top,  #f8e7cd 0%,#ebd8bc 49%,#dbbd8f 50%,#c6a572 100%);
		background: linear-gradient(to bottom,  #f8e7cd 0%,#ebd8bc 49%,#dbbd8f 50%,#c6a572 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8e7cd', endColorstr='#c6a572',GradientType=0 );

	}

	button.navbar-toggle.toggle{
		-webkit-box-shadow: inset 0px 5px 5px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: inset 0px 5px 5px rgba(0, 0, 0, 0.3);
		box-shadow: inset 0px 5px 5px rgba(0, 0, 0, 0.3);

		background: #c6a572;
		background: -moz-linear-gradient(top,  #c6a572 0%, #dbbd8f 50%, #ebd8bc 51%, #f8e7cd 100%);
		background: -webkit-linear-gradient(top,  #c6a572 0%,#dbbd8f 50%,#ebd8bc 51%,#f8e7cd 100%);
		background: linear-gradient(to bottom,  #c6a572 0%,#dbbd8f 50%,#ebd8bc 51%,#f8e7cd 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6a572', endColorstr='#f8e7cd',GradientType=0 );

	}

	.no-touch button.navbar-toggle.collapsed:hover{
		opacity: 0.7;
	}

	.navbar-collapse.collapse, .navbar-collapse.collapsing, .navbar-collapse.collapse.in{
		background-color: #f1e8dc;
		position: absolute;
		width: 100%;
		z-index: 999;
		overflow: hidden;
		border: 0;
	}

	.row.sidenav .navbar-default .navbar-collapse.collapse,
	.row.sidenav .navbar-default .navbar-collapse.collapsing,
	.row.sidenav .navbar-default .navbar-collapse.collapse.in{
		background: #666;
		z-index: 990;
	}

	.playback a.playhead-tool{
		margin: 0 5px;
	}

	a.playhead-tool i.fa,
	a.playhead-tool.pht-lg i.fa,
	a.playhead-tool span.icon,
	.playback .btn-group.tempo .btn.btn-default i.fa{
		width: 24px;
		font-size: 24px;
	}

	.playback #loop, .playback .btn-group.tempo{
		margin-left: 12px;
		margin-right: 12px;
	}

	.navbar-nav.right-tools .dropdown-menu{
		position: absolute;
		top: 100%;
		right: 0;
		left: auto;
		z-index: 1000;
		float: left;
		min-width: 160px;
		padding: 5px 0;
		margin: 2px 0 0;
		font-size: 14px;
		text-align: left;
		list-style: none;
		background-color: #fff;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		border: 1px solid #ccc;
		border: 1px solid rgba(0, 0, 0, .15);
		border-radius: 4px;
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	}

	.no-touch a.navbar-btn:hover{
		border: none;
		background-color: #e6e6e6;
	}

	.table .td a, .table .td{
		color: #000;
		display: block;
		width: 100%;
		margin: 0;
	}

	.table .td a{
		display: block;
		padding: 10px !important;
		margin: 0;
		border-radius: 3px;
		background: none;
	}

	.table .td a:hover{
		text-decoration: none !important;
		background: #fcefd7;
		background: -moz-linear-gradient(top,  #fcefd7 0%, #f7deab 100%);
		background: -webkit-linear-gradient(top,  #fcefd7 0%,#f7deab 100%);
		background: -o-linear-gradient(top,  #fcefd7 0%,#f7deab 100%);
		background: -ms-linear-gradient(top,  #fcefd7 0%,#f7deab 100%);
		background: linear-gradient(top,  #fcefd7 0%,#f7deab 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcefd7', endColorstr='#f7deab',GradientType=0 );
	}

	.row.table-list{
		margin: 0 15px 0 -10px;
	}

	.table{
		margin: 0 0 20px;
		display: block;
		width: 100%;
	}

	.table tbody{
		display: block;
		width: 100%;
	}

	.table tr{
		display: block;
		width: 100%;
		padding: 10px 0;
	}

	.table > tbody > tr > td {
		min-height: auto;
	}

	.table td.date,
	.table td.details{
		display: inline-block;
		width: auto;
		padding: 4px 8px;
		clear: both;
		height: auto;
    	min-height: auto;
	}

	.table td.select, .table td.details ul.criteria{
		height: auto;
		display: inline-block;
	}

	.table td.select{
		padding: 10px 0 0 10px;
		margin: 0;
		width: 10%;
	}

	.table td.details ul.criteria {
		margin-bottom: 0;
	}

	.table td.tools{
		display: block;
		height: 35px;
		padding: 0 10px;
	}

	.table td.resources {
		display: block;
		height: auto;
		width: 100%;
		padding: 5px 10px 10px;
	}

	.table>tbody>tr>td.view{
		display: block;
		height: 15px;
		min-height: 15px;
		padding: 5px 8px 0;
	}

	.squaredThree{
		margin: 0 auto 20px;
	}

	.table [data-label] {
    	position: relative;
  	}

	.resources .resource-titles{
		text-align: left;
		margin-bottom: 0;
	}

	.resource-list .resource-item {
		width: 100%;
	}

	td.tools a{
		float: none !important;
	}

	.table .dropdown-menu {
		top: auto;
		right: 0;
		left: 40px;
		margin: 0;
		bottom: 1px;
	}

	.navbar-nav .table{
		margin: 0 10px;
	}

	.table .tr, .table .td{
		display: block;
	}

	a.navbar-btn{
		background: none;
		border: none;
		width: 95%;
		height: auto;
		overflow: visible;
		box-shadow: none;
		text-align: left;
		border-radius: 5px;
	}

	.tooltip.bottom{
		display: none !important;
	}

	a.navbar-btn i.fa-3x{
		font-size: 16pt;
		width: 30px;
	}
	a.navbar-btn svg {
		height: 21px;
		padding-right: 5px;
	}
	a.navbar-btn span.label {
		display: inline-block;
		color: #000;
		font-size: 14px;
	}

	.my-menu{
		margin: 0;
	}

	.my-menu .navbar-nav {
    	margin: 5px 10px;
	}

	.my-menu .navbar-nav>li>.navbar-text,
	.my-menu .navbar-nav>li>a{
	    color: #555;
		font-size: 14px;
		padding: 15px;
		line-height: normal;
		display: block;
		margin: 0;
	}

	.my-menu .navbar-nav a i{
		display: inline-block;
	}

	/* CALENDAR */

	.calendar table {
		width: 100%;
		margin-bottom: 20px;
		display: block;
	}

	.calendar tbody, .calendar tr{
		width: 100%;
		display: block;
	}

	.calendar td {
		width: 100%;
		height: 120px;
		border: solid 1px #ccc;
		background: #fff;
		vertical-align: top;
		display: block;
	}

	.calendar td.prevMonth, .calendar td.nextMonth {
		display: none;
	}


	.wraparound-space {
    	margin-bottom: 15px;
	}

	.sub-head{
		display: none;
	}

	label.btn.modal-btn-group{
		width: 50%;
    	line-height: normal;
	}

	label.btn.solo-btn-group {
    	width: 100%;
	}

	label.btn.modal-btn-group span, label.btn.modal-btn-group .fa-2x {
    	font-size: 15px;
	}

	.submission p br {
    	display: none;
	}

	.submission .text-right{
		text-align: left;
	}

	.submission .tools{
		padding: 0 15px;
	}

	.submission .tools .btn-group{
		display: none;
	}

	ol.songlist li{
		width: 50%;
	}

	.playback .right-group{
		float: right;
	}

	.select-studio-accomp{
		width: 100%;
	}

	.select-studio-instrument{
		width: 100%;
	}

	.melody-switch{
		padding-top: 25px;
	}

	.btn.btn-mini{
		margin: 5px 0;
	}

	.nav.nav-tabs > li > a {
		padding: 5px;
	}

	ol.songlist {
		padding-left: 5px;
	}

	ol.songlist > li{
		display: list-item;
		list-style-position:inside;
	}

	.songlist > li > a {
		display: block;
		width: 145px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.results-tally{
		padding: 3px 5px;
	}

}

@media (max-width: 480px){
	.col-xxs-12{
		width: 100%;
	}

	.hidden-480{
		display: none !important;
	}

	.visible-480{
		display: block;
	}

	ol.songlist li{
		/*width: 100%;*/
	}

	.pagination ul.pager li {
		margin: 0;
	}

	.resource-grid .resource-item,
	.resource-list .resource-item {
		width: 100%;
	}

	.resource-grid .resource-item .img-resource{
		display: none;
	}

	.resource-item .panel-default{
		clear: both;
	}

	#draggablePanelList .resource-item .panel {
		border: 0;
	}

	.resource-item .panel-body{
		padding: 5px 0;
		float: left;
		height: auto;
		width: 70%;
	}

	#draggablePanelList .drag-handle .fa-stack {
		height: 188px;
		margin-left: 2px;
	}

	#draggablePanelList .resource-item .panel-body{
		width: 100%;
		border: 1px solid #ddd;
		border-radius: 4px;
		margin-bottom: 5px;
	}

	#draggablePanelList p{
		font-size: 12px;
    	line-height: normal;
		padding: 0 2px;
	}

	#draggablePanelList p.caption {
		text-align: left;
		font-size: 18px;
		line-height: normal;
		padding: 0 2px;
	}

	.resource-item .panel-body .item-col{
		padding: 0;
	}

	.resource-item .panel-footer{
		background: transparent;
		float: right;
		width: 30%;
	}

	.resource-item .panel-footer .col-xs-6{
		padding: 0;
	}

	.resource-item .panel-footer .col-xs-6.text-right{
		padding: 0 10px 0 0;
	}
}