/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */

[hidden] {
    display: none;
}


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html {
    font-size: 0.8125em; /* 1 */
    -webkit-text-size-adjust: 0.8125em; /* 2 */
    -ms-text-size-adjust: 0.8125em; /* 2 */
}

/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE6/7
 */

body {
    margin: 0;
}


/* =============================================================================
   Links
   ========================================================================== */

/*
 * Addresses outline displayed oddly in Chrome
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:hover,
a:active {
    outline: 0;
}


/* =============================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */

h1 {
    font-size: 2em;
    margin: 0 0 0.67em 0;
}

h2,
#surveytitle
{
    font-size: 1.5em;
    margin: 0 0 0.83em 0;
}

h3 {
    font-size: 1.385em;
    margin: 0 0 1em 0;
}

h4 {
    font-size: 1.154em;
    margin: 0 0 1.33em 0;
}

h5 {
    font-size: 1em;
    margin: 0 0 1.67em 0;
}

h6 {
    font-size: 0.923em;
    margin: 0 0 2.33em 0;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE6/7
 */

p,
pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */

/* 1 */

q {
    quotes: none;
}

/* 2 */

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* =============================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE6/7
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE6/7
 */

menu,
ol,
ul {
    padding: 0;
}

/*
 * Corrects list images handled incorrectly in IE7
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */

figure {
    margin: 0;
}


/* =============================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE6/7
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */

button,
input {
    line-height: normal; /* 1 */
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
    *overflow: visible;  /* 3 */
}

/*
 * Re-set default cursor for disabled elements
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}


/* =============================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em;
}


/* site-wide css, regarless of device type */

/*  https://css-tricks.com/international-box-sizing-awareness-day/  */
*, *:before, *:after {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}

body {
	background: #3a94a6 url('https://d1rl12thtbcp7t.cloudfront.net/bg.jpg') no-repeat 50% 50% fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #444;
	font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, sans-serif;
	font-size: 14px;
    font-weight: 300;
    line-height: 1.45;
	margin: 0;
	padding: 0;
}

.common.css,
#container {
	/* clearfix */
	content: "";
	display: table;
	clear: both;
	
}
/* the following allows PDFs to see 'content' which counters the above clearfix */
@media print {
	body {
		background: white;
	}
	#container {
		content: normal;
	}
}

.clear {
	clear: both;
}
.right {
	float: right;
}
.left {
	float: left;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}


/* Presto's main blue color */
#nav,
a, a:visited,
h1, h2, h3, h4, h5, h6,
ul.finder li.no-hover h2:hover,
ul.finder li.no-hover h3:hover,
ul.finder li.no-hover h4:hover
.header_stuff,
.editor_header
#surveytitle,
.paging-result-count,
.data th.first-col a,
.data th.survey-name-header a,
.data th.clickable a,
.data .shop-list-row th.evaluation-id-column a,
.data th.job-id-column a,
.widget-table tbody th a, .widget-table tbody th a:visited,
ul.eval_picker a, ul.finder a.see-more,
.eval_display .score,
.eval-info .survey-tree h2 a,
.eval-info .survey-tree a
{
	color: #0bb8da;
}

/* Presto's main hover color */
a:hover, a:active,
.data th.job-id-column a:hover,
.eval-info .survey-tree h2 a:hover,
eval-info .survey-tree a:hover
{
	color: #007399;
}

h1, h2, h3, h4, h5, h6,
#surveytitle
{
	font-family: 'Roboto', sans-serif;
}

/* main page titles */
h2 {
	margin-top: 1em;
}
.eval_display ul.listview li h4
{
	color: #333;
	margin-bottom: .5em;
}


/* Presto Shopper Logo 2020 */
#nav a#logo, /* main nav logo from panel_nav */
.header-img, /* was alt custom logo in ViewEval */
common.css
{
    box-sizing: border-box;
    background-color: transparent;
    background-image: url('/images/presto-shopper-logo-2020.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 2.85rem;
    width: 11.5rem;
}


/* buttons */

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
a.button,
/* a.button.standard, */
.take_eval_header a.button,
/* .take_eval_header a.button.standard, */
.button.icon_button a,
a.button.icon_button,
a.button.survey_button, /* free sample */
button a,
a.premade_tile.changeme,
.sp-container button,
.geocodeable_status_container a.button.see_on_map,
.mobile-popup a.button,
.mobile-popup .no-thanks-survey .take_eval_header .controls a.button,
.take_eval_header .mobile-popup a,
.question-controls .button
{
	background-color: #0bb8da;
	background-repeat: no-repeat;
	border: 0;
	color: white;
	cursor: pointer; /*important because ios*/
	display: inline-block;
	font-size: 1em;
	font-weight: bold;
	outline: 0 !important;
	padding: .5em 1em;
	text-decoration: none;
	white-space: nowrap;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.button.icon_button a {
	padding: 0;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
a.button:hover,
/* a.button.standard:hover, */
.take_eval_header a.button:hover,
/* .take_eval_header a.button.standard:hover, */
.button.icon_button a:hover,
a.button.icon_button:hover,
a.button.survey_button:hover, /* free sample */
button a:hover,
a.premade_tile.changeme:hover,
.sp-container button:hover,
.geocodeable_status_container a.button.see_on_map:hover,
.mobile-popup a.button:hover,
.mobile-popup .no-thanks-survey .take_eval_header .controls a.button:hover,
.take_eval_header .mobile-popup a:hover,
.sig-buttons a.button:hover,
.evaluation-container .geocode-input a.button:hover
{
	background-color: #007399; /* hover blue */
	background-repeat: no-repeat;
	color: white;
	text-decoration: none;
}

/* green buttons and links */
.icon_button.good,
.target-distance.distance-good {
	background-color: #9dd65c;
}
.icon_button.good:active, .icon_button.good:hover {
	background-color: #5fb300;
}

/* orange buttons and links */
.target-distance.distance-maybe-ok,
.warning-general
{
	background-color: #df8f20;
}

.warning-general
{
	color: white;
	font-weight: bold;
	display: inline-block;
	padding: 0.5em;
}

/* red buttons and links */
.icon_button.delete,
.delete_button,
.target-distance.distance-not-good {
	background-color: #df2020;
}
.icon_button.delete:active, .icon_button.delete:hover,
.delete_button:active, .delete_button:hover {
	background-color: #b31919;
}
.error,
.otp-error,
a.delete_link, a.delete_link:visited,
.reservation .alert-red,
#must-mobile,
.eval_display span.required,
.sp-container .sp-cancel,
a.del-export
{
	color: #df2020;
}
a.delete_link:active, a.delete_link:hover,
.sp-container .sp-cancel:hover,
a.del-export:hover
{
	color: #b31919;
}

.company_chooser a,
.survey_chooser a
{
	margin: 0 0 1em 0;
	white-space: normal;
}

/* animation */
a,
button,
.button,
a.button,
button a,
input[type=button],
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=file],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=reset],
input[type=search],
input[type=submit],
input[type=tel],
input[type=text],
input[type=week],
input.ui-input-text,
input.inputbox,
textarea
{
	transition: 0.2s;
}

/* field inputs */
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=file],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=week],
input.ui-input-text,
input.inputbox,
textarea,
#survey-summary-filters .select2-selection,
.select2-container--default .select2-search--dropdown .select2-search__field,
#survey-summary-filters .select2-selection,
.select2-container--default .select2-search--dropdown .select2-search__field,
#shoplog-filters #status-filter
{
	background: white;
	border: 1px solid #0bb8da;
	color: #111;
	line-height: 1.5em;
	outline: none;
	padding: .15em .25em 0 .5em;
	/*width: 100%;*/
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	-ms-border-radius: .4em;
	-o-border-radius: .4em;
	border-radius: .4em;
	-webkit-box-shadow: 1px 1px 6px #ccc inset;
	-moz-box-shadow: 1px 1px 6px #ccc inset;
	-ms-box-shadow: 1px 1px 6px #ccc inset;
	-o-box-shadow: 1px 1px 6px #ccc inset;
	box-shadow: 1px 1px 6px #ccc inset;

	/* this is to get rid of IOS's rounded corders, cuz not same radius as ours */
	-webkit-appearance: none;
}

#controls-container-expanded .select2-selection,
#survey-summary-filters .select2-selection
{
	padding: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field
{
	width: 95%;
}


input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=file]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=range]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=week]:focus,
input.ui-input-text:hover,
input.inputbox:focus,
textarea:focus
{
	outline: none;
	border-color: #ccc;
	-webkit-box-shadow: 0px 0px 9px #0bb8da;
	-moz-box-shadow: 0px 0px 9px #0bb8da;
	-ms-box-shadow: 0px 0px 9px #0bb8da;
	-o-box-shadow: 0px 0px 9px #0bb8da;
	box-shadow: 0px 0px 9px #0bb8da;
}

input {
    margin: 0 .5em;
}
label {
    font-weight: bold;
    margin: 0 .5em 1em .5em;
}

table,
div.data
{
    background: white;
    border: 1px solid #d5dddb;
	border-collapse: collapse;
    border-spacing: 0;
    clear: both;
    display: table;
    line-height: 1.5;
    margin: 1.5em auto;
    width: 100%;
    -webkit-box-shadow: 0 0 15px 0 #d5dddb;
	-moz-box-shadow: 0 0 15px 0 #d5dddb;
	box-shadow: 0 0 15px 0 #d5dddb;
}
tr {
	
}
.data thead .sub th {
    background: #a98fbc;
    font-size: 13px;
}
th, td {
	
	padding: .5em;
	text-align: left;
}
th,
.column_type_chooser_cell,
.dash-box h4,
#locs .header,
.mobile .targets_container th, .mobile #mobile_editor_container .mobile_field_container
{
	background: #8e6ca6;
	color: white;
	line-height: 1;
}

.data th a,
.data th a:hover,
th a.audit-express-link,
.data .sub th.job-id-column a
{
	color: white;
	text-decoration: underline;
}
.data th a:hover,
th a.audit-express-link:hover
{
	color: #e9d2f9;
	text-decoration: underline;
}
.data th.survey-name-header a:hover,
.data th.first-col a:hover
{
	color: #007399;
}
th.survey-name-header,
th.first-col,
.data th.job-id-column
{
	background: transparent;
}
td,
th.first-col,
th.survey-name-header,
.pick_a_survey .location
{
	border-bottom: 1px solid #d9d9d9;
}

/* this should prob go in EvaluatorLog tpl */
#container .no-data p {
	margin: 0;
	padding: 1em;
}
.ui-state-highlight.no-data {
	clear: both;
}
.controls {
	/*background: orange;*/
}
.controls a {
	/*background: blue;*/
}

.tooltip_container .tooltip {
	display: none;
  	z-index: 6;
}
.tooltip_container:hover .tooltip {
	background: white; 
	border: 6px solid #6ccce0;
	color: #333;
	display: inline;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
  	margin: 0; 
  	padding: .5em 1em;
  	position: absolute;
  	text-shadow: none;
  	width: 15em;
  	white-space: normal;
  	z-index: 6;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0px 3px 9px #999;
	-webkit-box-shadow: 0px 3px 9px #999;
	box-shadow: 0px 3px 9px #999;
	filter: progid:DXImageTransform.Microsoft.Shadow(strength = 3, direction = 180, color = '#999');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 3, Direction = 180, Color = '#999')";
}

.pw_rules
{
	font-size: 70%;
	line-height: 0.7em;
}


/* icon images **************************************************************************/

.button.icon_button,
a.button.icon_button,
input.icon_button,
input[type="button"].icon_button,
a.premade_tile.changeme,
.evaluation-container .controls a.button.icon_button,.evaluation-container .controls a.button.icon_button:hover
{
	background-repeat: no-repeat;
	background-position: .5em 50%;
	padding: .5em 1em .5em 2em;
	margin-top: .25em;
	margin-bottom: .25em;
}
.button.icon_button.right_side,
a.button.icon_button.right_side,
input.icon_button.right_side,
input[type="button"].icon_button.right_side,
.evaluation-container .controls a.button.icon_button.right_side,.evaluation-container .controls a.button.icon_button.right_side:hover
{
	background-repeat: no-repeat;
	background-position: calc(100% - .75em) 50%;
	padding: .5em 2.7em .6em 1em;
	/* this is for when the screen gets narrow and the buttons stack */
}

.icon_button.add {
	background-image: url('/images/icons/add-white.png');
}
.icon_button.back {
	background-image: url('/images/icons/arrow-back-white.png');
}
.icon_button.buy {
	background-image: url('/images/icons/shopping_cart-white.png');
}
.icon_button.cancel {
	background-image: url('/images/icons/cancel-white.png');
}
.icon_button.check,
.evaluation-container .controls a.button.icon_button.check
{
	background-image: url('/images/icons/check-white.png');
}
.icon_button.copy-white {
	background-image: url('/images/icons/copy-white.png');
}
.icon_button.edit {
	background-image: url('/images/icons/edit.png');
}
.icon_button.edit-white {
	background-image: url('/images/icons/edit-white.png');
}
.icon_button.delete {
	background-image: url('/images/icons/btn-x-white.png');
}
.icon_button.revise, .icon_button.extend {
	background-image: url('/images/icons/arrow-redo-white.png');
}
.icon_button.geo-white,
.geocodeable_status_container a.button.see_on_map {
	background-image: url('/images/icons/geo-pin-white.png');
}
.icon_button.go-out,
.icon_button.view_link.go-out {
	background-image: url('/images/icons/go-out-white.png');
}
.icon_button.help-white {
	background-image: url('/images/icons/help-tip-white.png');
}
.icon_button.links {
	background-image: url('/images/icons/link.png');
}
.icon_button.mobile-preview {
	background-image: url('/images/icons/mobile-phone.png');
}
.icon_button.next,
.icon_button.next-button
{
	background-image: url('/images/icons/arrow-next-white.png');
}
.icon_button.return-button
{
	background-image: url('/images/icons/arrow-redo-white.png');
}
.icon_button.pdf-white {
	background-image: url('/images/icons/pdf-white.png');
}
.icon_button.refresh {
	background-image: url('/images/icons/reload-white.png');
}
.icon_button.remove {
	background-image: url('/images/icons/minus-white.png');
}
.icon_button.share {
	background-image: url('/images/icons/share-white.png');
}
.icon_button.learn_more,
.icon_button.search
{
	background-image: url('/images/icons/search-white.png');
}
.icon_button.targets {
	background-image: url('/images/icons/cog.png');
}
.icon_button.view_link {
	background-image: url('/images/icons/geo-pin.png');
}
a.premade_tile.changeme {
	background-image: url('/images/icons/survey-white.png');
}
.bill-surveys li,
#existing_surveys li
{
	background-image: url('/images/icons/survey.png');
}
.bill-companies li,
.icon_button.manage-companies {
	background-image: url('/images/icons/company.png');
}
.icon_button.company {
	background-image: url('/images/icons/company-white.png');
}
.target-doc .icon_button {
	background-image: url('/images/icons/document-white.png');
}
p.bill-current-plan {
	background-image: url('/images/icons/plans.png');
}
p.bill-summary {
	background-image: url('/images/icons/summary.png');
}
p.bill-active-surveys {
	background-image: url('/images/icons/check.png');
}
p.bill-total {
	background-image: url('/images/icons/credit.png');
}
.icon_button.toggle-nav
{
	background-image: url('/images/icons/linked-survey-tree-white.png') !important;
}
.icon_button.display-compact {
	background-image: url('/images/icons/density-compact-white.png');
}
.icon_button.display-normal {
	background-image: url('/images/icons/density-normal-white.png');
}

/* // this doesn't seem right, and appears to only be used on Plans
.company-list li {
	background-image: url('/images/icons/target-small.png');
}
*/

.icon-bullet
{
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-size: 16px;
	padding: .5em 1em;
}
.contain_MySubscriptions .icon-bullet {
	background-image: url('/images/icons/hotspot-icon.png');
}
.contain_MyConnections .icon-bullet {
	background-image: url('/images/icons/sassie-icon.png');
}
.contain_MyDemographics .icon-bullet {
	background-image: url('/images/icons/profile-icon.png');
}
.contain_MyEmail .icon-bullet {
	background-image: url('/images/icons/email-icon.png');
}

/* changed look of image preview Qtype becuase it looked too much like linked survey Q */
/*
ul.listview a.disp-full-img.imgpreview:after {
	background-image: url('/images/icons/eye.png');
	background-position: 0 .15em;
	background-repeat: no-repeat;
	content: attr(title);
	line-height: 7;
	padding-left: 1.75em;
}
*/
ul.listview a.disp-full-img {
	background-image: none;
	display: block;
	margin-top: 1em;
	text-align: center;
}
ul.listview a.disp-full-img.imgpreview:active,
ul.listview a.disp-full-img.imgpreview:hover
{
	background-color: #f1f1f1;
}
ul.listview a.disp-full-img.imgpreview img {
	margin: auto;
	/*
	float: left;
	margin-right: 1em;
	*/
}


/* geocode accuracies ****************************/
.accuracy_address,
.accuracy_street,
.accuracy_zip,
.accuracy_city,
.accuracy_state,
.accuracy_country,
.accuracy_unknown,
.accuracy_good,
.accuracy_error
{
	background-position: 0;
	background-repeat: no-repeat;
	height: 24px;
}
.accuracy_address {
	background-image: url('/images/star_three.png');
}
.accuracy_street {
	background-image: url('/images/star_two.png');
}
.accuracy_zip, .accuracy_city {
	background-image: url('/images/star_one.png');
}
.accuracy_state, .accuracy_country {
	background-image: url('/images/warning.png');
}
.accuracy_unknown {
	background-image: url('/images/warning.png');
}
.accuracy_good {
	background-image: url('/images/icons/check.png');
}
.accuracy_error {
	background-image: url('/images/error.png');
}
/* end geocode accuracies ***********************/


/*** smilies ************************************/

img.image-option
{
	width: 40px;
	height: 40px;
}

img.smile2-n5-0
{
	background: url(/images/icons/smile2-sprite.png) 0 0;
}
img.smile2-n5-1
{
	background: url(/images/icons/smile2-sprite.png) -40px 0;
}
img.smile2-n5-2
{
	background: url(/images/icons/smile2-sprite.png) -80px 0;
}
img.smile2-n5-3
{
	background: url(/images/icons/smile2-sprite.png) -120px 0;
}
img.smile2-n5-4
{
	background: url(/images/icons/smile2-sprite.png) -160px 0;
}

img.smile2-n4-0
{
	background: url(/images/icons/smile2-sprite.png) 0 0;
}
img.smile2-n4-1
{
	background: url(/images/icons/smile2-sprite.png) -40px 0;
}
img.smile2-n4-2
{
	background: url(/images/icons/smile2-sprite.png) -120px 0;
}
img.smile2-n4-3
{
	background: url(/images/icons/smile2-sprite.png) -160px 0;
}

img.smile2-n3-0
{
	background: url(/images/icons/smile2-sprite.png) 0 0;
}
img.smile2-n3-1
{
	background: url(/images/icons/smile2-sprite.png) -80px 0;
}
img.smile2-n3-2
{
	background: url(/images/icons/smile2-sprite.png) -160px 0;
}

img.smile2-n2-0
{
	background: url(/images/icons/smile2-sprite.png) 0 0;
}
img.smile2-n2-1
{
	background: url(/images/icons/smile2-sprite.png) -160px 0;
}



/* icon font symbols ********************************************************************/

@font-face {
	font-family: 'jimicons';
	src:    url('/fonts/jimicons.eot?vf5jfh');
	src:    url('/fonts/jimicons.eot?vf5jfh#iefix') format('embedded-opentype'),
	url('/fonts/jimicons.ttf?vf5jfh') format('truetype'),
	url('/fonts/jimicons.woff?vf5jfh') format('woff'),
	url('/fonts/jimicons.svg?vf5jfh#jimicons') format('svg');
	font-weight: normal;
	font-style: normal;
}

.icon {
	font-family: 'jimicons';
	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;
}


.target_list_wrapper div:before {
	font-family: 'jimicons';
	font-size: 300%;
	font-weight: normal;
}
.target_list_wrapper div {
	font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, sans-serif !important;
	font-weight: bold;
}



.icon-sassie-s:before {
	content: "\e600";
}
.icon-prsto-zoom-p:before {
	content: "\e601";
}
.icon-presto-zoom:before {
	content: "\e602";
}
.icon-presto-p:before {
	content: "\e603";
}
.icon-plus:before {
	content: "\e604";
}
.icon-minus:before {
	content: "\e605";
}
.icon-pencil:before {
	content: "\e606";
}
.icon-info-ol:before {
	content: "\e607";
}
.icon-info-fill:before {
	content: "\e608";
}
.icon-home:before {
	content: "\e609";
}
.icon-geo-pin:before {
	content: "\e60a";
}
.icon-forward:before {
	content: "\e60b";
}
.icon-file-send-ol:before {
	content: "\e60c";
}
.icon-file-send-fill:before {
	content: "\e60d";
}
.icon-file-pdf-ol:before {
	content: "\e60e";
}
.icon-file-pdf-fill:before {
	content: "\e60f";
}
.icon-doc-ol:before {
	content: "\e610";
}
.icon-doc-fill:before {
	content: "\e611";
}
.icon-export:before {
	content: "\e612";
}
.icon-drop-arrow:before {
	content: "\e613";
}
.icon-dragon:before {
	content: "\e614";
}
.icon-dragon-s:before {
	content: "\e615";
}
.icon-dragon-head:before {
	content: "\e616";
}
.icon-dash-grid:before {
	content: "\e617";
	padding-bottom: .5em;
}
.icon-dash-grid-ol:before {
	content: "\e618";
	padding-bottom: .5em;
}
.icon-cog:before {
	content: "\e619";
}
.icon-close:before {
	content: "\e61a";
}
.icon-close-fill:before {
	content: "\e61b";
}
.icon-check:before {
	content: "\e61c";
}
.icon-check-fill:before {
	content: "\e61d";
}
.icon-question-ol:before {
	content: "\e61e";
}
.icon-question-fill:before {
	content: "\e61f";
}
.icon-visibility-on:before {
	content: "\e620";
}
.icon-visibility-off:before {
	content: "\e621";
}
.icon-visibility-on-fill:before {
	content: "\e622";
}
.icon-visibility-off-fill:before {
	content: "\e623";
}
.icon-computer-1:before {
	content: "\e624";
}
.icon-computer-2:before {
	content: "\e625";
}
.icon-computer-3:before {
	content: "\e626";
}
.icon-down-up:before {
	content: "\e627";
}
.icon-up-down:before {
	content: "\e628";
}
.icon-up-up:before {
	content: "\e629";
}
.icon-cat-1:before {
	content: "\e62a";
}
.icon-cat-2:before {
	content: "\e62b";
}
.icon-down-up-alt:before {
	content: "\e62c";
}
.icon-up-down-alt:before {
	content: "\e62d";
}
.icon-up-up-alt:before {
	content: "\e62e";
}
.icon-up-solid:before {
	content: "\e62f";
}
.icon-up-outlined:before {
	content: "\e630";
}
.icon-down-solid:before {
	content: "\e631";
}
.icon-down-outlined:before {
	content: "\e632";
}
.icon-up-solid:before {
	content: "\e62f";
}
.icon-up-outlined:before {
	content: "\e630";
}
.icon-down-solid:before {
	content: "\e631";
}
.icon-down-outlined:before {
	content: "\e632";
}
.icon-mag:before {
	content: "\e900";
}
.icon-mag-fill:before {
	content: "\e901";
}
/* end icon font symbols ****************************************************************/






.footer {
	clear: both;
	margin: 0 auto;
	width: 94%;
}
.footer li {
    float: left;
    padding: 0 1em .5em 1em;
}
.footer li, .footer li a {
    color: white;
    font-size: 13px;
    text-decoration: none;
}
.footer a:hover {
    text-decoration: underline;
}

/* the panel mechanism doesnt allow for vert scroll,
 * so we add an extra container set to the viewport height */
.inner-panel-container
{
	/* this seems to work everywhere we care about
	 * except for Android < 4.4 */
	height: 100vh;
	overflow-y: auto;
	padding-bottom: 5em;
}



/***** knickers print mode ***********************************************************/
/* the following makes a plain page background with no effects */
body.output-mode-print,
.output-mode-print #container,
.output-mode-print .results
 {
	Background: white;
	border: 0;
	margin: 0 auto;
	padding: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
/* the following adds space around browser window edges */
body.output-mode-print {
	padding: 2em;
}

/* alerts w/in a colorbox get obscured when custom css... */
.reservation.mobile-popup,
.child-countdown.mobile-popup,
.message-display,
.eval-and-controls .geocode-input.floater,
.survey-tree
{
	background: white;
	/* border: 9px solid #6ccce0; */
	border: 3px solid #6ccce0;
	/* margin: 0 1% 0 -.5%; */
	margin: 0 0 1em 0;
	padding: 1em !important;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	/* 
	-moz-box-shadow: 0 3px 60px #666;
	-webkit-box-shadow: 0 3px 60px #666;
	box-shadow: 0 3px 60px #666;
	 */
	 -moz-box-shadow: 0 3px 9px #ccc;
	-webkit-box-shadow: 0 3px 9px #ccc;
	box-shadow: 0 3px 9px #ccc;
}

.common.css,
.survey-tree {
	clear: both;
}

/* linked survey survey-tree */
.eval-info .survey-tree h2 {
	background-image: url('/images/icons/linked-survey-tree.png');
	font-size: 1em;
	margin: 0 0 .5em 0;
}
.survey-tree ul {
	margin-left: .5em;
}
.survey-tree ul li {
	background-image: url('/images/icons/linked-survey-branch.png');
}
.nav-tree.survey-tree ul li ul li {
	background-image: url('/images/icons/linked-survey-branch-blue.png');
}
.eval-info .survey-tree h2,
.survey-tree ul li
{
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 0 0 0 1.5em;
}
/* not sure why this was here
.survey-tree ul li:nth-of-type(2n) {
	background-image: none;
}
*/
.survey-tree ul li ul {
	margin: 1em 0 0 0;
}


.take_eval_header .eval-and-controls .geocode-input.floater p,
.evaluation-container .geocode-input.floater p
{
	color: #444;
	text-shadow: none;
}

.message-display
{
	overflow: auto;
}
.common.css,
.message-display.thank-you,
.message-display h3.thank-you,
.message-display .promo-link {
	text-align: center;
}
.evaluation-container .message-display p, .evaluation-container .message-display p:hover,
.evaluation-container .message-display h2, .evaluation-container .message-display h2:hover,
.evaluation-container .message-display h3, .evaluation-container .message-display h3:hover,
.evaluation-container .message-display h4, .evaluation-container .message-display h4:hover,
.evaluation-container .message-display a, .evaluation-container .message-display a:hover,
.evaluation-container .geocode-input.floater h4, .evaluation-container .geocode-input.floater h4:hover
{
	color: #0bb8da !important;
	text-shadow: none !important;
}
.evaluation-container .message-display a p:hover,
.evaluation-container .message-display a:hover
{
	color: #007399 !important;
	text-shadow: none !important;
}

/* e.g., "return to map" buttons */
.evaluation-container .message-display a.button, .evaluation-container .message-display a.button:hover
{
	color: white !important;
}

/* FreeSample ************************************************************/
.pick_a_survey fieldset {
	background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}
.pick_a_survey .geocodeable_status_container {
	margin-bottom: 1em;
}
.pick_a_survey #remove_questions h3,
.pick_a_survey #whatyourbiz h3,
.pick_a_survey #whoyouis h3,
.pick_a_survey .instructions {
	clear: both;
}
.pick_a_survey .step_header_container {
	margin: 1em 0;
}
.pick_a_survey a.button {
	margin: 0 1em 1em 0;
}
.pick_a_survey #alldone ul {
	list-style-type: disc;
	margin-left: 1em;
}
.pick_a_survey #alldone li {
	margin-bottom: 1em;
}
.pick_a_survey #emailverify {
	font-style: italic;
	margin-left: -.7em;
}
.pick_a_survey .controls {
	border: 0;
}
/* don't want real button panel on the preview survey */
.pick_a_survey .eval-and-controls .controls {
	display: none;
}
.pick_a_survey .info_fields {
	/*background: pink;*/
	float: left;
	width: 100%;
}
.pick_a_survey .info_fields label {
	/*background: lime;*/
	float: left;
	width: 100%;
}
.pick_a_survey .info_fields input[type="text"] {
	/*background: gold;*/
	height: 2em;
	margin: 0 0 1em 0;
	width: 100%;
}
.pick_a_survey .sign_up_here {
	margin-bottom: 1em;
}

/* diagonal preview look */
.survey_preview_container {
	clear: both;
	margin: 1em 0;
}
.survey_preview_container {
	background: #f0f6f7 url('https://d1rl12thtbcp7t.cloudfront.net/preview_survey_bg.png');
	border: 3px solid #ddd;
	float: left;
	padding: 1.5em;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	width: 100%;
}
#preview-header {
	border: 0;
	border-bottom: 1px solid #999;
	padding: .5em;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
#survey_preview ul.evaluation {
	border: 3px solid #e66a51;
	border-radius: 12px;
	box-shadow: 0px 1px 9px #111;
}
#survey_preview .eval-info h2, #preview-header h2,
#survey_preview .eval-info h3, #preview-header h3,
#survey_preview .eval-info p.target-address
{
	color: #007399;
	margin: 0 0 .5em 0;
	text-align: center;
	text-shadow: 0 1px 0 white;
}
#survey_preview .eval-info h2,
#survey_preview .eval-info .survey-name
{
	font-size: 30px;
}




/* ViewEval and ReviewEval **************************************************************/
.eval_display {
}
.eval_display fieldset {
	background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}
.eval_display .eval-info-block {
	margin-bottom: 1em;
	padding: 0;
	clear: both;
}
.eval_display .eval-info-block li {
	margin-bottom: .5em;
}
.eval_display .eval-info-block strong {
	/*color: #8c5c31; brown */
	color: #8e6ca6;
}
.eval_display .listview legend {
    width: 100%;
}
.eval_display .listview legend br {
    display: none;
}
.eval_display .required,
.eval_display .error {
    line-height: 2;
    margin-left: .85em;
}
.eval_display span.required.asterisk {
    clear: none;
    float: left;
	font-size: 1.5em;
	line-height: normal;
    margin: 0 .25em 0 0;
}


.eval_display .score {
	clear: both;
	font-size: 1.25em;
	font-weight: bold;
	margin: .5em 0;
}

.uip-connstat .title
{
	float: left;
}

.uip-connstat .loading,
.uip-connstat .status,
.uip-loginstat .logout
{
	display: inline-block;
	float: right;
}

/* disabled stuff */
.disabled, .disabled:active, .disabled:hover,
#cboxLoadedContent div a.button.disabled, #cboxLoadedContent div a.button.disabled:active, #cboxLoadedContent div a.button.disabled:hover,
.ui-disabled, .ui-disabled:active, .ui-disabled:hover,
#cboxLoadedContent div a.button.ui-disabled, #cboxLoadedContent div a.button.ui-disabled:active, #cboxLoadedContent div a.button.ui-disabled:hover
{
	background-color: #ccc !important;
	/* border: 1px solid #bfbfbf; */
	border: 0;
	color: white; /* was #b3b3b3 */
	cursor: default;
    text-shadow: none;
}

/* profile elements from DemoFormFragment, BecomeEvaluator, EvaluatorSignup, MyProfile, MySubscriptions, MyDemographics */
.profile_collection {
	/* background: gold; */
}
.profile_collection fieldset {
	/* background: orange; */
	border: 0;
	border-bottom: 1px solid #c0c0c0;
	margin: 0 0 1em 0;
	padding: 0 0 .75em 0;
}
.profile_collection fieldset fieldset input {
	/* background: tomato; */
	margin: 0 .5em 0 0em;
}
.profile_collection fieldset label {
	/* color: purple; */
	margin: 0 .5em 1em 0em;
}

/* breadcrumb list */
ul.breadcrumbs {
	/* border-bottom: 1px solid #d5dddb; */
	clear: both;
	height: 3.5em;
	margin: 1em 0;
	padding: 0;
}
.breadcrumbs li {
	float: left;
	font-size: 1.35em;
	font-weight: bold;
	line-height: 1.25em;
	list-style-type: none;
	margin: 0 .5em 0 0;
	padding: .2em .5em .25em 3em;
}

.breadcrumbs li,
.active_breadcrumb
{
	background: transparent url('/images/presto-zoom.png') no-repeat 6px 6px;
}
.active_breadcrumb
{
	background-position: 0 3px;
	background-size: 32px;
}

.breadcrumbs li.current {
	border-bottom: 3px solid #abe2ed; /* hsl(190, 65%, 80%) */
}
.breadcrumbs a {
	text-decoration: none;
}
.breadcrumbs a:hover {
	/* color: #006080;  hsl(195, 100%, 25%) */
	color: #0bb8da;
	cursor: pointer;
}
.breadcrumbs li:hover
{
	background: transparent;
	cursor: default;
}
/* end breadcrumb list */

.target-distance {
	background-repeat: no-repeat;
	background-position: .5em 50%;
	/* border: 1px solid black; */
	color: white;
	display: inline-block;
	font-weight: bold;
	padding: .25em .5em .25em 2em;
}
.target-distance.distance-good {
	background-image: url('/images/icons/check-white.png');
	/* color: #9dd65c; */
}
.target-distance.distance-maybe-ok {
	background-image: url('/images/icons/alert-white.png');
	/* color: #d98e26; */
}
.target-distance.distance-not-good {
	background-image: url('/images/icons/alert-white.png');
	/* color: #df2020; */
}

td.privacy_select {
	vertical-align: top;
}

/* custom dropdown select menus */
.run_row td.privacy_select {
	max-width: initial;
}
.public_map {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url('/images/icons/arrow-select.png');
	background-position: 97% center;
	background-repeat: no-repeat;
	border: 0;
	border-radius: 9px;
	color: white;
	font-size: 8px;
	/* font-weight: bold; */
	height: 16px;
    line-height: 15px;
	letter-spacing: 1.5px;
	margin-top: 1px;
	padding: 1px 15px 0 8px;
	text-transform: uppercase;
	width: 100%;
	-webkit-font-smoothing: subpixel-antialiased;
}
select::-ms-expand { 
    display: none; /* hide the default arrow in ie10 and ie11 */
}
.public_map option {
	background: white;
	color: black;
	letter-spacing: 0;
	padding: .5em .25em;
	/* text-transform: capitalize; */
}
.public_map.public {
	background-color: #9fd54e;
	border-color: #9fd54e;
}
.public_map.company {
	background-color: #ffbb33;
	border-color: #ffbb33;
}
.public_map.private {
	background-color: #c92d24;
	border-color: #c92d24;
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)
{
	.pick_a_survey #maplink img {
		width: 100%;
	}
}
@media only screen and (max-width: 400px)
{
	.pick_a_survey #maplink img {
		width: 100%;
	}
}

.hide {
	display: none;
}


.display-questionid,
.question_id
{
	background: white;
    color: #666;
    font-family: monospace;
    padding: 0 .25em;
}

/* sometimes we want to disable sticky-ness applied to a parent */
/* (@see: MS Edge on Take/ReviewEval control bar) */
.no-sticky
{
	position: relative !important;
}

blockquote {
	background: #f9f9f9;
	border: 1px solid #8e6ca6;
	border-left: 12px solid #8e6ca6;
	border-radius: 6px;
	font-weight: bolder;
	margin: 1em .5em;
	padding: 0.5em 1em;
	/* quotes: "\201C""\201D""\2018""\2019"; */
	width: 90%;
}


button.wiggler,
a.button.wiggler {
  animation: btnWiggle 3s infinite;
}

@keyframes btnWiggle {
  0% {
    transform: rotate(0deg);
  }
  2% {
    transform: rotate(-6deg);
  }
  3.5% {
    transform: rotate(6deg);
  }
  5% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}


/***** pdf print mode ****************************************************************/
@media print
	{
		body,
		#container,
		.results
		{
			Background: white;
			border: 0;
			margin: 0 auto;
			padding: 0;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
		}
		#container {
			border: 12px red;
			width: 100%;
			background: tan;
		}
		.results {
			border: 12px green;
		}
	}


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#fff; padding:1px;}
        
        #cboxLoadingOverlay{background:#fff;} /* was black */
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}
        
        #colorbox,
		.prestobox {
			background: white;
			border: 9px solid #ddebee;
			border: 9px solid #6ccce0;
			padding: 0;
	
			-moz-border-radius: 9px;
			-webkit-border-radius: 9px;
			border-radius: 9px;
			-moz-box-shadow: 0 3px 60px #666;
			-webkit-box-shadow: 0 3px 60px #666;
			box-shadow: 0 3px 60px #666;
		}
		#colorbox fieldset,
		.mobile-popup fieldset {
			border: 0;
			float: none;
			margin: 0;
			width: auto;
			
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
		}
		#colorbox fieldset, #cboxContent {
			margin: 0;
			padding: 0;
		}
		#cboxLoadedContent {
			padding: 1em;
		}
        #cboxClose, #cboxClose:hover {
			background: transparent url('/images/icons/button-check.png') no-repeat top center;
			
			position: absolute;
			right: 9px;
        	top: 9px;
			
			border: 0;
			color: transparent;
			text-decoration: none;
			text-shadow: none;
			text-transform: capitalize;
			
			width: 34px;
			height: 34px;
			
			filter:false; /* clears potential inherited gradients from fussy ie */
			
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
			border-radius: 0;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
        }
        
        #colorbox #cboxContent p {
        	padding-right: 2em; 
        }
        /*
        #cboxClose:before {
			content: "or ";
        }
       
		#cboxClose:hover {
			color: #B3004a;
		}
		 */
		
		
		#colorbox .primary,
		#cboxContent #register-go {
			clear: both;
			float: right;
			margin: 2em 0 0 0;
		}
		#cboxContent #register-go {
			margin-top: 0;
		}
		
		#colorbox h3,
		#colorbox .nag_window p {
			color: #0bb8da;
			font-weight: 700;
			margin-bottom: 1em;
			margin-right: 2em;
		}
		/*
		#colorbox .nag_window {
			width: 600px;
		}
		*/
		#colorbox .nag_window p {
			background: url('/images/icons/alert-triangle.png') no-repeat 6px 4px;
			color: #9c4e16;
			font-family: 'Roboto', sans-serif;
			font-size: 1.385em;
			margin: 0 2em .5em 0;
			padding-left: 1.7em;
		}
		#colorbox .nag_window p,
		#colorbox .nag_window a {
			color: #9c4e16;
		}
		#colorbox .nag_window a:hover {
			color: black;
		}
		.nag_window {
			padding: 0;
		}
		
		.banner .error  {
			/*background: transparent;*/
		}
		#colorbox img,
		#colorbox .bgimg_filelist a.imgpreview img {
			border: 3px solid #819498;
			margin-bottom: 1em;
			padding: 0;
	
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			border-radius: 6px;
			-moz-box-shadow: 0 3px 18px #999;
			-webkit-box-shadow: 0 3px 18px #999;
			box-shadow: 0 3px 18px #999;
		}
		#colorbox .submit-loading,
		#colorbox .submit-loading img,
		#qr-loading,
		img#qr-loading,
		#cboxLoadingGraphic,
		#cboxLoadingGraphic img,
		#colorbox .preview_throb img,
		#colorbox .bgimg_filelist img,
		#colorbox img#header_uploading,
		#colorbox img#bgimg_uploading {
			border: 0;
			margin: 0;
			padding: 0;
			
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
			border-radius: 0;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;
		}
		#colorbox #cboxContent ol {
			margin-left: 1em;
		}
		
		
		/*==============================================================================*/
		/* custom popups ****************************************************************/
		/*==============================================================================*/
		#cboxLoadedContent .mobile-popup {
			/* since we don't use the close check button anymore, don't need this */
			/*padding-right: 2.5em;*/
		}
		#cboxLoadedContent div a.button.popup-close {
			/* margin: 1em 0 .5em 0; */
			position: absolute;
			bottom: .5em;
			right: .5em;
		}
		#cboxLoadedContent div a.button,
		#cboxLoadedContent div a.button:active,
		#cboxLoadedContent div a.button:hover {
			/* "important" here makes it difficult to override later,
			 * for example, with ui-disabled */
			/*background-color: #0bb8da !important;*/
			background-color: #0bb8da;
			color: white !important;
		}
		#cboxLoadedContent div a.button:active,
		#cboxLoadedContent div a.button:hover {
			background-color: #007399 !important;
		}
		
		/*==============================================================================*/

		/* verify that auto resize is not working before doing this */
		/*
		#must-wait-alert.mobile-popup,
		#survey-updated.mobile-popup,
		#trash-confirm.mobile-popup,
		#idle-timeout.mobile-popup
		{
			height: 7.5em;
		}
		*/

		/*==============================================================================*/
		
		/* verify that auto resize is not working before doing this */
		/*
		#cant-geocode-alert.mobile-popup, 
		#offline-alert.mobile-popup,
		#offline-alert-generic.mobile-popup,
		#offline-alert-native.mobile-popup,
		#offline.mobile-popup,
		#claim-offline-alert.mobile-popup,
		#next-but-incomplete,
		#eval-server-locked.mobile-popup,
		#unsaved-confirm
		{
			height: 11em;
		}
		@media all and (max-width: 700px) {
			#cant-geocode-alert.mobile-popup, 
			#offline-alert.mobile-popup
			{
				height: 22em !important;
			}
		}
		*/
		
		/*==============================================================================*/
		
		/* verify that auto resize is not working before doing this */
		/*
		#no-geocode-alert.mobile-popup, 
		#no-geocode-offline.mobile-popup
		{
			height: 19em;
		}
		@media all and (max-width: 321px) {
			#no-geocode-alert.mobile-popup, 
			#no-geocode-offline.mobile-popup
			{
				height: 23.5em !important;
			}
		}
		*/
		
		/*==============================================================================*/
		
		/* verify that auto resize is not working before doing this */
		#map-help.mobile-popup
		{
			height: 22.5em;
		}
		@media all and (max-width: 700px) {
			#map-help.mobile-popup
			{
				height: 22.5em !important;
			}
		}
		@media all and (max-width: 321px) {
			#map-help.mobile-popup
			{
				height: 22.5em !important;
			}
		}
		
		/*==============================================================================*/
	
		/* verify that auto resize is not working before doing this */
		/*
		#shops-not-found.mobile-popup, 
		#finalizing-problem.mobile-popup,
		#pii-confirm,
		#duplicate-images,
		#ls-must-native
		{
			height: 8.6em;
		}
		@media all and (max-width: 700px) {
			#shops-not-found.mobile-popup, 
			#finalizing-problem.mobile-popup,
			#pii-confirm,
			#duplicate-images,
			#ls-must-native
			{
				height: 18em !important;
			}
		}
		*/
		
		/*==============================================================================*/
		
		/* verify that auto resize is not working before doing this */
		/*	
		#delete-current-confirm.mobile-popup, 
		#saved.mobile-popup 
		{
			height: 6.5em;
			width: 28.6em;
		}
		@media all and (max-width: 700px) {
			#delete-current-confirm.mobile-popup, 
			#saved.mobile-popup 
			{
				height: 9.3em !important;
			}
		}
		@media all and (max-width: 321px) {
			#delete-current-confirm.mobile-popup, 
			#saved.mobile-popup 
			{
				height: 14.3em !important;
			}
		}
		*/
		#delete-current-confirm.mobile-popup p,
		#saved.mobile-popup p
		{
			float: left;
		}
		#delete-current-confirm.mobile-popup a.button,
		#saved.mobile-popup a.button
		{
			float: left;
			margin: 1em 1em 1em 0;
		}
		#saved.mobile-popup a.keepworking-button
		{
			float: left;
			margin: 1em 1em 1em 0;
			padding: .5em 0;
		}

		#delimg-confirm
		{
			height: 7.9em;
		}
		#delimg-confirm a.button
		{
			margin: 1em 1em 1em 0;
		}

		#clear-storage-confirm.mobile-popup
		{
			width: 21.5em;
			padding-right: 0.5em;
		}

		/*==============================================================================*/

		/* verify that auto resize is not working before doing this */
		/*
		#incomplete-evals-alert.mobile-popup, 
		#claim-period-expired.mobile-popup, 
		#completion-period-expired.mobile-popup, 
		#mid-air-collision.mobile-popup 
		{
			height: 5.8em;
		}
		@media all and (max-width: 700px) {
			#incomplete-evals-alert.mobile-popup, 
			#claim-period-expired.mobile-popup, 
			#completion-period-expired.mobile-popup, 
			#mid-air-collision.mobile-popup 
			{
				height: 8.6em !important;
			}
		}
		*/
		
		/*==============================================================================*/

		/* verify that auto resize is not working before doing this */
		/*
		#must-reserve-alert.mobile-popup, 
		#must-prequalify.mobile-popup
		{
			height: 4.7em;
		}
		@media all and (max-width: 700px) {
			#must-reserve-alert.mobile-popup 
			{
				height: 7.2em !important;
			}
		}
		*/
		
		/*==============================================================================*/

		/* verify that auto resize is not working before doing this */
		/*
		#locating.mobile-popup, 
		.reservation.mobile-popup .not-available  
		{
			height: 3.6em;
		}
		@media all and (max-width: 700px) {
			#locating.mobile-popup, 
			.reservation.mobile-popup .not-available  
			{
				height: 6.5em !important;
			}
		}
		*/
		
		/*==============================================================================*/
		
		#remember_to_save /* QLE; Note: Your updates are not yet saved.  Be sure to hit the Save button on the lower right. */
		{
			height: 2.9em;
		}
		@media all and (max-width: 700px) {
			#remember_to_save /* QLE; Note: Your updates are not yet saved.  Be sure to hit the Save button on the lower right. */
			{
				height: 5.8em !important;
			}
		}
		
		/*==============================================================================*/
		
		/* general popup sizing */
		#cboxLoadedContent {
			/* set max in case there is long content, so it can scroll */
			max-height: 85vh;
		}

		@media all and (max-width: 700px) {
			#colorbox {
				/* width: 93% !important; */
				width: 83% !important;
				/*background: pink;*/
				/* height: 100px !important; */
			}
			#cboxContent {
				background: white !important;
			}
			#cboxWrapper,
			#cboxContent {
				/* height: 100px !important; */
				width: 100% !important;
			}
			#cboxLoadedContent {
				padding: .5em 1em !important;
				width: 90% !important;
			}
			#cboxLoadedContent .mobile-popup {
				width: 96% !important;
			}

			/* Add Funds popups *********************************************************/
			.pay_recommendations /* AddFunds; */
			{
				height: 22.9em !important;
			}
			#expense_allowance_help /* AddFunds; */
			{ 
				height: 6.5em !important;
				padding-right: 2.9em !important;
			}
			
		}
		@media all and (max-width: 400px) {
			#cboxLoadedContent .mobile-popup {
				min-height: 7.2em;
			}
			.reservation.mobile-popup,
			.reservation.mobile-popup .not-available,
			.take_eval_header .mobile-popup .no-thanks-survey .response-container legend
			{
				padding: .5em !important;
			}
			.reservation.mobile-popup fieldset,
			.reservation.mobile-popup .eval-info,
			.mobile-popup .no-thanks-survey ul.evaluation.listview li.response-container
			{
				padding: 0;
			}
			.mobile-popup .no-thanks-survey h2,
			.mobile-popup .no-thanks-survey h3,
			.take_eval_header .mobile-popup .no-thanks-survey .response-container legend h4
			{
				font-size: 1em;
			}
			.take_eval_header .reservation.mobile-popup a.button {
				padding: .5em;
			}
			.evaluation-container .mobile-popup .no-thanks-survey .response-container .answeroption input
			{
				margin: .5em;
			}
			.reservation.mobile-popup .not-available a.button.standard,
			#incomplete-evals-alert.mobile-popup a.button.standard
			{
				margin: 1em 0 0 0;
			}
			/* verify that auto resize is not working before doing this */
			/*
			#incomplete-evals-alert.mobile-popup, 
			#claim-period-expired.mobile-popup,
			#completion-period-expired.mobile-popup 
			{
				height: 14.3em !important;
			}
			#cant-geocode-alert.mobile-popup 
			{
				height: 25em !important;
			}
			*/
		}

@font-face{font-family:'icons_mobiscroll';src:url('/css/icons_mobiscroll.eot?m4gnjn');src:url('/css/icons_mobiscroll.eot?#iefixm4gnjn') format('embedded-opentype'),url('/css/icons_mobiscroll.ttf?m4gnjn') format('truetype'),url('/css/icons_mobiscroll.woff?m4gnjn') format('woff'),url('/css/icons_mobiscroll.woff') format('woff'),url('/css/icons_mobiscroll.svg?m4gnjn#icons_mobiscroll') format('svg');font-style:normal}.mbsc-ic:before{font-family:'icons_mobiscroll';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mbsc-ic-aid:before{content:"\f100"}.mbsc-ic-airplane:before{content:"\f101"}.mbsc-ic-alarm2:before{content:"\f102"}.mbsc-ic-arrow-down5:before{content:"\f103"}.mbsc-ic-arrow-left4:before{content:"\f104"}.mbsc-ic-arrow-left5:before{content:"\f105"}.mbsc-ic-arrow-left6:before{content:"\f106"}.mbsc-ic-arrow-right4:before{content:"\f107"}.mbsc-ic-arrow-right5:before{content:"\f108"}.mbsc-ic-arrow-right6:before{content:"\f109"}.mbsc-ic-arrow-up5:before{content:"\f10a"}.mbsc-ic-attachment:before{content:"\f10b"}.mbsc-ic-backspace:before{content:"\f10c"}.mbsc-ic-backspace3:before{content:"\f10d"}.mbsc-ic-backspace4:before{content:"\f10e"}.mbsc-ic-bars:before{content:"\f10f"}.mbsc-ic-book:before{content:"\f110"}.mbsc-ic-bubble:before{content:"\f111"}.mbsc-ic-bubbles:before{content:"\f112"}.mbsc-ic-bullhorn:before{content:"\f113"}.mbsc-ic-calendar:before{content:"\f114"}.mbsc-ic-camera:before{content:"\f115"}.mbsc-ic-cart:before{content:"\f116"}.mbsc-ic-checkmark:before{content:"\f117"}.mbsc-ic-clock:before{content:"\f118"}.mbsc-ic-close:before{content:"\f119"}.mbsc-ic-cloud-download:before{content:"\f11a"}.mbsc-ic-cloud-upload:before{content:"\f11b"}.mbsc-ic-cogs:before{content:"\f11c"}.mbsc-ic-connection:before{content:"\f11d"}.mbsc-ic-copy2:before{content:"\f11e"}.mbsc-ic-copy3:before{content:"\f11f"}.mbsc-ic-credit:before{content:"\f120"}.mbsc-ic-disk:before{content:"\f121"}.mbsc-ic-download:before{content:"\f122"}.mbsc-ic-drawer:before{content:"\f123"}.mbsc-ic-droplet:before{content:"\f124"}.mbsc-ic-earth:before{content:"\f125"}.mbsc-ic-eye:before{content:"\f126"}.mbsc-ic-eye-blocked:before{content:"\f127"}.mbsc-ic-fa-leaf:before{content:"\f128"}.mbsc-ic-fa-rotate-left:before{content:"\f129"}.mbsc-ic-file4:before{content:"\f12a"}.mbsc-ic-film:before{content:"\f12b"}.mbsc-ic-flag:before{content:"\f12c"}.mbsc-ic-folder:before{content:"\f12d"}.mbsc-ic-forward:before{content:"\f12e"}.mbsc-ic-foundation-mail:before{content:"\f12f"}.mbsc-ic-foundation-minus-circle:before{content:"\f130"}.mbsc-ic-globe:before{content:"\f131"}.mbsc-ic-heart:before{content:"\f132"}.mbsc-ic-history:before{content:"\f133"}.mbsc-ic-home:before{content:"\f134"}.mbsc-ic-image2:before{content:"\f135"}.mbsc-ic-ion-android-system-windows:before{content:"\f136"}.mbsc-ic-ion-bluetooth:before{content:"\f137"}.mbsc-ic-ion-ios7-checkmark-empty:before{content:"\f138"}.mbsc-ic-ion-navigate:before{content:"\f139"}.mbsc-ic-key2:before{content:"\f13a"}.mbsc-ic-library:before{content:"\f13b"}.mbsc-ic-link:before{content:"\f13c"}.mbsc-ic-location:before{content:"\f13d"}.mbsc-ic-lock2:before{content:"\f13e"}.mbsc-ic-loop2:before{content:"\f13f"}.mbsc-ic-map:before{content:"\f140"}.mbsc-ic-material-arrow-back:before{content:"\f141"}.mbsc-ic-material-equalizer:before{content:"\f142"}.mbsc-ic-material-pause:before{content:"\f143"}.mbsc-ic-material-play-arrow:before{content:"\f144"}.mbsc-ic-material-repeat:before{content:"\f145"}.mbsc-ic-material-shuffle:before{content:"\f146"}.mbsc-ic-material-skip-next:before{content:"\f147"}.mbsc-ic-material-skip-previous:before{content:"\f148"}.mbsc-ic-material-stop:before{content:"\f149"}.mbsc-ic-minus:before{content:"\f14a"}.mbsc-ic-mobile:before{content:"\f14b"}.mbsc-ic-music:before{content:"\f14c"}.mbsc-ic-newspaper:before{content:"\f14d"}.mbsc-ic-office:before{content:"\f14e"}.mbsc-ic-pause2:before{content:"\f14f"}.mbsc-ic-pencil:before{content:"\f150"}.mbsc-ic-phone:before{content:"\f151"}.mbsc-ic-play:before{content:"\f152"}.mbsc-ic-play3:before{content:"\f153"}.mbsc-ic-plus:before{content:"\f154"}.mbsc-ic-redo2:before{content:"\f155"}.mbsc-ic-remove:before{content:"\f156"}.mbsc-ic-reply:before{content:"\f157"}.mbsc-ic-sad2:before{content:"\f158"}.mbsc-ic-share:before{content:"\f159"}.mbsc-ic-smiley2:before{content:"\f15a"}.mbsc-ic-stack:before{content:"\f15b"}.mbsc-ic-star:before{content:"\f15c"}.mbsc-ic-star2:before{content:"\f15d"}.mbsc-ic-star3:before{content:"\f15e"}.mbsc-ic-stop2:before{content:"\f15f"}.mbsc-ic-stopwatch:before{content:"\f160"}.mbsc-ic-support:before{content:"\f161"}.mbsc-ic-tag:before{content:"\f162"}.mbsc-ic-thumbs-up:before{content:"\f163"}.mbsc-ic-thumbs-up2:before{content:"\f164"}.mbsc-ic-undo2:before{content:"\f165"}.mbsc-ic-unlocked:before{content:"\f166"}.mbsc-ic-upload:before{content:"\f167"}.mbsc-ic-user4:before{content:"\f168"}.mbsc-ic-volume-medium:before{content:"\f169"}.dw,.dwo{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0)}.dw{max-width:98%;position:absolute;top:0;left:0;z-index:2;font-size:12px;text-shadow:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-ms-touch-action:none;user-select:none}.dw:focus{outline:0}.dw:focus{outline-offset:-2px}.dw-rtl{direction:rtl}.dw,.dwbc{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.dwwr{min-width:200px;zoom:1;overflow:hidden;text-align:center;font-family:arial,verdana,sans-serif}.dw-persp,.dwo{width:100%;height:100%;position:absolute;top:0;left:0}.dw-persp{z-index:99998;pointer-events:auto}.dwo{z-index:1;background:#000;background:rgba(0,0,0,.7);filter:Alpha(Opacity=70)}.dw-liq .dw{max-width:100%}.dw-top .dw,.dw-bottom .dw{width:100%;max-width:100%}.dw-inline .dw{position:static;display:inline-block;max-width:100%}.dw-inline.dw-liq .dw-persp .dw{display:block}.dw-inline .dw-persp{position:static}.dw-bubble .dw{margin:20px 0}.dw-bubble .dw-arrw{position:absolute;left:0;width:100%}.dw-bubble-top .dw-arrw{bottom:-36px}.dw-bubble-bottom .dw-arrw{top:-36px}.dw-bubble .dw-arrw-i{margin:0 30px;position:relative;height:36px}.dw-bubble .dw-arr{display:block}.dw-arr{display:none;position:absolute;left:0;width:0;height:0;border-width:18px 18px;border-style:solid;margin-left:-18px}.dw-bubble-bottom .dw-arr{top:0}.dw-bubble-top .dw-arr{bottom:0}.dw-hidden{width:0;height:0;margin:0;padding:0;border:0;overflow:hidden}.dwv{overflow:hidden;text-overflow:ellipsis}.dwb{overflow:hidden;display:block;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;vertical-align:top}.dwb-e{cursor:pointer}.dwb-d{cursor:default}.dwbc{display:table;width:100%;text-align:center}.dwbc .dwb-d{opacity:.3}.dwbw{vertical-align:top;display:table-cell;position:relative;z-index:5}.dwbw .dwb:before{padding:.375em}.mbsc-wdg .dwcc{position:relative;z-index:0;padding:1em;font-size:14px;text-align:left;white-space:normal}.mbsc-mobiscroll .dwwr{min-width:16em;background:#f7f7f7;color:#454545;font-size:16px}.mbsc-mobiscroll .dwv{padding:0 .6666em;padding-top:.6666em;color:#4eccc4;font-size:.75em;text-transform:uppercase;min-height:2em;line-height:2em}.mbsc-mobiscroll .dwbc{display:block;overflow:hidden;text-align:right;padding:0 .5em .5em .5em}.mbsc-mobiscroll .dwbw{display:block;float:right}.mbsc-mobiscroll .dw-rtl .dwbw{float:left}.mbsc-mobiscroll .dwb{height:2.5em;line-height:2.5em;padding:0 1em;color:#4eccc4;text-transform:uppercase}.mbsc-mobiscroll .dwb-a{background:rgba(78,204,196,.3)}.mbsc-mobiscroll .dw-bubble-bottom .dw-arr{border-color:transparent transparent #f7f7f7 transparent}.mbsc-mobiscroll .dw-bubble-top .dw-arr{border-color:#f7f7f7 transparent transparent transparent}.mbsc-np .dwwr{font-size:16px}.mbsc-np-hdr{position:relative}.mbsc-np-dsp{padding:.5em 1.75em .5em .5em;text-align:left;font-size:2em;line-height:.8}.mbsc-np-sup{display:inline-block;font-size:.375em;vertical-align:top}.mbsc-np-del{position:absolute;top:0;right:0;height:100%;width:3.5em;text-align:center}.mbsc-np-del:before{display:block;width:100%;position:absolute;top:50%;left:0;margin-top:-.5em;font-size:2em;line-height:1}.mbsc-np-ph{display:inline-block;min-width:.5625em;text-align:center;vertical-align:top}.mbsc-np-tbl-c{min-width:15em}.mbsc-np-tbl{display:table;width:100%;font-size:1.375em}.mbsc-np-row{display:table-row}.mbsc-np-btn{position:relative;z-index:0;width:33.3333333333%;display:table-cell;text-align:center;vertical-align:middle;height:3em;-webkit-user-select:none}.mbsc-np-btn.dwb-a{opacity:1}.dw-rtl .mbsc-np-dsp{padding-left:1.75em;padding-right:.5em;text-align:right}.dw-rtl .mbsc-np-del{left:0;right:auto;-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}.mbsc-np-time{text-transform:uppercase}.mbsc-np-ts-h,.mbsc-np-ts-m{font-weight:bold}.mbsc-mobiscroll .mbsc-np-del{color:#4eccc4}.mbsc-mobiscroll .mbsc-np-tbl-c{padding:.5em}.mbsc-mobiscroll .mbsc-np-btn.dwb-d{opacity:.5}.mbsc-android .mbsc-np-hdr{border-bottom:2px solid #555}.mbsc-android .mbsc-np-tbl-c{padding:1px}.mbsc-android .mbsc-np-btn{border:1px solid #000;color:#000;background:#ccc;background:-webkit-gradient(linear,left bottom,left top,from(#ccc),to(#eee));background:-webkit-linear-gradient(#eee,#ccc);background:-moz-linear-gradient(#eee,#ccc);background:linear-gradient(#eee,#ccc)}.mbsc-android .mbsc-np-btn.dwb-d{opacity:.7}.mbsc-android .mbsc-np-btn-empty{background:0}.mbsc-android-holo .mbsc-np-hdr{border-bottom:1px solid #424542}.mbsc-android-holo .mbsc-np-btn.dwb-d{opacity:.3}.mbsc-android-holo-light .mbsc-np-hdr{border-bottom:1px solid #dbdbdb}.mbsc-bootstrap.mbsc-np .dwbc{padding:4px 2px}.mbsc-bootstrap .mbsc-np-del.dwb-a{opacity:.5}.mbsc-bootstrap .mbsc-np-btn{border-top-width:0;border-right-width:0;font-size:inherit;border-radius:0}.mbsc-bootstrap .mbsc-np-row:first-child .mbsc-np-btn{border-top-width:1px}.mbsc-bootstrap .dw-ltr .mbsc-np-btn:first-child,.mbsc-bootstrap .dw-rtl .mbsc-np-btn:last-child{border-left-width:0}.mbsc-bootstrap.dw-inline .mbsc-np-row:last-child .mbsc-np-btn{border-bottom-width:0}.mbsc-bootstrap .mbsc-np-row .mbsc-np-btn.mbsc-np-btn-empty{background:0}.mbsc-ios-classic.mbsc-np .dwwr{padding:0;background:#282a39}.mbsc-ios-classic .mbsc-np-del{color:#4d5463;text-shadow:0 1px 0 rgba(255,255,255,0.7)}.mbsc-ios-classic .mbsc-np-btn{border-top:1px solid #2d3034;border-left:1px solid #2d3034;background:#6f7684;background:-webkit-gradient(linear,left top,left bottom,from(#6f7684),to(#4e5564));background:-webkit-linear-gradient(#6f7684,#4e5564);background:-moz-linear-gradient(#6f7684,#4e5564);background:linear-gradient(#6f7684,#4e5564);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.3) inset;box-shadow:0 1px 0 rgba(255,255,255,.3) inset;text-shadow:0 -1px 0 rgba(52,64,77,0.7);font-weight:bold}.mbsc-ios-classic .dw-ltr .mbsc-np-btn:first-child,.mbsc-ios-classic .dw-rtl .mbsc-np-btn:last-child{border-left:0}.mbsc-ios-classic .mbsc-np-btn.dwb-a{background:#eee;color:#000;text-shadow:0 1px 0 rgba(255,255,255,0.7)}.mbsc-ios-classic .mbsc-np-btn.dwb-d{opacity:.5}.mbsc-ios-classic .mbsc-np-btn-empty,.mbsc-ios-classic .mbsc-np-hdr{color:#000;background:#eee;background:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#bbb));background:-webkit-linear-gradient(#eee,#bbb);background:-moz-linear-gradient(#eee,#bbb);background:linear-gradient(#eee,#bbb)}.mbsc-ios .mbsc-np-btn{border-top:1px solid #ddd;border-left:1px solid #ddd;font-size:1.375em;height:2.2em}.mbsc-ios .dw-ltr .mbsc-np-btn:first-child,.mbsc-ios .dw-rtl .mbsc-np-btn:last-child{border-left:0}.mbsc-ios .mbsc-np-btn.dwb-a{background:#ddd}.mbsc-ios .mbsc-np-btn.dwb-d{color:#ddd}.mbsc-ios .mbsc-np-btn-empty{background:#ddd}.mbsc-ios .mbsc-np-ts-h,.mbsc-ios .mbsc-np-ts-m{font-weight:normal}.mbsc-jqm.mbsc-np .dwbc{padding:4px 2px}.mbsc-jqm .mbsc-np-del.dwb-a{opacity:.5}.mbsc-jqm .mbsc-np-btn{border-top-width:0;border-right-width:0;font-size:1.2em;height:2.5em;padding:0}.mbsc-jqm .mbsc-np-row:first-child .mbsc-np-btn{border-top-width:1px}.mbsc-jqm.dw-inline .mbsc-np-row:last-child .mbsc-np-btn{border-bottom-width:0}.mbsc-jqm .dw-ltr .mbsc-np-btn:first-child,.mbsc-jqm .dw-rtl .mbsc-np-btn:first-child{border-left-width:0}.mbsc-jqm .mbsc-np-btn .ui-btn-inner{height:100%;padding:0;font-size:1em;line-height:2.5em}.mbsc-jqm .mbsc-np-row .mbsc-np-btn.mbsc-np-btn-empty{background:0}.mbsc-sense-ui .mbsc-np-hdr{background:#000;border-bottom:2px solid #fff}.mbsc-sense-ui .mbsc-np-btn.dwb-d{color:#666}.mbsc-sense .mbsc-np-hdr{background:#121212;color:#fff}.mbsc-sense .mbsc-np-btn{border-top:1px solid #bfbfbf;border-left:1px solid #bfbfbf;color:#2c2e2f;-webkit-box-shadow:0 .0625em 0 rgba(255,255,255,.5) inset;box-shadow:0 .0625em 0 rgba(255,255,255,.5) inset}.mbsc-sense .dw-ltr .mbsc-np-btn:first-child,.mbsc-sense .dw-rtl .mbsc-np-btn:last-child{border-left:0}.mbsc-sense .mbsc-np-btn.dwb-a{background:#bad7e1}.mbsc-sense .mbsc-np-btn.dwb-d{color:#bfbfbf}.mbsc-wp.mbsc-np .dwwr{padding:2px}.mbsc-wp.mbsc-np .dwbc{padding-top:4px}.mbsc-wp .mbsc-np-del.dwb-a{top:0;opacity:.5}.mbsc-wp .mbsc-np-del.dwb-a:before{background:0;color:#fff}.mbsc-wp .mbsc-np-btn{top:0;background:#333;border:2px solid #1f1f1f}.mbsc-wp .mbsc-np-btn.dwb-a{background:#1a9fe0}.mbsc-wp .mbsc-np-btn.dwb-d{color:#666}.mbsc-wp .mbsc-np-btn-empty{background:0}.mbsc-wp-light .mbsc-np-del.dwb-a:before{color:#000}.mbsc-wp-light .mbsc-np-btn{border-color:#dedede;background:#ccc}.mbsc-wp-light .mbsc-np-btn.dwb-a{background:#b5b5b5}.mbsc-wp-light .mbsc-np-btn.dwb-d{color:#999}.mbsc-wp-light .mbsc-np-btn-empty{background:0}.mbsc-material .mbsc-np-del,.mbsc-material .mbsc-np-btn{overflow:hidden}.mbsc-material .mbsc-np-btn{font-size:1.4545em;height:2.0625em}.mbsc-material .mbsc-np-del{color:#009688;font-size:.875em}.mbsc-material .mbsc-np-tbl-c{padding:.5em}.mbsc-material .mbsc-np-btn.dwb-d{opacity:.5}.dwwb,.dwwo,.dwwol{-webkit-transform:translateZ(0)}.dwc{max-width:100%;vertical-align:middle;display:inline-block;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.dwl{line-height:30px;height:30px;top:-30px;left:0;text-align:center;white-space:nowrap;position:absolute;width:100%}.dwwc{margin:0 auto;position:relative;zoom:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.dwfl{max-width:100%;-webkit-box-flex:1;-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto}.dwwl{position:relative;z-index:5}.dwww{position:relative;padding:1px}.dww{overflow:hidden;position:relative;border-radius:1px}.dw-bf{-webkit-backface-visibility:hidden;-webkit-perspective:1000px;backface-visibility:hidden;perspective:1000px}.dw-ul{position:relative;z-index:3}.dw-li{padding:0 5px;position:relative;text-align:center;white-space:nowrap;vertical-align:bottom;opacity:.3;filter:Alpha(Opacity=30);cursor:pointer;-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.dw-li.dw-v,.dw-li.dw-fv{opacity:1;filter:Alpha(Opacity=100)}.dw-li.dw-h{visibility:hidden}.dw-i{position:relative;height:100%;overflow:hidden;text-overflow:ellipsis}.dwwb{position:absolute;z-index:4;left:0;cursor:pointer;width:100%;text-decoration:none;text-align:center;opacity:1;-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.dwa .dwwb{opacity:0}.dwpm .dwwbp{top:0}.dwpm .dwwbm{bottom:0}.dwpm .dwwol{display:none}.dwwo{position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;pointer-events:none}.dwwol{position:absolute;z-index:1;top:50%;left:0;width:100%;pointer-events:none}.dw-liq .dwc{display:block}.dw-liq .dw-tbl{width:100%;table-layout:fixed}.dwhl .dwl{display:none}.dw-hsel{position:absolute;height:1px;width:1px;left:0;overflow:hidden;clip:rect(1px,1px,1px,1px)}.dw-ml .dw-li{overflow:hidden}.dw-ml .dw-li .dw-i{width:100%;height:auto;display:inline-block;vertical-align:middle;white-space:normal}.dwwms .dw-li{padding:0 40px}.dwwms .dwwol{display:none}.dw-msel:before{width:40px;text-align:center;position:absolute;top:0;left:0}.dww .dw-w-gr{padding:0 5px;opacity:1;font-weight:bold;text-align:left}.mbsc-mobiscroll .dwc{padding:2em .25em 0 .25em}.mbsc-mobiscroll .dwl{color:#4eccc4;font-size:.75em;text-transform:uppercase}.mbsc-mobiscroll .dwhl{padding-top:0}.mbsc-mobiscroll .dwfl{padding:.5em .25em}.mbsc-mobiscroll .dw-li{font-size:1.375em}.mbsc-mobiscroll .dw-hl{background:rgba(78,204,196,.3)}.mbsc-mobiscroll .dwwol{border-top:1px solid #4eccc4;border-bottom:1px solid #4eccc4}.mbsc-mobiscroll .dwpm .dwwol{display:block}.mbsc-mobiscroll .dwwb{color:#4eccc4;background:#f7f7f7}.mbsc-mobiscroll .dwwbp{bottom:0;top:auto}.mbsc-mobiscroll .dwwbm{top:0;bottom:auto}.mbsc-mobiscroll .dwwb span{display:none}.mbsc-mobiscroll .dwwb:before{position:absolute;left:0;top:0;width:100%;font-size:24px;text-align:center}.mbsc-mobiscroll .dwwb.dwb-a:before{background:rgba(78,204,196,.3)}.mbsc-mobiscroll .dw-w-gr{font-size:1.125em}.mbsc-mobiscroll .dw-msel:before{font-size:40px;color:#4eccc4}.mbsc-mobiscroll .dwwms .dwwol{display:none}.dw-cal-sc-m-cell,.dw-cal-days,.dw-cal-slide,.dw-cal-row,.dw-cal-day,.dw-cal-day-fg,.dw-week-nr{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.dw-cal-sc-c,.dw-week-nrs-c,.dw-cal-c,.dw-cal-anim-c,.dw-cal-slide,.dw-cal-tab .dw-i,.dw-cal-sc .dw-i{-webkit-backface-visibility:hidden;backface-visibility:hidden}.dw-calendar .dwcc{position:relative;margin:0 auto}.dw-calendar .dwc-hh{width:0;height:0;padding:0;margin:0;overflow:hidden;display:none}.dw-cal-c{position:relative}.dw-cal-pnl{display:inline-block;vertical-align:middle}.dw-cal-tabbed .dw-cal-pnl{display:table;position:absolute;top:0;left:0;width:100%;height:100%}.dw-cal-tabbed .dw-cal-pnl-h{display:none}.dw-cal-tabbed .dw-cal-pnl-i{display:table-cell;vertical-align:middle}.dw-cal-tabbed .dw-cal{width:auto!important}.dw-trans .dw-persp .dw-cal-c{-webkit-backface-visibility:visible;backface-visibility:visible}.dw-cal-anim-c{position:relative;overflow:hidden}.dw-cal-anim{position:relative;height:100%;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.dw-cal-no3d .dw-cal-anim{margin:0}.dw-cal-slide{opacity:.5;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:opacity 300ms;-webkit-perspective:1000px;perspective:1000px}.dw-cal-slide:first-child{position:relative}.dw-cal-slide-a{opacity:1}.dw-cal-header{line-height:40px}.dw-cal table{width:100%;height:100%;border-collapse:collapse;table-layout:fixed}.dw-cal th{line-height:30px;text-align:center}.dw-cal-nb{border:0}.dw-cal-body{position:relative}.dw-cal-table{height:100%;width:100%;display:table;table-layout:fixed}.dw-cal-row{white-space:nowrap;display:table-row}.dw-cal-day{line-height:2.5em;width:14.2857%;height:16.6666%;position:relative;display:table-cell;vertical-align:middle;text-align:right;cursor:default}.dw-cal-day-v{cursor:pointer}.dw-cal-day .dw-i{overflow:visible}.dw-cal-day-diff .dw-i{opacity:.3}.dw-cal-day-diff.dw-sel .dw-i{opacity:1}.dw-hide-diff .dw-cal-day-diff .dw-i{visibility:hidden}.dw-cal-day-fg{padding:5px;position:relative;z-index:2}.dw-weeks .dw-cal-days-c,.dw-weeks .dw-cal-anim-c{padding-left:26px}.dw-week-nrs-c{display:none;position:absolute;width:26px;height:100%;left:0;z-index:3}.dw-week-nrs{display:table;width:100%;height:100%}.dw-week-nr{position:relative;display:none;height:16.6666%;text-align:center;font-weight:bold}.dw-week-nr-i{display:table-cell;vertical-align:middle;padding-top:1px}.dw-weeks .dw-week-nrs-c{display:block}.dw-week-nrs .dw-week-nr{display:table-row}.dw-rtl .dw-weeks .dw-cal-days-c,.dw-rtl .dw-weeks .dw-cal-anim-c{padding-left:0;padding-right:26px}.dw-rtl .dw-week-nrs-c{left:auto;right:0}.dw-cal-sc-c{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;overflow:hidden}.dw-cal-h{visibility:hidden}.dw-cal-p-out{-webkit-animation:200ms dw-f-out ease-in;-moz-animation:200ms dw-f-out ease-in;animation:200ms dw-f-out ease-in}.dw-cal-p-in{-webkit-animation:200ms dw-f-in ease-out;-moz-animation:200ms dw-f-in ease-out;animation:200ms dw-f-in ease-out}.mbsc-old .dw-cal-p-in,.mbsc-old .dw-cal-p-out{-webkit-animation:none;-moz-animation:none;animation:none}.dw-cal-sc{position:relative;height:100%;white-space:nowrap;font-size:1.3333em}.dw-cal-sc-p{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;-webkit-transform:translate3d(0,0,0)}.dw-cal-sc-tbl{display:table;width:100%;height:100%;table-layout:fixed}.dw-cal-sc-row{display:table-row}.dw-cal-sc-cell{cursor:pointer;display:table-cell;vertical-align:middle;text-align:center}.dw-cal-sc-m-cell{height:25%}.dw-cal-btnc{position:relative;font-size:1.5em}.dw-cal-btnw{position:relative;height:40px}.dw-cal .dw-cal-btn{position:absolute;top:0;height:40px;width:36px;margin:0;padding:0;cursor:pointer}.dw-cal .dwb-d{opacity:.3}.dw-cal-prev{left:0}.dw-cal-next{right:0}.dw-cal-month,.dw-cal-year{cursor:pointer}.dw-cal-btnc-ym .dw-cal-month,.dw-cal-btnc-ym .dw-cal-year{display:block;margin:0 36px;overflow:hidden;text-overflow:ellipsis}.dw-cal-btnc-ym .dw-cal-btnw{width:50%;display:inline-block;white-space:nowrap;vertical-align:top}.dw-cal-btn-txt{overflow:hidden}.dw-cal-btn-txt:before{display:block}.dw-cal-liq .dw{display:block}.dw-cal-liq .dw-cal-pnl{width:100%}.dw-cal-liq .dw-cal{width:auto}.dw-cal-liq.dw-modal .dw{width:100%;top:0;left:0}.dw-cal-liq.dw-modal .dwo{display:none}.dw-cal-liq.dw-modal .dwwr{width:auto!important}.dw-cal-tabs{line-height:40px;display:none;color:#000}.dw-cal-tabbed .dw-cal-tabs{display:block}.dw-cal-tabbed .dwwr{width:auto!important}.dw-cal-tabs ul,.dw-cal-tabs li{margin:0;padding:0;list-style:none}.dw-cal-tabs ul{width:100%;display:table}.dw-cal-tab{width:33.33%;display:table-cell;cursor:pointer}.dw-cal-tab .dw-i{display:block;text-decoration:none}.dw-cal-multi .dw-cal-slide{padding-left:8px}.dw-ltr .dw-cal-multi .dw-cal-anim-c{margin-right:-8px}.dw-rtl .dw-cal-multi .dw-cal-anim-c{margin-left:-8px}.dw-cal-multi .dw-cal-anim{margin-left:-8px}.dw-cal-multi .dw-cal-btnw{display:block;width:auto}.dw-cal-multi .dw-cal-btnw-m{display:inline-block;white-space:nowrap;vertical-align:top}.dw-cal-multi .dw-cal-days-c{overflow:hidden}.dw-cal-multi .dw-cal-days{float:left}.mbsc-cal-m .dw-cal{font-size:1.2em}.mbsc-cal-l .dw-cal{font-size:1.4em}.mbsc-mobiscroll .dw-cal-c{padding:.5em}.mbsc-mobiscroll .dw-cal-sc{font-size:1em}.mbsc-mobiscroll .dw-cal-sc-c{background:#f7f7f7}.mbsc-mobiscroll .dw-cal-btnc{font-size:1.125em}.mbsc-mobiscroll .dw-cal-btn-txt{color:#4eccc4;font-size:1em;line-height:40px}.mbsc-mobiscroll .dw-cal-days{color:#4eccc4;border-bottom:1px solid #4eccc4}.mbsc-mobiscroll .dw-cal-days th{font-size:.6875em;font-weight:normal}.mbsc-mobiscroll .dw-cal-day{line-height:1.875em;text-align:center}.mbsc-mobiscroll .dw-cal-day-fg{font-size:.8125em}.mbsc-mobiscroll .dw-cal-day-inv .dw-cal-day-fg{opacity:.3}.mbsc-mobiscroll .dw-cal .dw-sel .dw-i{background:#4eccc4;color:#fff}.mbsc-mobiscroll .dw-cal-day-hl .dw-i{border-color:#4eccc4}.mbsc-mobiscroll .dw-week-nrs-c{font-size:.6875em;color:#4eccc4;background:#f7f7f7}.mbsc-mobiscroll .dw-week-nr-i{padding-top:0;font-weight:normal}.mbsc-mobiscroll .dw-cal-tabs{line-height:1.875em;padding:.5em .5em 0 .5em;text-transform:uppercase}.mbsc-mobiscroll .dw-cal-tabbed .dwwr{padding-top:.5em}.mbsc-mobiscroll .dw-cal-tabbed .dwv{padding-top:0}.mbsc-mobiscroll .dw-cal-tab{border:1px solid #4eccc4;font-size:.7em}.mbsc-mobiscroll .dw-cal-tabs ul{width:auto;margin:0 auto}.mbsc-mobiscroll .dw-cal-tab .dw-i{padding:0 1.2em;color:#454545}.mbsc-mobiscroll .dw-ltr .dw-cal-tab:first-child{border-right:0}.mbsc-mobiscroll .dw-ltr .dw-cal-tab:last-child{border-left:0}.mbsc-mobiscroll .dw-rtl .dw-cal-tab:last-child{border-right:0}.mbsc-mobiscroll .dw-rtl .dw-cal-tab:first-child{border-left:0}.mbsc-mobiscroll .dw-cal-tabs .dw-sel{background:#4eccc4}.mbsc-mobiscroll .dw-cal-tabs .dw-sel .dw-i{color:#f7f7f7}.dw-dr-t,.dw-dr-c{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.dw-dr-t{display:table;width:100%}.dw-dr-c{display:table-cell;width:50%;cursor:pointer}.dw-dr{text-decoration:none;display:block;line-height:20px}.mbsc-mobiscroll .dw-dr-t{padding:.5em .25em 0 .25em}.mbsc-mobiscroll .dw-dr{margin:0 .3333em;padding:.3333em;border:1px solid #4eccc4;font-size:.75em}.mbsc-mobiscroll .dw-sel .dw-dr{background:#4eccc4;color:#f7f7f7}.mbsc-mobiscroll.dw-range .dwwr{padding:0}.mbsc-mobiscroll.dw-range .dwv{padding-top:.6666em}.mbsc-mobiscroll.dw-range .dw-cal-table .dw-sel .dw-i{color:#454545;background:rgba(78,204,196,.3)}.mbsc-mobiscroll.dw-range .dw-cal-table .dw-cal-day-hl .dw-i{background:#4eccc4;color:#f7f7f7}.dw-colorpicker .dw-i{font-size:16px;padding-left:40px}.dw-cbc{height:100%;padding:5px;position:absolute;top:0;left:0}.dw-cb{position:relative;width:30px;height:100%;border:1px solid #fff}.dw-cb-circle{top:50%;margin-top:-15px;height:30px;border-radius:15px}.dw-cbc,.dw-cb,.dw-color{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.dw-color-preview{height:24px;line-height:24px;-webkit-transition:background-color .2s;-moz-transition:background-color .2s;transition:background-color .2s}.dw-cp-hsv .dw-li{padding:0}.dw-cp-hsv .dw-i{padding:0}.dw-cp-hsv .dw-hl{background:0}.dw-color{width:100%;height:100%;border-bottom:1px solid rgba(170,170,170,0.5);border-top:1px solid rgba(255,255,255,0.5)}.dw-cp-hsv .dw-color-hl{height:100%;background:rgba(255,255,255,.3);display:none}.dw-cp-hsv .dw-hl .dw-color-hl{display:block}.mbsc-mobiscroll.dw-cp-hsv .dwwol{display:none}.mbsc-mobiscroll .dw-color-preview{height:auto;font-size:.75em;line-height:2.5em;text-transform:uppercase}.mbsc-mobiscroll .dw-color{border-top:1px solid #f7f7f7;border-bottom:0}.mbsc-android .dw-color-preview{border-bottom:1px solid #555}.mbsc-android-holo.dw-cp-hsv .dwwol{display:none}.mbsc-android-holo .dw-color-preview{height:2.375em;line-height:2.375em}.mbsc-android-holo-light .dw-cb{border-color:#000}.mbsc-bootstrap.dw-cp-hsv .dwwol{display:none}.mbsc-ios-classic .dw-cb{border:1px solid #000}.mbsc-ios-classic .dw-cb-circle{width:26px;height:26px;margin-top:-13px}.mbsc-ios-classic .dw-color-preview{margin:10px 2px 0 2px;border:1px solid #000;-webkit-box-shadow:0 1px 1px rgba(255,255,255,0.3);border-radius:3px;box-shadow:0 1px 1px rgba(255,255,255,0.3)}.mbsc-ios.dw-colorpicker .dwl{text-align:center;text-indent:0}.mbsc-ios.dw-cp-hsv .dwwol{display:none}.mbsc-ios .dw-color-preview{border-bottom:1px solid #acacac}.mbsc-jqm.dw-cp-hsv .dwwol{display:none}.mbsc-jqm .dw-color-preview{text-shadow:none;border-bottom:1px solid #222;border-radius:3px 3px 0 0}.mbsc-sense-ui .dw-color-preview{border-bottom:1px solid #666}.mbsc-sense .dw-color-preview{height:38px;line-height:38px;border-bottom:1px solid #2e2e2e}.mbsc-wp.dw-colorpicker .dw-li{opacity:1}.mbsc-wp.dw-colorpicker .dw-li .dw-i{padding-left:50px}.mbsc-wp.dw-cp-hsv .dw-li .dw-i{border:0;padding:0;background:0;top:0;height:100%}.mbsc-wp .dw-cb{width:40px;border-color:#4c4c4c}.mbsc-wp .dw-sel .dw-cb{border-color:#fff}.mbsc-wp .dw-cb-circle{width:30px;margin-top:-12px}.mbsc-wp .dw-color-preview{margin:-10px -10px 0 -10px;border-bottom:1px solid #fff}.mbsc-wp-light .dw-cb{border-color:#b5b5b5}.mbsc-wp-light .dw-color-preview{border-bottom:1px solid #000}.mbsc-material .dw-color-preview{height:auto;font-size:.75em;line-height:2.5em;text-transform:uppercase}.mbsc-material.dw-colorpicker .dwwol{display:none}.mbsc-ms-c{overflow:hidden;position:relative;font-size:16px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-ms-touch-action:pan-y;user-select:none;touch-action:pan-y;text-align:center}.mbsc-ms-item,.mbsc-ms-item-i{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mbsc-ms-sc{position:relative}.mbsc-ms-rtl{direction:rtl}.mbsc-ms{margin:0;padding:0;list-style:none;white-space:nowrap;-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);display:inline-block}.mbsc-ms-item{height:100%;position:relative;margin:0;padding:0;display:inline-block;vertical-align:middle;text-align:center;font-size:.75em}.mbsc-ms-item-i{min-width:6em;padding:.25em .5em;height:100%;position:relative;display:block;text-decoration:none;cursor:pointer;overflow:hidden;-webkit-transition-property:color,background,border-color,text-shadow;-webkit-transition-duration:200ms;-moz-transition-property:color,background,border-color,text-shadow;-moz-transition-duration:200ms;transition-property:color,background,border-color,text-shadow;transition-duration:200ms}.mbsc-ms-c .mbsc-ms .mbsc-ms-item-i{font-weight:normal;color:inherit}.mbsc-ms-item-i-t{width:100%;height:100%;display:table}.mbsc-ms-item-i-c{padding:.5em 0;display:table-cell;vertical-align:middle}.mbsc-ms .mbsc-btn-d .mbsc-ms-item-i{opacity:.5;cursor:default}.mbsc-ms-hasw .mbsc-ms-item{white-space:normal}.mbsc-ms-icons .mbsc-ms-item-i-c{padding-top:2.75em;padding-bottom:0}.mbsc-ms-icons.mbsc-ms-txt .mbsc-ms-item-i-c{padding-bottom:.5em}.mbsc-ms-ic:before{position:absolute;top:.25em;left:0;right:0;display:block;text-align:center;font-size:2em;line-height:1.2em}.mbsc-ms-top,.mbsc-ms-bottom{z-index:9999;position:fixed;left:0;right:0}.mbsc-ms-ctx.mbsc-ms-top,.mbsc-ms-ctx.mbsc-ms-bottom{position:absolute}.mbsc-ms-top{top:0}.mbsc-ms-bottom{bottom:0}.mbsc-mobiscroll.mbsc-ms-c{background:#f7f7f7;color:#454545}.mbsc-mobiscroll .mbsc-ms-item{font-size:1em}.mbsc-mobiscroll.mbsc-ms-icons .mbsc-ms-item{font-size:.75em}.mbsc-mobiscroll .mbsc-btn-a .mbsc-ms-item-i{background:rgba(78,204,196,.3)}.mbsc-mobiscroll.mbsc-ms-b .mbsc-ms-item-i{border:2px solid transparent;border-width:2px 0}.mbsc-mobiscroll.mbsc-ms-b.mbsc-ms-top{border-bottom:1px solid #4eccc4}.mbsc-mobiscroll.mbsc-ms-b.mbsc-ms-bottom{border-top:1px solid #4eccc4}.mbsc-mobiscroll.mbsc-ms-b .mbsc-ms-item-sel .mbsc-ms-item-i{border-bottom-color:#4eccc4}.mbsc-mobiscroll.mbsc-ms-b.mbsc-ms-bottom .mbsc-ms-item-sel .mbsc-ms-item-i{border-top-color:#4eccc4;border-bottom-color:transparent}.mbsc-mobiscroll.mbsc-ms-a .mbsc-ms-item-sel .mbsc-ms-item-i{color:#4eccc4}.dw-rating .dw-ltr .dw-i{text-align:left}.dw-rating .dw-rtl .dw-i{text-align:right}.mbsc-rating-txt{padding-left:5px;margin-top:-0.1em}.mbsc-rating-icon{display:inline-block;width:1.8em;text-align:center;font-size:22px;vertical-align:top;color:#e9bb2f}.mbsc-rating-icon-unf{color:#eee}.mbsc-rating-circle{display:inline-block;background:#959595;text-align:center;padding:0;margin:0 7px;width:26px;height:26px;font-family:Verdana;font-size:16px;line-height:26px;vertical-align:top;border-radius:20px;position:relative;top:50%;margin-top:-13px}.mbsc-rating-circle-unf{background:#5d5d5d}.mbsc-mobiscroll .mbsc-rating-icon{color:#4eccc4}.mbsc-mobiscroll .mbsc-rating-icon-unf{color:rgba(78,204,196,.3)}.mbsc-mobiscroll .mbsc-rating-circle{background:#4eccc4;color:#f7f7f7}.mbsc-mobiscroll .mbsc-rating-circle-unf{background:0;width:24px;height:24px;border:1px solid #4eccc4}.mbsc-android-holo .mbsc-rating-icon{color:#31b6e7}.mbsc-android-holo .mbsc-rating-icon-same{opacity:.3}.mbsc-android-holo .mbsc-rating-circle{color:#000;background:#999}.mbsc-android-holo .mbsc-rating-circle-unf{background:#636363}.mbsc-android-holo-light .mbsc-rating-circle{color:#fff}.mbsc-ios-classic .mbsc-rating-icon{color:#887bcb}.mbsc-ios-classic .mbsc-rating-icon-unf{color:#c5c6cb}.mbsc-ios-classic .mbsc-rating-circle{width:24px;height:24px;font-size:12px;line-height:24px;background:#9f9f9f;background:-webkit-gradient(linear,left top,left bottom,from(#ddd),to(#777));background:-webkit-linear-gradient(top,#ddd,#777);background:-moz-linear-gradient(top,#ddd,#777);background:linear-gradient(to bottom,#ddd,#777)}.mbsc-ios-classic .mbsc-rating-circle-unf{background:#646464;-webkit-box-shadow:inset 0 1px 1px 0 #302828;box-shadow:inset 0 1px 1px 0 #302828}.mbsc-ios .mbsc-rating-icon-unf{color:#d5d5d5}.mbsc-ios .mbsc-rating-circle{background:#0c80fe;width:24px;height:24px;font-size:12px;line-height:24px;color:#fff}.mbsc-ios .mbsc-rating-circle-unf{background:0;width:22px;height:22px;border:1px solid #0c80fe}.mbsc-sense .mbsc-rating-icon{width:1.4em;font-size:30px}.mbsc-sense .mbsc-rating-icon-unf{color:#cfcfcf}.mbsc-sense .mbsc-rating-circle{background:#9f9f9f;text-shadow:none}.mbsc-sense .mbsc-rating-circle-unf{background:#686868}.mbsc-wp .mbsc-rating-icon{color:#fff;margin-top:-4%;vertical-align:middle}.mbsc-wp .mbsc-rating-txt{margin-top:-4%;display:inline-block;vertical-align:middle}.mbsc-wp .mbsc-rating-icon-same{opacity:.3}.mbsc-wp .mbsc-rating-circle{width:24px;height:24px;margin-top:-12px;background:#fff;font-size:11px;line-height:24px;color:#000}.mbsc-wp .mbsc-rating-circle-unf{background:#646464}.mbsc-wp-light .mbsc-rating-icon{color:#000}.mbsc-wp-light .mbsc-rating-circle{background:#000;color:#fff}.mbsc-wp-light .mbsc-rating-circle-unf{background:#646464}.mbsc-material .mbsc-rating-icon{width:1.4285em;color:#009688;font-size:1.2729em}.mbsc-material .mbsc-rating-icon-unf{opacity:.5}.mbsc-material .mbsc-rating-circle{background:#009688;color:#eee}.mbsc-material .mbsc-rating-circle-unf{background:0;width:22px;height:22px;border:2px solid #009688}.dw-timer .dwtlbl{display:none}.dw-timer .dwb{display:inline-block;vertical-align:middle;text-align:center;text-decoration:none}.dw-timer .dwbg .dwb{padding:0 12px}.dw-timer .dwbw{width:1px;text-align:left}.dw-timer .dwbw:last-child{width:auto}.dw-timer .dwtcl{width:auto;text-align:right}.mbsc-mobiscroll.dw-timer .dwbc{display:table}.mbsc-mobiscroll.dw-timer .dwbw{display:table-cell;float:none}.dw-timespan .dwtlbl{display:none}.mbsc-android.dw-timespan .dwc{padding-top:30px}.mbsc-android.dw-timespan .dwl{display:block}.mbsc-android.dw-timespan .dwhl{padding-top:0;margin-top:5px}.mbsc-android.dw-timespan .dwhl .dwl{display:none}.mbsc-android-holo.dw-timespan .dwv{font-size:16px}.mbsc-ios-classic.dw-timespan .dwtlbl{display:inline;visibility:hidden;font-size:20px;padding:0 3px 0 8px}.mbsc-ios-classic.dw-timespan .dwhl .dwtlbl{display:none}.mbsc-ios-classic.dw-timespan .dwc{padding:10px 0}.mbsc-ios-classic.dw-timespan .dwl{padding:0 8px;margin-top:-15px;top:50%;left:auto;right:0;width:auto;z-index:11;color:#005de6;font-size:20px;font-weight:bold;text-transform:lowercase;text-shadow:0 1px 0 rgba(255,255,255,0.7)}.mbsc-ios-classic.dw-timespan .dw-i{overflow:visible}.mbsc-ios.dw-timespan .dwtlbl{display:inline;visibility:hidden;font-size:20px;padding:0 3px 0 8px}.mbsc-ios.dw-timespan .dwhl .dwtlbl{display:none}.mbsc-ios.dw-timespan .dwc{padding:10px 0}.mbsc-ios.dw-timespan .dwl{padding:0 8px;margin-top:-15px;left:auto;top:50%;right:0;width:auto;z-index:11;color:#007aff;font-size:20px;text-transform:lowercase}.mbsc-wp.dw-timespan .dwc{padding:0}.mbsc-wp.dw-timespan .dwl{z-index:10;color:#fff;top:50%;width:auto;height:auto;display:block;margin:17px 0 0 9px;line-height:18px;font-size:11px}.mbsc-wp.dw-timespan .dwhl .dwl,.mbsc-wp.dw-timespan .dwa .dwl{display:none}.dw-cal-ev .dw-cal-day-fg{padding-bottom:20px}.dw-cal-day-m{position:absolute;top:1px;right:1px;width:0;height:0;border:5px solid black;background-clip:padding-box}.dw-cal-day-m-t{display:table;table-layout:fixed;width:100%;height:100%}.dw-cal-day-m-c{display:table-cell}.dw-cal-m-bottom .dw-cal-day .dw-cal-day-m{width:auto;height:3px;top:auto;left:0;right:0;bottom:0;border:0;margin:0}.dw-cal-day-ic-c,.dw-cal-day-txt-c{position:absolute;left:0;right:0;bottom:0;overflow:hidden}.dw-cal-day-ic-c{padding:0 5px;font-size:1em;line-height:20px;text-overflow:ellipsis;text-shadow:none}.dw-cal-day-txt{padding:0 2px;font-size:.8333em;font-weight:normal;line-height:19px;overflow:hidden;white-space:nowrap;text-align:center;text-overflow:ellipsis;text-shadow:none;margin-top:2px}.dw-cal-events{display:none;position:absolute;z-index:4;left:0;right:0;padding:5px}.dw-cal-events-t{visibility:hidden}.dw-cal-events-i{overflow:hidden}.dw-cal-events-sc{position:relative;-webkit-backface-visibility:hidden}.dw-cal-events-v{display:block}.dw-cal-event-list{margin:0;padding:0}.dw-cal-event{margin-top:5px;padding:5px 60px 5px 10px;line-height:20px;list-style:none;position:relative;text-align:left;white-space:nowrap;font-size:1em}.dw-cal-event:first-child{margin:0}.dw-cal-event-color{position:absolute;top:0;left:0;width:5px;height:100%}.dw-cal-event-text{overflow:hidden;text-overflow:ellipsis}.dw-cal-event-time{display:inline-block;width:5em}.dw-cal-event-dur{position:absolute;top:50%;right:5px;height:20px;margin-top:-10px;line-height:20px}.dw-cal-events-arr{position:absolute;bottom:-14px;left:50%;width:0;height:0;margin-left:-7px;border:7px solid #fff;border-color:#fff transparent transparent transparent}.dw-cal-events-b .dw-cal-events-arr{bottom:auto;top:-14px;border-color:transparent transparent #fff transparent}.mbsc-mobiscroll .dw-cal-day-m{top:auto;left:50%;bottom:4px;border:0;width:4px;height:4px;margin-left:-2px;background:#454545;border-radius:3px}.mbsc-mobiscroll .dw-sel .dw-cal-day-m{background:#f7f7f7}.mbsc-mobiscroll .dw-cal-c .dw-cal-m-bottom .dw-cal-day-m{background:0;bottom:4px}.mbsc-mobiscroll .dw-cal-day-m-t{display:block;height:4px;overflow:hidden;white-space:normal}.mbsc-mobiscroll .dw-cal-day-m-c{display:inline-block;vertical-align:top;width:4px;height:4px;margin:0 1px;background:#4eccc4;border-radius:3px}.mbsc-mobiscroll .dw-sel .dw-cal-day-m-c{background:#f7f7f7}.mbsc-mobiscroll .dw-cal-day-txt{color:#f7f7f7;background:#454545}.mbsc-mobiscroll .dw-cal-day-txt,.mbsc-mobiscroll .dw-cal-day-ic-c{font-size:.625em}.mbsc-mobiscroll .dw-cal-events{margin:0 0 5px 0;padding:0;color:#f7f7f7;background:#858585}.mbsc-mobiscroll .dw-cal-events-b{margin:10px 0 0 0}.mbsc-mobiscroll .dw-cal-event{margin:0;padding:10px 60px 10px 15px;font-size:.75em}.mbsc-mobiscroll .dw-cal-event-color{background:#4eccc4}.mbsc-mobiscroll .dw-cal-event-time,.mbsc-mobiscroll .dw-cal-event-dur{color:#4eccc4}.mbsc-mobiscroll .dw-cal-events-arr{border-color:#858585 transparent transparent transparent}.mbsc-mobiscroll .dw-cal-events-b .dw-cal-events-arr{border-color:transparent transparent #858585 transparent}.dw-trans .dw-persp{overflow:hidden;-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px}.dw-trans .dw,.dw-trans .dwo{-webkit-animation-fill-mode:forwards;-webkit-animation-duration:200ms;-moz-animation-fill-mode:forwards;-moz-animation-duration:200ms;animation-fill-mode:forwards;animation-duration:200ms}.dw-trans .dwo{-webkit-backface-visibility:hidden}.dw-in .dw{-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;animation-timing-function:ease-out}.dw-out .dw{-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;animation-timing-function:ease-in}.dw-in .dwo{-webkit-animation-name:dw-f-in;-moz-animation-name:dw-f-in;animation-name:dw-f-in}.dw-out .dwo{-webkit-animation-name:dw-f-out;-moz-animation-name:dw-f-out;animation-name:dw-f-out}.dw-flip,.dw-swing,.dw-slidehorizontal,.dw-slidevertical,.dw-slidedown,.dw-slideup,.dw-fade{-webkit-backface-visibility:hidden;-webkit-transform:translateX(0);-moz-backface-visibility:hidden;-moz-transform:translateX(0);backface-visibility:hidden;transform:translateX(0)}.dw-swing,.dw-slidehorizontal,.dw-slidevertical,.dw-slidedown,.dw-slideup,.dw-fade{-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0}.dw-flip,.dw-pop{-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;transform-origin:50% 50%}.dw-in .dw-pop{opacity:1;-webkit-animation-name:dw-p-in;-webkit-transform:scale(1);-moz-animation-name:dw-p-in;-moz-transform:scale(1);transform:scale(1);animation-name:dw-p-in}.dw-out .dw-pop{opacity:0;-webkit-animation-name:dw-p-out;-moz-animation-name:dw-p-out;animation-name:dw-p-out}.dw-in .dw-flip{opacity:1;-webkit-animation-name:dw-fl-in;-webkit-transform:scale(1);-moz-animation-name:dw-fl-in;-moz-transform:scale(1);animation-name:dw-fl-in;transform:scale(1)}.dw-out .dw-flip{opacity:0;animation-name:dw-fl-out;-webkit-animation-name:dw-fl-out;-moz-animation-name:dw-fl-out}.dw-in .dw-swing{opacity:1;-webkit-animation-name:dw-sw-in;-webkit-transform:scale(1);-moz-animation-name:dw-sw-in;-moz-transform:scale(1);transform:scale(1);animation-name:dw-sw-in}.dw-out .dw-swing{opacity:0;-webkit-animation-name:dw-sw-out;-moz-animation-name:dw-sw-out;animation-name:dw-sw-out}.dw-in .dw-slidehorizontal{opacity:1;-webkit-animation-name:dw-sh-in;-webkit-transform:scale(1);-moz-animation-name:dw-sh-in;-moz-transform:scale(1);transform:scale(1);animation-name:dw-sh-in}.dw-out .dw-slidehorizontal{opacity:0;-webkit-animation-name:dw-sh-out;-moz-animation-name:dw-sh-out;animation-name:dw-sh-out}.dw-in .dw-slidevertical{opacity:1;-webkit-animation-name:dw-sv-in;-webkit-transform:scale(1);-moz-animation-name:dw-sv-in;-moz-transform:scale(1);animation-name:dw-sv-in;transform:scale(1)}.dw-out .dw-slidevertical{opacity:0;-webkit-animation-name:dw-sv-out;-moz-animation-name:dw-sv-out;animation-name:dw-sv-out}.dw-in .dw-slidedown{-webkit-animation-name:dw-sd-in;-webkit-transform:scale(1);-moz-animation-name:dw-sd-in;-moz-transform:scale(1);animation-name:dw-sd-in;transform:scale(1)}.dw-out .dw-slidedown{animation-name:dw-sd-out;-webkit-animation-name:dw-sd-out;-webkit-transform:translateY(-100%);-moz-animation-name:dw-sd-out;-moz-transform:translateY(-100%)}.dw-in .dw-slideup{-webkit-animation-name:dw-su-in;-webkit-transform:scale(1);-moz-animation-name:dw-su-in;-moz-transform:scale(1);transform:scale(1);animation-name:dw-su-in}.dw-out .dw-slideup{animation-name:dw-su-out;-webkit-animation-name:dw-su-out;-webkit-transform:translateY(100%);-moz-animation-name:dw-su-out;-moz-transform:translateY(100%)}.dw-in .dw-fade{opacity:1;-webkit-animation-name:dw-f-in;-moz-animation-name:dw-f-in;animation-name:dw-f-in}.dw-out .dw-fade{opacity:0;-webkit-animation-name:dw-f-out;-moz-animation-name:dw-f-out;animation-name:dw-f-out}@keyframes dw-f-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes dw-f-in{from{opacity:0}to{opacity:1}}@-moz-keyframes dw-f-in{from{opacity:0}to{opacity:1}}@keyframes dw-f-out{from{visibility:visible;opacity:1}to{opacity:0}}@-webkit-keyframes dw-f-out{from{visibility:visible;opacity:1}to{opacity:0}}@-moz-keyframes dw-f-out{from{visibility:visible;opacity:1}to{opacity:0}}@keyframes dw-p-in{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}@-webkit-keyframes dw-p-in{from{opacity:0;-webkit-transform:scale(0.8)}to{opacity:1;-webkit-transform:scale(1)}}@-moz-keyframes dw-p-in{from{opacity:0;-moz-transform:scale(0.8)}to{opacity:1;-moz-transform:scale(1)}}@keyframes dw-p-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.8)}}@-webkit-keyframes dw-p-out{from{opacity:1;-webkit-transform:scale(1)}to{opacity:0;-webkit-transform:scale(0.8)}}@-moz-keyframes dw-p-out{from{opacity:1;-moz-transform:scale(1)}to{opacity:0;-moz-transform:scale(0.8)}}@keyframes dw-fl-in{from{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0)}}@-webkit-keyframes dw-fl-in{from{opacity:0;-webkit-transform:rotateY(90deg)}to{opacity:1;-webkit-transform:rotateY(0)}}@-moz-keyframes dw-fl-in{from{opacity:0;-moz-transform:rotateY(90deg)}to{opacity:1;-moz-transform:rotateY(0)}}@keyframes dw-fl-out{from{opacity:1;transform:rotateY(0deg)}to{opacity:0;transform:rotateY(-90deg)}}@-webkit-keyframes dw-fl-out{from{opacity:1;-webkit-transform:rotateY(0deg)}to{opacity:0;-webkit-transform:rotateY(-90deg)}}@-moz-keyframes dw-fl-out{from{opacity:1;-moz-transform:rotateY(0deg)}to{opacity:0;-moz-transform:rotateY(-90deg)}}@keyframes dw-sw-in{from{opacity:0;transform:rotateY(-90deg)}to{opacity:1;transform:rotateY(0deg)}}@-webkit-keyframes dw-sw-in{from{opacity:0;-webkit-transform:rotateY(-90deg)}to{opacity:1;-webkit-transform:rotateY(0deg)}}@-moz-keyframes dw-sw-in{from{opacity:0;-moz-transform:rotateY(-90deg)}to{opacity:1;-moz-transform:rotateY(0deg)}}@keyframes dw-sw-out{from{opacity:1;transform:rotateY(0deg)}to{opacity:0;transform:rotateY(-90deg)}}@-webkit-keyframes dw-sw-out{from{opacity:1;-webkit-transform:rotateY(0deg)}to{opacity:0;-webkit-transform:rotateY(-90deg)}}@-moz-keyframes dw-sw-out{from{opacity:1;-moz-transform:rotateY(0deg)}to{opacity:0;-moz-transform:rotateY(-90deg)}}@keyframes dw-sh-in{from{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes dw-sh-in{from{opacity:0;-webkit-transform:translateX(-100%)}to{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes dw-sh-in{from{opacity:0;-moz-transform:translateX(-100%)}to{opacity:1;-moz-transform:translateX(0)}}@keyframes dw-sh-out{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@-webkit-keyframes dw-sh-out{from{opacity:1;-webkit-transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(100%)}}@-moz-keyframes dw-sh-out{from{opacity:1;-moz-transform:translateX(0)}to{opacity:0;-moz-transform:translateX(100%)}}@keyframes dw-sv-in{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes dw-sv-in{from{opacity:0;-webkit-transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes dw-sv-in{from{opacity:0;-moz-transform:translateY(-100%)}to{opacity:1;-moz-transform:translateY(0)}}@keyframes dw-sv-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@-webkit-keyframes dw-sv-out{from{opacity:1;-webkit-transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(100%)}}@-moz-keyframes dw-sv-out{from{opacity:1;-moz-transform:translateY(0)}to{opacity:0;-moz-transform:translateY(100%)}}@keyframes dw-sd-in{from{transform:translateY(-100%)}to{transform:translateY(0)}}@-webkit-keyframes dw-sd-in{from{opacity:1;-webkit-transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes dw-sd-in{from{-moz-transform:translateY(-100%)}to{-moz-transform:translateY(0)}}@keyframes dw-sd-out{from{transform:translateY(0)}to{transform:translateY(-100%)}}@-webkit-keyframes dw-sd-out{from{opacity:1;-webkit-transform:translateY(0)}to{opacity:1;-webkit-transform:translateY(-100%)}}@-moz-keyframes dw-sd-out{from{-moz-transform:translateY(0)}to{-moz-transform:translateY(-100%)}}@keyframes dw-su-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@-webkit-keyframes dw-su-in{from{opacity:1;-webkit-transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes dw-su-in{from{-moz-transform:translateY(100%)}to{-moz-transform:translateY(0)}}@keyframes dw-su-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@-webkit-keyframes dw-su-out{from{opacity:1;-webkit-transform:translateY(0)}to{opacity:1;-webkit-transform:translateY(100%)}}@-moz-keyframes dw-su-out{from{-moz-transform:translateY(0)}to{-moz-transform:translateY(100%)}}
/* site-wide css, mobile/touch devices */
body {
	background: #3a94a6 url('https://d1rl12thtbcp7t.cloudfront.net/bg.jpg') no-repeat 50% 50% fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.common.touch.css,
#container {
	background: white;
	display: inline-block; /* clearfix messed up in touch? */
	padding: 0 0 2em 0;
	width: 100%;
}

.common.touch.css,
.sub_container {
	padding: 1em;
}
.common.touch.css,
.sub_container.my_profile_chunk {
	padding: 1em 0;
}

h2 {
	margin-top: 0;
}
#nav-header
{
	height: 56px;
	text-align: center;
	background: #0bb8da url('/images/mobile-banner.png') no-repeat;
}

#view-nav-panel,
#map-view-nav-panel
{
	float: left;
	width: 50px;
	height: 50px;
	top: 0;
	border: none;
	background: url('/images/nav_list.png') no-repeat center;
}

#presto-help-pullout
{
	/* this might get changed by the js, cuz old browsers can't deal.
	 * look at mid/Panel_Outer */
	position: fixed;
	left: 0.5em;
	bottom: 0.5em;
	/*top: 96vh;*/ /* thought this worked better after open, but now makes not work at all */
	background: transparent;
	padding: 0;
	-webkit-transform: none;

	/* if we don't do this, scrolling on old phones is weird */
	height: 2em;
	width: 2em;
}
.help-opener {
	background: #007399 url('/images/icons/qmark-icon.png') no-repeat 50% 50%;
	border: 2px solid white;
    border-radius: 2em;
	color: transparent !important;
	height: 36px;
	text-shadow: none !important;
	width: 36px;
	display: inline-block;
}
.help-opener:active, .help-opener:hover {
	background-color: #0bb8da;
}
@media only screen and (max-width: 500px) {
	#presto-help-pullout {
		left: 0;
		bottom: 0;
	}
	.help-opener {
		background-color: rgba(0, 115, 153, .4);
		border-radius: 0 .5em 0 0;
		border: 0;
		border-top: 2px solid white;
		border-right: 2px solid white;
	}
}

.take_eval_header .mobile-popup .help-pointer a,
.take_eval_header .mobile-popup .help-pointer a:hover
{
	background: #0bb8da url('/images/icons/qmark-icon.png') no-repeat 50% 50%;
	border: 0 !important;
	border-radius: 1.75em !important;
	color: transparent !important;
	height: 1.75em;
	margin-bottom: -.25em;
	padding: 0 !important;
	text-shadow: none !important;
	width: 1.75em;
}
.take_eval_header .mobile-popup .help-pointer a:hover {
	background-color: #007399;
}

/* removing this for now cuz redundant with colorbox css
.mobile-popup
{
	background: white;
	border: 9px solid #6ccce0;
	margin: 0 1% 0 -.5%;
	padding: 1em;
}
*/

/* what is this?????????????
.sub_container {
	
}
.sub_container ul {
	background: white;
	float: left;
	list-style-type: none;
	margin: 0;
    padding-top: 1em;
	width: 100%;
}
.sub_container li {
	
}
.sub_container li a {
	border-top: 1px solid #0bb8da;
	clear: both;
	float: left;
	padding: 1em 1em 0 1em;
	text-decoration: none;
    width: 100%;
}
.sub_container li a:active {
	background: #c6eff7;
}
.sub_container ul h2 {
	margin: 0;
	padding: 0 .5em;
}
.sub_container ul h3 {
	margin: 0;
}
*/


.sliderpanel {
	width: 250px;
	/*background: brown;*/
	background: #333;
	border: 0;
/*	these two screw things up on the map
	height: auto !important;
	overflow: initial !important;*/
	/*box-shadow: 0 0 12px #333;*/
	font-size: 100%;
}
.evaluation-container {
	font-size: 100%;
}

.sliderpanel .help-panel ul li.help-tips-tip,
.sliderpanel ul.help-panel li.help-tips-tip span,
.sliderpanel ul.help-panel li.help-section li.help-tips-tip {
	font-size: 16px;
	padding: 1em;
}
.sliderpanel .help-panel ul.help-tips li {
	padding: 0;
}
.sliderpanel ul {
	/*background: blue;*/
	list-style-type: none;
	margin: 0;
}
.sliderpanel ul li {
	/*background: green;*/
	border-bottom: 1px solid #000; /* was #666 */
	clear: both;
	float: left;
	padding: 0;
	width: 100%;
}
.sliderpanel .uip-plugin ul li,
.sliderpanel .help-panel ul li {
	padding: .25em 1em;
}
.sliderpanel .uip-plugin ul li.side-nav-link-container,
.sliderpanel ul.help-panel li.side-nav-link-container
{
	padding: 0;
}

/* font sizer */
.sliderpanel ul li {
	font-size: 95%;
}
.sliderpanel ul li.listing {
	/* padding-top: 1em; */
}

.sliderpanel ul li a,
.sliderpanel ul li span.mobile_user_label
{
	/*background: violet;*/
	clear: both;
	float: left;
	padding: .75em 1em;
	width: 100%;
}

ul.uip-stats li span
{
	float: none !important;
	padding: 0 !important;
}
ul.uip-stats li
{
	border-bottom: none !important;
	border-top: 1px solid #000;
/*	padding: 0.5em 0 !important; */
}
ul.uip-stats .button
{
	margin-top: 1em;
}
.uip-connstat .toggle-stats
{
	padding-top: 0.35em;
	margin-left: -1em;
}
.uip-connstat > li
{
	padding-left: 0 !important;
	padding-right: 0 !important;
}


#perma-list.sliderpanel #tidings ul li.listing a.show-tiding {
	/* background-color: purple; */
	padding: 0;
	width: 90% !important;
}
#perma-list.sliderpanel #tidings ul li.listing a h3.description {
	/* background-color: green; */
	background-position: .5em 50%;
	/* width: 80% !important; */
}
#perma-list.sliderpanel #tidings ul li.listing a.delete-tiding {
	/* background-color: gold; */
	clear: none;
	width: 10% !important;
}
.sliderpanel ul li,
.sliderpanel ul li a {
	color: white;
	text-decoration: none;
	transition: 0s;
}
/* .sliderpanel ul li *:active, */
.sliderpanel ul li:active {
	/*background: #ffbb33;  yellow orange */
	/* color: black; */
}
.sliderpanel ul li span.mobile_user_label:active,
.sliderpanel .help-panel ul li:active {
	background: transparent;
	color: white;
}
.sliderpanel ul li.not-logged-in *:active {
	background: transparent;
}
.sliderpanel ul li span.mobile_user_name,
.sliderpanel ul li span.online {
	color: #9dd65c; /* bright green */
	padding-left: 0;
	word-wrap: break-word; /* long email names */
}
.sliderpanel ul li span.offline {
	color: #ff3370; /* bright red */
	padding-left: 0;
}
.sliderpanel input.login,
.sliderpanel button.logout
{
	clear: both;
	float: left;
	margin: 1em 0 1.5em 0;
}
.sliderpanel a.logout
{
	padding: 1.25em 0;
    text-decoration: underline;
}
.facebookSignIn {
	margin: .5em 0 4em -1em;
}
.sliderpanel fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

.sliderpanel ul li h3,
.sliderpanel ul li span
{
	background: transparent;
	clear: both;
	color: #ddd;
	float: left;
	margin: 0;
	padding: .25em 1.25em 0 1em;
	width: 100%;
}

.sliderpanel ul li span.link-status
{
	padding: 0;
}

.sliderpanel ul li .dist-pay span {
	clear: none;
	width: auto;
}
.uip-connstat .status,
.uip-connstat .title
{
	clear: none;
	float: left;
	margin: 0 .25em 0 0;
	width: auto;
}
.uip-connstat .status
{
	margin-left: -2em;
}
.uip-connstat .title
{
	padding-bottom: 0.5em;
}
.sliderpanel ul.uip-connstat li span.online,
.sliderpanel ul.uip-connstat li span.offline
{
	padding: 0;
}

.sliderpanel ul li 
{
	position: relative;
}

.uip-inconeval .offline-status
{
	/* display: block; */
	/* float: right; */
	/* margin-top: -2em; */
	/* margin-right: 0.5em; */
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: 18px;
    background-position: right 0;
    position: absolute;
    top: 1em;
    right: 1em;
}

.offline-status.offline-yes
{
	background-image: url('/images/icons/download-done.png');
}

.offline-status.offline-no
{
	background-image: url('/images/icons/download-go.png');
}

.offline-status.offline-prog
{
	background-image: url('/images/icons/download-progress.gif');
}

#perma-list.sliderpanel ul li h3 {
	/* background-position: .65em 50%; */
	background-position: .35em .4em;
	background-repeat: no-repeat;
	color: white;
	/* margin-top: 1em; */
	padding-left: 1.6em;
	padding-left: 2em;
	text-shadow: 0 1px 2px #000;
}
#perma-list.sliderpanel ul li a[data-source="presto"] h3 {
	background-image: url('/images/icons/pin-presto-icon.png');
	debug-comment: common.touch.css;
}
#perma-list.sliderpanel ul li a[data-source="presto"] h3,
#perma-list.sliderpanel ul li h3[data-source="presto"] {
	color: #00d4ff;
}
#perma-list.sliderpanel ul li a[data-source="liveshopper"] h3 {
	background-image: url('/images/icons/pin-liveshopper-icon.png');
	debug-comment: common.touch.css;
}
#perma-list.sliderpanel ul li a[data-source="liveshopper"] h3,
#perma-list.sliderpanel ul li h3[data-source="liveshopper"] {
	color: #38CB38;
}

#perma-list.sliderpanel ul li a[data-source="sassie"] h3 {
	background-image: url('/images/icons/pin-sassie-icon.png');
	debug-comment: common.touch.css;
}
#perma-list.sliderpanel ul li a[data-source="sassie"] h3,
#perma-list.sliderpanel ul li h3[data-source="sassie"] {
	color: #e68500;
}
.sliderpanel ul li span.pay {
	font-weight: bold;
}

.sliderpanel .uip-plugin ul li[data-role="list-divider"],
.sliderpanel ul.help-panel li[data-role="list-divider"],
.sliderpanel ul.help-panel li span.help-tips-title
{
	color: #6ccce0;
	border-bottom: 0;
    line-height: 1.5;
    padding: .5em 1em;
}

#left-panel.sliderpanel ul li h3 {
	padding-left: 0;
	overflow-wrap: break-word;
    word-wrap: break-word;
}
#right-panel.sliderpanel ul li h3 {
	/* padding-left: .8em;  map ? */
	padding-left: 0;
	padding-top: 1.5em;
	color: white; /* for app ?!? */
}
/*#right-panel.sliderpanel ul li *:active,*/
.sliderpanel ul li h3:active,
.sliderpanel ul li span:active
{
	background: transparent;
	color: #ddd;
}
#right-panel.sliderpanel ul li a.take-survey,
#perma-list.sliderpanel ul li a.take-survey,
.sliderpanel ul li a.side-nav-link,
.sliderpanel ul.help-panel li a.side-nav-link
{
	background: #454545 url('https://d1rl12thtbcp7t.cloudfront.net/arrow-next-white.png') no-repeat 95% 50%;
	color: white;
	padding-right: 3em;
	text-shadow: none;
}

.sliderpanel ul li a.side-nav-link.ui-disabled
{
	background-color: #656565 !important;
	background-image: none;
}

#perma-list.sliderpanel ul li a.take-survey.ui-disabled,
#perma-list.sliderpanel ul li a.take-survey.ui-disabled:active,
#perma-list.sliderpanel ul li a.take-survey.ui-disabled:hover
{
	background-image: none;
}

#right-panel.sliderpanel ul li a.take-survey:active,
#perma-list.sliderpanel ul li a.take-survey:active,
.sliderpanel ul li a.side-nav-link:active,
.sliderpanel ul.help-panel li a.side-nav-link:active
{
	background: #ffbb33 url('https://d1rl12thtbcp7t.cloudfront.net/arrow-next-white.png') no-repeat 95% 50%;
	color: white;
}
#right-panel.sliderpanel ul li a.take-survey:hover,
#perma-list.sliderpanel ul li a.take-survey:hover,
#perma-list ul li.listing.hovered a,
.sliderpanel ul li a.side-nav-link:hover,
.sliderpanel ul.help-panel li a.side-nav-link:hover,
#perma-list.sliderpanel #tidings ul li.listing:hover
{
	background-color: black;
}

.sliderpanel ul li.side-nav-link-container.continue-container
{
	margin-bottom: 1.5em;
}

#preview-header {
    background: #f0f6f7 url('https://d1rl12thtbcp7t.cloudfront.net/preview_survey_bg.png');
    border: 0;
    border-bottom: 1px solid #999;
    padding: .5em;
    text-align: center;
}

#preview-header h2 {
	margin: 0 auto;
}

.sliderpanel .uip-button {
    display: block;
    width: 36px;
    height: 20px;
	padding: 0;
    /*background-size: initial !important;*/
}
.sliderpanel .uip-icon-0-0 {
	background: url("/images/icons/uip-icon-sprite.png") 0 0;
}
.sliderpanel .uip-icon-0-1 {
	background: url("/images/icons/uip-icon-sprite.png") -36px 0;
}
.sliderpanel .uip-icon-1-0 {
	background: url("/images/icons/uip-icon-sprite.png") -72px 0;
}
.sliderpanel .uip-icon-1-1 {
	background: url("/images/icons/uip-icon-sprite.png") -108px 0;
}
.sliderpanel .uip-close {
	margin-left: 2em;
	margin-right: 2em;
}
.sliderpanel .view-uip {
	/*display: inline-block;*/
	padding: .5em 0 0 0 !important;
}
.evaluation-container .view-uip {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 1em;
}

.sliderpanel .uip-plugin ul li.delete_button {
	margin: 0 5%;
	padding: 0;
    text-align: center;
	width: 90%;
}

.sliderpanel .uip-plugin ul li.ui-disabled,
.sliderpanel .uip-plugin ul li.ui-disabled a.side-nav-link
{
	background: #333 !important;
}
.sliderpanel .uip-plugin ul li.ui-disabled.delete_button {
	background: #282828 !important;
}
.sliderpanel .uip-plugin ul li.ui-disabled *,
.sliderpanel .uip-plugin ul li[data-role="list-divider"].ui-disabled
{
	color: #555 !important;
}

.sliderpanel .route-order
{
	padding: 0;
}

#colorbox .mobile-popup img {
	border: 0;
	margin: 0;
	padding: 0;
	border-radius: 0;
	box-shadow: none;
}
.mobile-popup p {
	font-size: 1em;
	line-height: 1.5em;
	margin: 0 0 1em 0;
	text-align: left;
	width: 95%;
}
.mobile-popup a.button.icon_button {
	background-repeat: no-repeat;
	margin: 0 1em 1em 0;
	/* removing this for now because it screws up the uip sprite,
	 * esp in IE */
	/* background-size: 100%; */
}
#map-help.mobile-popup a.button.icon_button {
	margin: 0 2em 1em 0;
}
.mobile-popup span a.uip-button {
	border-top: 1px solid #999;
	height: 20px;
	width: 36px;
}

.mobile-popup .popup-controls
{
	clear: both;
	float: right;
	margin-bottom: 0.5em;
}
.mobile-popup .popup-controls .button
{
	margin-left: 1em;
}

@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
{
	.sliderpanel,
	.evaluation-container {
		font-size: 120%;
	}
	.sliderpanel ul li.delete_button a {
		font-size: 115%;
		padding: .25em 0;
		/* color: cyan; */
	}
	.survey_preview_container {
		padding: .5em;
	}
}
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
{
	.sliderpanel,
	.evaluation-container {
		font-size: 115%;
	}
	.sliderpanel ul li.delete_button a {
		font-size: 110%;
		padding: .25em 0;
		/* color: lime; */
	}
}
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 2)
{
	.sliderpanel,
	.evaluation-container {
		font-size: 110%;
	}
	.sliderpanel ul li.delete_button a {
		font-size: 125%;
		padding: .5em 0;
		/* color: gold; */
	}
}

.eval_display {
	float: left;
	width: 100%;
	/* background: pink; */
}
.eval_display * {
	/* outline: 1px dashed red; */
}
.contain_ReviewEval.eval_display .reviewer-info h2 {
	margin-top: 0;
}

.contain_Login fieldset,
.contain_ForgotPassword fieldset {
	border: 0;
    margin: 0;
    padding: 0;
}
.contain_Login fieldset *,
.contain_ForgotPassword fieldset * {
    margin-left: 0 !important;
}

progress
{
	-webkit-appearance: none;
	vertical-align: -2px;
}

progress::-webkit-progress-value { 
	background-color: #00d4ff; /* color of moving bar */
}

progress[value]::-webkit-progress-bar
{
	background-color: #c6eff7; /* color of progress channel */
}

/* while this is the nice css-way, it doesn't work in safari
 * so we have to manually attach our own element instead
progress:before 
{
	content: attr(data-label);
	font-size: 0.8em;
	margin-left: 3px;
	margin-top: -1px;
	position:absolute;
}
*/
.progress-label
{
	position: absolute;	
}
#help-opener
{
	position: fixed;
	bottom: 0;
	right: 2em;
	height: 35px;
	line-height: 35px;
	padding: 0 1.5em;
	background-color: #e66a51;
	font-weight: bold;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
}

#help-opener a {
	color: #fff;
	display: block;
	text-decoration: none;
}
#help-opener a:active, #help-opener a:hover {
	color: #fff0a6;
	text-decoration: underline;
}

.googleSignInProgress
{
	display: none;
}

.tfa-required-content {
	display: block;
	height: 8em;
	width: 25em;
}

.xbbcode-b {
    font-weight:bold;
}

.xbbcode-blockquote {

}

.xbbcode-code {
    white-space: pre-wrap;
    font-family: monospace;
}

.xbbcode-i {
    font-style: italic; 
}

.xbbcode-s {
    text-decoration: line-through;
}

.xbbcode-size-4 {font-size:4px;}
.xbbcode-size-5 {font-size:5px;}
.xbbcode-size-6 {font-size:6px;}
.xbbcode-size-7 {font-size:7px;}
.xbbcode-size-8 {font-size:8px;}
.xbbcode-size-9 {font-size:9px;}
.xbbcode-size-10 {font-size:10px;}
.xbbcode-size-11 {font-size:11px;}
.xbbcode-size-12 {font-size:12px;}
.xbbcode-size-13 {font-size:13px;}
.xbbcode-size-14 {font-size:14px;}
.xbbcode-size-15 {font-size:15px;}
.xbbcode-size-16 {font-size:16px;}
.xbbcode-size-17 {font-size:17px;}
.xbbcode-size-18{font-size:18px;}
.xbbcode-size-19 {font-size:19px;}
.xbbcode-size-20 {font-size:20px;}
.xbbcode-size-21 {font-size:21px;}
.xbbcode-size-22 {font-size:22px;}
.xbbcode-size-23 {font-size:23px;}
.xbbcode-size-24 {font-size:24px;}
.xbbcode-size-25 {font-size:25px;}
.xbbcode-size-26 {font-size:26px;}
.xbbcode-size-27 {font-size:27px;}
.xbbcode-size-28 {font-size:28px;}
.xbbcode-size-29 {font-size:29px;}
.xbbcode-size-30 {font-size:30px;}
.xbbcode-size-31 {font-size:31px;}
.xbbcode-size-32 {font-size:32px;}
.xbbcode-size-33 {font-size:33px;}
.xbbcode-size-34 {font-size:34px;}
.xbbcode-size-35 {font-size:35px;}
.xbbcode-size-36 {font-size:36px;}
.xbbcode-size-37 {font-size:37px;}
.xbbcode-size-38 {font-size:38px;}
.xbbcode-size-39 {font-size:39px;}
.xbbcode-size-40 {font-size:40px;}

.xbbcode-u {
    text-decoration: underline;
}

.xbbcode-table {
    border-collapse:collapse;
}

.xbbcode-tr {

}

.xbbcode-table , .xbbcode-th, .xbbcode-td {
    border: 1px solid #666;
}.introjs-overlay{position:absolute;z-index:999999;background-color:#000;opacity:0;background:-moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.4)),color-stop(100%,rgba(0,0,0,0.9)));background:-webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);background:-o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);background:-ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);background:radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1);-ms-filter:"alpha(opacity=50)";filter:alpha(opacity=50);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.introjs-fixParent{z-index:auto !important;opacity:1.0 !important; -webkit-transform: none !important;}.introjs-showElement,tr.introjs-showElement>td,tr.introjs-showElement>th{z-index:9999999 !important}.introjs-relativePosition,tr.introjs-showElement>td,tr.introjs-showElement>th{position:relative}.introjs-helperLayer{position:absolute;z-index:9999998;background-color:#FFF;background-color:rgba(255,255,255,.9);border:1px solid #777;border:1px solid rgba(0,0,0,.5);border-radius:4px;box-shadow:0 2px 15px rgba(0,0,0,.4);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.introjs-helperNumberLayer{position:absolute;top:-16px;left:-16px;z-index:9999999999 !important;padding:2px;font-family:Arial,verdana,tahoma;font-size:13px;font-weight:bold;color:white;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.3);background:#ff3019;background:-webkit-linear-gradient(top,#ff3019 0,#cf0404 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff3019),color-stop(100%,#cf0404));background:-moz-linear-gradient(top,#ff3019 0,#cf0404 100%);background:-ms-linear-gradient(top,#ff3019 0,#cf0404 100%);background:-o-linear-gradient(top,#ff3019 0,#cf0404 100%);background:linear-gradient(to bottom,#ff3019 0,#cf0404 100%);width:20px;height:20px;line-height:20px;border:3px solid white;border-radius:50%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019',endColorstr='#cf0404',GradientType=0);filter:progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=2,color=ff0000);box-shadow:0 2px 5px rgba(0,0,0,.4)}.introjs-arrow{border:5px solid white;content:'';position:absolute}.introjs-arrow.top{top:-10px;border-top-color:transparent;border-right-color:transparent;border-bottom-color:white;border-left-color:transparent}.introjs-arrow.top-right{top:-10px;right:10px;border-top-color:transparent;border-right-color:transparent;border-bottom-color:white;border-left-color:transparent}.introjs-arrow.top-middle{top:-10px;left:50%;margin-left:-5px;border-top-color:transparent;border-right-color:transparent;border-bottom-color:white;border-left-color:transparent}.introjs-arrow.right{right:-10px;top:10px;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:white}.introjs-arrow.bottom{bottom:-10px;border-top-color:white;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.introjs-arrow.left{left:-10px;top:10px;border-top-color:transparent;border-right-color:white;border-bottom-color:transparent;border-left-color:transparent}.introjs-tooltip{position:absolute;padding:10px;background-color:white;min-width:200px;max-width:300px;border-radius:3px;box-shadow:0 1px 10px rgba(0,0,0,.4);-webkit-transition:opacity .1s ease-out;-moz-transition:opacity .1s ease-out;-ms-transition:opacity .1s ease-out;-o-transition:opacity .1s ease-out;transition:opacity .1s ease-out}.introjs-tooltipbuttons{text-align:right}.introjs-button{position:relative;overflow:visible;display:inline-block;padding:.3em .8em;border:1px solid #d4d4d4;margin:0;text-decoration:none;text-shadow:1px 1px 0 #fff;font:11px/normal sans-serif;color:#333;white-space:nowrap;cursor:pointer;outline:0;background-color:#ececec;background-image:-webkit-gradient(linear,0 0,0 100%,from(#f4f4f4),to(#ececec));background-image:-moz-linear-gradient(#f4f4f4,#ececec);background-image:-o-linear-gradient(#f4f4f4,#ececec);background-image:linear-gradient(#f4f4f4,#ececec);-webkit-background-clip:padding;-moz-background-clip:padding;-o-background-clip:padding-box;-webkit-border-radius:.2em;-moz-border-radius:.2em;border-radius:.2em;zoom:1;*display:inline;margin-top:10px}.introjs-button:hover{border-color:#bcbcbc;text-decoration:none;box-shadow:0 1px 1px #e3e3e3}.introjs-button:focus,.introjs-button:active{background-image:-webkit-gradient(linear,0 0,0 100%,from(#ececec),to(#f4f4f4));background-image:-moz-linear-gradient(#ececec,#f4f4f4);background-image:-o-linear-gradient(#ececec,#f4f4f4);background-image:linear-gradient(#ececec,#f4f4f4)}.introjs-button::-moz-focus-inner{padding:0;border:0}.introjs-skipbutton{margin-right:5px;color:#7a7a7a}.introjs-prevbutton{-webkit-border-radius:.2em 0 0 .2em;-moz-border-radius:.2em 0 0 .2em;border-radius:.2em 0 0 .2em;border-right:0}.introjs-nextbutton{-webkit-border-radius:0 .2em .2em 0;-moz-border-radius:0 .2em .2em 0;border-radius:0 .2em .2em 0}.introjs-disabled,.introjs-disabled:hover,.introjs-disabled:focus{color:#9a9a9a;border-color:#d4d4d4;box-shadow:none;cursor:default;background-color:#f4f4f4;background-image:none;text-decoration:none}.introjs-bullets{text-align:center}.introjs-bullets ul{clear:both;margin:15px auto 0;padding:0;display:inline-block}.introjs-bullets ul li{list-style:none;float:left;margin:0 2px}.introjs-bullets ul li a{display:block;width:6px;height:6px;background:#ccc;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;text-decoration:none}.introjs-bullets ul li a:hover{background:#999}.introjs-bullets ul li a.active{background:#999}.introjsFloatingElement{position:absolute;height:0;width:0;left:50%;top:50%}

/* vert centering */
.introjs-helperNumberLayer {
	line-height: 12px !important;
}@charset "UTF-8";
/*
* CSS TOGGLE SWITCH
*
* Ionuț Colceriu - ghinda.net
* https://github.com/ghinda/css-toggle-switch
*
*/
/* supported values are px, rem-calc, em-calc
 */
/* imports
 */
/* Functions
 */
/* Shared
 */
/* Hide by default
 */
.switch-toggle a,
.switch-light span span {
  display: none; }

/* We can't test for a specific feature,
 * so we only target browsers with support for media queries.
 */
@media only screen {
  /* Checkbox
 */
  .switch-light {
    position: relative;
    display: block;
    /* simulate default browser focus outlines on the switch,
   * when the inputs are focused.
   */ }
    .switch-light::after {
      clear: both;
      content: '';
      display: table; }
    .switch-light *,
    .switch-light *:before,
    .switch-light *:after {
      box-sizing: border-box; }
    .switch-light a {
      display: block;
      /* transition: all 0.2s ease-out; */
      transition: none; } /* this is the color that slides across to the newly selected button */
    .switch-light label,
    .switch-light > span {
      /* breathing room for bootstrap/foundation classes.
     */
      line-height: 2em; }
    .switch-light input:focus ~ span a,
    .switch-light input:focus + label {
      outline-width: 2px;
      outline-style: solid;
      outline-color: Highlight;
      /* Chrome/Opera gets its native focus styles.
     */ } }
    @media only screen and (-webkit-min-device-pixel-ratio: 0) {
      .switch-light input:focus ~ span a,
      .switch-light input:focus + label {
        outline-color: -webkit-focus-ring-color;
        outline-style: auto; } }

@media only screen {
  /* don't hide the input from screen-readers and keyboard access
 */
  .switch-light input {
    position: absolute;
    opacity: 0;
    z-index: 3; }
  .switch-light input:checked ~ span a {
    right: 0%; }
  /* inherit from label
 */
  .switch-light strong {
    font-weight: inherit; }
  .switch-light > span {
    position: relative;
    overflow: hidden;
    display: block;
    min-height: 2em;
    /* overwrite 3rd party classes padding
   * eg. bootstrap .alert
   */
    padding: 0;
    text-align: left; }
  .switch-light span span {
    position: relative;
    z-index: 2;
    display: block;
    float: left;
    width: 50%;
    text-align: center;
    user-select: none; }
  .switch-light a {
    position: absolute;
    right: 50%;
    top: 0;
    z-index: 1;
    display: block;
    width: 50%;
    height: 100%;
    padding: 0; }
  /* bootstrap 4 tweaks
*/
  .switch-light.row {
    display: flex; }
  .switch-light .alert-light {
    color: #333; }
  /* Radio Switch
 */
  .switch-toggle {
    position: relative;
    display: block;
    /* simulate default browser focus outlines on the switch,
   * when the inputs are focused.
   */
    /* For callout panels in foundation
  */
    padding: 0 !important;
    /* 2 items
   */
    /* 3 items
   */
    /* 4 items
   */
    /* 5 items
   */
    /* 6 items
   */ }
    .switch-toggle::after {
      clear: both;
      content: '';
      display: table; }
    .switch-toggle *,
    .switch-toggle *:before,
    .switch-toggle *:after {
      box-sizing: border-box; }
    .switch-toggle a {
      display: block;
      transition: all 0.2s ease-out;
      transition: none; } /* this is the color that slides across to the newly selected button */
    .switch-toggle label,
    .switch-toggle > span {
      /* breathing room for bootstrap/foundation classes.
     */
      line-height: 2em; }
    .switch-toggle input:focus ~ span a,
    .switch-toggle input:focus + label {
		/* this adds a off-color ring around our tab box
      outline-width: 2px;
      outline-style: solid;
      outline-color: Highlight;
		*/
		outline: none;
      /* Chrome/Opera gets its native focus styles.
     */ } }
    @media only screen and (-webkit-min-device-pixel-ratio: 0) {
      .switch-toggle input:focus ~ span a,
      .switch-toggle input:focus + label {
        /* this adds a off-color ring around our tab box
		outline-color: -webkit-focus-ring-color;
        outline-style: auto; 
		*/
		} }

@media only screen {
    .switch-toggle input {
      position: absolute;
      left: 0;
      opacity: 0; }
    .switch-toggle input + label {
      position: relative;
      z-index: 2;
      display: block;
      float: left;
      padding: 0 0.5em;
      margin: 0;
      text-align: center; }
    .switch-toggle a {
      position: absolute;
      top: 0;
      left: 0;
      padding: 0;
      z-index: 1;
      width: 10px;
      height: 100%; }
    .switch-toggle label:nth-child(2):nth-last-child(4),
    .switch-toggle label:nth-child(2):nth-last-child(4) ~ label,
    .switch-toggle label:nth-child(2):nth-last-child(4) ~ a {
      width: 50%; }
    .switch-toggle label:nth-child(2):nth-last-child(4) ~ input:checked:nth-child(3) + label ~ a {
      left: 50%; }
    .switch-toggle label:nth-child(2):nth-last-child(6),
    .switch-toggle label:nth-child(2):nth-last-child(6) ~ label,
    .switch-toggle label:nth-child(2):nth-last-child(6) ~ a {
      width: 33.33%; }
    .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(3) + label ~ a {
      left: 33.33%; }
    .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(5) + label ~ a {
      left: 66.66%; }
    .switch-toggle label:nth-child(2):nth-last-child(8),
    .switch-toggle label:nth-child(2):nth-last-child(8) ~ label,
    .switch-toggle label:nth-child(2):nth-last-child(8) ~ a {
      width: 25%; }
    .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(3) + label ~ a {
      left: 25%; }
    .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(5) + label ~ a {
      left: 50%; }
    .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(7) + label ~ a {
      left: 75%; }
    .switch-toggle label:nth-child(2):nth-last-child(10),
    .switch-toggle label:nth-child(2):nth-last-child(10) ~ label,
    .switch-toggle label:nth-child(2):nth-last-child(10) ~ a {
      width: 20%; }
    .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(3) + label ~ a {
      left: 20%; }
    .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(5) + label ~ a {
      left: 40%; }
    .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(7) + label ~ a {
      left: 60%; }
    .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(9) + label ~ a {
      left: 80%; }
    .switch-toggle label:nth-child(2):nth-last-child(12),
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ label,
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ a {
      width: 16.6%; }
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(3) + label ~ a {
      left: 16.6%; }
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(5) + label ~ a {
      left: 33.2%; }
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(7) + label ~ a {
      left: 49.8%; }
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(9) + label ~ a {
      left: 66.4%; }
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(11) + label ~ a {
      left: 83%; }
  /* Candy Theme
 * Based on the "Sort Switches / Toggles (PSD)" by Ormal Clarck
 * http://www.premiumpixels.com/freebies/sort-switches-toggles-psd/
 */
  .switch-toggle.switch-candy,
  .switch-light.switch-candy > span {
    background-color: #2d3035;
    border-radius: 3px;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2); }
  .switch-light.switch-candy span span,
  .switch-light.switch-candy input:checked ~ span span:first-child,
  .switch-toggle.switch-candy label {
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-shadow: 1px 1px 1px #191b1e; }
  .switch-light.switch-candy input ~ span span:first-child,
  .switch-light.switch-candy input:checked ~ span span:nth-child(2),
  .switch-candy input:checked + label {
    color: #333;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
  .switch-candy a {
    border: 1px solid #333;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.45);
    background-color: #70c66b;
    background-image: linear-gradient(rgba(255, 255, 255, 0.2), transparent); }
  .switch-candy-blue a {
    background-color: #38a3d4; }
  .switch-candy-yellow a {
    background-color: #f5e560; }
  /* iOS Theme
*/
  .switch-ios.switch-light span span {
    color: #888b92; }
  .switch-ios.switch-light a {
    left: 0;
    top: 0;
    width: 2em;
    height: 2em;
    background-color: #fff;
    border-radius: 100%;
    border: 0.25em solid #D8D9DB;
    transition: all .2s ease-out; }
  .switch-ios.switch-light > span {
    display: block;
    width: 100%;
    height: 2em;
    background-color: #D8D9DB;
    border-radius: 1.75em;
    transition: all .4s ease-out; }
  .switch-ios.switch-light > span span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    line-height: 1.875em;
    vertical-align: middle;
    transition: all .2s ease-out; }
    .switch-ios.switch-light > span span:first-of-type {
      opacity: 1;
      padding-left: 1.875em; }
    .switch-ios.switch-light > span span:last-of-type {
      padding-right: 1.875em; }
  .switch-ios.switch-light input:checked ~ span a {
    left: 100%;
    border-color: #4BD865;
    margin-left: -2em; }
  .switch-ios.switch-light input:checked ~ span {
    border-color: #4BD865;
    box-shadow: inset 0 0 0 30px #4BD865; }
  .switch-ios.switch-light input:checked ~ span span:first-of-type {
    opacity: 0; }
  .switch-ios.switch-light input:checked ~ span span:last-of-type {
    opacity: 1;
    color: #fff; }
  .switch-ios.switch-toggle {
    background-color: #D8D9DB;
    border-radius: 30px;
    box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0; }
    .switch-ios.switch-toggle a {
      background-color: #4BD865;
      border: 0.125em solid #D8D9DB;
      border-radius: 1.75em;
      transition: all 0.12s ease-out; }
    .switch-ios.switch-toggle label {
      height: 2.4em;
      color: #888b92;
      line-height: 2.4em;
      vertical-align: middle; }
  .switch-ios input:checked + label {
    color: #3e4043; }
  /* Holo Theme
 */
  .switch-toggle.switch-holo,
  .switch-light.switch-holo > span {
    background-color: #464747;
    border-radius: 1px;
    box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0;
    color: #fff;
    text-transform: uppercase; }
  .switch-holo label {
    color: #fff; }
  .switch-holo > span span {
    opacity: 0;
    transition: all 0.1s; }
    .switch-holo > span span:first-of-type {
      opacity: 1; }
  .switch-holo > span span,
  .switch-holo label {
    font-size: 85%;
    line-height: 2.15625em; }
  .switch-holo a {
    background-color: #666;
    border-radius: 1px;
    box-shadow: inset rgba(255, 255, 255, 0.2) 0 1px 0, inset rgba(0, 0, 0, 0.3) 0 -1px 0; }
  /* Selected ON switch-light
*/
  .switch-holo.switch-light input:checked ~ span a {
    background-color: #0E88B1; }
  .switch-holo.switch-light input:checked ~ span span:first-of-type {
    opacity: 0; }
  .switch-holo.switch-light input:checked ~ span span:last-of-type {
    opacity: 1; }
  /* Material Theme
 */
  /* switch-light
 */
  .switch-light.switch-material a {
    top: -0.1875em;
    width: 1.75em;
    height: 1.75em;
    border-radius: 50%;
    background: #fafafa;
    box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.14), 0 0.1875em 0.125em -0.125em rgba(0, 0, 0, 0.2), 0 0.125em 0.25em 0 rgba(0, 0, 0, 0.12);
    transition: right 0.28s cubic-bezier(0.4, 0, 0.2, 1); }
  .switch-material.switch-light {
    overflow: visible; }
    .switch-material.switch-light::after {
      clear: both;
      content: '';
      display: table; }
  .switch-material.switch-light > span {
    overflow: visible;
    position: relative;
    top: 0.1875em;
    width: 3.25em;
    height: 1.5em;
    min-height: auto;
    border-radius: 1em;
    background: rgba(0, 0, 0, 0.26); }
  .switch-material.switch-light span span {
    position: absolute;
    clip: rect(0 0 0 0); }
  .switch-material.switch-light input:checked ~ span a {
    right: 0;
    background: #3f51b5;
    box-shadow: 0 0.1875em 0.25em 0 rgba(0, 0, 0, 0.14), 0 0.1875em 0.1875em -0.125em rgba(0, 0, 0, 0.2), 0 0.0625em 0.375em 0 rgba(0, 0, 0, 0.12); }
  .switch-material.switch-light input:checked ~ span {
    background: rgba(63, 81, 181, 0.5); }
  /* switch-toggle
 */
  .switch-toggle.switch-material {
    overflow: visible; }
    .switch-toggle.switch-material::after {
      clear: both;
      content: '';
      display: table; }
  .switch-toggle.switch-material a {
    top: 48%;
    width: 0.375em !important;
    height: 0.375em;
    margin-left: 0.25em;
    background: #3f51b5;
    border-radius: 100%;
    transform: translateY(-50%);
    transition: transform .4s ease-in; }
  .switch-toggle.switch-material label {
    color: rgba(0, 0, 0, 0.54);
    font-size: 1em; }
  .switch-toggle.switch-material label:before {
    content: '';
    position: absolute;
    top: 48%;
    left: 0;
    display: block;
    width: 0.875em;
    height: 0.875em;
    border-radius: 100%;
    border: 0.125em solid rgba(0, 0, 0, 0.54);
    transform: translateY(-50%); }
  .switch-toggle.switch-material input:checked + label:before {
    border-color: #3f51b5; }
  /* ripple
 */
  .switch-light.switch-material > span:before,
  .switch-light.switch-material > span:after,
  .switch-toggle.switch-material label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display: block;
    width: 4em;
    height: 4em;
    border-radius: 100%;
    background: #3f51b5;
    opacity: .4;
    margin-left: -1.25em;
    margin-top: -1.25em;
    transform: scale(0);
    transition: opacity .4s ease-in; }
  .switch-light.switch-material > span:after {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: -1.25em; }
  .switch-toggle.switch-material label:after {
    width: 3.25em;
    height: 3.25em;
    margin-top: -0.75em; }
  @keyframes materialRipple {
    0% {
      transform: scale(0); }
    20% {
      transform: scale(1); }
    100% {
      opacity: 0;
      transform: scale(1); } }
  .switch-material.switch-light input:not(:checked) ~ span:after,
  .switch-material.switch-light input:checked ~ span:before,
  .switch-toggle.switch-material input:checked + label:after {
    animation: materialRipple .4s ease-in; }
  /* trick to prevent the default checked ripple animation from showing
 * when the page loads.
 * the ripples are hidden by default, and shown only when the input is focused.
 */
  .switch-light.switch-material.switch-light input ~ span:before,
  .switch-light.switch-material.switch-light input ~ span:after,
  .switch-material.switch-toggle input + label:after {
    visibility: hidden; }
  .switch-light.switch-material.switch-light input:focus:checked ~ span:before,
  .switch-light.switch-material.switch-light input:focus:not(:checked) ~ span:after,
  .switch-material.switch-toggle input:focus:checked + label:after {
    visibility: visible; } }

/* Bugfix for older Webkit, including mobile Webkit. Adapted from
 * http://css-tricks.com/webkit-sibling-bug/
 */
@media only screen and (-webkit-max-device-pixel-ratio: 2) and (max-device-width: 80em) {
  .switch-light,
  .switch-toggle {
    -webkit-animation: webkitSiblingBugfix infinite 1s; } }

@-webkit-keyframes webkitSiblingBugfix {
  from {
    -webkit-transform: translate3d(0, 0, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0); } }

/*# sourceMappingURL=toggle-switch.css.map */.bounce
{
	-webkit-animation: bounce 1s infinite;
	-moz-animation: bounce 1s infinite;
	-ms-animation: bounce 1s infinite;
	-o-animation: bounce 1s infinite;
	animation: bounce 1s infinite;
}

@keyframes bounce 
{
	0%, 100%
	{
		transform: translateY(0);
	}
	50%
	{
		transform: translateY(-20px);
	}
}

/* Firefox < 16 */
@-moz-keyframes bounce 
{
	0%, 100%
	{
		-moz-transform: translateY(0);
	}
	50%
	{
		-moz-transform: translateY(-20px);
	}
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes bounce 
{
	0%, 100%
	{
		-webkit-transform: translateY(0);
	}
	50%
	{
		-webkit-transform: translateY(-20px);
	}
}

/* Internet Explorer */
@-ms-keyframes bounce 
{
	0%, 100%
	{
		-ms-transform: translateY(0);
	}
	50%
	{
		-ms-transform: translateY(-20px);
	}
}

/* Opera < 12.1 */
@-o-keyframes bounce 
{
	0%, 100%
	{
		-o-transform: translateY(0);
	}
	50%
	{
		-o-transform: translateY(-20px);
	}
}

#container, .sub_container
{
	padding: 0;
}

#map-header
{
	height: 55px;
	background: #0f9fbc;
	/* home link moved left*/
	/*text-align: center;*/
	background-color: #0f9fbc; 
	background-repeat: no-repeat;
	background-position: left center;
	/* depending on if we're payor filtered, different logo */
	background-image: url('/images/mobile-banner.png');
}

.more-shops
{
	background-image: url('/images/mobile-banner-more-shops.png') !important;
}

#homelink
{
	display: inline-block;
	height: 50px;
	width: 80px;
}

#map-header .view-uip
{
	float: left;
	width: 40px;
	height: 50px;
}

#view-toggle
{
	display: inline-block;
	width: 10em;
	position: absolute;
	left: 42%;
	top: 10px;
	/* hide by default */
	display: none;
}

label.switch-light {
	margin: 0;
}
.switch-light.switch-candy > span,
.switch-light.switch-candy span span, .switch-light.switch-candy input:checked ~ span span:first-child {
	background-color: #007399;
	border-radius: 3px;
	box-shadow: none;
}
.switch-light.switch-candy span span {
	text-shadow: 1px 1px 0px #002a33;
}
.switch-light.switch-candy input ~ span span:first-child,
.switch-light.switch-candy input:checked ~ span span:nth-child(2),
.switch-candy input:checked + label {
	background: #fff;
	color: #0bb8da;
    text-shadow: none;
}

#list-selector .switch-light.switch-candy > span,
#list-selector .switch-light.switch-candy span span, #list-selector .switch-light.switch-candy input:checked ~ span span:first-child {
	background-color: #333;
	border-radius: 3px;
	box-shadow: none;
}
#list-selector .switch-light.switch-candy input ~ span span:first-child,
#list-selector .switch-light.switch-candy input:checked ~ span span:nth-child(2),
#list-selector .switch-candy input:checked + label {
	background: #454545;
	color: #fff;
    text-shadow: none;
	/* covers up the joint between the tab and the list */
	border-bottom: 2px solid #454545;
	margin-bottom: -2px;
}

.switch-light.switch-candy input ~ span span:first-child {
	border-radius: 3px 0 0 3px;
}
.switch-light.switch-candy input:checked ~ span span:nth-child(2) {
	border-radius: 0 3px 3px 0;
}

.switch-material.switch-light input:checked ~ span a
{
	background: #0bb8da;
}

.switch-material.switch-light input:checked ~ span
{
	background: rgba(11, 184, 218, 0.5);
}
/*
.switch-material.switch-light input:not(:checked) ~ span:after, 
.switch-material.switch-light input:checked ~ span:before, 
.switch-toggle.switch-material input:checked + label:after
*/
.switch-toggle input:not(:checked) ~ span:after, 
.switch-toggle input:checked ~ span:before, 
.switch-toggle input:checked + label:after
{
	animation: none;
}

/* this is the color that slides across to the newly selected button */
/* if there is a trasition or animation set it toggle-switch.css it will appear as an annoying flutter */
.switch-candy a 
{
	background: #0bb8da;
	/* background: #191b1e; */
}

#incomplete-evals-alert .view-uip
{
	/*background-color: #0f9fbc;*/
	display: inline-block;
	height: 25px;
	width: 18px;
}
#incomplete-evals-alert .view-uip.close-incom-eval-alert .uip-icon-1-1
{
	background: url('/images/icons/hamburger.png') no-repeat 0 12px;
	height: 33px;
	width: 18px;
}

#map-header .map-btn
{
	display: block;
	height: 50px;
	width: 40px;
}

#view-help
{
/*	margin-left: 40px;*/
	float: right;
	background: url('/images/map_help.png') no-repeat center;
}

#view-presto
{
	width: 40px;
	height: 40px;
	margin-bottom: 16px;
	margin-right: 6px;
}


#view-presto.all-types
{	
	background: url('/images/map_presto.png') no-repeat 3px center;
}

#view-presto.presto-only
{
	background: url('/images/map_presto.png') no-repeat -37px center;
}

#view-list
{
	float: right;
	width: 50px !important;
	background: url('/images/map_list.png') no-repeat center;
	margin-right: 9px;
}

#view-search
{
	float: right;
	background: url('https://d1rl12thtbcp7t.cloudfront.net/map_search.png') no-repeat center;
	margin-right: .5em;
	cursor: pointer;
}

#search-container
{
	height: 50px;
	padding-top: .65em;
	/* this almost works, but blocks clicks to underlying buttons */
	/* padding-right: 80px; */
	/* doesn't work in all browsers */
	/* pointer-events: none; */

	/* ...and this ends up making the user icon on the left unclickable */
	/*
	width: 100%;
	padding-left: 172px;
	*/
	/* so instead, fix the left and right extents */
	right: 60px;
	left: 38px;


	top: 0;
	z-index: 100;
	position: absolute;
	display: none;

	/* ugh */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#search-container input
{
	height: 2em;
	margin: 0;
	width: 100%;
}

#status-bar,
#get-app
{
	background-color: #4d2219;
	display: block;
	position: absolute;
	z-index: 2;  
	opacity: 0.8;
	padding: 0.3em;

	color: #fff;
	font-weight: bold;
	text-shadow: none;
	font-size: 90%;
	line-height: 22px;


	width: 100%;
	height: 30px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#status-bar
{
	transition: all ease 300ms;
}

#get-app
{
	background-color: #0f9fbc;
	opacity: 0.6;
	/* map-header + status-bar */
	top: 85px;
	text-align: center;
	/* don't show by default */
	display: none;
}

#get-app a
{
	color: #fff;
}

#get-app .close-get-app
{
	float: left;
	padding-left: 0.75em;
}

@media all and (max-width: 321px) 
{
	#status-bar 
	{
		font-size: 80%;
	}
}
@media all and (max-width: 600px)
{
	.full-size
	{
		display: none;
	}
}

#status-bar-content
{
	/*intentionally not enabling this particular rule here;
	will turn it on via javascript if needed */
	/*-webkit-animation-name: move;*/
	-webkit-animation-duration: 4s;
	-webkit-animation-iteration-count: 10;
	-webkit-animation-direction: right;
	-webkit-animation-timing-function: linear;
}

@-webkit-keyframes move {
    0% {
        margin-left: 20px;
    }
    100% {
        margin-left: -100px;
    }
}

#status-bar-messages
{
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* at start, hide the messages */
#status-bar span:not(.full-size)
{
	display: none;
}

#status-bar .filter-link
{
	background: url('/images/icons/filter-white.png') no-repeat 97% 35%;
	background-size: 14px;
	float: right;
	padding: 0 2em 0 .5em;
}

#status-bar .filter-link a
{
	color: #fff;
}

#filters
{
	min-width: 200px;
}

#filters ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#filters li
{
	border-bottom: 1px solid #999;
	padding: 0.75em;
}

#filters h4
{
	float: left;
	margin-bottom: 0;
}

#filters .clear-filters
{
	font-size: 80%;
	font-style: italic;
	padding-left: 2em;
}

#filters .filter-shop-count
{
	font-size: 90%;
	font-style: italic;
	margin-bottom: 0;
	font-weight: bold;
	margin-top: 0.5em;
}

#filters .filter-button
{
	width: 16px;
	height: 16px;
	float: right;	
	background: url('/images/icons/arrow-down.png') no-repeat;
}

#filters .switch
{
	float: right;
	margin-top: -4px;
}

.filter-input
{
	float: right;
	width: 7em;
}

.payor-select-display
{
	width: 100%;
	text-align: left;
}

#eval-map
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

	/* this doesn't work, and setting it on html,body doesn't either */
	/*	height: 100%; */
	/* just show something until the javascript takes over.*/
	height: 150px;
}

.list-control
{
	position: sticky;
	z-index: 1000;
	top: 0;
}

#list-selector label span
{
	/* make same as status-bar */
	height: 30px;
}

#perma-list
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

	overflow-y: scroll !important;
	position: absolute;
	top: 60;
	right: 0;
}

@media all and (max-width: 900px) {
	#perma-list
	{
		padding-bottom: 10em;
	}
}
@media all and (max-width: 700px) {
	#perma-list
	{
		padding-bottom: 8em;
	}
}

#perma-list .status,
#perma-list .no-tidings,
#perma-list .no-anywheres
{
	position: absolute;
	top: 45%;
	padding-left: 1em;
}

#perma-list .status em,
.no-tidings em,
.no-anywheres em
{
	color: #ddd;
}

#perma-list .fade-slow
{
	-webkit-animation: fadein 2s;
	-moz-animation: fadein 2s;
	-ms-animation: fadein 2s;
	-o-animation: fadein 2s;
	animation: fadein 2s;
}

@keyframes fadein 
{
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein 
{
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein 
{
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein 
{
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein 
{
    from { opacity: 0; }
    to   { opacity: 1; }
}



#popups, #tpl, #nav-header,
.filter-container label
{
	display: none;
}

.popup-button
{
	margin: 0 1em 1em 0;
}
#popups ol {
	margin-left: 1.5em;
}
#close-right, #close-left, .filter-container
{
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}
#return-home
{
	width: 32px;
	height: 32px;
	/* w/o this, we are too close to the terms link */
	margin-bottom: 16px;
	/* now we show the active one by default */
	/*background: url('/images/icons/nav-arrow-inactive.png') no-repeat center;*/
	background: url('/images/icons/nav-arrow-active.png') no-repeat center;
	margin-right: 6px;
}

#tiding-map-button
{
	width: 32px;
	height: 32px;
	margin-bottom: 16px;

	background: url('/images/icons/tiding-button.png') no-repeat center;
	margin-right: 6px;
}

#tiding-map-button.logged-out
{
	background: url('/images/icons/tiding-button-gray.png') no-repeat center;
}

#anywhere-map-button
{
	width: 32px;
	height: 32px;
	margin-bottom: 16px;
	margin-right: 6px;
}


#hot-spot-opener
{
	width: 32px;
	height: 32px;
	margin-bottom: 16px;

	background: url('/images/icons/hot-spot-opener.png') no-repeat center;
	margin-right: 6px;
}

#hot-spot-opener.logged-out
{
	background: url('/images/icons/hot-spot-opener-gray.png') no-repeat center;
}

/* we add the svgs directly into the template, so not a background image */
.herevec
{
	width: 40px !important;
	height: 40px !important;
	border-radius: 0.5em;
	box-shadow: 0em 0 0.4em 0 rgba(15, 22, 33, 0.6);

	background-color: #fff !important;
	background-image: none !important;
}

.herevec svg
{
	fill: #6f737a;
	height: 24px;
	width: 24px;

	display: block;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	margin: auto;
}
.herevec svg:hover
{
	fill: rgba(15, 22, 33, 0.8);
}


/* this does not fix the problem where icon turns blue on click in Safari */
/*
#hot-spot-opener,
#hot-spot-opener:active,
#hot-spot-opener:focus,
#hot-spot-opener:hover
{
	background-color: transparent !important;
	background-blend-mode: normal;
}
*/

#colorbox #hot-spot-manager {
	/* background: pink; */
	float: left;
	/* overflow-y: auto; */

	min-width: 240px;
}
#colorbox #hot-spot-manager img {
	border: 0;
	margin: 0;
	box-shadow: none;
}
#hot-spot-manager h2 {
 	background: url('/images/icons/pin-hot-spot.png') no-repeat -3px 0;
 	border-bottom: 1px solid #ccc;
 	height: 40px;
    line-height: 45px;
	margin-top: -.45em;
	padding: 0 0 2em 40px;
}
#hot-spot-manager h5 {
	color: #8e6ca6;
	margin-bottom: .5em;
}
#hot-spot-manager .controls {
 	/* background: purple; */
 	border-bottom: 1px solid #ccc;
 	float: left;
 	margin: 1em 0;
 	padding: 0 0 1em 0;
 	width: 100%;
}
#hot-spot-manager .controls a.button {
 	float: right;
}
.hot-spot-status {
	/* background: beige; */
	margin-bottom: 1em;
}
.hot-spot-status em {
	/* background: azure; */
	font-size: 13px;
	line-height: 2;
}
#existing-hot-spots {
	/* margin-bottom: 2em; */
}
ul#existing-hot-spot-list {
	background: transparent;
	display: block;
	float: left;
}

ul#existing-hot-spot-list li {
	/* background: gold; */
	border-bottom: 1px solid #ccc;
	float: left;
	line-height: 1.5;
	padding: .5em 0;
}
#loading-addr {
	/* display: block !important; */
}

ul#existing-hot-spot-list,
ul#existing-hot-spot-list li,
#hot-spot-addr
{
	width: 280px;
}
@media all and (max-width: 321px) 
{
	ul#existing-hot-spot-list,
	ul#existing-hot-spot-list li,
	#hot-spot-addr
	{
		width: 235px;
	}
}

.hs-address,
#hs-sub-editor .editor-address
{
	overflow: hidden;
	text-overflow: ellipsis;
}

#add-hot-spot-label {
	clear: both;
	font-size: 12px;
	font-style: italic;
	margin: 0 0 .1em 0;
	padding: 0;
}

a.add-hot-spot-button {
	background: #0bb8da url('/images/icons/add-white.png') no-repeat .75em 50%;
	border-radius: .5em;
	color: white;
	display: block;
	font-style: italic;
	font-weight: normal;
	margin: 0 0 1em 0;
	padding: .5em .5em .5em 2.25em;
	text-decoration: none;
}
a.add-hot-spot-button:active,
a.add-hot-spot-button:hover
{
	background-color: #007399;
}
.icon-divider {
	border-left: 1px solid white;
	display: table;
	padding: 0 0 0 .75em;
}
#hot-spot-addr {
	font-style: normal;
	font-weight: bold;
}
.hs-address {
	font-size: 13px;
	width: 180px;
	float: left;
}
@media all and (max-width: 321px) 
{
	.hs-address {
		width: 175px;
	}
}

#existing-hot-spots-header
{
	background: #8e6ca6;
	overflow: auto;
	margin: 0 -1em;
    padding: .25em 1em;
}

#existing-hot-spots-header h5,
.hs-editor-toggle,
a.hs-editor-toggle:visited
{
	color: white;
}

#existing-hot-spots-header h5
{
	float: left;
	font-weight: 300;
	margin-bottom: 0;
}
.hs-editor-toggle,
.editor-address,
a#update-hot-spot.button
{
	background-color: transparent;
	background-position: 0em .1em;
	background-repeat: no-repeat;
	padding-left: 1.5em;
}
.hs-editor-toggle
{
	background-image: url('/images/icons/edit-white.png');
	float: right;
}
.editor-address
{
	background-image: url('/images/icons/geo-pin.png');
	border-bottom: 1px solid #ccc;
	float: left;
	margin-bottom: .5em;
	width: 100%;
}
a#update-hot-spot.button {
	background-image: url('/images/icons/check-white.png');
	background-position: .5em 45%;
	padding-left: 2em;
}
a.hs-editor-toggle:hover
{
	color: #f4e5ff;
}
.hs-editor-toggle.done-hot-spot-link {
	background-image: url('/images/icons/edit.png');
	color: #ffb31a !important;
}

#editor-scrim
{
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.6);
	position: absolute;
	top: 0;
	left: 0;
}

#hs-sub-editor
{
	background: white;
	border: 2px solid #6ccce0;
	border-radius: 3px;
	box-shadow: 0 3px 15px #999;
	position: absolute;
	top: 15%;
	z-index: 1;
	padding: 1em;
	margin: .5em .5em .5em 0em;
	width: 90%;
}

#hs-sub-editor label
{
	margin-left: 0;
}
#hs-sub-editor input
{
	width: 3em;
}
#hs-sub-editor select
{
	float: right;
}

.hs-sub-editor-row {
	border-bottom: 1px solid #ccc;
	margin-bottom: .5em;
	padding-bottom: .5em;
}
.news-dismiss {
	display: inline-block;
	float: right;
	width: 32px;
	height: 32px;
}

.hs-delete 
{
	background: url('/images/icons/btn-x.png') no-repeat;
	float: left;
}

.hs-edit 
{
	background: url('/images/icons/edit.png') no-repeat;
	float: right;

}

.news-dismiss,
.remove-run-code,
.delete-tiding
{
	background: url('/images/icons/btn-x.png') no-repeat right;
	float: right !important;
}
.delete-tiding {
	background-image: url('/images/icons/btn-x-bright.png');
}
.delete-tiding:hover {
	background-image: url('/images/icons/btn-x-white.png');
}
.hs-delete,
.hs-edit,
.hs-go,
.remove-run-code,
.show-tiding,
.delete-tiding
{
	/* background-color: lime; */
	display: inline-block;
	margin-top: .25em;
}
.hs-delete,
.hs-edit,
.hs-go,
.remove-run-code
{
	clear: none !important;
	height: 16px;
	width: 28px !important;
}
.hs-go
{
	background: url('/images/icons/eye-hover.png') no-repeat left;
	float: left;
}

#perma-list.sliderpanel ul li a.show-tiding[data-source="presto"] h3
{
	background-image: url('/images/icons/eye-bright-blue.png');
}
#perma-list.sliderpanel ul li a.show-tiding[data-source="sassie"] h3
{
	background-image: url('/images/icons/eye-bright-orange.png');
}

#perma-list.sliderpanel ul li.ui-disabled a.show-tiding[data-source="presto"] h3,
#perma-list.sliderpanel ul li.ui-disabled a.show-tiding[data-source="sassie"] h3
{
	background-image: url('/images/icons/check-gray.png');
}

#hot-spot-info-toggle {
	background: beige;
	border-top: 1px solid #ccc;
	bottom: 0;
	left: 0;
	position: absolute;
	padding: .5em 1em;
	width: 100%;
}
#hot-spot-info {
	background: white;
	border: 1px solid #ccc;
	margin-bottom: .5em;
	padding: .5em;
	-moz-box-shadow: 0 1px 12px #ccc;
	-webkit-box-shadow: 0 1px 12px #ccc;
	box-shadow: 0 1px 12px #ccc;
	/* transition: 0.2s; */
}
#hot-spot-info p,
#hot-spot-info ol
{
	margin: 0 0 1em 0;
}

#hot-spot-manager .clear
{
	margin-bottom: 2em;
}
/*
.info-inner-container
{
	top: 7px !important;
}

.info-middle-container
{
	height: 2em !important;
}
*/
#info-body
{
	/* maps flashes the link, and if we don't have this space,
	 * scrollbars show up. */
	padding: 0.3em 0.7em;
}

/* deal with extra X in IE */
/* @see http://stackoverflow.com/questions/14007655/remove-ie10s-clear-field-x-button-on-certain-inputs */
#search::-ms-clear
{
	width: 0;
	height: 0;
}

.control-button
{
	margin-top: 12px; 
}



#bottom-slider-outer
{
	z-index: 1000;
	bottom: 0; 
	/* dont want absolute here! abs is rel to parent; fixed is rel to viewport*/
	position: fixed;
	left: 50%;

	/* not visible at start! */
	display: none;
}

#bottom-slider-inner
{
	max-width: 412px;
	position: relative;
	left: -50%;
	box-shadow: -4px -3px 5px rgba(0,0,0,0.15);
}

#bottom-slider-top
{
	height: 65px;
	line-height: 65px;
}

#bottom-slider-top:hover
{
	cursor: pointer;
}

#listing-text
{
	width: 65%;
	float: left;
	font-weight: bold;
	/* any bigger and it knocks the next line out if we have italic text */
	font-size: 125%; /* was 145% */
	padding: 0 0.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#bottom-slider-inner.type-presto #listing-text
{
	background-color: #d0f4fb;
}

#bottom-slider-inner.type-liveshopper #listing-text
{
	background-color: #ccffcc;
}

#bottom-slider-inner.type-other #listing-text
{
	background-color: #ffeacc;
}

#listing-pay
{
	float: right;
	color: #fff;
	font-weight: bold;
	text-shadow: none;
	width: 35%;
	text-align: center;
	font-size: 130%; /* was 150% */
	overflow: hidden;
}

#bottom-slider-inner.type-presto #listing-pay
{
	background-color: #2bcdee;
}

#bottom-slider-inner.type-liveshopper #listing-pay
{
	background-color: #5cd65c;
}

#bottom-slider-inner.type-other #listing-pay
{
	background-color: #ff9500;
}

#bottom-slider-details
{
	height: 225px;
}

.type-divider
{
	height: 25px;
	line-height: 25px;
	text-shadow: none;
	font-style: italic;
	padding: 0 0.5em;
}

#bottom-slider-inner.type-presto .type-divider
{
	background-color: #05a7c7;
	color: #fff;
}

#bottom-slider-inner.type-liveshopper .type-divider,
#bottom-slider-inner.type-liveshopper .details-footer
{
	background-color: #00b300;
	color: #fff;
}

#bottom-slider-inner.type-other .type-divider
{
	background-color: #e67300;
	color: #fff;
}


.details-scroller
{
	height: 150px;
	
	background: white;
	padding: .75em 1em;
	overflow: auto;
	-moz-box-shadow: inset 0 3px 18px #666;
	-webkit-box-shadow: inset 0 3px 18px #666;
	box-shadow: inset 0 3px 18px #666;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	font-size: 95%;
}

.details-scroller div
{
	border-bottom: 1px solid #ddd;
	padding: 0;
}
.details-scroller p {
	margin: .5em 0;
}

#bottom-slider-inner.type-presto .details-footer
{
	background-color: #05a7c7;
	color: #fff;
}

#bottom-slider-inner.type-other .details-footer
{
	background-color: #e67300;
	color: #fff;
}

.details-footer .payor-container
{
	float: left;
	height: 100%;
}

#bottom-slider-inner.type-presto .details-footer .payor-container,
#bottom-slider-inner.type-liveshopper .details-footer .payor-container
{
	width: 20%;
}

#bottom-slider-inner.type-other .details-footer .payor-container
{
	width: 50%;
	background: url('/images/vline.png') no-repeat scroll right center;
}

.details-footer .payor,
.details-footer .payor-label
{
	text-shadow: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0.5em;
	margin-right: 0.25em;
}

.details-footer .payor-label
{
	margin-top: 0.25em;
}

.details-footer {
	height: 50px;
}
.details-footer .pin-apply
{
	display: block;
	float: right;
	text-align: right;
	text-shadow: none;
	line-height: 50px;
	text-decoration: none;
	font-size: 125%; /* was 150% */
	color: #fff !important;
	padding-right: 3em;
}

#bottom-slider-inner.type-presto .details-footer .pin-apply,
#bottom-slider-inner.type-liveshopper .details-footer .pin-apply
{
	width: 80%;
	background: url('/images/forward.png') no-repeat scroll 95% 50%;
}

#bottom-slider-inner.type-presto .details-footer .pin-apply.ui-disabled,
#bottom-slider-inner.type-liveshopper .details-footer .pin-apply.ui-disabled
{
	/* don't want the arrow */
	background: none;
	padding-right: 1em;
}

.pin-apply.ui-disabled,
.map-list.ui-disabled
{
	/* dont want the ui-disabled grey here */
	background-color: inherit !important;
}

#bottom-slider-inner.type-other .details-footer .pin-apply
{
	width: 50%;
	background: url('/images/forward.png') no-repeat scroll 90% 50%;
}

.ui-icon-presto-only
{
	background: url('/images/icons/presto-only-icon.png') no-repeat rgba(15, 160, 189, 1);
}

.ui-icon-presto-only-on
{
	background: url('/images/icons/presto-only-icon.png') no-repeat rgba(15, 160, 189, 0.5);
}

.introjs-tooltiptext
{
	font-family: Arial, sans-serif;
}

#tidings
{
	background-color: #111;

	display: none;

	width: 100%;

	/* ugh */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#tidings.no-listings,
.list-pins.no-listings
{
	background-color: #454545;
	overflow: auto;
	height: 96%;
}

#tidings .listing
{
	padding: 1em;
	background-color: #454545;
	margin-bottom: 1px;
}


#tidings iframe
{
	width: 100%;
	border: 0;
	background-color: #fff;
	height: 300px;
}

#tidings .listing h3.description {
	font-size: 1.35em;
}

.got-new-tiding,
.got-new-anywhere
{
	background-color: red;
	/*border: 1px solid white; looks smoother as a box-shadow, below*/
	color: white;
	font-size: 75%;
	font-weight: bold;
	margin: 0;
	padding: .25em .5em;
	/* position: relative; */
	-moz-border-radius: 1.5em;
	-webkit-border-radius: 1.5em;
	border-radius: 1.5em;
}

em.got-new-tiding,
em.got-new-anywhere
{
	font-style: normal;
	display: none;
}

#otter-news
{
	background-color: #dff0d8;
	border: 1px solid #3c763d;
	position: absolute;
	z-index: 100;
	opacity: 0.8;
	padding: 0.3em;
	display: none;

	/* map-header + status-bar */
	top: 85px;

	width: 100%;
	/* ugh */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#otter-news .news-logo
{
	padding: 0;
	height: 36px;
	width: 36px;
	background: url(/images/otter-head.png);
	float: left;
	margin-right: 0.7em;

}

#otter-news .news-count
{
	display: block;
	position: absolute;
	top: 0;
	left: 2px;
	font-size: 60%;
}

.geo-attempt
{
	font-style: italic;
	color: #999;
}

#loader
{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 32px;
	height: 22px;
	margin-top: -16px;
	margin-left: -11px;
	z-index: 100;
	display: none;
}

.uip-button 
{
	display: block;
	width: 40px;
	height: 40px;
}
	
#map-header .uip-button
{
	margin-top: 4px;
}

.uip-icon-0-0
{
	background: url('/images/map_uip.png') -80px 0;
}

.uip-icon-0-1
{
	background: url('/images/map_uip.png') -120px 0;
}

.uip-icon-1-0
{
	background: url('/images/map_uip.png') 0px 0;
}

.uip-icon-1-1
{
	background: url('/images/map_uip.png') -40px 0;
}

/* the opacity isn't quite right for our white-icons */
.introjs-helperLayer
{
	background-color:rgba(255,255,255,.5);
}

a.preview-help
{
	display: block;
	float: left;
	background: #fff;
	padding: 0.2em;
	text-decoration: none;
}

.preview-help
{
	font-size: 75%;
	color: #007399;
}
.preview-help p
{
	margin-bottom: 0;
}

#slider-hint
{
	padding: 10px;
	margin: 0;
	background: #fff;
	width: 170px;
	height: 48px;
	box-shadow: -4px -3px 5px rgba(0,0,0,0.15);
	position: absolute;
	top: 200px;
	left: 50px;
}

#slider-hint p
{
	padding: 0;
	margin: 0;
	font-size: 75%;
	color: #007399;
}


.ui-disabled
{
	color: #999;
	/* font-style: italic; */
}

.ui-disabled input
{
	border-color: #999;
	color: #999;
}

#tidings .listing.ui-disabled
{
	background-color: #666 !important;
	box-shadow: inset 0 0 18px #555;
}

#tidings .listing.ui-disabled h3,
#tidings .listing.ui-disabled span
{
	color: #aaa;
	text-shadow: none;
}
#perma-list.sliderpanel ul li.ui-disabled a[data-source="presto"] h3 {
	color: #98c4cd;
}
#perma-list.sliderpanel ul li.ui-disabled a[data-source="sassie"] h3 {
	color: #c1aa8b;
}

#tidings .listing.ui-disabled:active,
#tidings .listing.ui-disabled:hover
{
	    border-bottom: 1px solid black;
}

#perma-list.sliderpanel ul li a.take-survey.ui-disabled
{
	background: #333 !important;
}
#perma-list.sliderpanel ul li a.take-survey.ui-disabled *
{
	color: #777 !important;
	font-weight: normal !important;
}
#perma-list.sliderpanel ul li a.take-survey.ui-disabled[data-source="presto"] h3 {
    background-image: url('/images/icons/pin-presto-held.png');
    background-size: 12px;
    background-position: .65em 60%;
}
#perma-list.sliderpanel ul li a.take-survey.ui-disabled .temp_reserved {
	color: #e66a51 !important;
	float: right;
    padding-top: .15em;
}

#no-geocode-alert {
	padding-right: 1.5em;
}

.presto-found,
.liveshopper-found,
#toggle-sassie-link.show-sassie,
#toggle-sassie-link.hide-sassie
{
	background-position: 0 35%;
	background-repeat: no-repeat;
	/* background-size: 10px; */
	background-size: 20px;
	margin-right: .25em;
	padding-left: 1.75em;
	text-shadow: 0 1px 2px #000;
}
.presto-found {
	background-image: url('/images/icons/pin-presto-icon.png');
	color: #33ddff;
	debug-comment: Panel_Map.css;
}

.liveshopper-found {
	background-image: url('/images/icons/pin-liveshopper-icon.png');
	color: #38CB38;
	debug-comment: Panel_Map.css;
}

#toggle-sassie-link.show-sassie {
	background-image: url('/images/icons/pin-sassie-icon.png');
	color: #e68500;
	debug-comment: Panel_Map.css;
}

#toggle-sassie-link.hide-sassie {
	background-image: url('/images/icons/pin-sassie-icon.png');
	opacity: .5;
	/* color: #999; */
	color: #e68500;
	text-shadow: none;
	debug-comment: Panel_Map.css;
}

.uip-loginstat input[type="email"],
.uip-loginstat input[type="password"]
{
	/* our default css bumps this input left too much */
	margin-left: 0;
	/* ...and even then, while not cut off, it's a little tight. */
	/* insufficient; the containing fieldset still gets blown out in native apps */
	/*max-width: 90%;*/
}
.uip-loginstat input
{
	max-width: 200px;
}

#loader-overlay
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ddd;
	z-index: 10000000;
	text-align: center;
}

#loader-overlay div
{
	position: absolute;
	/* in the status bar area */
	top: 60px;
	left: 50%;
	margin-left: -60px;
	display: inline-block;
}

#loader-overlay.fade-out-slow
{
	-webkit-animation: fadeout 3s;
	-moz-animation: fadeout 3s;
	-ms-animation: fadeout 3s;
	-o-animation: fadeout 3s;
	animation: fadeout 3s;

	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@keyframes fadeout 
{
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Firefox < 16 */
@-moz-keyframes fadeout 
{
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeout 
{
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Internet Explorer */
@-ms-keyframes fadeout 
{
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Opera < 12.1 */
@-o-keyframes fadeout 
{
    from { opacity: 1; }
    to   { opacity: 0; }
}



#map-code-picker
{
	border: 1px solid #999;
	position: absolute;
	z-index: 100000;
	background: #fff;
	/* this number needs to be different depending width, so we adjust in javascript */
	right: 30px;
	margin-top: 4px;
	border-radius: 0.4em;
	box-shadow: 1px 1px 6px #ccc;
	/* gotta be wide enough for thumbs to not hit delete by accident */
	width: 14em;

	/* have to limit it so we can scroll */
	max-height: 100px;
	overflow-y: auto;
}

.existing-map-code
{
	display: block;
	width: 80%;
	float: left;
}

.list-search-container
{
	background-color: #454545;
	padding: 1em;
	margin-bottom: 1px;
	overflow: auto;
	border-bottom: 1px solid black;
}

.list-search-input
{
	background-color: #454545;
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

input.list-search-input[type=text] {
	background-repeat: no-repeat;
	background-position: 99% 50%;
}
input.list-search-input.filter-normal
{
	background-image: url('/images/icons/filter-gray.png');
}
input.list-search-input.filter-inverted
{
	background-image: url('/images/icons/filter-invert-gray.png');
}
.hide-results-container
{
	clear: left; 
	float:right;
	margin-top: 0.5em;
	color: white;
}
a.invert-list-filter.button
{
	background-image: url('/images/icons/filter-invert-white.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	float: right;
	margin-top: -0.2em;
}

.list-header
{
	padding: 1em 0 0 1em;
	color: #eee;
}

.list-pins
{
	overflow: auto;
}

.H_l_anchor.H_l_horizontal
{
	margin-right: 8px;
}

.H_l_bottom.H_l_left .H_l_anchor.H_l_vertical
{
	margin-bottom: 50px;
}

#map-help
{
	width: 280px;
}
#map-help p
{
	padding-right: 0 !important;
}

.tips-links
{
	margin-left: 2em;
	list-style-type: disc;
}
.tips-types
{
	margin-left: 2em;
}
.tips-types img
{
	vertical-align: middle;
	margin-right: 0.5em !important;
}

#idset-loader
{
	position: absolute;
	float: right;
	top: 90px;
	left: 10px;
	background: white;
    padding: 0 .5em;
    border: 1px solid #00d4ff;
	box-shadow: 0 1px 12px #999;
}

.open-filters
{
	cursor: pointer;
	text-decoration: underline;
}

.mobile-popup .controls a
{
	float: right;
}

#user-email
{
	font-size: 90%;
}

.link-tapped
{
	background-color: #858585 !important;
}

input.error
{
	border-color: #d92626 !important;
	border-width: 3px;
}
#private-code-good
{
	display: inline-block;
	width: 16px;
	height: 16px;
	float: right;
	margin-top: 0.3em;
	background-image: url('/images/icons/check.png');
}

#secondary_creds label
{
	margin-left: 0;
}

#otp-help-link
{
	display: block;
	text-decoration: underline;
	padding-top: 0;
	padding-left: 0;
	margin-top: -0.5em;
}

#anywheres
{
	overflow: auto;
}
#show-policy-reader-overlay {
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 20000;
	/* can't use opacity here cuz we don't want child to inherit */
	/*opacity: 0.8;*/
	background-color: rgba(256,256,256,0.8);
}

#show-policy-reader-overlay .prestobox {
	position: fixed;
	top: 50%;
	left: 50%;

	/* note: these might get updated dynamically */
	height: 400px;
	margin-top: -200px;
	
	width: 400px;
	margin-left: -200px;
}

#show-policy-reader-overlay .prestobox iframe {
	width: 100%;
	height: 100%;
	border: none;
	overflow: hidden;
}