body {
  padding-top: 98px;
}

a:hover, a:focus {
	text-decoration:none!important;
	outline:none!important
}
textarea.form-control {
	resize:vertical;
	min-height:8em
}
option { font-weight:bold }
.table option:disabled { font-weight:normal }

#topbar { background:#fff }

#csv { display:none }
/*
 * Global add-ons
 */

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

/** Bootstrap additions **/

.form-round { border-radius:2em }
.cfx { clear:both } 
.bordered { margin:2em 0 }
.ui-helper-hidden-accessible { display:none!important }
.ir { width:100%; height:auto }
.help-block { margin:0.5em }
.help-block p { margin:0!important; font-size:12px }
.help-block.with-errors p { color:#c82d2d!important }
.se p { font-size:12px; color:#c82d2d }
.form-group { margin-bottom:5px }
.tab-pane h4 { margin:1em 0 }

td.actions { position:relative }

select[multiple] { height:12em!important }

.emergency { border:1px solid red; background:#fcc!important }
.urgent { border:1px solid yellow; background:#ffc!important }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { vertical-align:middle!important }

.square { display:inline-block; width:1em; height:1em }
.generate { cursor:pointer }

.pinme			{ color:#aaa; cursor:pointer }
.pinme.pinned	{ color:#000 }

.rv { width:18px; height:18px; display:inline-block; border-radius:50%; text-align:center; font-size:12px; padding:1px 0; background:#ccc; color:#fff; font-weight:bold; cursor:pointer }
.rv:hover { color:#fff }
.rv.checked { background:#4aa12b }
.rv.v.checked { background:#ebd454 }

#alert .modal { padding:0 }
#alert .modal-body h3 { margin:1em 0!important }
#alert .inner { width:100%; height:100%; display:table }
#alert .modal-content { border-radius:0; width:95%; max-width:768px;margin:0 auto }
#alert .modal-dialog { display:table-cell; vertical-align:middle; width:100%; height:100%  }


#searchoptions { border:0 }
#searchresults p { margin:0 }
#searchresults td { padding:5px }

#charity_nav { width:auto; float:right }


/* CDF Macguffin */
#cdf { position:absolute; top:0; left:0; z-index:0 }
#cdf-toolbar a.btn .glyphicon { font-size:12px }
#cdf-zoom,
#cdf-toolbar .whxy { width:6em; display:inline-block }

#editspace { position:relative; height:calc(100vh - 223px); overflow:auto; background:#dedede }
#editspace #stuff { position:absolute; top:0; right:0 }
#editspace .dropzone {
	
}
#editspace .draggable {
	color:red;
	background:rgba(240,240,127,0.5);
	padding:0; margin:0;
	/* cursor:pointer; */
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	box-sizing: border-box;
	z-index:11;
	font-size:10px
}
#editspace .draggable.active {
	background:rgba(200,240,0,0.5);
}

/* Results form */

table.cb td { width:22% }
table.cb td:first-child { width:12% }
.cb label { white-space:nowrap }
.cb label input[type="checkbox"] { vertical-align:top; margin:4px 0 4px 4px }

.mw    { transition:opacity 0.2s; opacity: 0.5; pointer-events: none }
.mw.on { opacity:1; pointer-events:all }

.ui-autocomplete { z-index:1234; background:#fff }

/* DateEntry styles v2.0.0 */
.dateEntry-control {
	vertical-align: middle;
	margin-left: 2px;
	position:absolute;
}


/*
 * Sidebar
 */
.navbar-header {
	background-image:url(../img/logo.png);
	background-repeat:no-repeat;
	background-position:0px 10px;
	min-width:305px;
	height:83px;
}
/* Hide for mobile, show later */
.sidebar {
  display: none;
}
@media (max-width: 768px) {
	.navbar-collapse {
		background-color: #fff;
		text-align:center;
		max-height:800px
	}

	.top-right-nav {
		display:none;
	}
}
@media (min-width: 768px) {
	.navbar-toggle{
		display: none;
	}
	.navbar-nav {
		display: none;
	}
  .sidebar {
    position: fixed;
    top: 78px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
	min-width:320px;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #100f20;
  }
  .col-md-offset-2 {
	margin-left:300px;
	}
}
/* Sidebar navigation */

.nav-sidebar { font-family: 'PT Sans', Arial }

.nav-sidebar > li > a {
	font-size:18pt;
	padding:0.5em 0;
	color:#000;
	display:inline-block
}
.nav-sidebar .open > a,
.nav-sidebar > .open > a:hover, 
.nav-sidebar > .open > a:focus { background:transparent }

.vi { width:25px;height:25px }

@media (min-width: 768px) {
	.nav-sidebar > li > a {

	}
	.nav-sidebar > .active > a, .nav > li > a:hover,
	.nav > li > a:focus {

	}

	.top-right-nav {
		float:right;
		text-align:center;
		margin-top:20px;
	}

	.top-right-nav a{
		color:#000;
		text-decoration:none;
		outline: 0;
	}
}

.top-right-nav > a > span,
.top-right-nav > a > i {
	font-size:18pt;
	margin-left:0.5em
} 

.nav-sidebar.dropdown .list-unstyled a {
	color:#333;
	padding-left:1em
}

.nav-sidebar.dropdown .dropdown-menu {
	float:none;
	position:initial;
	border:0;
	border-radius:0;
	box-shadow:none
}

.dropdown-item{ display:block; padding:5px 10px	 }

label { padding:5px 0 }
label.error { color:#cc0000; font-weight:normal }
input.error { border-color:#cc0000 }



#console { display:none }
.working { opacity:0.5!important }


/*
 * Main content
 */

.main {
  padding: 20px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.main .page-header { margin: 0 0 10px 0; font-weight:normal; font-size:18pt }
.tblinks { margin-bottom:10px }
.tblinks::after { content:" "; display:block; clear:both }

.btn-link:focus { outline:none; box-shadow:none }

.btn-flyerupload, .btn-bannerupload {
	width:100%;
	height:0;
	outline:none;
	background-size:100% auto;
	background-repeat:no-repeat;
	font-size:100px
}

.btn-flyerupload { padding-bottom:100%; }
.btn-bannerupload { padding-bottom:40%; }

.btn-flyerupload .glyphicon { padding: calc(50% - 50px) }

.btn-flyerupload span {
	pointer-events:none
}

.alert p {
  margin-top: .5rem;
  margin-bottom: .5rem;
}


.ui-helper-hidden-accessible { display:none!important }

#login { width:320px; margin:0 auto; }
#loginlogo { width:100%; text-align:center }
	
