@import url('//fonts.googleapis.com/css?family=Oswald:400,300');




/*body { padding: 60px 0px 40px 0px; }*/


#logo {
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 15px;
	height: 61px;
}

#toolbox {

	top: 0;
	z-index: 1070;
/*	margin-right: auto;
	margin-left: auto;*/
	height: 0;
	overflow: visible;
	width: 100%;
	text-align: center;
}

.add-button a{
	/*margin-right: -220px;*/
	width: 50px;
	height: 50px;
	background-color: #00c283;
	display: inline-block;
	line-height: 50px;
	color: #ffffff;
	text-align: center;
	font-size: 1.5em;
	margin-top: 10px;
	border-radius: 50%;
}

#get-started {
	margin-bottom: 50px;
}

.clickable {
	cursor: pointer;
	cursor:  hand;
}

.filter-status, .filter-activated, .filter-agreement, .filter-category, .clear-search {
	cursor: pointer;
	cursor:  hand;
	display: inline-block;
}

.filter-status.filtered {
	border: 5px solid #a5a5a5;
}

#items::before {
	margin-top: 64px;
}

.info-bar {
	padding: 15px;
	margin-right: -15px;
	margin-left: -15px;
	overflow: auto;
	font-size: 18px;

}

.info-bar.bg-activated {

	background-color: #e6e6fe;
}
.info-bar.default {
	background-color: #ededed;
}
	
.sticky-toolbar {
	z-index: 100;
	/*position: fixed;*/
	width: inherit;
	border-top: 1px none #665a4b;
	background-color: rgba(245, 246, 247, 0.85);
	/*top: 50px;*/
	min-height: 72px;
	transition-duration: 0.8s;
	overflow: auto;
	margin-bottom: 15px;
}

.sticky-toolbar.affix-top {
}

.sticky-toolbar.fixed {
	position: fixed;
	top: 50px;
}

.sticky-toolbar.left {
	background-color: rgba(136, 136, 136, 0);
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;
	min-height: 0px;
}

.sticky-toolbar.left .sticky-toolbar-inner {
	margin-top: 15px;
	margin-bottom: 15px;
	overflow: visible;
}

.sticky-toolbar.left .sticky-toolbar-inner .input-group{
	margin-top: 0px;
}

#items {
	transition-duration: 0.6s;
}

.sticky-toolbar-inner .input-group {
	margin-top: 6px;
}

.sticky-toolbar-inner {
	margin-top: 15px;
	margin-bottom: 15px;
}

.workspace {
	position: relative;
	padding-bottom: 160px;
}

#tags {
	width: 600px;
	height: 300px;
}

.previewer {
	width: 100%;
	height: 800px;
}

.opentip-container {
	min-width: 500px;
	z-index: 3000 !important;
}

#list tr.tag {
	overflow: visible;
}

.navbar-fixed-top {
	left: 220px;
}

#main {
	padding-top: 15px;

}

#main-inner {
	position: relative;
}

a {
	color: #00b278;
}

a:hover {
	text-decoration: none;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus, list-group-item.active {
	color: #FFF;
	background-color: #00c283;
}

/* @group Global Layout */

/*.modal {
	z-index: 700 !important;
}

.modal-backdrop {
	z-index: 600 !important;
}*/

@media (max-width: 600px) {
	#main-nav {
		display: none;
	}
	
	#main-inner {
		margin-top: 50px;
		margin-left: 0px !important;
	}
	
	.add-button a{
		/*margin-right: 0px;*/

	}
	
	.navbar-fixed-top {
		left: 0px;
	}
	
	#loader {
		left: 0px;
	}
}

#loader {
	position: fixed;
/*	width: 100%;
	height: 100%;*/
	z-index: 600;
	background: url('../../images/loader.gif') center center no-repeat;
	top: 0;
	bottom: 0;
	left: 220px;
	right: 0;
}

#layout {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 500;
}

.dashboard-header {
	background: #494949;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	text-align: center;
	color: #ffffff;
	font-size: 3em;
	padding-top: 60px;
	padding-bottom: 80px;
}

.dashboard-header a.header-logo {
/*	background: url(../../images/HGSLogoLarge.png) center center no-repeat;
	background-size: 100%;*/
}

.dashboard-header.anonymous {
	margin-top: 0px;
	margin-bottom: 15px;
}
#main-nav {
	width: 220px;
	background: url('../../images/tweed.png') 0px 0px repeat #000;
	overflow: auto;
	position: fixed;
	top: 0px;
	bottom: 0;
	left: 0;
	padding-bottom: 60px;
	transition-duration: 0.3s;
	background-color: #383838;
	/*border-right: 1px solid #4a4a4a;*/
	border-collapse: collapse;
	z-index: 600;
}

/*#main-nav-inner {
	/*margin-top: 70px;*!/
}*/

/*#main-nav-inner a {
	color: #bcbcbc;
}*/

#main {
	overflow: auto;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	transition-duration: 0.3s;
	width: 100%;
	z-index: 550;
}

#main-inner {
	margin-top: 50px;
	margin-left: 220px;
}

#main-nav-inner .nav-link {
	display: block;
	text-align: center;
	margin-top: 15px;
}
#main-nav-inner .nav-link .count {
	line-height: 80px;
	color: #ffffff;
	font-size: 1.3em;
}

#main-nav-inner .nav-link a {
	color: #ffffff;
	/*font-weight: lighter;*/
}

#main-nav-inner .header-logo {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#main-nav-inner #logo {
	margin-right: auto;
	margin-left: auto;
}
#main-nav-inner .nav-link .count {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	display: block;
	border: 6px solid #575757;
	margin-right: auto;
	margin-left: auto;
	background-color: #1eca87;
	font: 1.2em "Lucida Grande", Lucida, Verdana, sans-serif;
	line-height: 80px;
}

#main-nav-inner .nav-link {
	transition-duration: 0.2s;
}

#main-nav-inner .nav-link.active {
	/*border-right: 6px solid #ffffff;*/
	border-collapse: collapse;
	box-sizing: content-box;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: rgba(255, 255, 255, 0.18);
}

#main-nav-inner .nav-link.active .count {
	border-color: #ffffff;
}

#main-nav-inner .nav-link:hover .count {
	border-color: #dddddd;
}


.counts-large.active .count-span{
	border-color: #ffffff;
}
.counts-large:hover .count-span {
	border-color: #dddddd;
}

/* @end */

/*html, body, ul, li { padding:0px; margin:0px; border:0px; }*/

body {
	/*padding-top: 50px;*/
	padding-right: 0;
	padding-left: 0;
	margin: 0;
	background-color: #f8f9fc;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	background-color: #f7f8fa !important;
	font-weight: bold !important;
}
body { /*font-family:'Trebuchet MS', arial, helvetica;*/ /*font-size:14px;*/ color: #666;
	/*margin-top: 65px;*/
}
/*body { background-color: #f8f8f8;  }*/
h1, h2, h3, h4 {
/*	font-family:'Oswald';
	color: #666666;
	font-weight: lighter;*/
}

h1 button, h2 button, h3 button, h4 button, h5 button, h6 button {
	font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	
}

h1 a.btn, h2 a.btn, h3 a.btn, h4 a.btn, h5 a.btn, h6 a.btn {
	font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	
}

h1 .title, h1 small, h1.text-center{
	font-family:'Oswald';
	color: #666666;
	font-weight: lighter;
}

h1.title, h2, h3, h4{
/*	font-family:'Oswald';
	color: #666666;*/
	font-weight: lighter;
}

.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
color: #9097a0;
}

.dashboardbar {
	background: url('../../images/tweed.png') 0px 0px repeat #000;
	border: 1px solid #444444;
	overflow: visible;
	color: #ffffff;
	padding-top: 22px;
	padding-bottom: 22px;
	margin-bottom: 20px;
}

.dashboardbar h1, .dashboardbar h2, .dashboardbar h3, .dashboardbar h4, .dashboardbar h5{
	color: #ffffff;
}

.overview-legend {

}

.item-bar {
	background-color: #f8f8f8;
	margin-bottom: 2px;
	padding: 6px;
}

.item-bar-contract {
	background-color: #f2fefa;
}

.item-bar-proposal {
	background-color: #fdfbed;
}

.counts { list-style:none;
	font: .9em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	
/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/*padding: 0 20px;*/
	margin-bottom: 10px;
	display: inline-block;
	/*margin-right: 20px;*/
}

.counts-large { list-style:none;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding: 0;
	margin: 20px auto 10px;
	display: block;
	vertical-align: top;
	text-align: center;
}

.counts-large a{
	display: block;
}

.counts .title {
	font: 1.3em/2px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

/*.counts .count-span {
	min-width: 60px; height:60px; display: inline-block; background: #00c283;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100px;
	text-align:center;
	color:#FFF;
	margin-right: 5px;
	border-radius: 30px;
	border: 6px solid #eaeaea;
	font-weight: bold;
	padding: 10px;
	line-height: 1.5em;
	font-size: 1.3em;
}*/

.counts .count-span {
	min-width: 70px;
	height: 70px;
	display: inline-block;
	background: #00C283;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100px;
	text-align: center;
	color: #FFF;
	margin-right: 5px;
	border-radius: 30px;
	border: 6px solid #FFF;
	font-weight: bold;
	padding: 10px;
	line-height: 40px;
	font-size: 1.2em;
	border-radius: 50%;
}

/*.col-lg-3 .counts .count-span {
	min-width: 50px;
	height: 50px;
	line-height: 20px;
	font-size: 1em;
}

.col-lg-3 .counts {
	font-size: 1em;
}*/

.counts-large .count-span {
	min-width: 50px;
	height:50px;
	display: inline-block;
	background: #00c283;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100px;
	text-align:center;
	color:#FFF;
	border-radius: 42px;
	border: 6px solid #65686F;
	border-collapse: collapse;
	font-size: 1.2em;
	padding: 20px;
	clear: left;
	transition-duration: 0.2s
}

.counts-large.active .count-span{
	border-color: #ffffff;
}
.counts-large:hover .count-span {
	border-color: #dddddd;
}

/*.footer {
	margin-top: 71px;
	position: fixed;
	bottom: 0px;
	left: 220px;
	right: 0px;
}

.footer.navless {
	margin-top: 71px;
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
}*/

/*.footer {
	padding-bottom: 80px;
	
}*/
.footer { margin-top:71px; }
.footer .wrapper { background-color:#e7e7e7; height:113px; color:#ababab; }
.footer img { margin:32px 0px 9px 0px; }




/* label css starts here */
.label-activated, .label-pending, .label-draft, .label-sent, .label-viewed, .label-approved, .label-declined, .label-review, .label-paid {
	/*color:#FFF;*/
	color: #dbdbdb;
}
/*.label-activated, .activated .flat_radio.checked { background: #0003e0;
	color: #ffffff;
}*/

.label-success, .label-agreement, .label-activated {
	color: #274f34;
	background-color: #8dd196;
}

.label-activated {
	background: #b9baff;
	color: #24156f;
}

.label-agreement {
	color: #274f34;
	background-color: #8dd196;
}

.label-paid, .paid .flat_radio.checked, .paid .flat_radio:hover { background: #0fc26b;
	color: #0e3723;
}
.label-approved, .approved .flat_radio.checked, .approved .flat_radio:hover { background: #00ddde;
	color: #206870;
}
.label-sent, .sent .flat_radio.checked, .sent .flat_radio:hover  { background: #d4c7bb;
	color: #412f2f;
}
.label-pending, .pending .flat_radio.checked, .pending .flat_radio:hover { background: #95f8ee;
	color: #0f533b;
}
.label-review, .label-under-review, .label-underreview, .review .flat_radio.checked, .review .flat_radio:hover  { 
	background: #7bbde3;
	color: #174b5f;
}
.label-draft,  .draft .flat_radio.checked, .draft .flat_radio:hover {
	background-color: #ffffff;
	color: #727272;
}
.label-declined, .declined .flat_radio.checked, .declined .flat_radio:hover { background: #fed3cc;
	color: #c53737;
}
.label-viewed, .viewed .flat_radio.checked, .viewed .flat_radio:hover {
	background: #96d1fe;
	color: #1b344e;
}

/*.form-actions {
	padding-top: 40px;
margin-top: 15px;
}*/
/*
.modal { z-index:10000; !important; }

.modal-backdrop {
	z-index:100001; !important; 
}*/

.in-kind {
	display: none;
}
.btn-custom { 
  color: #ffffff; 
  background-color: #00c283; 
  border-color: #49B7BF; 
} 
 
.btn-custom:hover, 
.btn-custom:focus, 
.btn-custom:active, 
.btn-custom.active, 
.open .dropdown-toggle.btn-custom { 
  color: #ffffff; 
  background-color: #009766; 
  border-color: #49B7BF; 
} 
 
.btn-custom:active, 
.btn-custom.active, 
.open .dropdown-toggle.btn-custom { 
  background-image: none; 
} 
 
.btn-custom.disabled, 
.btn-custom[disabled], 
fieldset[disabled] .btn-custom, 
.btn-custom.disabled:hover, 
.btn-custom[disabled]:hover, 
fieldset[disabled] .btn-custom:hover, 
.btn-custom.disabled:focus, 
.btn-custom[disabled]:focus, 
fieldset[disabled] .btn-custom:focus, 
.btn-custom.disabled:active, 
.btn-custom[disabled]:active, 
fieldset[disabled] .btn-custom:active, 
.btn-custom.disabled.active, 
.btn-custom[disabled].active, 
fieldset[disabled] .btn-custom.active { 
  background-color: #a7e8d3; 
  border-color: #49B7BF; 
} 
 
.btn-custom .badge { 
  color: #00a26d; 
  background-color: #ffffff; 
}

/* @group Styling for List.js */

.sort.asc span.up {
	opacity: 1;
}

.sort.asc span.down {
	opacity: 0.5;
}

.sort.desc span.down{
	opacity: 1;
}

.sort.desc span.up{
	opacity: 0.5;
}

/* @end */

/* @group pickadate Datepicker extensions */

@import "variables";


/**
 * Note: the root picker element should __NOT__ be styled
 * more than what’s here. Style the `.picker__holder` instead.
 */
/*#FrmActivate .picker {


    min-width: $inline-min-width;
    max-width: $inline-max-width;
}*/


/**
 * The holder is the base of the picker.
 */
 .list-text {
 	line-height: 32px
 }
 .custom-activation-item-delete {
 	color: #922;
 	font-size: 18px;
 }
 .custom-activation-item-delete:hover {
 	color: #9a2525;
 }
 #FrmActivate .picker__holder {


    position: relative;
    background: $bg-white;

    border-top: 1px solid lighten(#777, 20% );

    @include prefix( box-sizing, border-box );

    min-width: 350px;
    max-height: $inline-max-height;

    @include prefix( border-radius, 0 0 $picker-border-radius $picker-border-radius );
}

.fieldset__wrapper {
	position: relative;
}

/* @end */

/* @group Bootflat Extensions */

	.note-style .dropdown-menu {
		background-color: #ffffff;
		-moz-box-shadow: 0 0 5px #6c6c6c;
		box-shadow: 0 0 5px #6c6c6c;
		
	}
	
	.note-style .dropdown-menu li a {
		color: #000000;
	}
	
	.note-style .dropdown-menu li a:hover {
		background-color: #eeeeee;
	}

	.input-group-addon label {
	 margin-bottom: 0px; 
	 font-weight: normal; 
	}

	#plan-info h2 {
		color: #ffffff;
	}
	.pricing .unit {
		min-width: 300px;
	}
	.tab-content {
		
		padding: 15px 0 0;
	}
/*	
	.tab-content .panel {
		margin-top: 15px;
	}*/

	.modal-body {
		padding: 15px !important;
	}

	input[type='text'] {
		transition-duration: 0.6s;
	}

	.btn.btn-clear-search {
		background-color: #F9690E;
		border-color: #F9690E;
	}
	
	.input-hightlight {
		background-color: #e4fef2;
	}
	
	.input-hightlight input[type='text']{
		
		background-color: #fffefe;
	}
	
	
	.nav-tabs>li.highlight-general>a{
		background-color: #6f89ff;
	}
	

	
	.nav-tabs>li.highlight-options>a{
		background-color: #09c7ff;
	}
	

	
	.nav-tabs>li.highlight-values>a{
		background-color: #26C281;
	}


/* @end */

/* @group Modal Full */

.modal-full-summary {
	float: right;
	display: inline-block;
	margin-right: 30px;
	font-size: 1.7em;
	color: #ffffff;
}

.modal-full {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 1010;
	height: 100%;
	display: none;
}

.modal-full-content {
	width: 100%;
	min-height: 100%;
	background-color: rgb(255, 255, 255);
	overflow: auto;
}

.modal-full-body {
	top: 0;
	bottom: 0;
	position: absolute;
	overflow: auto;
	right: 0;
	left: 0;
	margin-bottom: 90px;
	padding: 80px 70px;
	z-index: 1015;
	/*background-color: #fafafa;*/
}
.modal-full-header {
	width: 100%;

	background-color: rgba(101, 109, 120, 0.88);
	top: 0;
	position: absolute;
	color: #ffffff;
	padding: 15px;
	right: 0;
	left: 0;
	z-index: 1020;
}

.modal-full-header .breadcrumb {
	margin-bottom: 0;
}

.modal-full-header h4 {
	color: #ffffff;
}

.modal-full-footer {
	width: 100%;

	background-color: rgba(101, 109, 120, 0.88);
	/*height: 60px;*/
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	padding: 15px;
	z-index: 1020;
}


/* @group Modal Full Padless for iframe Group */

.modal-full-body.padless {
	padding: 0px 0;
}

.modal-full-body.padless iframe {
	border-style: none;
	position: fixed;
	width: 100%;
	height: 100%;
	padding-top: 64px;
	padding-bottom: 64px;
}

/* @end */


/* @end */

/* @group Bootstrap Extensions */

	select {
		-webkit-appearance:flat;
	}

	.tooltip-inner {
	    white-space:pre-wrap;
	    min-width: 150px;
	}

	.input-inline .input-inline {
		display: inline-block;
		margin-left: -1px;
	}
	
	.input-inline select.input-inline {
		border-radius: 0px !important;
	}
	
	#billing-info > div > div > div.input-group > select {
		border-radius: 0px !important;
		-webkit-border-radius: 0px !important;
		-moz-border-radius: 0px !important;
		border-radius: 0px !important;
		-webkit-appearance: none;
	}

	@media (max-width: 700px) {
/*		.modal.modal-fullscreen.force-fullscreen .modal-body {
			padding: 30px 15px 100px;
		}*/
	}
	
	@media (max-width: 700px) {
		.modal-full-body {
			top: 0;
			bottom: 0;
			position: absolute;
			overflow: auto;
			right: 0;
			left: 0;
			padding: 80px 15px 90px;
			z-index: 1055;
		}
	}
	
	h4 button {
		margin-top: -15px;
	}
	
	h2 label {
		font-weight: inherit;
		font-style: normal;
	}

/*
	modal.modal-fullscreen .modal-dialog {
		margin: 50px !important;
		/*width: 100%;*!/
	}
	
	.modal.modal-fullscreen.force-fullscreen .modal-body {
		padding: 30px 70px 100px;
	}
	
	.modal.modal-fullscreen .modal-dialog, .modal.modal-fullscreen .modal-content {
		bottom: auto !important;
		min-height: 100%;
	}
	
	.modal.modal-fullscreen .modal-footer {
		position: absolute;
		bottom: 0;
	}	*/
	
	.breadcrumb {
		/*margin-top: 15px;*/
	}
	
	.breadcrumb.lead {
		margin-bottom: 0;
	}
	.container-fluid {
		/*margin-top: 15px;*/
	}
	.event-item .badge., .badge {
		background-color: #00a56f;
	}
	
	.landing-icon {
		display: block;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100%;
		width: 90px;
		height: 90px;
		background-color: rgba(255, 255, 255, 0);
		margin-right: auto;
		margin-left: auto;
	}
	
	.landing-icon.calculate {
		background-image: url('../../images/CalcIcon.png');
	}
	.landing-icon.track {
		background-image: url('../../images/TrackIcon.png');
	}
	.landing-icon.propose {
		background-image: url('../../images/DocIcon.png');
	}
	.landing-icon.calendar {
		background-image: url('../../images/CalendarIcon.png');
	}
	
	
	.icon-small {
		font-size: 80%;
	}
	.icon-shift-left {
		margin-left: -3px;
	}
	
	affix-box {
		display: block;
	}
	.affix ul {
		width: 100%;
		display: block;
	}
	
	.affix {
		width: inherit;
	}
	.affix-bottom {
		width: inherit;
	}
	.affix-top {
		width: inherit;
	}
	
/*	.data-bar {
		height: 40px;
	}*/
	
	.data-bar-holder {
		height: 40px;
		border-radius: 20px;
		background-color: rgba(249, 249, 249, 0.72);
		opacity: 1;
		border: 1px solid rgba(255, 255, 255, 0.91);
		margin-bottom: 10px;
		border-collapse: collapse;
		line-height: 40px;
	}
	
	.data-bar-holder .text-box{
		float: left;
		margin-left: -110px;
		font-size: 22px;
		line-height: 40px;
		font-weight: lighter;
	}
	
	.data-bar {
		font-size: 18px;
		line-height: 40px;
		float: none;
		margin-bottom: 10px;
		color: #626262;
		height: 38px;
		border-radius: 20px;
		text-align: left;
		padding-left: 14px;
		padding-right: 14px;
	}
	
	.data-bar-action {
		font-size: 70%;
		line-height: 40px;
	}
/* @end */

/* @group Pure Menu Extensions */

	#main{
		/*padding-top: 20px;*/
	}

/* @end */

/* @group CJT */

.event-image-float {
	z-index: 700;
	position: fixed;
	top: 80px;
	left: 160px;
}


.event-logo.event-logo-small {
	width: 90px; height: 90px;
	border: 6px solid #ffffff;
}

.event-logo.placeholder {
	text-align: center;
	line-height: 50px;
	font-size: 1.4em;
}

a.placeholder {
	color: #8f8f8f;
}

event-logo.event-logo-small:hover {
	margin-top: -25px !important;
	margin-left: -25px !important;
}

.event-logo {
	width: 80px; height: 80px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	background-color: #eaeaea;
	border: 1px solid #d4d4d4;
	border-radius: 50%;
	margin: 10px auto;
	transition-duration: 0.2s;
}

.event-logo-large {
	width: 100%;
	border-radius: 4px;
/*	background-color: #fbfbfb;
	border: 1px solid #ececec;*/
}

.col-lg-6 .event-logo {
	width: 130px; height: 130px;
}

col-lg-12 .event-logo {
	width: 170px; height: 170px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	background-color: #eaeaea;
	border: 1px solid #d4d4d4;
	border-radius: 50%;
	margin: 10px auto;
	transition-duration: 0.2s;
}

.event-logo-dashboard {
	width: 160px; height: 160px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	background-color: #eaeaea;
	border: 1px solid #d4d4d4;
	border-radius: 50%;
	margin: 10px auto;
}

.event-dashboard-header {
	display: block;
	overflow: auto;
	position: relative;
}

/*.event-block {
	background-color: #f6f6f6;
	margin-bottom: 30px;
	padding-bottom: 20px;
}*/
.analytics {
	display: block;
	/*margin-top: -80px;*/
	/*float: left;*/
	position: relative;
	margin-left: 20px;
	margin-top: 15px;
}

.analytics a{
	color: #474747;
}
.analytics a:hover {

	color: #009766;
}
.icon-large {
	font-size: 2em;
	display: inline-block;
	line-height: 2.2em;
}

.event-logo-sm {
	width: 90px; height: 90px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 90%;
	display: inline-block;
	background-color: #eaeaea;
	border: 1px solid #d4d4d4;
	border-radius: 50%;
	margin-bottom: 15px;
	line-height: 90px;
	font-size: 1.6em;
	text-align: center;
	margin-top: 15px;
}

.event-logo-xs {
	width: 40px; height: 40px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 90%;
	display: inline-block;
	background-color: #eaeaea;
	border: 1px solid #d4d4d4;
	border-radius: 6px;	
}

.event-title {
	/*margin-top: -30px;*/
	display: inline-block;
}

/* @end */

/* @group IconMoon Icon Conversion */

	@font-face {
		font-family: 'icomoon';
		src:url('fonts/icomoon.eot?qrikvi');
		src:url('fonts/icomoon.eot?#iefixqrikvi') format('embedded-opentype'),
			url('fonts/icomoon.woff?qrikvi') format('woff'),
			url('fonts/icomoon.ttf?qrikvi') format('truetype'),
			url('fonts/icomoon.svg?qrikvi#icomoon') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	[class^="iconmoon-"], [class*=" iconmoon-"] {
		font-family: 'icomoon';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
	
		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	
	.iconmoon-contract:before {
		content: "\e600";
	}
	.iconmoon-proposal:before {
		content: "\e601";
	}


/* @end */

/* @group Status Select and Checkbox */

.plan_select_check {
	padding: 10px 20px;
	background-color: rgba(255, 255, 255, 0.04);
}



/*.sticky-toolbar .flat_radio{
	border-radius: 4px;
	margin-bottom: 8px;
	width: 40px;
	height: 34px;
}*/

.sticky-toolbar .select-status, .tools.select-status{
	background: none;
	margin: 8px 0 0;
	padding: 0;
}

.sticky-toolbar span.status {
	color: #5b5b5b;
	margin-right: 10px;

}

.flat_check_box {
	display: inline-block;
	width: 30px;
	height: 30px;
	padding: 0!important;
	margin: 0;
	vertical-align: middle;
	cursor: pointer;
	background-repeat: no-repeat;
	border: 1px solid #929292;
	border-radius: 4px;
}

.flat_check_box.checked {
	width: 30px;
	height: 30px;
	background-color: #6cccaa;
	border-color: #31745b;
}

.sub-nav-bar {
	background-color: rgb(82, 82, 82);
	padding: 15px;
	overflow: visible;
	/*height: 60px;*/
	margin-bottom: 15px;
	display: block;
}

.select-status {
	/*padding-top: 15px;*/
	/*padding-right: 15px;*/
	/*padding-left: 15px;*/
	background-color: rgb(82, 82, 82);
	display: block;
	/*margin-bottom: 25px;*/
	float: left;
}

.status-select {
	display: inline-block;
}

span.status {
	margin-right: 6px;
	margin-left: -24px;
	border-radius: 4px;
	padding: 3px 5px 3px 22px;
	display: inline-block;
	z-index: -1;
	color: #dedede;
	
/*	-ms-transform: rotate(-30deg); /* IE 9 *!/
	-webkit-transform: rotate(-30deg); /* Chrome, Safari, Opera *!/
	transform: rotate(-30deg);*/
font-size: .9em;
}

.flat_radio {
	display: inline-block;
	width: 30px;
	height: 30px;
	padding: 0!important;
	/*margin: 0;*/
	/*vertical-align: middle;*/
	/*cursor: pointer;*/
	/*background-repeat: no-repeat;*/
	border-radius: 50%;
	
	display: inline-block;
	vertical-align: middle;
	margin: 0 8px -8px 0;
	padding: 0;
/*	width: 18px;
	height: 18px;*/
	/*background: url(minimal.png) no-repeat;*/
	cursor: pointer;
	z-index: 1;
	/*opacity: 0.47;*/
	background-color: rgb(133, 133, 133);
}

.flat_radio.checked {
	/*opacity: 1;*/
	/*border: 5px solid #ffffff;*/
/*	height: 50px;
	width: 50px;*/
/*	margin-top: -5px;
	margin-right: -5px;*/
	/*border-color: #8f8f8f;*/
}


#cc_icons {
    background: url('../../images/cc_sprites.png') no-repeat;
    width: 40px;
    height: 26px;
    pointer-events: none;
}


#cc_num_container #cc_icons {
  	opacity: 0;
    position: absolute;
    right: 25px;
    top: 5px;
    -webkit-transition: opacity 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: opacity 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: opacity 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: opacity 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    z-index: 2
}
#cc_icons.visa { background-position: 0 0 }
#cc_icons.amex, #cc_icons.american { background-position: -120px 0 }
#cc_icons.mastercard { background-position: -40px 0 }
#cc_icons.discover { background-position: -80px 0 }
#cc_icons.dinersclub { background-position: -160px 0 }


/* @end */

/* @group Footer */

  /* Sticky footer styles
  -------------------------------------------------- */

/*  html,
  body {
    height: 100%;
    /* The html and body elements cannot have any padding or margin. *!/
  }

  /* Wrapper for page content to push down footer *!/
  #wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* Negative indent footer by it's height *!/
    margin: 0 auto -60px;
  }

  /* Set the fixed height of the footer here *!/
  #push,
  #footer {
    /*height: 60px;*!/
  	position: fixed;
  	bottom: 0;
  	width: 100%;
  }
 */


/* @end */


/*
    TODO: (soh): add some real styling.
    New .css for the sponsor uploader.  DEBUG ONLY!
*/
.btn-file
{
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file]
{
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.div_error_message
{
    text-align: center;
    color: red;
}

table.sponsor_uploader
{
    min-width: 100%;
}

.skip_first_row
{
    background-color : #ececec;
    text-decoration  : line-through;
}

table.sponsor_uploader >tr, table.sponsor_uploader td, table.sponsor_uploader th
{
    border      : 1px solid #aab2bd;
    white-space : nowrap;
}


table.sponsor_uploader td, table.sponsor_uploader th
{
    padding-left: 10px;
    padding-right: 10px;
}

table.sponsor_uploader .divider_row
{
    background: #d4d4d4;
}

.frm_upload_file_chooser
{
    padding: 0 8%;
}

.sheet_selector
{
    font-size    : 14px;
    padding-left : 12px;
    line-height  : 1.4;
}

.w100p
{
    width: 100%;
}

.w75p
{
    width: 75%;
}

.w50p
{
    width: 50%;
}

.w25p
{
    width: 25%;
}

.pt10
{
    padding-top: 10px;
}

.pt20
{
    padding-top: 20px;
}

.pt30
{
    padding-top: 30px;
}

.pb10
{
    padding-bottom: 10px;
}

.pb20
{
    padding-bottom: 20px;
}

.pb30
{
    padding-bottom: 30px;
}

.p10
{
    padding: 10px 10px 10px 10px;
}

.p20
{
    padding: 20px 20px 20px 20px;
}

.p30
{
    padding: 30px 30px 30px 30px;
}

.mt10
{
    margin-top: 10px;
}

.mt20
{
    margin-top: 20px;
}

.mt30
{
    margin-top: 30px;
}

.center
{
    text-align : center;
}

.chosen
{
    background-color: #d0ffc4;
}

.ignore
{
    background-color: #ffaeac;
}

.choose
{
    background-color: #fffecc;
}

.column_chooser
{

}

.spacer
{
    margin-top    : 10px;
    margin-bottom : 10px;
}

.frm_upload_column_chooser
{
    overflow : auto;
}

.frm_upload_column_chooser::-webkit-scrollbar
{
    -webkit-appearance: none;
    width: 8px;
}

.frm_upload_column_chooser::-webkit-scrollbar-track
{
    background-color: rgba(57,57,57, .6);
    border-radius: 8px;
}

.frm_upload_column_chooser::-webkit-scrollbar-thumb
{

    background-color: rgba(208, 208, 208, 0.60);
    border-radius: 8px;
}