body {
		-ms-overflow-style: scrollbar; 		}

/* MENU: BEGIN ******************************************************************/

	/* main menu container */
	.navbar {
					background: rgba(255,255,255,1);
				-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.46);
		-moz-box-shadow: 0 0 5px rgba(0,0,0,0.46);
		box-shadow: 0 0 5px rgba(0,0,0,0.46);
		border: 0;
				-moz-border-radius: 0px 0px 0px 0px;
		-webkit-border-radius: 0px 0px 0px 0px;
		-khtml-border-radius: 0px 0px 0px 0px;
		border-radius: 0px 0px 0px 0px;
						}

	/* main menu logo */
	.navbar-logo {
		border: none;
		height: 27px;
		width: auto;
		margin: 11px 0 0 7px;
		padding-right: 13px;
		cursor: pointer;
		float: left;
		display: inline;
		}

	/* menu brand text */
	.navbar-header > div > a.navbar-brand {
		color: rgba(255,255,255,0.80);
		white-space: nowrap;
		}

	.navbar-header > div > a.navbar-brand:hover {
		color: rgba(255,255,255,1.0);
		}

	/* main menu item */
	.navbar .navbar-nav > li > a,
	.navbar .navbar-nav > li.current-menu-item > a {
		font-family: arial;
		font-size: 10.25pt;
		color: #5b5b5b;
		padding-right: 8px;
padding-left: 8px;
		}

	.navbar .navbar-nav > li:hover > a,
	.navbar .navbar-nav > li:focus > a,
	.navbar .navbar-nav > li:active > a {
		color: #ffffff;
		background: #ff6a30;
		}

	.navbar .navbar-nav > li > a > span.glyphicon {
		margin: 1px 2px 0 0;
		}

	@media(min-width: 768px) {
		.dropdown:hover .dropdown-menu {
			display: block;
			}
		}

	/* sub menu container */
	.navbar-fixed-top .navbar-nav > li > .dropdown-menu,
	.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
		margin-top: 0;
		padding-top: 0px;
padding-bottom: 10px;
border: none;
		background: #ffffff;
				-webkit-box-shadow: 0 3px 5px -2px rgba(0,0,0,0.46);
		-moz-box-shadow: 0 3px 5px -2px rgba(0,0,0,0.46);
		box-shadow: 0 3px 5px -2px rgba(0,0,0,0.46);
				-moz-border-radius: 0px 0px 0px 0px;
		-webkit-border-radius: 0px 0px 0px 0px;
		-khtml-border-radius: 0px 0px 0px 0px;
		border-radius: 0px 0px 0px 0px;
						}

	/* sub menu item */
	.dropdown-menu > li > a {
		font-family: arial;
		color: #5b5b5b;
		font-size: 10pt;
		margin: 0;
		padding-top: 3px;
padding-right: 15px;
padding-bottom: 3px;
padding-left: 15px;
		}

	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus,
	.dropdown-menu > li > a:active {
		color: #ffffff;
		background: #ff6a30;
		outline: none;
		}

	.dropdown-menu > li > a > span.glyphicon {
		display: inline-block;
		font-size: 8pt;
		margin: 0 0 8px 8px;
		opacity: 1.0;
		text-align: top;
		}

	/* login icon */
	a.login_icon {
		color: rgba(255,255,255,0.8);
		}

	a.login_icon:hover,
	a.login_icon:focus,
	a.login_icon:active {
		color: rgba(255,255,255,1.0);
		}

	/* logout icon */
	a.logout_icon {
		color: rgba(255,255,255,0.8);
		}

	a.logout_icon:hover,
	a.logout_icon:focus,
	a.logout_icon:active {
		color: rgba(255,255,255,1.0);
		}

	/* xs menu toggle button */
	.navbar .navbar-toggle {
		background: transparent;
		border: none;
		padding: 16px 7px 17px 20px;
		margin: 0 8px;
		}

	.navbar .navbar-toggle:hover,
	.navbar .navbar-toggle:focus,
	.navbar .navbar-toggle:active {
		background: transparent;
		}

	.navbar .navbar-toggle .icon-bar {
		background: #5b5b5b;
		}

	.navbar .navbar-toggle:hover > .icon-bar {
		background: #ff6a30;
		}

	/* xs menu non-collapse links */
	.navbar a.xs_link {
		display: inline-block;
		white-space: nowrap;
		font-family: arial;
		font-size: 10.25pt;
		color: #5b5b5b;
		padding: 15px 8px;
		text-decoration: none;
		}

	.navbar a.xs_link:hover,
	.navbar a.xs_link:focus,
	.navbar a.xs_link:active {
		color: #ffffff;
		background: #ff6a30;
		text-decoration: none;
		}

/* BUTTONS ********************************************************************/

	a.btn,
	button.btn {
	    -webkit-transition: all 0.5s ease;
    	transition: all 0.5s ease;
		-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
    	}

	a.btn:hover,
	a.btn:active,
	a.btn:focus,
	button.btn:hover,
	button.btn:active,
	button.btn:focus {
				}

/* ICONS *********************************************************************/

	span.icon_glyphicon_body {
		color: rgba(0,0,0,0.25);
		border: 0;
		}

	span.icon_glyphicon_body:hover {
		color: rgba(0,0,0,0.5);
		}

	span.icon_glyphicon_faded {
		opacity: 0.15;
		}

/*****************************************************************************/

	/* maximize viewport usage on xs displays */
	/*
	@media(min-width: 0px) and (max-width: 767px) {
		.container-fluid {
			width: 100%;
			}
		}
	*/

/* GENERAL ELEMENTS *****************************************************************/

	img {
		border: none;
		max-width: 100%;
		height: auto;
		}

	a,
	a[href^="tel:"],
	a[href^="mailto:"] {
		color: #d75c2d;
		text-decoration: none;
		}

	a:hover,
	a[href^="tel:"]:hover,
	a[href^="mailto:"]:hover {
		color: #ff6a30;
		text-decoration: underline;
		}

	a.is-btn:hover {
		text-decoration: none; /* necessary to prevent overriding editor's button styles with the above */
		}

	a.footer {
		color: #ffffff;
		text-decoration: none;
		}

	a.footer:hover {
				text-decoration: underline;
		}

	/* next two styles add unicode phone icon next to phone number links */
	a.tel_icon[href^="tel:"]:before {
		content: "\260e";
		margin-right: 0.5em;
		display: inline-block;
		text-decoration: underline;
		}

	/* due to a bug in IE, have to first set text-decoration to underline (above), then none again (below) */
	a.tel_icon[href^="tel:"]:before,
	a.tel_icon[href^="tel:"]:hover:before {
		text-decoration: none;
		}

	form {
		margin: 0;
		}

	/* style placeholder text (for browsers that support the attribute) - note: can't stack, each must be seperate */
	
	select.form-control,
	textarea.form-control,
	input[type=text].form-control,
	input[type=number].form-control,
	input[type=password].form-control,
	label.form-control {
		-webkit-box-shadow: 0 0 3px #cddaf0 inset;
-moz-box-shadow: 0 0 3px #cddaf0 inset;
box-shadow: 0 0 3px #cddaf0 inset;
		}

	select.form-control:hover,
	textarea.form-control:hover,
	input[type=text].form-control:hover,
	input[type=number].form-control:hover,
	input[type=password].form-control:hover,
	label.form-control:hover {
				}

	select.form-control:focus,
	textarea.form-control:focus,
	input[type=text].form-control:focus,
	input[type=number].form-control:focus,
	input[type=password].form-control:focus,
	label.form-control:focus {
		-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-box-shadow: 0 0 5px #cddaf0;
-moz-box-shadow: 0 0 5px #cddaf0;
box-shadow: 0 0 5px #cddaf0;
		}

	select.form-control {
		padding-left: 0.6em;
		}

	label.control-label {
		white-space: nowrap;
		}

	input[type=password].bad,
	input[type=password].bad:hover,
	input[type=password].bad:active,
	input[type=password].bad:focus {
		border-color: #aa2525;
		}

	input[type=password].good,
	input[type=password].good:hover,
	input[type=password].good:active,
	input[type=password].good:focus {
		border-color: #2fb22f;
		}

	// removes spinners (increment/decrement controls) inside input fields {}
	input[type=number] { -moz-appearance: textfield; }
	::-webkit-inner-spin-button { -webkit-appearance: none; }
	::-webkit-outer-spin-button { -webkit-appearance: none; }

	// disables text input clear 'x' in IE 10+, slows down autosizeInput jquery script {}
	input[type=text]::-ms-clear {
		display: none;
		}

	label input[type=checkbox].slider,
	label input[type=radio].slider {
		vertical-align: -2px;
		margin: 0;
		padding: 0;
		}

	iframe {
		max-width: 100%;
		}

/* AUDIO PLAYBACK **********************************************************/

	span.playback_progress_bar {
		background-color: #b90004;
		width: 17px;
		height: 4px;
		margin-bottom: 3px;
		display: block;
		-moz-border-radius: 0 0 6px 6px;
		-webkit-border-radius: 0 0 6px 6px;
		-khtml-border-radius: 0 0 6px 6px;
		border-radius: 0 0 6px 6px;
		-webkit-box-shadow: 0 0 3px 0px rgba(255,0,0,0.9);
		-moz-box-shadow: 0 0 3px 0px rgba(255,0,0,0.9);
		box-shadow: 0 0 3px 0px rgba(255,0,0,0.9);
		}

	td.playback_progress_bar_background {
		padding: 0;
		border-bottom: none;
		background-image: -ms-linear-gradient(top, rgba(0,0,0,0.15) 0%, transparent 100%);
		background-image: -moz-linear-gradient(top, rgba(0,0,0,0.15) 0%, transparent 100%);
		background-image: -o-linear-gradient(top, rgba(0,0,0,0.15) 0%, transparent 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,0,0.15)), color-stop(1, transparent));
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.15) 0%, transparent 100%);
		background-image: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%, transparent 100%);
		overflow: hidden;
		}

/* COLUMNS *****************************************************************/

	div.permission_list {
		-webkit-column-width: 280px;
		-moz-column-width: 280px;
		column-width: 280px;
		}

/* TABLES *****************************************************************/

	/*
	th {
		color: #000000;
		font-size: 10.5px;
		font-family: arial;
		background: none;
		border-bottom: 1px solid #ddddcc;
		}
	*/

	/* table header bottom border color */
	.table > thead > tr > th {
		border-bottom: 1px solid #ddddcc;
		}

	/* table header padding */
	.table > thead > tr > th {
		padding-top: 2px;
		padding-bottom: 2px;
		}

	/* table rows bottom border color */
	.table > tbody > tr > td {
		border-bottom: 1px solid #ffffff;
		}

	/* bootstrap table row text color */
	.table > tbody > tr > td,
	.table > tbody > tr > td > a,
	.table > tbody > tr > th,
	.table > tbody > tr > th > a {
		color: #000000;
		}

	/* bootstrap table row striped background colors */
	.table-striped > tbody > tr:nth-child(odd) > td,
	.table-striped > tbody > tr:nth-child(odd) > th {
		background-color: #eff2f4;
		}

	.table-striped > tbody > tr:nth-child(even) > td,
	.table-striped > tbody > tr:nth-child(even) > th {
		background-color: #e8eef1;
		}

	/* table row disabled background color */
	.table > tbody > tr.disabled > td,
	.table > tbody > tr.disabled > th {
		background-color: #cccccc;
		}

	/* table a link style */
	.table-hover > tbody > tr > td > a,
	.table-hover > tbody > tr > th > a {
		text-decoration: underline;
		}

	/* bootstrap table row hover background color */
	.table-hover > tbody > tr:hover > td,
	.table-hover > tbody > tr:hover > th {
		background-color: #f3f5f7;
		}

	.table-hover > tbody > tr:hover > td > a.default_link,
	.table-hover > tbody > tr:hover > th > a.default_link {
		color: #ff6a30;
		}

	tr.table_row_link {
		cursor: pointer;
		}

	/* form: label alignment */
	.form-horizontal .control-label {
		padding-top: 0;
	}


	/* form: label/field format */
	/*
	.form_label {
		background: #e5e9f0;
				-moz-border-radius: 2px 2px 2px 2px;
		-webkit-border-radius: 2px 2px 2px 2px;
		-khtml-border-radius: 2px 2px 2px 2px;
		border-radius: 2px 2px 2px 2px;
				border-right: 3px solid #e5e9f0;
		border-bottom: 1px solid #ffffff;
		padding: 7px 8px;
		text-align: right;
		color: #000000;
		font-family: Arial;
		font-size: 9pt;
		vertical-align: top;
		}

	.form_label_required {
		background: #e5e9f0;
				-moz-border-radius: 2px 2px 2px 2px;
		-webkit-border-radius: 2px 2px 2px 2px;
		-khtml-border-radius: 2px 2px 2px 2px;
		border-radius: 2px 2px 2px 2px;
				border-right: 3px solid #cbcfd5;
		border-bottom: 1px solid #ffffff;
		padding: 7px 8px;
		text-align: right;
		color: #000000;
		font-family: Arial;
		font-size: 9pt;
		font-weight: bold;
		vertical-align: top;
		}

	.form_field {
		background: #ffffff;
				-moz-border-radius: 2px 2px 2px 2px;
		-webkit-border-radius: 2px 2px 2px 2px;
		-khtml-border-radius: 2px 2px 2px 2px;
		border-radius: 2px 2px 2px 2px;
				border-bottom: 1px solid #e5e9f0;
		padding: 6px;
		text-align: left;
		vertical-align: middle;
		color: #666666;
		font-family: Arial;
		font-size: 8pt;
		}
	*/

	/* form: heading/row format */
	/*
	.form_heading {
		background: #e5e9f0;
				-moz-border-radius: 2px 2px 2px 2px;
		-webkit-border-radius: 2px 2px 2px 2px;
		-khtml-border-radius: 2px 2px 2px 2px;
		border-radius: 2px 2px 2px 2px;
				border-bottom: 3px solid #e5e9f0;
		padding: 8px 8px 4px 8px;
		text-align: left;
		color: #000000;
		font-family: Arial;
		font-size: 9pt;
		}

	.form_heading_required {
		background: #e5e9f0;
				-moz-border-radius: 2px 2px 2px 2px;
		-webkit-border-radius: 2px 2px 2px 2px;
		-khtml-border-radius: 2px 2px 2px 2px;
		border-radius: 2px 2px 2px 2px;
				border-bottom: 3px solid #cbcfd5;
		padding: 8px 8px 4px 8px;
		text-align: left;
		color: #000000;
		font-family: Arial;
		font-size: 9pt;
		font-weight: bold;
		}

	.form_row {
				height: 36px;
		background: #ffffff;
				-moz-border-radius: 2px 2px 2px 2px;
		-webkit-border-radius: 2px 2px 2px 2px;
		-khtml-border-radius: 2px 2px 2px 2px;
		border-radius: 2px 2px 2px 2px;
				border-bottom: 1px solid #e5e9f0;
		padding: 3px 0;
		text-align: left;
		vertical-align: middle;
		color: #666666;
		font-family: Arial;
		font-size: 9pt;
		}

	.row_dark {
		border-bottom: 1px solid #c5d1e5;
		background: #e5e9f0;
		color: #000;
		font-family: arial;
		font-size: 12px;
		text-align: left;
		padding: 4px 7px;
		}

	.row_neutral {
		border-bottom: 1px solid #c5d1e5;
		background: #f0f2f6;
		color: #000;
		font-family: arial;
		font-size: 12px;
		text-align: left;
		padding: 4px 7px;
		}

	.row_light {
		border-bottom: 1px solid #c5d1e5;
		background: #fff;
		color: #000;
		font-family: arial;
		font-size: 12px;
		text-align: left;
		padding: 4px 7px;
		}

	.row_style_slim {
		padding-top: 0;
		padding-bottom: 0;
		white-space: nowrap;
		}
	*/

/* RESPONSE MESSAGES *******************************************************/

	#message_container {
		z-index: 99998;
		position: absolute;
		top: -80px;
		left: 0;
		right: 0;
		filter: alpha(opacity=0);
		opacity: 0;
		-moz-opacity:0;
		-khtml-opacity: 0;
		padding: 13px 0;
		}

	#message_text {
		z-index: 99999;
		position: absolute;
		top: -80px;
		left: 0;
		right: 0;
		filter: alpha(opacity=0);
		opacity: 0;
		-moz-opacity:0;
		-khtml-opacity: 0;
		margin: 0 auto;
		vertical-align: middle;
		padding: 13px 0;
		text-align: center;
		font-family: arial, san-serif;
		font-size: 13pt;
		}

	.message_container_mood_default {
		background: #005ee6;
		}

	.message_container_mood_positive {
		background: #00a200;
		}

	.message_container_mood_negative {
		background: #ff0000;
		}

	.message_container_mood_alert {
		background: #ff8000;
		}

	.message_text_mood_default {
		color: #ffffff;
		}

	.message_text_mood_positive {
		color: #ffffff;
		}

	.message_text_mood_negative {
		color: #ffffff;
		}

	.message_text_mood_alert {
		color: #ffffff;
		}

/* PAGINATION (PAGING) CONTROLS ************************************************/

	.pagination {
		clear: both;
		padding: 0;
		}

	.pagination li {
		display: inline;
		}

	.pagination li a {
		color: #d75c2d;
		}

	.pagination li a:hover,
	.pagination li a:active {
		color: #ff6a30;
		background: none;
		}

	.pagination li span.current,
	.pagination li span.current:hover {
		background-color: #d75c2d;
		border: 3px solid #d75c2d;
		color: #fff;
		text-decoration: none;
		margin: -2px 3px 0 2px;
		cursor: default;
		padding-left: 10px;
		padding-right: 10px;
		font-weight: 600;
		border-radius: 4px;
		}

	.pagination span.disabled,
	.pagination span.disabled:hover {
		border: 1px solid #eee;
		color: #ddd;
		cursor: default;
		background: none;
		}

	.pagination span.ellipsis,
	.pagination span.ellipsis:hover {
		border: 0;
		color: #000;
		cursor: default;
		background: none;
		}

/* MODALS ********************************************************************/

	.modal-title {
		font-weight: bold;
		font-size: 20px;
		}

// BOOTSTRAP ROWS ************************************************************{}

	.row_margin_bottom_20 { margin-bottom: 20px; }
	.row_margin_bottom_40 { margin-bottom: 40px; }
	.row_margin_bottom_60 { margin-bottom: 60px; }
	.row_margin_bottom_80 { margin-bottom: 80px; }
	.row_margin_bottom_100 { margin-bottom: 100px; }

	// center content vertically {}
	div.center_vertically {
	    display: inline-block;
	    vertical-align: middle;
	    float: none;
		}

// BOX.CSS OVERRIDES ************************************************************{}

	/* middle boxes */
	.is-wrapper .is-box .is-container {
		margin-top: 60px;
		margin-bottom: 65px;
		}

	@media all and (max-width: 1280px) {
		.is-wrapper .is-box .is-container {
			margin-top: 30px;
			margin-bottom: 35px;
			}
		}

	@media all and (max-width: 1024px) {
		.is-wrapper .is-box .is-container {
			margin-top: 10px;
			margin-bottom: 15px;
			padding: 30px !important;
			}
		}

	@media all and (max-width: 960px) {
		.is-wrapper .is-box .is-container {
			margin-top: 10px;
			margin-bottom: 15px;
			padding: 5px !important;
			}
		}

// ROTATE CLASSES ****************************************************************{}

i.rotate-45 {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	}

i.rotate-90 {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	}

i.rotate-180 {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	}

i.rotate-270 {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
	}