/**
	* @filesource 	includes/css/custom.css
	* @category			template
	* @author				JJL
	* @version			0.0.3
*/

/** Action Buttons Styles */
.form-actions button {
	margin-left: 5px;
}

.form .form-actions.top {
	border: none !important;
}

#flyer .form-control {
	border: none !important;
}

/** Popover Styles */
.popover {
	width: 100%;
}

.popovers {
	color: #D8D8DC;
}

/** Banner Styles */

.note-banner {
	line-height: .6em;
	padding-top: 0px;
	padding-bottom: 6px;
}

/** Radio Button Styles */

.radio-inline {
	padding-left: 0px;
}

.radio-inline+.radio-inline {
	margin-left: 0px;
}

/** Modal Styles */

.modal-header {
	background-color: #eef7fb;
}

/** New Side Menu Styles **/

.side-menu {
	font-weight: 300;
}

.side-menu a {
	text-decoration: none;
	display: block;
	padding: 10px 15px;
}

.side-menu i {
	color: #fff;
	font-size: 15px;
	margin-top: 4px;
}

.side-menu li {
	margin-bottom: 1px;
	position: relative;
}

.side-menu li.active {
	background-color: #387F77 !important;
	border-left: none !important;
}

.side-menu li.active a {
	color: #fff !important;
}

.side-menu li.active:before {
	content: '';
  display: inline-block;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  border-right: 6px solid #387F77;
  position: absolute;
  top: 13px;
  left: -6px;
}

.side-menu li.default {
	background-color: #f0f6fa;
	border-left: solid 2px #c4d5df;
}

.side-menu li.default a {
	color: #000;
}

.side-menu li.default:hover {
	background-color: #c4d5df;
}

.side-menu li.success {
	color: #fff;
	background-color: #209900;
	border-left: solid 2px #29C600;
}

.side-menu li.success a {
	color: #fff;
}

.side-menu li.success:hover {
	background-color: #29C600;
}

.side-menu li.warning {
	color: #fff;
	background-color: #FFBC2A;
	border-left: solid 2px #ECA100;
}

.side-menu li.warning a {
	color: #fff;
}

.side-menu li.warning:hover {
	background-color: #ECA100;
}

.side-menu li.pending {
	color: #fff;
	background-color: #D3D3D3;
	border-left: solid 2px #c3c3c3;
}

.side-menu li.pending a {
	color: #fff;
}

.side-menu li.pending:hover {
	background-color: #d9d9d9;
}

.side-menu li.danger {
	color: #fff;
	background-color: #E2001A;
	border-left: solid 2px #F52941;
}

.side-menu li.danger a {
	color: #fff;
}

.side-menu li.danger:hover {
	background-color: #F52941;
}

.teal.btn {
    background-color: #5B9892;
	color: white;
}
.teal.btn:hover, .teal.btn:focus, .teal.btn:active, .teal.btn.active {
	color: white;
	background-color: #387F77;
}

.portlet.box.green {
    border: 1px solid #209900;
}

.portlet > .portlet-body.green, .portlet.green {
    background-color: #209900;
}

.portlet.box.green > .portlet-title {
    background-color: #209900;
}
.portlet-hr-green {
	border-color: #209900;
	background-color: #209900;
}

.portlet.box.grey {
    border: 1px solid #E5E5E5;
    border-top: 0;
}

.portlet > .portlet-body.grey, .portlet.grey {
    background-color: #E5E5E5;
}

.portlet.box.grey > .portlet-title {
    background-color: #E5E5E5;
}
.portlet-hr-grey {
	border-color: #E5E5E5;
	background-color: #E5E5E5;
}


.portlet-hr-red {
	border-color: #D84A38;
	background-color: #D84A38;
}
.portlet-hr-yellow {
	border-color: #FFB848;
	background-color: #FFB848;
}


/* Gold Awards */
.portlet.box.gold {
    border: 1px solid #F0A510;
}
.portlet > .portlet-body.gold, .portlet.gold {
    background-color: #F0A510;
}
.portlet.box.gold > .portlet-title {
    background-color: #F0A510;
}

/* Silver Awards */
.portlet.box.silver {
    border: 1px solid #B6B6B6;
}
.portlet > .portlet-body.silver, .portlet.silver {
    background-color: #B6B6B6;
}
.portlet.box.silver > .portlet-title {
    background-color: #B6B6B6;
}

/* Bronze Awards */
.portlet.box.bronze {
    border: 1px solid #C07C4B;
}
.portlet > .portlet-body.bronze, .portlet.bronze {
    background-color: #C07C4B;
}
.portlet.box.bronze > .portlet-title {
    background-color: #C07C4B ;
}

/* Trophy Grey Awards */
.portlet.box.trophy-grey {
    border: 1px solid #41413F;
}
.portlet > .portlet-body.trophy-grey, .portlet.trophy-grey {
    background-color: #41413F;
}
.portlet.box.trophy-grey > .portlet-title {
    background-color: #41413F ;
}

/* Teal - Edit boxes and static display.  #5B9892*/
.portlet.box.teal {
    border: 1px solid #387F77;
}
.portlet > .portlet-body.teal, .portlet.teal {
    background-color: #387F77;
}
.portlet.box.teal > .portlet-title {
    background-color: #387F77;
}
.page-sidebar .page-sidebar-menu > li.teal.open {
    background: #387F77;
}
.portlet-hr-teal {
	border-color: #387F77;
	background-color: #387F77;
}

/* Clock icon requested bigger */
.fa-clock-o {
	font-size: x-large;
}


.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active.open > a {
    background: #387F77;
    }

a {
	text-shadow: none;
	color: #1caf9a;
	/*color: #5B9892;*/
}
a:hover, a:focus {
	color: #387F77;
}

h2.teal{
	color: #387F77;
}

.underline{
	text-decoration: underline;
}

.tabbable-custom > .nav-tabs > li.active {
	border-top: 3px solid #364150;
	margin-top: 0;
	position: relative;
}

.login .content .input-icon {
	border-left: 2px solid #387F77 !important;
}

.logo-gradient{
	/* IE10+ */
	background-image: -ms-linear-gradient(top, #364150  0%, #808B97 60%);

	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #364150  0%, #808B97 60%);

	/* Opera */
	background-image: -o-linear-gradient(top, #364150  0%, #808B97 60%);

	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #364150 ), color-stop(60, #808B97));

	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #364150  0%, #808B97 60%);

	/* W3C Markup */
	background-image: linear-gradient(to bottom, #364150  0%, #808B97 60%);
}

/* EM Font Sizes:
 * Browser's default font size is 10px (typically 16px).
 * Setting the BODY to a % value makes responsive design easier,
 * Because all other font sizes will be EM, and therefore relative to their parent, and ultimately BODY.
 * Therefore, we should only need to change the % value of BODY for a given screen size to change all type sizes at once. */

body {
	font-size: 130% !important;		/* Browser default is 10px. 10px * 130% = 13px. */
}

ul.nav-tabs li a {
	font-size: 1em !important;		/* 13px * 1em = 13px. */
}

ul.page-sidebar-menu li a span, 	/* TODO: Selector is targeting desired item, but not correct size */
ul.page-sidebar-menu li a i, 		/* TODO: Selector is targeting desired item, but not correct size */
ul.page-breadcrumb li,
ul.side-menu li a,
th {
	font-size: 1.08em !important;	/* 13px * 1.08em = 14px. */
}

h4 {
	font-size: 1.31em !important;	/* 13px * 1.31em = 17px. */
}

div.caption {
	font-size: 1.385em !important;	/* 13px * 1.385em = 18px. */
}

h3 {
	font-size: 1.77em !important;	/* 13px * 1.77em = 23px. */
}

h3.page-title {
	font-size: 2.308em !important;	/* 13px * 2.308em = 30px. */
}

h3.popover-title {
	font-size: 1.3em !important;
}

h2 {
	font-size: 1.7em; 				/* 13px * 1.7em = 22px. */
}

/* Registration Form */

#regContainer {
	line-height: 0.9em;
	max-width: 700px;
}

#regContainer div,
#regContainer p {
	font-size: .94em;
}

#regContainer ul {
	margin-left: -25px;
	margin-bottom: 0;
}

#regContainer h2,
#regContainer h3,
#regContainer h4 {
	font-weight: bold;
}

#regContainer h2 {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 2.375em;
}

#regContainer h3 {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 2em !important;
}

#regContainer h4 {
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 1.6em !important;
}

#regContainer .big {
	font-size: 1.2em;
	margin-bottom: 5px;
}

#regContainer .col {
	padding-left: 5px;
	padding-right: 5px;
}

#regContainer .right {
	text-align: right;
}

#regContainer .center {
	text-align: center;
}

#regContainer .bold {
	font-weight: bold;
}
#regContainer .regSmall {
	font-size: 0.9em !important;
}

#regContainer .underline {
	text-decoration: underline;
}

#regContainer .red {
	color: red;
}

#regContainer .outline {
	border: 1px solid black;
	margin-bottom: 10px;
}

#regContainer .outlinebottom {
	border-bottom: 1px solid black;
}

#regContainer .nopad {
	padding: 0;
}

#regContainer .pad {
	padding: 5px;
}

@media print {
	div {
		/* page-break-inside: avoid; Keeps DIVs from being broken across pages */
	}
	.page-header.navbar.navbar-fixed-top, .page-title, .page-bar, .form-body, button.btn.teal.btn-sm, .portlet-title {
		display: none;
	}
	.page-header-fixed .page-container {
		margin-top: 0px;
	}.page-content-wrapper .page-content {
		 margin-left: 0px;
	 }

	.portlet.box.teal {
		  border: 0px;
	  }
}

/* Miscellaneous */

.manage-users-divider {
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding-top: 3px;
	padding-bottom: 3px;
}

.note.note-info {
	background-color: #eef7fb;
	border-color: #1caf9a;
}

button.stripe-button-el,
button.stripe-button-el>span {
	background-image: none !important;
	background-color: #5B9892;
	color: white;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	font-weight: 400;
	width: 120px; 
	height: 20px !important;
	line-height: 18px !important;
	border: none;
	outline: none;
	text-shadow: none;
	box-shadow: none;
}

button.stripe-button-el {
	//margin-top: 00px;
}

button.stripe-button-el:hover,
button.stripe-button-el:hover span {
	background-color: #387F77 !important;
}

/**
	* 0.0.8 -- 01/15/16 -- BCM -- restyled the Stripe payment button
	* 0.0.7 -- 01/14/16 -- BCM -- moved style rules in from registration_form.php
	* 0.0.6 -- 01/11/16 -- BCM -- added declarations to start changing from PX to EM based font-size
	* 0.0.5 -- 01/06/16 -- BCM -- moved style rule for .logo-gradient here from home_sidebar.php
	* 0.0.4 -- 06/26/15 -- JJL -- added styles to remove border on form actions
	* 0.0.3 -- 06/05/15 -- JJL -- updated according to design notes
	* 0.0.2 -- 09/29/14 -- JJL -- added modal styles
	* 0.0.1 -- 08/26/14 -- JJL -- created file
*/