@media (max-width: 767px){
.navbar-default .navbar-nav .open .dropdown-menu>li>a{
		color: #fff;
	}
	.gigForm{
		width:auto !important;
	}
	.usherList{
	width:auto !important;
	}
}

.html {
    position: relative;
    min-height: 100%;
}

.body {
    margin: 0 0 100px;
    padding: 25px;
}

.footer {
    padding-top: 30px;
    position: relative;
    left: 0;
    bottom: 0;
    height: 100px;
    width: 100%;
    overflow:hidden;
}

.version {
    position: inherit;
    left: 0;
    bottom: 0;
    height: 100px;
    width: 100%;
    overflow:hidden;
}

.logo {
	padding-top: 15px;
	padding-bottom: 20px;
	text-align: center;
}

/*********Navbar styling*********/
.navbar-default .navbar-brand {
	color: #ffffff;
}
.navbar-default {
	background: #003571;
}
.navbar-default .navbar-nav>li>a {
	color: #ffffff;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	background: #ffffff;
	color: #ffffff;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	background: #e7e7e7;
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
	background: #e7e7e7;
}

/*********Form Styling*********/

.gigForm {
	    width: 30%;
    	margin:25px auto;
}
.login{
	    width: 30%;
    	margin:25px auto;
}
.heading {
	text-align: center;
}
.footer {
	text-align: center;
}
.btn.btn-primary{
	background: #003571;
}
.btn.btn-primary:visited {
	border: none;
	background:#003571;
	color: #fff;
}

.buttonlink .a:visited {
	background:#003571;
	color: #fff;
}
.applyForm {
	    width: 42%;
    	margin:25px auto;
}
.strong {
	font-weight: bold;
}

.applyTable {
	border:1px solid black;
}
.applyTableData {
	padding:2px 9px 2px 9px;
	border: 1px solid black;
}
.applyCheckbox{
	padding-left: 10px;

}

.usherList {
		width: auto;
    	margin: auto;
}
.usherLeft {
	width: 30%;
	alignment-baseline: before-edge;
}

.usherCenter {
	width: 30%;
	alignment-baseline: central;
}

.usherRight {
	width: 30%;
	alignment-baseline: after-edge;
}

.eastman{
	background:#003571;
	color: #fff;
}

.gigList {
		width: 90%;
    	margin: auto;
}

.gigBox {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 5px;
	border:1px solid black;
}
.title{
	font-weight: bold;

}
.center{
	text-align: center;
}

.field {
	width: 100%;
    margin: auto;
}
.spacer {
	padding-top: 2px;
}

.logo2 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
	text-align: center;
}

.center.title {
	margin-bottom: 0px
}
.admin-toggle {
	width: 30%;
}

#goBack{
	width: 100%;
}

#delete{

	width: 100%;
}

#deleteButton {
	height: 80px;
}
.staffing{
	width: 55%;
}
.staffing2{
	width: 55%;

}
.StaffingDropdown{
	width: 100%;
}
.inline {
	display:inline;
}
.usherTitle{
	display:block;
}
.usherChoice {
	font-size: large;
}
.space{
	padding-top: 10px;
}
#import {
	width: 100%;
}
.staffingList {
	list-style-type: none;

}

#edit{
	width:100%;
	display:inline-block;
}
.edit{
	width:100%;
	display:inline-block;
}

/*********Usher Report Styling*********/


.printPage
{
  margin:auto;
  width: 910px; /* width: 7in; */
  height: 1160px; /* or height: 9.5in; */
  clear: both;
  background-color: gray;
  page-break-after: always;
}

.noMargin{
	margin:0;
}

.cube
{
  position: relative;
  top: 30px;
  left: 30px;
  width: 850px;
  height: 1100px;
  background-color: white;
}

.report{
	text-align:center;

}

.inline{
	display:inline-block;
}

.reportHeader{
	margin-bottom: 0px;
	text-align: center;
}
.reportP{
	padding-left:60px;
}
.reportPLeft{
	padding-left: 30px;
}
.tableHeader{
	padding-left:285px;
}

.usherReportbold{
	color: black;
}
.reportPCentral{
	padding-left: 240px;
}
.usherTeam {
	margin-bottom: 4px;
	padding-left: 44px;
}
.bordered{
	border:2px solid black;
	width:830px;
	margin-left: 10px;
	padding-right:10px;
}
.reportPLeft.bordered{
	padding-left: 20px;
	background-color: rgb(226,226,226);
}

.row.inline.bordered.top{
	border-top:2px solid black;
	border-left:2px solid black;
	border-right:2px solid black;
	border-bottom:0px;
	width:830px;
	margin-left: -5px;
	padding-right:10px;
	background-color: rgb(226,226,226);
}
.row.inline.bordered.bottom{
	border-bottom:2px solid black;
	border-left:2px solid black;
	border-right:2px solid black;
	border-top:0px;
	width:830px;
	margin-left: -5px;
	padding-right:10px;
	background-color: rgb(226,226,226);
}

.row.inline.bordered.all{
	border-top:2px solid black;
	border-left:2px solid black;
	border-right:2px solid black;
	border-bottom:2px solid black;
	width:830px;
	margin-left: -5px;
	margin-bottom: 0px;
	padding-right:10px;
	background-color: rgb(226,226,226);
}

.reportPLeftBordered{
	padding-left: 20px;
}
.title.inline.bordered{
	width:790px;
	margin-left: 0px;
	border-top:0px;
	border-left: 0px;
	border-right:0px;
	border-bottom: 1px solid black;
}
.verticalLine{
	width: 1px;
	height: 20px;
	background-color: black;
	display: inline-block;
}
.wrapper{
	max-width:820px;
	resize:none;
}
.text-area{
	max-width:100%;
	resize:none;
}

.seatReservations{
	width:820px;
	max-width: 100%;
	max-height: 5%;
	resize:none;
}
.preConcertSetup{
	width:820px;
	max-width: 100%;
	max-height: 100%;
	resize:none;
}

.reportPRight{
	padding-left: 380px;
}

.reportPRightSmall{
	padding-left: 348px;
}

.reportPRightLarge{
	padding-left: 498px;
	margin-bottom:0px;
}

.reportPRightExtraSmall{
	padding-left: 200px;
	margin-bottom: 0px;
}
.reportPLeft.extraSmall{
	padding-left: 30px;
	margin-bottom: 0px;
}

#reportSubmit{
	margin-top: 20px;
	width:30%;
	margin-left:35%;
}

#printSubmit{
	margin-top: 20px;
	width:30%;
	margin-left:35%;
	background-color:green;
	color:white;
}

.canvasButton{
	margin-top: 20px;
	width:30%;
	margin-left:35%;
	background-color:green;
	color:white;
}

.row.inline.bordered.all.noFill{
	border-top: 0;
	border-left:2px solid black;
	border-right:2px solid black;
	border-bottom:2px solid black;
	width:830px;
	margin-left: -5px;
	margin-bottom: -5px;
	padding-right:10px;
	background-color: rgb(255,255,255);
}

.reportPLeft.italic{
	font-style: italic;
	padding-left: 30px;
	margin-bottom: 0px;
}
.reportPLeft.staffingList.noPad{
	padding-left: 0px;
}

.reportPLeft.staffingList.noPad.checkList{
	padding-left: 50px;
	margin-left: 20px;
	border-left:1px solid black;
}

.reportP.checkList{
	margin-left:60px;
	border-left:1px solid black;

}

ul.inline.checkList{
	padding-left: 10px;
	list-style-type: none;
}
.padded{
	margin-top:10px;
}
.emptyBordered{
	margin-left: -5px;
	border-left:2px solid black;
	border-right:2px solid black;
	border-bottom:2px solid black;
	height:90px;
	width:830px;
}

.reportPLeft.bordered.padded.pageTwo{
	padding-left: 20px;
	margin-top: 10px;
}
.reportPLeft.bordered.padded.italic.backPage{
	margin-top:0px;
	border-top:0;
}
.footnote{
	font-size: 10px;
	margin-bottom:1px;
}

/******Print the Page********/

@media print{
	@page{
		size: auto;
		margin: 0mm;
	}
		.printPage
		{
		  margin: auto;
		  width: 910px; /* width: 7in; */
		  height: 1160px; /* or height: 9.5in; */
		  clear: both;
		  background-color: gray;
		  page-break-after: always;
		}
		.cube
		{
		  position: relative;
		  top: 0px;
		  left: 0px;
		  width: 850px;
		  height: 1100px;
		  background-color: white;
		}

	.noPrint{
		display:none;
	}
	.report{
	text-align:center;

	}

	.inline{
		display:inline-block;
	}

	.reportHeader{
		margin-bottom: 0px;
		text-align: center;
	}
	.reportP{
		padding-left:60px;
	}
	.reportPLeft{
		padding-left: 30px;
	}
	.tableHeader{
		padding-left:285px;
	}

	.usherReportbold{
		color: black;
	}
	.reportPCentral{
		padding-left: 240px;
	}
	.usherTeam {
		margin-bottom: 4px;
		padding-left: 44px;
	}
	.bordered{
		border:2px solid black;
		width:830px;
		margin-left: 10px;
		padding-right:10px;
	}
	.reportPLeft.bordered{
		padding-left: 20px;
		background-color: rgb(226,226,226);
	}

	.row.inline.bordered.top{
		border-top:2px solid black;
		border-left:2px solid black;
		border-right:2px solid black;
		border-bottom:0px;
		width:830px;
		margin-left: -5px;
		background-color: rgb(226,226,226);
	}
	.row.inline.bordered.bottom{
		border-bottom:2px solid black;
		border-left:2px solid black;
		border-right:2px solid black;
		border-top:0px;
		width:830px;
		margin-left: -5px;
		background-color: rgb(226,226,226);
	}

	.row.inline.bordered.all{
		border-top:2px solid black;
		border-left:2px solid black;
		border-right:2px solid black;
		border-bottom:2px solid black;
		width:830px;
		margin-left: -5px;
		margin-bottom: 0px;
		background-color: rgb(226,226,226);
	}

	.reportPLeftBordered{
		padding-left: 20px;
	}
	.title.inline.bordered{
		width:790px;
		margin-left: 0px;
		border-top:0px;
		border-left: 0px;
		border-right:0px;
		border-bottom: 1px solid black;
	}
	.verticalLine{
		width: 1px;
		height: 20px;
		background-color: black;
		display: inline-block;
	}
	.wrapper{
		max-width:820px;
		resize:none;
	}
	.text-area{
		max-width:100%;
		resize:none;
	}

	.seatReservations{
		width:820px;
		max-width: 100%;
		max-height: 5%;
		resize:none;
	}
	.preConcertSetup{
		width:820px;
		max-width: 100%;
		max-height: 100%;
		resize:none;
	}

	.reportPRight{
		padding-left: 380px;
	}

	.reportPRightSmall{
		padding-left: 348px;
	}

	.reportPRightLarge{
		padding-left: 498px;
		margin-bottom:0px;
	}

	.reportPRightExtraSmall{
		padding-left: 200px;
		margin-bottom: 0px;
	}
	.reportPLeft.extraSmall{
		padding-left: 30px;
		margin-bottom: 0px;
	}

	#reportSubmit{
		margin-top: 20px;
		width:30%;
		margin-left:35%;
	}

	#printSubmit{
		margin-top: 20px;
		width:30%;
		margin-left:35%;
		background-color:green;
		color:white;
	}
	.row.inline.bordered.all.noFill{
		border-top: 0;
		border-left:2px solid black;
		border-right:2px solid black;
		border-bottom:2px solid black;
		width:830px;
		margin-left: -5px;
		margin-bottom: -5px;
		background-color: rgb(255,255,255);
	}

	.reportPLeft.italic{
		font-style: italic;
		padding-left: 30px;
		margin-bottom: 0px;
	}
	.reportPLeft.staffingList.noPad{
		padding-left: 0px;
	}

	.reportPLeft.staffingList.noPad.checkList{
		padding-left: 50px;
		margin-left: 20px;
		border-left:1px solid black;
	}

	.reportP.checkList{
		margin-left:60px;
		border-left:1px solid black;

	}

	ul.inline.checkList{
		padding-left: 10px;
		list-style-type: none;
	}
	.padded{
		margin-top:10px;
	}
	.emptyBordered{
		margin-left: -5px;
		border-left:2px solid black;
		border-right:2px solid black;
		border-bottom:2px solid black;
		height:90px;
		width:830px;
	}
	.reportPLeft.bordered.padded.italic.backPage{
		margin-top:0px;
		border-top:0;
	}
	.footnote{
		font-size: 10px;
		margin-bottom:1px;
	}
	textarea {
    border: none;
    overflow: auto;
    outline: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	}

}

/*Staging Diagram Pages*/

.stagingDiagram {
	text-align: center;
}

.inner-dropzone {
	margin-left: 25px;
	border:2px solid black;
  	height: 250px;
}

.dropzone {
  background-color: #ccc;
  /*border: dashed 4px transparent;*/
  border-radius: 4px;
  margin: 10px auto 10px;
  /*padding: 10px;*/
  width: 94%;
  transition: background-color 0.3s;
}

.drop-active {
  border-color: #aaa;
}

.drop-target {
  background-color: #29e;
  border-color: #fff;
  border-style: solid;
}

.drag-drop {
  display:inline-block;
  color: #fff;
  background-color: #29e;
  border: solid 2px #fff;

  -webkit-transform: translate(0px, 0px);
          transform: translate(0px, 0px);

  transition: background-color 0.3s;
}

.piano, .piano1, .piano2, .piano3 {
    border:1px solid black;
    text-align:center;
    width: 120px;
    height: 90px;
    }

.organ, .organ1, .organ2, .organ3 {
    border:1px solid black;
    text-align:center;
    width: 80px;
    height: 70px;
    }

.harp, .harp1, .harp2, .harp3 {
    border:1px solid black;
    text-align:center;
    width: 60px;
    height: 60px;
    }

.percussion, .percussion1, .percussion2, .percussion3 {
    border:1px solid black;
    text-align:center;
    width: 120px;
    height: 60px;
    }

.pStool, .pStool1, .pStool2, .pStool3 {
	border:1px solid black;
    width: 40px;
    height: 40px;
    text-align: center;
}

.stand, .stand1, .stand2, .stand3 {
	border:1px solid black;
    width: 45px;
    height: 25px;
    text-align: center;


}

.chair, .chair1, .chair2, .chair3 {
	border:1px solid black;
    width: 40px;
    height: 22px;


}

.hChord, .hChord1, .hChord2, .hChord3 {
	border:1px solid black;
    text-align:center;
    width: 120px;
    height: 90px;
}

.bStool, .bStool1, .bStool2, .bStool3 {
	border:1px solid black;
   	text-align: center;
   	width:50px;
   	height:50px;
   	border-radius: 50%

}

.intermission, .intermission1, .intermission2 {
	text-align: center;
	border:1px solid black;
    width: 90px;
    height: 30px;
}

.stagingInput {
	margin-left: 25px;
	height:20px;
	width: 400px;

}


.buttonMargin {

	margin-left: 25px;

}

.bold {

	font-weight: bold;

}

.instructions {

	font-size: 1.5em;

}

.inFront {

	position:relative;
	z-index: 100;

}
.floatLeft {

	float:left;

}

.clearBoth {
	clear:both;
}

.topInput{
	margin-top: 50px;
}

.pushRight{

	margin-left: 50px;
}

.clear {
	clear:both;
}