/* Social Media Login buttons {{{ */

@import url(/css/font/quattrocento.css);
@import url(/css/WeLoveIconFonts/entypo.css);
@import url(/css/WeLoveIconFonts/zocial.css);

[class*="zocial-"]:before {
	font-family: 'zocial', sans-serif;
}
[class*="entypo-"]:before {
	font-family: 'entypo', sans-serif;
	font-size: 5em;
}

.social-btn:before, .social-btn:after {
	content: none;
	display: block;
	position: absolute;
	box-sizing: border-box;
}

.social-btn {
	position: relative;
	display: block;
	width: 230px;
	height: 40px;
	margin: 10px auto;
	padding: 0 0 0 55px;
	font: 700 18px/40px 'Quattrocento Sans', sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	color: #555;
	border-radius: 2px;
	background: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	cursor: pointer;
}

a.social-btn:hover {
	text-decoration: none;
}

.social-btn span {
	font-size: 14px;
	text-transform: none;
	color: #aaa;
	padding-left: 20px;
}

.social-btn:before {
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	font: 20px/40px entypo;
	text-align: center;
	color: #fff;
	border-radius: 2px 0 0 2px;
}

.social-btn:hover {
	text-shadow: 0 0 10px #fff;
}

.social-btn.reverse {
	color: #fff !important;
}

.social-btn.reverse span {
	color: #eee !important;
}


.social-btn.fb:before {
	content: '\f30c';
	background: linear-gradient(to bottom, #4477cc 0%, #2f5fae 100%);
}
.social-btn.fb.reverse {
	background: linear-gradient(to bottom, #4477cc 0%, #2f5fae 100%);
}

.social-btn.tw:before {
	content: '\f309';
	background: linear-gradient(to bottom, #00ccff 0%, #00a3cc 100%);
}
.social-btn.tw.reverse {
	background: linear-gradient(to bottom, #00ccff 0%, #00a3cc 100%);
}

.social-btn.gp:before {
	content: '\f30f';
	background: linear-gradient(to bottom, #dd4433 0%, #bd2f20 100%);
}
.social-btn.gp.reverse {
	background: linear-gradient(to bottom, #dd4433 0%, #bd2f20 100%);
}

.social-btn.am:before {
	content: 'a';
	font-family: zocial, sans-serif;
	text-transform: none;
	background: linear-gradient(to bottom, #ffaa00 0%, #cc8800 100%);
}
.social-btn.am.reverse {
	background: linear-gradient(to bottom, #ffaa00 0%, #cc8800 100%);
}

.social-btn.ya:before {
	content: 'Y';
	font-family: zocial, sans-serif;
	text-transform: none;
	background: linear-gradient(to bottom, #cc44cc 0%, #ae2fae 100%);
}
.social-btn.ya.reverse {
	background: linear-gradient(to bottom, #cc44cc 0%, #ae2fae 100%);
}

.social-btn.in:before {
	content: '\00DC';
	font-family: zocial, sans-serif;
	text-transform: none;
	background: linear-gradient(to bottom, #3f729b 0%, #2f5574 100%);
}
.social-btn.in.reverse {
	background: linear-gradient(to bottom, #3f729b 0%, #2f5574 100%);
}

.social-btn.wl:before {
	content: 'W';
	font-family: zocial, sans-serif;
	text-transform: none;
	background: linear-gradient(to bottom, #0e76a8 0%, #0a587d 100%);
}
.social-btn.wl.reverse {
	background: linear-gradient(to bottom, #0e76a8 0%, #0a587d 100%);
}

.social-btn.li:before {
	content: 'L';
	font-family: zocial, sans-serif;
	text-transform: none;
	background: linear-gradient(to bottom, #0e76a8 0%, #0a587d 100%);
}
.social-btn.li.reverse {
	background: linear-gradient(to bottom, #0e76a8 0%, #0a587d 100%);
}

.social-btn.yt:before {
	content: 'U';
	font-family: zocial, sans-serif;
	text-transform: none;
	background: linear-gradient(to bottom, #c4302b 0%, #922320 100%);
}
.social-btn.yt.reverse {
	background: linear-gradient(to bottom, #c4302b 0%, #922320 100%);
}

.social-btn.pin:before {
	content: '1';
	font-family: zocial, sans-serif;
	text-transform: none;
	background: linear-gradient(to bottom, #c8232c 0%, #961a21 100%);
}
.social-btn.pin.reverse {
	background: linear-gradient(to bottom, #c8232c 0%, #961a21 100%);
}

.social-btn.sp:before {
	content: '=';
	font-family: zocial, sans-serif;
	text-transform: none;
	background: linear-gradient(to bottom, #81b71a 0%, #608913 100%);
}
.social-btn.sp.reverse {
	background: linear-gradient(to bottom, #81b71a 0%, #608913 100%);
}


.social-btn.wp:before {
	content: 'w';
	font-family: zocial, sans-serif;
	text-transform: none;
	background: linear-gradient(to bottom, #3f729b 0%, #2f5574 100%);
}
.social-btn.wp.reverse {
	background: linear-gradient(to bottom, #3f729b 0%, #2f5574 100%);
}



/* }}} */

/* {{{ Social Media share buttons */
.rrssb-buttons li.rrssb-yahoo a {

    background-color: #791A9E;
}

.rrssb-buttons li.rrssb-yahoo a:hover {
    background-color: #571A7C;
}

.rrssb-buttons li.rrssb-gmail a {

    background-color: #E75A4D;
}

.rrssb-buttons li.rrssb-gmail a .rrssb-icon svg path
{
    fill: none;
}

.rrssb-buttons li.rrssb-gmail a:hover {

    background-color: #B2392F;
}

.rrssb-buttons li.rrssb-hotmail a {

        background-color: #2272B9;
}

.rrssb-buttons li.rrssb-hotmail a:hover {
        background-color: #005097;
}

.rrssb-buttons li {
	    line-height: 15px !important;
}

/* }}} */

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}


/* jQuery-UI overrides {{{ */

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 0px;
}


.ui-state-error,                                /* NOTE:  Defined here to get nice, consistent gradient fills/colors across all themes */
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {             /* Pink */
	color: #f00;
	border: 1px solid #f00;

	background: #ffd1e8;
	background: -moz-linear-gradient(top,  #ffd1e8 0%, #eaa8ca 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd1e8), color-stop(100%,#eaa8ca));
	background: -webkit-linear-gradient(top,  #ffd1e8 0%,#eaa8ca 100%);
	background: -o-linear-gradient(top,  #ffd1e8 0%,#eaa8ca 100%);
	background: -ms-linear-gradient(top,  #ffd1e8 0%,#eaa8ca 100%);
	background: linear-gradient(to bottom,  #ffd1e8 0%,#eaa8ca 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd1e8', endColorstr='#eaa8ca',GradientType=0 );
}

.ui-state-error-2,                              /* NOTE:  Defined here to get nice, consistent gradient fills/colors across all themes */
.ui-widget-content .ui-state-error-2,
.ui-widget-header .ui-state-error-2 {               /* Red */
	color: #fff;
	border: 1px solid #f00;

	background: #ff305d; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff305d 0%, #ff0000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff305d), color-stop(100%,#ff0000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff305d 0%,#ff0000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff305d 0%,#ff0000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff305d 0%,#ff0000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff305d 0%,#ff0000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff305d', endColorstr='#ff0000',GradientType=0 ); /* IE6-9 */
}

.ui-state-highlight,                            /* NOTE:  Defined here to get nice, consistent gradient fills/colors across all themes */
.ui-widget-content .ui-state-highlight,
.ui-widget-header  .ui-state-highlight {        /* Yellow */
	color: #fa9405;
	border: 1px solid #fa9405;

	background: #ffffea;
	background: -moz-linear-gradient(top,  #ffffea 0%, #ffffb5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffea), color-stop(100%,#ffffb5));
	background: -webkit-linear-gradient(top,  #ffffea 0%,#ffffb5 100%);
	background: -o-linear-gradient(top,  #ffffea 0%,#ffffb5 100%);
	background: -ms-linear-gradient(top,  #ffffea 0%,#ffffb5 100%);
	background: linear-gradient(to bottom,  #ffffea 0%,#ffffb5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffea', endColorstr='#ffffb5',GradientType=0 );
}

.ui-state-highlight-2,
.ui-widget-content .ui-state-highlight-2,
.ui-widget-header  .ui-state-highlight-2 {      /* Bright Yellow */
	color: #fa9405;
	border: 1px solid #fa9405;

	background: #ffffad;
	background: -moz-linear-gradient(top,  #ffffad 0%, #ffff2b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffad), color-stop(100%,#ffff2b));
	background: -webkit-linear-gradient(top,  #ffffad 0%,#ffff2b 100%);
	background: -o-linear-gradient(top,  #ffffad 0%,#ffff2b 100%);
	background: -ms-linear-gradient(top,  #ffffad 0%,#ffff2b 100%);
	background: linear-gradient(to bottom,  #ffffad 0%,#ffff2b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffad', endColorstr='#ffff2b',GradientType=0 );
}

.ui-state-warn,
.ui-widget-content .ui-state-not-startable,
.ui-widget-header  .ui-state-not-startable {    /* Orange */
	color: #755000;
	border: 1px solid #755000;

	background: #f9c667;
	background: -moz-linear-gradient(top,  #f9c667 0%, #f79621 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9c667), color-stop(100%,#f79621));
	background: -webkit-linear-gradient(top,  #f9c667 0%,#f79621 100%);
	background: -o-linear-gradient(top,  #f9c667 0%,#f79621 100%);
	background: -ms-linear-gradient(top,  #f9c667 0%,#f79621 100%);
	background: linear-gradient(to bottom,  #f9c667 0%,#f79621 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=0 );
}


.ui-state-disabled-2,
.ui-widget-content .ui-state-disabled-2,
.ui-widget-header  .ui-state-disabled-2 {  /* Dark gray */
	color: #aaa;
	border: 1px solid #555;

	background: #666666;
	background: -moz-linear-gradient(top,  #666666 0%, #3d3a3a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#3d3a3a));
	background: -webkit-linear-gradient(top,  #666666 0%,#3d3a3a 100%);
	background: -o-linear-gradient(top,  #666666 0%,#3d3a3a 100%);
	background: -ms-linear-gradient(top,  #666666 0%,#3d3a3a 100%);
	background: linear-gradient(to bottom,  #666666 0%,#3d3a3a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#3d3a3a',GradientType=0 );
}

.ui-state-info,
.ui-widget-content .ui-state-info,
.ui-widget-header  .ui-state-info {      /* Light Blue */
	color: #0065a8;
	border: 1px solid #0065a8;

	background: #d4ebf7;
	background: -moz-linear-gradient(top,  #d4ebf7 0%, #afe1f7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4ebf7), color-stop(100%,#afe1f7));
	background: -webkit-linear-gradient(top,  #d4ebf7 0%,#afe1f7 100%);
	background: -o-linear-gradient(top,  #d4ebf7 0%,#afe1f7 100%);
	background: -ms-linear-gradient(top,  #d4ebf7 0%,#afe1f7 100%);
	background: linear-gradient(to bottom,  #d4ebf7 0%,#afe1f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4ebf7', endColorstr='#afe1f7',GradientType=0 );
}

.ui-state-info-2,
.ui-widget-content .ui-state-info-2,
.ui-widget-header  .ui-state-info-2 {          /* Blue */
	color: #0065a8;
	border: 1px solid #0065a8;

	background: #97d0fc;
	background: -moz-linear-gradient(top,  #97d0fc 0%, #69addb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#97d0fc), color-stop(100%,#69addb));
	background: -webkit-linear-gradient(top,  #97d0fc 0%,#69addb 100%);
	background: -o-linear-gradient(top,  #97d0fc 0%,#69addb 100%);
	background: -ms-linear-gradient(top,  #97d0fc 0%,#69addb 100%);
	background: linear-gradient(to bottom,  #97d0fc 0%,#69addb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97d0fc', endColorstr='#69addb',GradientType=0 );
}

.ui-state-good,
.ui-widget-content .ui-state-good,
.ui-widget-header  .ui-state-good {             /* Light Green */
	color: green;
	border: 1px solid green;

	background: #9df2a5;
	background: -moz-linear-gradient(top,  #9df2a5 0%, #4dea50 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9df2a5), color-stop(100%,#4dea50));
	background: -webkit-linear-gradient(top,  #9df2a5 0%,#4dea50 100%);
	background: -o-linear-gradient(top,  #9df2a5 0%,#4dea50 100%);
	background: -ms-linear-gradient(top,  #9df2a5 0%,#4dea50 100%);
	background: linear-gradient(to bottom,  #9df2a5 0%,#4dea50 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9df2a5', endColorstr='#4dea50',GradientType=0 );
}

.ui-state-good-2,
.ui-widget-content .ui-state-good-2,
.ui-widget-header  .ui-state-good-2 {           /* Dark Green */
	color: #54ff56;
	border: 1px solid #2a822c;

	background: #4aa850;
	background: -moz-linear-gradient(top,  #4aa850 0%, #2a822c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4aa850), color-stop(100%,#2a822c));
	background: -webkit-linear-gradient(top,  #4aa850 0%,#2a822c 100%);
	background: -o-linear-gradient(top,  #4aa850 0%,#2a822c 100%);
	background: -ms-linear-gradient(top,  #4aa850 0%,#2a822c 100%);
	background: linear-gradient(to bottom,  #4aa850 0%,#2a822c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4aa850', endColorstr='#2a822c',GradientType=0 );
}

.ui-state-default-2,
.ui-widget-content .ui-state-default-2,
.ui-widget-header  .ui-state-default-2 {           /* Light-gray */
	background          : linear-gradient( to bottom, #f7f7f7 0%,#e6e6e6 100% );
	color               : #373737;
	border				: 1px solid #d3d3d3;
}


/* }}} */

/* Drop Shadow {{{
   Add this to any div, etc. to give it a shadow effect.
 */
/*
.dropshadow {
	-moz-box-shadow:        7px 7px 15px #444;
	-webkit-box-shadow:     7px 7px 15px #444;
	box-shadow:             7px 7px 15px #444;
} */
/*
.dropshadow-small {
	-moz-box-shadow: 4px 4px 8px #666;
	-webkit-box-shadow: 4px 4px 8px #666;
	box-shadow: 4px 4px 8px #666;
}
*/



/* Google's Material Design shadow spec */
.dropshadow { /* 8dp shadow */
	-moz-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
	box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

.dropshadow-small { /* 4dp shadow */
	-moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}

/* Brayden August 2017 : Chrome scroll performance */

table {
	transform: translateZ(0);
}


/* }}} */

/* ToolTip Theme {{{
 * "Smoke" - 'cause I'm a Tony Stewart (#14) fan!
 * By Kevin Traas <kevin@tra.as> - Sep 13, 2012
 */
.ui-tooltip-smoke {
	/*
	background-color        : #111;
	border                  : 2px solid black;
	border-radius           : 6px;
	overflow                : visible;
	font-size               : 12px;
	line-height             : 12px;
	font-weight             : bold;
	*/
	box-shadow              : 5px 5px 7px #444;
	-moz-box-shadow         : 5px 5px 7px #444;
	-webkit-box-shadow      : 5px 5px 7px #444;
	opacity                 : 0.9;
	-moz-opacity            : 0.9;
	filter                  : progid:DXImageTransform.Microsoft.Alpha(opacity=90);

	background 				: #222;
	color                   : white;
	font-family             : Tahoma, Verdana, Arial, sans-serif;
	position                : absolute;
	padding                 : 8px;
	text-align              : left;
	z-index                 : 10000;
	pointer-events          : none;
	width                   : auto;
	max-width               : 500px;
}
body .ui-tooltip-smoke {
	border 					: 2px #000;
}
/* }}} */

/* Animate CSS transitions {{{
 * Add this class to any div to animate changes to any CSS (add/removeClass) on the element.
 * <div class="foo animate"> ...  $('.foo').addClass( 'ui-state-error' );
 */
.animate-fast {
	-webkit-transition      : all 0.3s ease;
	-moz-transition         : all 0.3s ease;
	-o-transition           : all 0.3s ease;
	transition              : all 0.3s ease;
}
.animate {
	-webkit-transition      : all 0.6s ease;
	-moz-transition         : all 0.6s ease;
	-o-transition           : all 0.6s ease;
	transition              : all 0.6s ease;
}
.animate-slow {
	-webkit-transition      : all 1.0s ease;
	-moz-transition         : all 1.0s ease;
	-o-transition           : all 1.0s ease;
	transition              : all 1.0s ease;
}
/* }}} */



/* Ensure placeholder text color is consistent across all browsers
	NOTE!   These pseudo elements/classes styles cannot be set here because they will
			get overridden by styles within the template pages - even with !important.
	NOTE!   Instead, they is kept here as a placeholder (pun intended) so you can
			cut/paste into your template pages.
*/
:-ms-input-placeholder          { color:#bbb; }
::-webkit-input-placeholder     { color:#bbb; }
::-moz-placeholder              { color:#bbb; }


.hover:hover {
	cursor: pointer;

	-webkit-transition-property             : background-color;
	-webkit-transition-duration             : 0.2s;
	-webkit-transition-timing-function      : linear;

	/* Fallback for web browsers that don't support RGBa */
	background-color: rgb(0, 0, 0) !important;
	/* RGBa */
	background-color: rgba(0, 0, 0, 0.2) !important;
	/* For IE 5.5-7 */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);
	/* For IE 8+ */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)";
	/* First two digits are the opacity:  Calculate via JS using:  console.log( Math.floor(0.2 * 255).toString(16) );   See bottom of functions.js */

	/* If element has a background image, it'll hide the background-color, so... remove it... */
	background-image: url('/images/spacer.gif') !important;
}

.page-wrapper {
	margin				: 20px 0px 0px 0px;
	padding				: 0px 0px 10px 0px;
	background			: #fff;
	width				: 960px;
	text-align			: left;
	border-radius		: 3px;
}
#contentarea {
	margin				: 10px 10px 0px 10px;
	padding				: 0px;
}


/* Scroll performance */
.dataTables_scrollBody {
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
}

.dataTables_scrollBody_fix {
	/* Bugfix for horizontal scrollbar sometimes showing up.
	As suggested at:  http://www.datatables.net/forums/discussion/11849/annoying-horizontal-scrollbar-when-using-bscrollinfinite-and-table-borders

	XXX     BE CAREFUL!     This class blocks all horizontal scrollbars, so it can
	only be applied when the table is *less* than max width.
	See ye_list.html for an example of usage....

	*/

	*margin-top                 : -1px;
	-webkit-overflow-scrolling  : touch;
	overflow-x                  : hidden !important;
}




.small-button {
	height      : 30px !important;
	font-size   : 1.0em !important;
	padding     : 3px 8px !important;
	margin      : 2px 6px !important;
}
.smaller-button {
	height      : 21px !important;
	font-size   : 0.9em !important;
	padding     : 1px 6px !important;
	margin      : 0px 4px !important;
}


/* These are used for odd/even table rows:  Use with Smarty using:   <tr class="{cycle values='odd,even'}"> */
.odd { }
.even {
	background          : rgb( 0, 0, 0 ) !important;
	background-color    : rgba( 0, 0, 0, 0.1 ) !important;                                                                                 /* WebKit, FF */
	filter              : progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000, endColorstr=#19000000);           /* IE 5-7 */
	-ms-filter          : "progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000, endColorstr=#19000000)";         /* IE 8-9 */
					                            /* First two digits are the opacity:  Calculate via JS using:  console.log( Math.floor(0.1 * 255).toString(16) ); */
}

.top { vertical-align: top !important; }
.middle { vertical-align: middle !important; }
.bottom { vertical-align: bottom !important; }
.left { text-align: left !important; }
.center { text-align: center !important; }
.right { text-align: right !important; }
.nowrap { white-space: nowrap !important; }

.bold { font-weight: bold !important; }
.underline { text-decoration: underline !important; }
.italic { font-style: italic !important; }
.italics { font-style: italic !important; }

.large   { font-size: 1.2em !important; }
.larger  { font-size: 1.4em !important; }
.largest { font-size: 1.6em !important; }
.big     { font-size: 1.2em !important; }
.bigger  { font-size: 1.4em !important; }
.biggest { font-size: 1.6em !important; }

.small    { font-size: 0.9em !important; }
.smaller  { font-size: 0.8em !important; }
.smallest { font-size: 0.7em !important; }
.tiny     { font-size: 0.6em !important; }

.hidden	  { display: none; !important; }
.invisible	  { opacity: 0 !important; }			/* Don't show, but reserve space on the page */

.smallcaps { font-variant: small-caps !important; }
.small-caps { font-variant: small-caps !important; }

.bl, .ba { border-left: 1px solid #666; }
.bt, .ba { border-top: 1px solid #666; }
.br, .ba { border-right: 1px solid #666; }
.bb, .ba { border-bottom: 1px solid #666; }


.hint {
	font-style          : italic;
	font-size           : 0.9em;
	color   			: #555555;
	/*opacity             : 0.8;*/
}
.ui-tooltip-content .hint {
	color: #e7e7e7;
}
#jGrowl .hint {
	color: inherit !important;
	opacity: 0.8;
}
.help {
	/* !important is required to enforce the help cursor on disabled INPUT elements */
	cursor              : help !important;
}


.after_order_instructions {
	border-radius: 5px;
	padding: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.after_order_instructions p {
	margin-bottom: 10px;
}



body {
	height		: auto !important;
}

img {
	float				: none;
}



/* Moved from common.html */
#coverdiv {
	/*	Display a gray, partially-transparent layer over the current page.
		Used when waiting for a new page of content. */
	position			: fixed;
	display				: none;
	padding				: 0;
	margin				: 0;
	top					: 0;
	left				: 0;
	width				: 100%;
	height				: 100%;
	z-index				: 2000;
	background-color	: #777;
	opacity				: 0.3;
	filter				: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
}

#spinner {
	/* Used with coverdiv above. */
	position			: fixed;
	text-align			: center;
	display				: none;
	z-index				: 5000;
	width				: 400px;
	color				: #999;
	padding				: 20px;
}

#spinner_msg {
	font-style			: italic;
	text-align			: center;
}

.ui-progressbar {
	position			: relative;
}
#spinner_progress {
	display				: inline-block;
	width				: 80%;
}
#spinner_progress_label {
	position			: absolute;
	left				: 46%;
	top					: 3px;
	font-weight			: bold;
	text-shadow			: 1px 1px 0 #ddd;
}

#spinner_cancel {
	cursor				: pointer;
}

.ui-border-all {
	border-radius: 0 !important;
}

html, body, h1, h2, h3, h4, h5, h6, p, span, div {
	font-family: "Roboto", sans-serif !important;
}

/* Bug fix for iOS 13 https://github.com/google/material-design-lite/issues/5281 */
.mdl-ripple { background: #000 !important; opacity: 0.001 !important; }

/* for the referrers select (#9091) -- make it look kinda like MDL fields, but usability is better than the hokey mdl-select library */
.custom-select-div {
	margin: 21px 0;
	width: 300px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	display: inline-block;
	user-select: none;
	position: relative;
}

/* for chrome, coloring of the options was getting set to whatever the select has... */
.custom-select-div > select > option {
	color: #525252;
}
/* for chrome, coloring of the options was getting set to whatever the select has... */
.custom-select-div > select > option[disabled] {
	color: #AAAAAA;
}

.custom-select-div > select {
	width: 100%;
	background: white;
	height: 28px;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	font-size: 16px;
	color: rgba(0, 0, 0, 0.26);
	cursor: pointer;
}
.custom-select-div > .select-icon {
	vertical-align: middle;
	color: rgba(0, 0, 0, 0.26);
	position: absolute;
	right: 0;
	/* make the select (behind this elem) capture the event instead of me */
	pointer-events: none;
}

.currency_code {
	font-variant: all-small-caps;
	font-size: 0.9em;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
    color: inherit;
}

.sortable {
    cursor: pointer;
}

/* for tables that use setupSortable() */
th.sortable[data-inv="false"]::after, td.sortable[data-inv="false"]::after {
    content: '▼';
    margin-left: 8px;
}
th.sortable[data-inv="true"]::after, td.sortable[data-inv="true"]::after {
    content: '▲';
    margin-left: 8px;
}

.flex {
    display: flex !important;
}
.full-width {
    width: 100% !important;
}
.edit-dialog-table td {
    padding: 6px 6px;
}