/* VACSC Trip-log Utility
**
** Style: /css/mobile.css
** Version: v1.1.0 [Mar/21/2020]
*/

* {margin: 0; padding: 0;}
html {height: 100%;	background: rgb(245, 249, 254); font-size: 12px;}
body {font-family: verdana, arial;}
a:link, a:visited {text-decoration: underline; color: rgb(112, 160, 209);}
a:hover {text-decoration: none; color: rgb(112, 160, 209);}

#progress-form, #form-body {
	width: 940px; margin: 50px auto; text-align: center; position: relative;
}
#progress-form fieldset, #form-body fieldset {
	background: white;
	border: 0 none;
	border-radius: 10px;
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
	padding: 40px 30px;
	box-sizing: border-box;
	width: 80%;
	margin: 0 10%;
	
	/*stacking fieldsets above each other*/
	position: relative;
}
#progress-form label {
	text-align: left; font-size: 14px; width: 100%; display: inline-block;
}
#progress-form fieldset:not(:first-of-type) {
	display: none;
}
#progress-form input[type=text], #progress-form input[type=time], #progress-form input[type=password], #progress-form input[type=number], #progress-form textarea {
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
	font-family: verdana;
	color: #2C3E50;
	font-size: 14px;
}
#progress-form input[type=checkbox] {
	border: 2px solid #ccc;
	width: 100%;
	box-sizing: border-box;
	font-family: verdana;
	color: #2C3E50;
	font-size: 12px;
}
/*buttons*/
#progress-form .action-button {
	width: 90px;
	background: rgb(173, 214, 255);
	font-weight: bold;
	color: black;
	border: 0 none;
	border-radius: 5px;
	cursor: pointer;
	padding: 5px 5px;
	margin: 10px 5px;
}
#progress-form .cancel-button:hover, #progress-form .cancel-button:focus {
	background: rgb(255, 255, 255);
	color: black;
	box-shadow: 0 0 0 2px white, 0 0 0 3px rgb(173, 214, 255);
}
#progress-form .cancel-button {
	width: 90px;
	background: rgb(233, 81, 81);
	font-weight: bold;
	color: white;
	border: 0 none;
	border-radius: 5px;
	cursor: pointer;
	padding: 5px 5px;
	margin: 10px 5px;
}
#progress-form .cancel-button:hover, #progress-form .cancel-button:focus {
	background: rgb(255, 255, 255);
	color: black;
	box-shadow: 0 0 0 2px white, 0 0 0 3px rgb(233, 81, 81);
}
/*headings*/
.fs-title {
	font-size: 18px;
	text-transform: uppercase;
	color: #2C3E50;
	margin-bottom: 20px;
}
.fs-subtitle {
	font-weight: normal;
	font-size: 15px;
	color: #666;
	margin-bottom: 20px;
}
.fs-message {
	font-weight: normal;
	font-size: 15px;
	margin-bottom: 20px;
	border-bottom: 1px solid #999999; color: #999999; padding: 2px;
	display: none;
	width: 100%;
	text-align: center;
}
/*progressbar*/
#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
}
#progressbar li {
	list-style-type: none;
	color: rgb(112, 160, 209);
	text-transform: uppercase;
	font-size: 10px;
	width: 25%;
	float: left;
	position: relative;
}
#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 20px;
	line-height: 20px;
	display: block;
	font-size: 10px;
	color: #333;
	background: white;
	border-radius: 3px;
	margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: white;
	position: absolute;
	left: -50%;
	top: 9px;
	z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
	background: rgb(173, 214, 255);
	color: black;
}

nav {
	position: absolute;
	top: 5px;
	left: 5px;
	font-size: 14px;
}
table {
	width: 100%;
	margin:0;
	padding:0;
	font-size: 14px;
}

table tr {
	border: 1px solid #ddd;
	padding: 5px;
	background: #fff;
}

table th {
	padding: 10px;
	text-align: center;
}

table td {
	padding: 0 10px 0 10px;
	text-align: left;
}

table th {
	text-transform: uppercase;
	letter-spacing: 1px;
}

#pagination-nav {margin-top: 20px;padding-top: 30px;border-top: #F0F0F0 1px solid;}
#pagination-nav .link {padding: 5px 10px;background: transparent;border:#bccfd8 1px solid;border-left:0px;cursor:pointer;color:#607d8b}
#pagination-nav .link:hover {background: rgb(245, 249, 254);}
#pagination-nav .disabled {cursor:not-allowed;color: #bccfd8;}
#pagination-nav .current {background: #bccfd8;}
#pagination-nav .first{border-left:#bccfd8 1px solid;}
#pagination-nav .dot {padding: 5px 10px;background: transparent;border-right: #bccfd8 1px solid;}
#pagination-nav #overlay {background-color: rgba(0, 0, 0, 0.6);z-index: 999;position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none;}
#pagination-nav #overlay div {position:absolute;left:50%;top:50%;margin-top:-32px;margin-left:-32px;}

.ellipsisone {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.0s;
    animation: dot 1.3s infinite;
    animation-delay: 0.0s;
}

.ellipsistwo {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.2s;
      animation: dot 1.3s infinite;
      animation-delay: 0.2s;
}

.ellipsisthree {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.3s;
     animation: dot 1.3s infinite;
     animation-delay: 0.3s;
}

@-webkit-keyframes dot {
      0% { opacity: 0; }
     50% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes dot {
      0% { opacity: 0; }
     50% { opacity: 0; }
    100% { opacity: 1; }
}


@media only screen and (max-width: 700px) {
	#passengers_list .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	#passengers_list * html .cf { zoom: 1; }
	#passengers_list *:first-child+html .cf { zoom: 1; }
	
	#passengers_list table { width: 100%; border-collapse: collapse; border-spacing: 0;  display: block; position: relative; width: 100%; }
	#passengers_list tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
	#passengers_list thead th { display: block; display: inline-block; vertical-align: top; text-align: center; margin: 0; }
	#passengers_list tbody td { display: block; display: inline-block; vertical-align: top; text-align: left; margin: 0; }
}

/* Online.js theme */
.offline-ui,.offline-ui *,.offline-ui:before,.offline-ui:after,.offline-ui :before,.offline-ui :after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.offline-ui{display:none;position:fixed;background:#fff;z-index:2000;margin:auto;top:0;left:0;right:0}
.offline-ui .offline-ui-content:before{display:inline}
.offline-ui .offline-ui-retry{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:none}
.offline-ui .offline-ui-retry:before{display:inline}
.offline-ui.offline-ui-up.offline-ui-up-5s{display:block}
.offline-ui.offline-ui-down{display:block}
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-retry{display:block}
.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry{display:none}
@-webkit-keyframes offline-dropin {
0%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);opacity:0}
1%{transform:translateY(-800px);-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);-o-transform:translateY(-800px);opacity:0}
2%{transform:translateY(-800px);-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);-o-transform:translateY(-800px);opacity:1}
100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);opacity:1}
}
@-moz-keyframes offline-dropin {
0%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);opacity:0}
1%{transform:translateY(-800px);-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);-o-transform:translateY(-800px);opacity:0}
2%{transform:translateY(-800px);-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);-o-transform:translateY(-800px);opacity:1}
100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);opacity:1}
}
@-ms-keyframes offline-dropin {
0%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);opacity:0}
1%{transform:translateY(-800px);-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);-o-transform:translateY(-800px);opacity:0}
2%{transform:translateY(-800px);-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);-o-transform:translateY(-800px);opacity:1}
100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);opacity:1}
}
@-o-keyframes offline-dropin {
0%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);opacity:0}
1%{transform:translateY(-800px);-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);-o-transform:translateY(-800px);opacity:0}
2%{transform:translateY(-800px);-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);-o-transform:translateY(-800px);opacity:1}
100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);opacity:1}
}
@keyframes offline-dropin {
0%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);opacity:0}
1%{transform:translateY(-800px);-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);-o-transform:translateY(-800px);opacity:0}
2%{transform:translateY(-800px);-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);-o-transform:translateY(-800px);opacity:1}
100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);opacity:1}
}
@-webkit-keyframes offline-dropout {
0%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}
100%{transform:translateY(-800px);-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);-o-transform:translateY(-800px)}
}
@-moz-keyframes offline-dropout {
0%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}
100%{transform:translateY(-800px);-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);-o-transform:translateY(-800px)}
}
@-ms-keyframes offline-dropout {
0%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}
100%{transform:translateY(-800px);-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);-o-transform:translateY(-800px)}
}
@-o-keyframes offline-dropout {
0%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}
100%{transform:translateY(-800px);-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);-o-transform:translateY(-800px)}
}
@keyframes offline-dropout {
0%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}
100%{transform:translateY(-800px);-webkit-transform:translateY(-800px);-moz-transform:translateY(-800px);-ms-transform:translateY(-800px);-o-transform:translateY(-800px)}
}
@-webkit-keyframes offline-rotation {
0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg)}
100%{transform:rotate(359deg);-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-ms-transform:rotate(359deg);-o-transform:rotate(359deg)}
}
@-moz-keyframes offline-rotation {
0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg)}
100%{transform:rotate(359deg);-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-ms-transform:rotate(359deg);-o-transform:rotate(359deg)}
}
@-ms-keyframes offline-rotation {
0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg)}
100%{transform:rotate(359deg);-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-ms-transform:rotate(359deg);-o-transform:rotate(359deg)}
}
@-o-keyframes offline-rotation {
0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg)}
100%{transform:rotate(359deg);-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-ms-transform:rotate(359deg);-o-transform:rotate(359deg)}
}
@keyframes offline-rotation {
0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg)}
100%{transform:rotate(359deg);-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-ms-transform:rotate(359deg);-o-transform:rotate(359deg)}
}
.offline-ui{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.15),0 0 1em rgba(0,0,0,0.3);-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.15),0 0 1em rgba(0,0,0,0.3);box-shadow:0 0 0 1px rgba(0,0,0,0.15),0 0 1em rgba(0,0,0,0.3);font-family:"Lucida Grande",sans-serif;font-size:14px;padding:1em;width:38em;max-width:100%;background:#f6f6f6;color:#444;overflow:hidden}
.offline-ui .offline-ui-content{padding-left:2em}
.offline-ui .offline-ui-content:before{line-height:1.25em}
.offline-ui .offline-ui-content:after{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;content:" ";display:block;position:absolute;top:0;bottom:0;left:1em;margin:auto;height:1em;width:1em}
.offline-ui .offline-ui-retry{-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.08),inset 0 1px 2px rgba(255,255,255,0.75);-moz-box-shadow:0 1px 0 rgba(0,0,0,0.08),inset 0 1px 2px rgba(255,255,255,0.75);box-shadow:0 1px 0 rgba(0,0,0,0.08),inset 0 1px 2px rgba(255,255,255,0.75);-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ededed),color-stop(38%,#ededed),color-stop(100%,#dedede));background-image:-webkit-linear-gradient(#ededed,#ededed 38%,#dedede);background-image:-moz-linear-gradient(#ededed,#ededed 38%,#dedede);background-image:-o-linear-gradient(#ededed,#ededed 38%,#dedede);background-image:linear-gradient(#ededed,#ededed 38%,#dedede);position:absolute;right:4em;top:1em;bottom:1em;border:1px solid rgba(0,0,0,0.25);text-shadow:0 1px 0 #f0f0f0;padding:0 1em;line-height:1.6em;height:1.7em;margin:auto;font-size:12px;text-decoration:none;color:inherit}
.offline-ui.offline-ui-up{-webkit-animation:offline-dropout forwards .5s 2s;-moz-animation:offline-dropout forwards .5s 2s;-ms-animation:offline-dropout forwards .5s 2s;-o-animation:offline-dropout forwards .5s 2s;animation:offline-dropout forwards .5s 2s;-webkit-backface-visibility:hidden}
.offline-ui.offline-ui-up .offline-ui-content:after{background:#80d580}
.offline-ui.offline-ui-down{-webkit-animation:offline-dropin .5s;-moz-animation:offline-dropin .5s;-ms-animation:offline-dropin .5s;-o-animation:offline-dropin .5s;animation:offline-dropin .5s;-webkit-backface-visibility:hidden}
.offline-ui.offline-ui-down .offline-ui-content:after{background:#ec8787}
.offline-ui.offline-ui-down.offline-ui-connecting,.offline-ui.offline-ui-down.offline-ui-waiting{padding-right:3em}
.offline-ui.offline-ui-down.offline-ui-connecting .offline-ui-content:after,.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content:after{background:#ec8787}
.offline-ui.offline-ui-down.offline-ui-connecting:after,.offline-ui.offline-ui-down.offline-ui-waiting:after{-webkit-animation:offline-rotation .7s linear infinite;-moz-animation:offline-rotation .7s linear infinite;-ms-animation:offline-rotation .7s linear infinite;-o-animation:offline-rotation .7s linear infinite;animation:offline-rotation .7s linear infinite;-webkit-backface-visibility:hidden;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;content:" ";display:block;position:absolute;right:1em;top:0;bottom:0;margin:auto;height:1em;width:1em;border:2px solid rgba(0,0,0,0);border-top-color:rgba(0,0,0,0.5);border-left-color:rgba(0,0,0,0.5);opacity:.7}
.offline-ui.offline-ui-down.offline-ui-waiting{padding-right:11em}
.offline-ui.offline-ui-down.offline-ui-waiting.offline-ui-reconnect-failed-2s{padding-right:0}
.offline-ui .offline-ui-retry:before{content:"Reconnect"}
.offline-ui.offline-ui-up .offline-ui-content:before{content:"Your computer is connected to the internet."}
@media (max-width: 1024px) {
.offline-ui.offline-ui-up .offline-ui-content:before{content:"Your device is connected to the internet."}
}
@media (max-width: 568px) {
.offline-ui.offline-ui-up .offline-ui-content:before{content:"Your device is connected."}
}
.offline-ui.offline-ui-down .offline-ui-content:before{content:"Your computer lost its internet connection."}
@media (max-width: 1024px) {
.offline-ui.offline-ui-down .offline-ui-content:before{content:"Your device lost its internet connection."}
}
@media (max-width: 568px) {
.offline-ui.offline-ui-down .offline-ui-content:before{content:"Your device isn't connected."}
}
.offline-ui.offline-ui-down.offline-ui-connecting .offline-ui-content:before,.offline-ui.offline-ui-down.offline-ui-connecting-2s .offline-ui-content:before{content:"Attempting to reconnect..."}
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"]:before{content:"Connection lost. Reconnecting in " attr(data-retry-in-value) " seconds..."}
@media (max-width: 568px) {
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"]:before{content:"Reconnecting in " attr(data-retry-in-value) "s..."}
}
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"][data-retry-in-value="1"]:before{content:"Connection lost. Reconnecting in " attr(data-retry-in-value) " second..."}
@media (max-width: 568px) {
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"][data-retry-in-value="1"]:before{content:"Reconnecting in " attr(data-retry-in-value) "s..."}
}
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"]:before{content:"Connection lost. Reconnecting in " attr(data-retry-in-value) " minutes..."}
@media (max-width: 568px) {
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"]:before{content:"Reconnecting in " attr(data-retry-in-value) "m..."}
}
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"][data-retry-in-value="1"]:before{content:"Connection lost. Reconnecting in " attr(data-retry-in-value) " minute..."}
@media (max-width: 568px) {
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"][data-retry-in-value="1"]:before{content:"Reconnecting in " attr(data-retry-in-value) "m..."}
}
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"]:before{content:"Connection lost. Reconnecting in " attr(data-retry-in-value) " hours..."}
@media (max-width: 568px) {
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"]:before{content:"Reconnecting in " attr(data-retry-in-value) "h..."}
}
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"][data-retry-in-value="1"]:before{content:"Connection lost. Reconnecting in " attr(data-retry-in-value) " hour..."}
@media (max-width: 568px) {
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"][data-retry-in-value="1"]:before{content:"Reconnecting in " attr(data-retry-in-value) "h..."}
}
.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry{display:none}
.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s .offline-ui-content:before{content:"Connection attempt failed."}

.wickedpicker {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-shadow: 0 0 0 1px rgba(14, 41, 57, 0.12), 0 2px 5px rgba(14, 41, 57, 0.44), inset 0 -1px 2px rgba(14, 41, 57, 0.15);
  background: #fefefe;
  margin: 0 auto;
  border-radius: 0.1px;
  width: 270px;
  height: 130px;
  font-size: 14px;
  display: none; }
  .wickedpicker__title {
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
    position: relative;
    background: #f2f2f2;
    margin: 0 auto;
    border-bottom: 1px solid #e5e5e5;
    padding: 12px 11px 10px 15px;
    color: #4C4C4C;
    font-size: inherit; }
  .wickedpicker__close {
    -webkit-transform: translateY(-25%);
    -moz-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    -o-transform: translateY(-25%);
    transform: translateY(-25%);
    position: absolute;
    top: 25%;
    right: 10px;
    color: #34495e;
    cursor: pointer; }
    .wickedpicker__close:before {
      content: '\00d7'; }
  .wickedpicker__controls {
    padding: 10px 0;
    line-height: normal;
    margin: 0; }
    .wickedpicker__controls__control, .wickedpicker__controls__control--separator {
      vertical-align: middle;
      display: inline-block;
      font-size: inherit;
      margin: 0 auto;
      width: 35px;
      letter-spacing: 1.3px; }
      .wickedpicker__controls__control-up, .wickedpicker__controls__control-down {
        color: #34495e;
        position: relative;
        display: block;
        margin: 3px auto;
        font-size: 18px;
        cursor: pointer; }
      .wickedpicker__controls__control-up:before {
        content: '▲'; }
      .wickedpicker__controls__control-down:after {
        content: '▼'; }
      .wickedpicker__controls__control--separator {
        width: 5px; }

.text-center, .wickedpicker__title, .wickedpicker__controls, .wickedpicker__controls__control, .wickedpicker__controls__control--separator, .wickedpicker__controls__control-up, .wickedpicker__controls__control-down {
  text-align: center; }

.hover-state {
  color: #3498db; }

@font-face {
  font-family: "museo-sans", "Book Antiqua", sans-serif;
  font-weight: normal;
  font-style: normal; }

.fontello:before, .wickedpicker__controls__control-up:before, .fontello-after:after, .wickedpicker__controls__control-down:after {
  font-family: "museo-sans", "Book Antiqua", sans-serif;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }