@import 'mixin';

$navColor: #202228;
$sideBg: #2f323a;
$navLinkColor: #aeb2b7;
$green: #4ecdc4;
$background: #f3f3f4;
$textColor: #312f38;
$orange: #df4a32;
$linkColor: #d74924;
$navHilight: #22242a;
$borderRadius: 2px;
$borderRadiusMobile: 3px;
$mobileWidth: 1024px;
$desktopWidth: 1025px;

$buttonGreen: #1ab394;
$buttonOrange: #e1574c;
$buttonBlue: #2485c4;
$buttonRed: #eb5667;

@import 'border';
@import 'button';
@import 'tags';





html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	font-size: 10px;
	color: $textColor;
	letter-spacing: .03em;
}
body, input, textarea, button {
	font-family: "Open Sans", "Droid Sans", "Helvetica", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
i {
	font-style: italic;
}
.html-body {
	display: block;
}
.preloader {
	display: none;
	pointer-events: none;
}

@media screen and (max-width: $mobileWidth) {
	.bg {
		background: $background;
	}
	body {
		background: $navColor;
	}
	.shift-schedule-rating-botton{
		font-size: .8em;
	}
}

ol, ul {
	list-style: none;
}
b {
	font-weight: bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	color: $linkColor;
	text-decoration: underline;
	cursor: pointer;
}
a:active {
	color: #ef8b70;
}

input[type="text"], input[type="tel"], input[type="password"], textarea {
	-webkit-appearance: none;
}

::selection {
	background: rgba(47,154,211,.5);
	color: #fff;
	text-shadow: none;
}
::-moz-selection {
	background: rgba(47,154,211,.5);
	color: #fff;
	text-shadow: none;
}


input[type="submit"]:focus, input[type="button"]:focus, input[type="text"]:focus, button, :focus {
	outline : none;
}
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, button::-moz-focus-inner {
	border : 0;
}

html {
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

* {
	/*-webkit-tap-highlight-color: rgba(205,69,29,.5);*/
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

@media screen and (min-width: $desktopWidth) {
	.content-padding {
		padding: 5px 0 10px 0;
	}
	.nav .content,
	.content-padding {
		margin: 0 auto;
	}

}

@media screen and (max-width: $mobileWidth) {
	.content-padding {
		padding: 6px;
	}
	*:not(input):not(textarea) {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: -moz-none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
	}
}

.content-padding-notop {
	padding-top: 0;
}

.allow-select {
	-webkit-touch-callout: auto;
	-webkit-user-select: auto;
}



.logo {
	color: #fff;
	text-align: center;
	background-size: 100%;
	margin: 0 auto;
	cursor: pointer;
	font-family: Ruda, Helvetica, Arial, sans-serif;
	font-size: 2em;
	padding-top: .47em;
	font-weight: bold;
}

@media screen and (min-width: $desktopWidth) {
	.nav-back {
		display: none;
	}
}


.logo .dot {
	color: #3b4847;
}

.logo .green {
	color: $green;
}

.menu {
	background: url(https://cockpit.la/assets/cockpit/images/menu-location.svg) center center no-repeat;
	background-size: 100%;
	width: 44px;
	height: 28px;
	float: left;
	margin: 8px 0 0 10px;
	cursor: pointer;
}

.menu:active {
	opacity: .4;
}

.nav-back {
	position:absolute;
	z-index : 0;
	cursor: pointer;
	margin: 8px 0 0 6px;
	background: url(https://cockpit.la/assets/cockpit/images/back-location.svg) center center no-repeat;
	background-size: 100%;
	width: 50px;
	height: 28px;
	float: left;
}

.nav-back:active {
	opacity: .4;
}

::-webkit-input-placeholder {
	color: #858585;
}
:-moz-placeholder {
	color: #858585;
}
::-moz-placeholder {
	color: #858585;
}
:-ms-input-placeholder {
	color: #858585;
}


h4 {
	font-weight: bold;
	font-size: 1.3em;
	/*line-height: 1.9em;*/
}
p {
	font-size: 1.2em;
	line-height: 1.6em;
}

.orange:not(.button){
	color: $orange;
}
.green:not(.button){
	color: $green;
}

.excluded{
	text-decoration: line-through;
}
	.excluded td{
		color:#CCC !important;
	}



/* GLOBAL */

@media(min-width:769px) {
	.menu.side {
		zdisplay: none;
	}
	.menu{
		-webkit-transition: opacity 0.1s;
		-moz-transition: opacity 0.1s;
		-ms-transition: opacity 0.1s;
		-o-transition: opacity 0.1s;
		transition: opacity 0.1s;
	}
}
@media(max-width: 768px) {
	.menu.side {
		display: block;
	}
}
@media(min-width:500px) {
	body {
		font-size: 11px;
	}
	.top-pad {
		height: 67px;
	}
	.restaurant-pointer{
		width: 100%;
		font-size: 10px;
		white-space: nowrap;
		overflow-x: hidden;
		text-overflow: ellipsis;
	}
}

@media(max-width:470px){
	.info-name{
		width: 60%;
	}
}


@media(max-width: 385px) {
	.info-name{
		width: 40%;
	}
}

@media(max-width: 364px) {
	body{
		font-size: 10px;
	}
	.restaurant-pointer{
		width: 100%;
		font-size: 1.5em;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.customer-pointer{
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
	}

}

@media(max-width: 315px) {
	.restaurant-pointer{
		display: none;
	}
	.customer-pointer{
		display: none;
	}
}

@media(max-width: 318px) {
	.info-name{
		width: 25%;
	}
}

@media(max-width:307px) {
	.restaurant-pointer{
		width: 25%;
		display: none;
		font-size: 10px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.customer-pointer{
		width: 25%;
		display: none;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

@media(max-width:499px) {
	.logo {

	}
	.menu {
		margin: 3px 0 0 10px;
	}
	.nav-back {
		margin: 3px 0 0 6px;
	}
	.top-pad {
		height: 67px;
	}
}
.divider {
	clear: both;
}
.divider.dots {
	border-top: 1px solid #eeede7;
}
.details{
	float:right;
}

@media(min-width:$desktopWidth) {
	.top-pad {
		height: 53px;
	}
}




.nav-top {
	background: $navColor;
	background: rgba($navColor, .97);
	padding-top: 15px;
	border-bottom: 1px solid rgba(darken($navColor, 50%), .97);
	height: 4em;
}

@media(max-width:$mobileWidth) {
	body {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
	}
	.snap-content-inner {
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		width:auto;
		height:auto;
		z-index:3;
		overflow:auto;
		overflow-x:hidden;
		-webkit-overflow-scrolling: touch;
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	.snap-content {
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		width:auto;
		height:auto;
		z-index:2;
		overflow: hidden;
	}
	.snap-drawer {
		position:absolute;
		top:0;
		right:auto;
		bottom:0;
		left:auto;
		width:265px;
		height:auto;
		overflow:auto;
		overflow-x:hidden;
		-webkit-overflow-scrolling: touch;
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		-webkit-transition: width 0.3s ease;
		-moz-transition: width 0.3s ease;
		-ms-transition: width 0.3s ease;
		-o-transition: width 0.3s ease;
		transition: width 0.3s ease;

	}
	.snap-drawers {
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		width:auto;
		height:auto;
		overflow:hidden;
	}
	.left-menu-fix {
		display: none;
	}
}


.snap-drawer {
	background: $sideBg;
	color:#eee;
}


.snap-drawer-left {
	left:0;
	z-index:1;
}
.snap-drawer-right {
	right: 0;
	z-index:1;
}
.snapjs-left .snap-drawer-right,
.snapjs-right .snap-drawer-left {
	display: none;
}
.snapjs-expand-left .snap-drawer-left,
.snapjs-expand-right .snap-drawer-right {
	width: 100%;
}

.snap-drawer .menu-link.nav-active .side-menu-wrap {
	background: $green;
	color: #fff;
}
.snap-drawer .menu-link .side-menu-wrap {
	@include box-border-radius();
}

.snap-drawer .menu-link {
	display:block;
	padding: 8px 0 2px 0;
	text-decoration:none;
	color:$navLinkColor;
	text-indent:10px;
	cursor: pointer;


}
@-moz-document url-prefix() {
	.snap-content {
		transform:none;
	}
}
.menu-link .fa {
	font-size: 15px;
	margin-left: -5px;
}
.side-menu-wrap {
	height: 28px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 249px;
	margin-left: 8px;
}
.side-menu-label {
	vertical-align: top;
	line-height: 1.6em;
	font-size: 14px;
	font-family: Ruda, Open Sans, Helvetica, Arial, sans-serif;
}

.side-menu-icon {
	line-height: 2.2em;
	width: 40px;
	margin-left: -20px;
}

.side-menu-label, .side-menu-icon {
	padding: 8px 0 6px 0;
}

.menu-tabs {
	display: -webkit-flex;
	display: flex;
	box-sizing: border-box;
}

.menu-tab {
	border: 2px solid $navHilight;
	padding: 15px 10px 15px 14px;

	margin-bottom: 10px;
	float: left;
	text-align: center;
	color: $navHilight;
	font-size: 2em;
	cursor: pointer;
	flex: 1 1 auto;
	-webkit-flex: 1 1 auto;

	-webkit-transform: translateX(0) !important;

	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}

.menu-tab.menu-active {
	border: 2px solid $green;
	color: $green;
}


.menu-tab:first-child {
	margin-left: 8px;
	@include box-border-radius-left();
}
.menu-tab:last-child {
	@include box-border-radius-right();
	margin-right: 8px;
}

	.drawer-right-content {
		height: 100%;
		margin: 0;
	}
	.scroll-tickets {
		/*overflow-y: scroll;*/
	}
	.drawer-right-content-view {
		height: 100%;
	}

@media(min-width:$desktopWidth) {
	.side-menu-label, .side-menu-icon {
		padding: 8px 0 6px 0;
	}
	.snap-drawer .menu-link {
		padding: 2px 0 2px 0;
	}
	.side-menu-icon {
		line-height: 1.9em;
	}
	.indent {
		margin-left: 1em;
	}
	.snap-drawer .menu-link:hover:not(.nav-active) .side-menu-wrap {
		background: #22242a;
	}
	.menu-tab:hover {
		background: $navHilight;
	}

	.menu-tab:hover:not(.menu-active) {
		color: $navLinkColor;

	}
}

	.notification-support-mobile {
		display: none;
	}

@media(max-width:$mobileWidth) {
	.notification-support-desktop {
		display: none;
	}
	.menu-tab {
		margin-top: 9px;
	}
}

#side-menu-right{
	overflow: hidden !important;
}

/* SNAPS */
@media(min-width:$desktopWidth) {
	.wrapper {
		float: left;
		width: 100%;
	}

	.snap-drawer-right {
		display: block;
		position: fixed;
		right: 0;
		width: 288px;
		height: 100%;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		margin-right: -288px;
		top: 0;
		bottom: 0;
		box-sizing: border-box;
	}

	.drawer-right-content-view {
		border-left: 1px solid #e2e4ed;
	}

	.snap-drawers {
		width: 225px;
		float: left;
		height: 100%;
		bottom: 0;
		top: 0;
		position: absolute;
	}
	.snap-content-inner, .snap-drawer-right, .snap-drawer-left, .left-menu-fix {
		-webkit-transform: translateX(0) !important;

		-webkit-transition: margin cubic-bezier(0.250, 0.460, 0.450, 0.940) .2s;
		-moz-transition: margin cubic-bezier(0.250, 0.460, 0.450, 0.940) .2s;
		-ms-transition: margin cubic-bezier(0.250, 0.460, 0.450, 0.940) .2s;
		-o-transition: margin cubic-bezier(0.250, 0.460, 0.450, 0.940) .2s;
		transition: margin cubic-bezier(0.250, 0.460, 0.450, 0.940) .2s;
	}
	.snap-content-inner {
		margin-left: 233px;
		margin-right: 13px;
	}

	.support-toggled .snap-drawer-right {
		margin-right: 0;
	}
	.support-toggled .snap-content-inner {
		margin-right: 300px;
	}

	.menu-toggled .snap-drawer-left {
		margin-left: -288px;
	}
	.menu-toggled .snap-content-inner {
		margin-left: 13px;
	}
	.menu-toggled .left-menu-fix {
		margin-left: -288px;
	}


	.left-menu-fix {
		background: $sideBg;
		position: fixed;
		width: 222px;
		height: 100%;
		bottom: 0;
		top: 0;
		content: " ";
		z-index: 1;
	}
	.snap-drawer {
		padding-top: 45px;
		-webkit-transform: translateX(0) !important;
	}
	.snap-drawer-left {
		position: fixed;
		z-index: 2;
		width: 222px;
		padding-top: 52px;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		height: 100%;
		box-sizing: border-box;
	}

	.nav-top {
		background: #22242a;
		border-bottom: none;
		padding-top: 6px;
		height: 3.5em;
	}
	.side-menu-wrap {
		width: 205px;
	}
	.menu {
		background: none;
		float: left;
		margin: 8px 0 0 20px;
		color: #666;
		font-size: 18px;
	}
	.menu, .notifications .notification {
		-webkit-transition: color cubic-bezier(0.250, 0.460, 0.450, 0.940) .2s;
	}
	.menu:hover, .notifications .notification:hover {
		color: #fff;
	}
	.nav-top .logo {
		margin-left: 10px;
		line-height: .7em;
	}
	.logo {
		text-align: left;
	}
}


.snap-opened .snap-content-inner {
	pointer-events: none;
}

.fixed {
	position: fixed;
}

.navs {
	width:auto;
	top:0;
	left:0;
	right:0;
	z-index:100;
}


.divider.line {
	background: #c7c7c7;
	height: 1px;
}

.no-init .hide-before-init {
	display: none !important;
}

@media screen and (min-width: $desktopWidth) {
	.page-login .snap-drawers {
		display: none;
	}
	.page-login .snap-content-inner {
		margin: 0;
	}
}


@mixin page-login-bg() {
	background: url(https://d1f9xa61stkpgn.cloudfront.net/viztango-usc.jpg) center center no-repeat;
	-webkit-filter: brightness(0.6) contrast(125%);
	background-size:cover;
	z-index: -1;
	height: 100%;
	width: 100%;
	transform: scale(1);
	transform-origin: top left;
}

input:-webkit-autofill {

}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
    -webkit-transition-delay: 9999s;
}

@media screen and (max-width: $mobileWidth) {
	.page-login .bg:before {
		content: "";
		position: fixed;
		@include page-login-bg();

	}
}
@media screen and (min-width: $desktopWidth) {
	.page-login:before {
		content: "";
		position: fixed;
		@include page-login-bg();
	}
}


@-webkit-keyframes animation-fade-enter {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}

input {
	border: 0;
}

.login-content input {
	border-radius: 4px;
	font-size: 1em;
	width: 64%;
	background: none;
	color: #fff;
	box-sizing: border-box;
}

.login-content {
	width: 27em;
	margin: 0 auto;
	text-align: center;
	margin-top: 8em;
	padding-left: 1em;
	padding-right: 1em;
}

.login-content .input-wrap {
	background: rgba(200,200,200,.2);

}
.login-content .input-wrap .label {
	color: #fff;
}
.login-content .logo .green, .login-content .logo .dot {
	color: #fff;
}

@media screen and (max-width: $mobileWidth) {
	.login-content {
		width: 80%;
	}
}


.login-content .logo {
	text-align: center;
	margin-bottom: 1.7em;
	font-size: 2.5em;
	line-height: 1.4em;
}

.input-wrap {
	background: #fff;
	border-radius: 4px;
	margin-bottom: .5em;
	padding: .4em .8em .4em .8em;
	width: 100%;
	text-align: left;
	font-size: 1.2em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.input-wrap .label {
	color: lighten($textColor,20%);
	width: 6em;
	display: inline-block;
}
.input-wrap select{
	font-size: 1em;
	background: transparent;
	border:none;
}

.transparent{
	opacity: 0;
}

.login-content .info {
	margin-top: 10em;
	font-size: 1em;
	line-height: 1.5em;
	padding-left: 1em;
	padding-right: 1em;
}

.login-content .info, .login-content .info a {
	color: #fff;
}

.login-content .info .circle {
	font-size: 1.4em;
}

.login-forgot {
	margin-top: 1.5em;
	font-size: 1.5em;
	color: #FFF;
	display: block;
	cursor: pointer;
}
	.login-forgot-message{
		margin-top: 1.5em;
		font-size: 1.2em;
		color: #FFF;
	}

.login-option {
	display: inline-block;
	margin: 0 1em 0 1em;
}

.circle {
	border: 2px solid #fff;
	border-radius: 50%;
	display: inline-block;
	padding: .3em 0 0 0;
	width: 2em;
	height: 2em;
	box-sizing: border-box;
	overflow: hidden;
	margin-bottom: .5em;
}

.login-option-terms .circle {
	padding-top: .3em;
}

.login-option {
	text-align: center;
}

.input-wrap-checkbox{
	color:#7f8586;
	font-size:1.2em;
	text-align:left;
	margin:1em 0;
}
.input-wrap-checkbox .checkbox{
	font-size:1.2em;
}


.dialog-message {
	color: #fff;
	margin-bottom: .5em;
	font-size: 1.5em;
	font-family: Ruda;
	line-height: 1.3em;
	padding: .5em .5em .2em .5em;
	@include box-border-radius();
}

.dialog-subtext {
	opacity: .8;
	margin-bottom: 1em;
	font-size: .65em;
	font-family: Ruda;
	line-height: 1.3em;
}

.dialog-message-error {
	background: #e1574c;
}

.dialog-message-nice, .dialog-message-nice .dialog-subtext {
	font-family: "Open Sans", "Droid Sans", "Helvetica", "Arial", sans-serif;
}
.dialog-message-nice {
	background: #fff;
	color: #312f38;
	line-height: 1.8em;
	padding: .4em .8em .8em .8em;
	margin-top: .2em;
}
.dialog-message-nice .dialog-subtext {
	line-height: 1.7em;
	margin-bottom: 0;
	font-size: .75em;
}

.dialog-message-notice {
	border: 2px solid #e1574c;
	color: #79211a;
}


.dialog-message-success {
	background: #77c675;
}


.notifications {
	float: right;
	margin: 2px 10px 0 0;
}

.notifications .notification {
	border: 1px solid #666666;
	border-radius: 4px;
	height: 27px;
	width: 27px;
	color: #666666;
	font-size: 16px;
	overflow: hidden;
	line-height: 1.7em;
	text-align: center;
	float: left;
	margin-right: 9px;
	cursor: pointer;
}

.notifications .notification.notification-call {
	background: $buttonRed;
	border-color: $buttonRed;
	color: #fff;
}

.notifications .notification.notification-mute {
	background: $buttonBlue;
	border-color: $buttonBlue;
	color: #fff;
}

.notifications .notification:last-child {
	margin-right: 1px;
}

.notification .badge {
	background: #fe4e7f;
	border-radius: 14px;
	height: 16px;
	width: 16px;
	font-size: 10px;
	position: absolute;
	margin-top: -6px;
	margin-left: 17px;
	color: #fff;
	line-height: 17px;
	font-family: Ruda, Helvetica, Arial, sans-serif;
	font-weight: 900;
	overflow: hidden;
}

.ul-info .li-ul-inputs{
	margin-bottom: 1em;
	margin-top: 1em;
	clear: both;
}
.ul-info .li-info .label{
	color: #5d5f63;
}
.ul-info .li-info .data{
	font-size: 1.1em;
	font-weight: bold;
	line-height:2em;
}

.ul-inputs .label{
	color: #5d5f63;
	font-weight: bold;
	font-size: 1em;
	margin:.4em 0 .6em;
}

.ul-inputs .info{
	color: #5d5f63;
	font-size: 1.2em;
	margin:.4em 0 .6em;
	line-height: 1.8em;
}
	.ul-inputs .info .label{
		color: #999;
	}

	.ul-inputs .label-red{
		color: red;
	}

.li-input{
	padding: .6em 0;
}
	.li-input .input-small{
		width: 50%;
	}
.li-input .notes{
	font-size: .95em;
	line-height:1.5em;
	color: #5d5f63;
	margin-top: 1em;
}

	.inputs-group-dish .li-input-dish{
		width:22%;
		float:left;
		margin-right:1em;
	}

	.dish-option-group{
		margin-left:1em;
		border-left: 3px solid #CCC;
		padding-left:.5em;
	}

.li-input-disabled input[type="checkbox"].switch + div {
	background: #CCC !important;
}
	.li-input .input-price{
		width: 15em;
	}
	.li-input .input-active{
		width: 10em;
	}
.li-input .code{
	font-size: 1.1em;
	color: #666;
	background:#F5F5F5;
	padding:0.2em;
	font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
	margin-top: 1em;
}
	.li-input .code.tag{
		color:#FFF;
	}
.li-input input:not([type="checkbox"]),
.li-input select,
.li-input textarea{
	border: 1px solid $green;
	color: $textColor;
	padding:.48em;
	font-size: 1.1em;
	width: 100%;
	box-sizing: border-box;
	@include box-border-radius(4px);
}
.li-input textarea.big{
	height: 180px !important;
}
.li-input select {
	height: 2.4em;
	background: none;
}
	.li-input select[multiple]{
		height: 10em;
		background: #FFF;
	}

	.li-input.divider-line{
		border-bottom:1px solid #F5F5F5;
	}

	.li-input.li-group{}

.li-input textarea{
	height: 50px;
}
	.li-input textarea.big{
		height: 100px;
	}
	.li-input .small input,
	.li-input .small select,
	.li-input .small textarea{
		border: 2px solid $green;
		color: $textColor;
		padding:.48em;
		font-size: 1.1em;
		border-radius: 0;
		width: 30%;
	}

.submitted .li-input.error .label{
	color: $orange;
}

.submitted .li-input.error input,
.submitted .li-input.error select,
.submitted .li-input.error textarea{
	border: 2px solid $orange;
	color: $orange;
}

.submitted .li-input.error small, .li-input small.tip{
	color: $orange;
	font-size: .9em;
	font-weight: bold;
	margin:.8em 0 0 0;
	display: block;
}
.li-input small.tip{
	color: #82858b;
	font-weight: normal;
}

.li-input .button, .li-input .button-big {
	width: auto;
	margin-right: .8em;
	padding-right: 1em;
	padding-left: 1em;
}
.li-input .button-big{
	width: 12em;
}
.li-input .box-filter .button{
	margin-right: 0;
}

.li-input .button.save, .button.save{
	background: #48b1a7;
}

.li-input .button.cancel{
	background: #d6d9dc;
}

.box-error{
	display: none;
}
.submitted .box-error{
	display: block;
}

.tb-grid{
	width: 100% !important;
	margin-bottom:1.5em;
}
.tb-sub-grid{
	margin: 0;
}
	.tb-sub-grid td{
		font-size: .9em !important;
		background: #f9f9f9;
	}
		.tb-sub-grid .text-reason{
			font-size: 1em !important;
			margin: .3em 0;
			width: 15em;
			border:1px solid #CCC;
		}
.tb-zebra > tbody > tr:nth-child(2n){
	background: #f9f9f9;
}
.tb-zebra > tbody > tr > td{
	color: #333;
}

.tb-zebra .excluded {
	color: #CCC;
	font-style: italic;
}
.tb-zebra .refunded{
	color:$orange;
	font-style: normal;
	text-decoration: underline !important;
}
.tb-zebra .title{
	background: #CCC;
	font-weight: bold;
}
.tb-zebra tr.transparent{
	background: #f1f2f7 !important;
}

.tb-zebra .highlight-1{
	background: #5cd3c7;
}
.tb-zebra .highlight-2{
	background: #4db1a7;
	font-weight: bold;
}

.tb-zebra-summary tbody:nth-child(2n), .tb-zebra-summary tr:nth-child(2n){
	background: #F5F5F5;
}
.tb-zebra-summary table{
	background: #FFF;
	border-left: 2px solid #CCC;
	margin-left: 3px;
}
.tb-zebra-summary table td{
	font-size: .95em !important;
}

.tr-driver-summary-daily-total{
	border-top:2px solid #CCC;
	background: #FFF !important;
	font-weight: bold;
}
.span-driver-summary-paid, .span-driver-summary-pending, .span-driver-summary-processing{
	color:#64763d;
	font-size: 11px;
	font-weight: bold;
}
.span-driver-summary-pending{
	color: #999;
}
.td-driver-summary-processing{
	color: #333;
}
.tb-hack tbody {
	width: 100% !important;
}
.tb-grid thead{
	font-weight: bold;
}
.tb-grid tbody {
	background: #fff;
	@include box-border-radius();
}
.tb-grid  td{
	padding: .6em .4em .6em .4em;
	line-height: 1.2em;
	font-size: 1.2em;
	border-bottom: 1px solid #eee;
	white-space: nowrap;
}
.tb-grid  td:last-child{
	border-right: none;
}
.tb-grid .td-large, .tb-hack .td-large{
	width: 40% !important;
}
	.tb-grid .td-larger{
		width: 60% !important;
	}

.tb-grid .td-medium{
	width: 60%;
	text-align: left;
}

/* Driver Documents Form*/
.upbutton {
	width: 84px;
	height: 40px;
	float: right;
	text-align: right;
}
	.upbutton-status{
		padding-top:10px;
		padding-right:50px;
	}
.payment-info-text{
	margin-bottom: .2em;
	font-size: 1.4em;
	margin-top: .2em;
	line-height: 1.4em
}

.driver-docs-grid{
	border-collapse: separate;
	border-spacing: 0px 7px;
}
.driver-docs-grid td {
	vertical-align: top;
}
.driver-docs-name{
	color: #000;
	font-size: 1.1em;
	margin-bottom: .5em;

	letter-spacing: 0px;
}
.docs-download{
	font-size: 100%;
	font-weight: bold;
	display: inline-block;
}
.driver-docs-grid .td-download{
	vertical-align: top;
	padding-right: .5em;
}

.title.driver-docs-text{
	font-size: 1.25em;
	letter-spacing: 0;
	margin-bottom: .4em;
	font-weight: 400;
	line-height: 1.5em;
	color: #717479;
}

td.documents-check {
	padding: .7em .5em 0 .6em;
	width: 10px;
}

.documents-check .fa {
	font-size: 2em;
}

.documents-check-bad {
	opacity: .1;
}
.documents-check-green {
	color: #1bb506;
}

.docs-download-form{
	font-size: 100%;
	font-weight: bold;
	margin-right: 4.5em;
}

.docs-download-card{
	font-size: 100%;
}

.driver-docs-card{
	vertical-align: middle;
}
/************************/

.tb-grid .schedule-buttons{
	text-align: right;
}
.tb-grid .schedule-buttons .button{
	width:3em;
	margin-left: .2em;
}
.tb-grid .schedule-buttons .button:active{
	opacity:.5;
}
.schedule-buttons-help .button{
	width:3em;
	margin:.5em;
}
.schedule-action-lock{
	background: #b8babc;
	cursor: no-drop;
}
.schedule-action-up{
	background: #353b43;
}
.schedule-action-down{
	background: #444c57;
}
.schedule-action-not{
	background: #dd5954;
}

.schedule-action-yes{
	background: $buttonGreen;
	border:3px solid #FFF;
	opacity: 0.4;
}
	.schedule-action-yes.active{
		border:3px solid #129077;
		opacity: 1;
	}
.schedule-action-no{
	background: $buttonRed;
	border:3px solid #FFF;
	opacity: 0.4;
}
	.schedule-action-no.active{
		border:3px solid #9d3745;
		opacity: 1;
	}
.schedule-action-maybe{
	background: #c4b521;
	border:3px solid #FFF;
	opacity: 0.4;
}
	.schedule-action-maybe.active{
		border:3px solid #a09319;
		opacity: 1;
	}

.tb-grid .total-due{
	background: #E8E8E8;
	font-weight: bold;
}
.positive{
	color: #64763d !important;
}
.negative{
	color: #ad4442 !important;
}
.neutral{
	color: #CCC !important;
}
.summary{
	font-weight: bold;
}
.tb-grid .total-due.neutral{
	color: #FFF;
}

.link{
	text-decoration: underline;
}

.link, .clickable {
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.no-underline{
	text-decoration:none;
	color: inherit;
}
.tb-grid .schedule-period{
	font-weight:bold;
}

.tb-pagination{
	margin-top: 1em;
}
.tb-pagination td{
	font-size: 1em;
	margin: 0;
	padding: 0;
}
.tb-pagination .td-prev, .td-next{
	width: 3em;
}
.tb-pagination .td-prev{
	text-align: left;
}
.tb-pagination .td-next{
	text-align: right;

}
.tb-pagination .button{

	width: 100%;
	font-size: .9em;
}
.tb-pagination .td-info{
	width: 9em;
	text-align: center;
}

/* Labels */
.sp-label {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	text-decoration: none !important;
}
.sp-label:empty {
	display: none;
}
.sp-label-default {
	background-color: #999;
}
.sp-label-primary {
	background-color: #428bca;
}
.sp-label-success {
	background-color: #5cb85c;
}
.sp-label-info {
	background-color: #5bc0de;
}
.sp-label-warning {
	background-color: #f0ad4e;
}
.sp-label-danger {
	background-color: #d9534f;
}

/* Driver shift page */
.drivers-shift .day {
	font-weight: bold;
}

.drivers-shifts-list{
	height: 400px;
}

.drivers-shift .box-content, .drivers-shift .box-content2 {
	margin-top: .7em;
	margin-bottom: 1em;
	padding: .3em;
}
.drivers-shift .driver {
	line-height: 1.2em;
	font-size: 1.2em;
}
.drivers-shift .drivers {
	width: 100%;
}
.drivers-shift .drivers tbody{
	padding: 0;
	margin: 0;
}
.drivers-shift .driver td {
	padding: .3em .4em .3em .4em;
}
.drivers-shift .driver {
	border-bottom: 1px solid #eee;
}
.drivers-shift .driver:last-child{
	border-bottom: none;
}
.drivers-shift .start-end {
	white-space: nowrap;
}
.drivers-shift .start-end-brace {
	width: 8em;
}
.drivers-shift .driver td.driver-spacer {
	padding: .2px;
	width: 1px;
	overflow: hidden;
}
.drivers-shift .driver-spacer {
	background: #f68275;
}
.drivers-shift .me .driver-spacer {
	background: #4ecdc4;
}
.drivers-shift td.driver-details {
	width: 100%;
	padding-left: .7em;
}
.drivers-shift .me .driver-name {
	font-weight: bold;
}

.drivers-shift .me .driver-phone {
	color: #4ecdc4;
}

.drivers-shift .no-drivers{
	font-style: italic;
}



/* new stuff */
.box-content.box-content-red {
	background: #ff6b6b;
	color: #fff;
}
.box-content.pre-ordered {
	border:1px solid #0075bb;
	background: #0075bb;
	color: #fff;
}
	.box-content.pre-ordered .vert-divider{
		background-color: #FFF;
	}
	.box-content.pre-ordered .order-pre-order-title{
		text-align: center;
		line-height:1.5em;
	}
	.box-content.pre-ordered .order-pre-order-subtitle{
		text-align: center;
		font-size:.9em;
		line-height:1.1em;
		margin:.8em 0;
	}
	.box-content.pre-order-text{
		font-size:.7em;
		display: block !important;
	}


h1.title {
	font-family: Source Sans Pro;
	font-weight: 300;
	font-size: 2em;
	color: #5d5f63;
	margin-bottom: .6em;
}
h1.title .fa:not(.fa-refresh) {
	font-size: .8em;
	padding-right: .5em;
	padding-top: .1em;
	vertical-align: top;
}
h2.title{
	font-family: Source Sans Pro;
	font-weight: 300;
	font-size: 1.5em;
	color: #5d5f63;
	margin-bottom: 1.2em;
	margin-top: .2em;
	line-height: 1.4em;
}
h2.title small{
	font-size: .8em;
}
h2{
	font-weight: bold;
	font-size: 1.2em;
	color: #86898f;
}
h3.title{
	font-family: Source Sans Pro;
	font-weight: 300;
	font-size: 1.1em;
	color: #5d5f63;
	margin-bottom: 1.2em;
	margin-top: .2em;
}
h4.title{
	font-family: Source Sans Pro;
	font-weight: bold;
	font-size: 1em;
	color: #5d5f63;
	margin-bottom: 1.2em;
	margin-top: .2em;
}
.right {
	float: right;
}
.left {
	float: left;
}

/*driver dashboard page*/

.pending-orders-block {
	background-color: #e1574c;
	color: #fff;
	font-size: .85em;
}
.pending-orders-wrap{
	width: 250px;
	margin: 0 auto 0 auto;

}
.pending-orders-number {
	font-family: Ruda;
	font-size: 7em;
	float: left;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 10px;
}
.pending-orders-text {
	font-family: Ruda;
	font-size: 2.5em;
	padding-top: 10px;
	padding-bottom: 10px;
}
.orders-accepted, .orders-pickedup {
	font-family: Ruda;
	font-size:  1.5em;
	color: #a9aaac;
}

.outstanding-orders-block{
	background-color: #d7d8dc;
	color: #bcbdbf;
	font-size: .9em;
}
.outstanding-orders-wrap{
	width: 300px;
	margin: 0 auto 0 auto;
}
.outstanding-orders-number{
	font-family: Ruda;
	color: #797979;
	font-size: 8em;
	float: left;
	padding: 10px 10px 0 5px;
}
.outstanding-orders-text{
	font-family: Ruda;
	color: #797979;
	font-size: 2.5em;
	padding: 10px 0 10px 0;
}
.outstanding-orders-subtext{
	font-family: Ruda;
	font-size: 1.5em;
	color: #a9aaac;
}

.revenue-block {
	background-color: #50c5bc;
	color: #fff;
	font-size: .9em;
}
.revenue-header {
	background-color: #49aea6;
	font-size: 2em;
	font-family: Ruda;
	padding: 10px 0px 10px 0px;
	text-align: center;
}
.revenue-this-shift, .revenue-last-shift {
	font-size: 4em;
	font-family: Ruda;
	color: #d7d8dc;
}
.revenue-dollar{
	color: #fff;
}
.revenue-table {
	width: 300px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.this-shift-sign, .last-shift-sign {
	font-size: 2.5em;
	font-family: Ruda;
}

.avg-time-block {
	background-color: #454b57;
	color: #fff;
	font-size: .9em;
}
.avg-time-header {
	background-color: #333c43;
	font-size: 2em;
	font-family: Ruda;
	padding: 10px 0 10px 0;
	text-align: center;
}
.time-this-shift, .time-last-shift {
	font-size: 4em;
	font-family: Ruda;
}
.minutes-sign {
	font-size: .5em;
	vertical-align: super;
	color: #a9aaac;
}
.avg-delivery-table{
	width: 300px;
	text-align: center;
	margin: 0 auto 0 auto;
}


/* drivers order list page */
.last-updated{
	margin-top: 2em;
}

.drivers-order-list{
	background-color: #f1f2f7;
	font-size: .95em;
}
.column-action {
	margin-right: .1em;
}
.column-action .button {
	font-size: 1em;
	height: 4.5em;
}

.drivers-order-list .column-date, .drivers-order-list .column-info, .drivers-order-list .column-action {
	margin-top: .1em;
}

.drivers-order-list .column-action{
	float: right;
	display: table-cell;
	font-size: 1.2em;
	width: 8em;
}
.drivers-order-list .column-date{
	display: table-cell;
	float: left;
	width: 5.1em;
	margin-right: .5em;
	margin-left: .5em;
	font-size: 1.2em;
}
.order-item-wrap {
	margin-bottom: .6em;
	overflow: hidden;
}
.order-item-wrap a {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid rgba(255,255,255,.6);
}
.column-date {
	text-align: right;
}
.column-date .day {
	font-weight: normal;
}

.column-date .orderid {
	font-weight: bold;
	font-size: 2.2em;
	cursor: pointer;
	margin-bottom: 1em;
	font-family: Ruda;
	text-align: center;
	text-decoration: underline;
}
.column-date	.order-details{
	padding: 0;
	margin-top: -25px;
	text-align: center;
	margin-bottom: 15px;
	font-size: .9em;
	font-weight: 100;
	text-decoration: underline;
}


.drivers-order-list .column-info{
	width: 40%;
	display: table-cell;
	float: left;
	white-space: nowrap;
}
.column-info .restaurant{
	margin-bottom: .4em;
}

.row-status{
	font-size: 1.2em;
	padding: 10px;
}

.order-item-content {
	padding: .5em .5em .5em 0;
	display: table;
	width: 100%;
	box-sizing: border-box;
}

.column-info .restaurant-pointer {
	font-family: Ruda;
	font-size: 1.4em;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bold;
}

.drivers-order-list .vert-divider {
	background-color: #bd4743;
	width: 1px;
	float: left;
	margin-right: .6em;
	height: 6.2em;
}


.drivers-order-list .delivered{
	background-color: #d6d9dc;
	color: #48494C;
	border-style: none;
}

.drivers-order-list .delivered .notMyOrder{
	background-color: #fff;
	border-style: solid;
	border-width: 2px;
	border-width: 2px;
	border-color: #d6d9dc;
	color: black;
}

.customer-pointer, .phone-pointer {
	margin-top: .7em;
	font-size: 1.1em;
}

.column-info .customer-address{
	font-size: 1.0em;
	margin-top: .9em;
}
.delivered .notMyOrder .row-status{
	background-color: #d6d9dc;
	color: #48494C;
}

.delivered .myOrder .column-info .customer-pointer{
	color: #48494C;
}

.delivered .vert-divider{
	background-color: #b8babc;
	border-style: none;
}

.drivers-order-list .canceled{
	background-color: #CCC;
	color: #999;
	border-style: none;
}
	.drivers-order-list .canceled .vert-divider{
		background-color: #999;
	}
.drivers-order-list .pickedup{
	background-color: #444c57;
	color: #fff;
	border-style: none;
}

.drivers-order-list .pickedup .notMyOrder{
	background-color: #fff;
	border-style: solid;
	border-width: 2px;
	border-color: #444c57;
	color: black;
}

.pickedup .notMyOrder .row-status{
	background-color: #444c57;
	color: #fff;
}

.pickedup .vert-divider{
	background-color: #353b44;
	border-style: none;

}


.drivers-order-list .accepted{
	background-color: #4ac5bc;
	color: #fff;
	border-style: solid;
	border-width: 2px;
	border-color: #4ac5bc;
}

.drivers-order-list .accepted .notMyOrder{
	background-color: #fff;
	color: #000;
}

.accepted .row-status{
	background-color: #4ac5bc;
	color: #fff;
}

.accepted .notMyOrder .column-info .customer-pointer{
	color: #000;
}

.accepted .column-info .customer-pointer{
	color: #fff;
}

.accepted .vert-divider{
	background-color: #43b1a9;
	border-style: none;
}










/* filters for drivers */
.box-filter {
	margin: 0 0 1em 0;
}
.box-filter .button, .box-filter .search {
	float: right;
	width: 7em;
	border: 2px solid transparent;
	font-size: .9em;
	border-radius: 0;
}
.box-filter .button.inactive{
	border: 2px solid $orange;
	color: $orange;
	background: transparent;
}

.box-filter .button.green.inactive{
	border: 2px solid $green;
	color: $green;
}
.box-filter .button-big{
	width: 12em;
}

.box-filter .search {
	width:9em;
	border: 2px solid $orange;
	color: $orange;
	border-radius: 0;
	padding:.5em;
	margin-right:1em !important;
}



.user-initials {
	border-radius: 80px;
	background: #616367;
	font-size: 35px;
	font-weight: 100;
	margin: 0 auto;
	width: 100px;
	height: 100px;
	margin-bottom: 1em;
	margin-top: 1em;
	color: $sideBg;
	overflow: hidden;
	clear: both;
}
.user-initials span {
	margin-top: 33px;
	display: block;
	text-align: center;
}


@media screen and (min-width: $desktopWidth) {
	.user-initials {
		margin-top: 2.8em;
	}
}

















/* todo:organize it --- order start  */
.drivers-order{
	max-width: 740px;
}
.divider.dots {
	border-top: 1px solid #eeede7;
}

.restaurant-name {
	float: left;
	padding-top: 12px;
	padding-left: 10px;
}

.header{
	font-size: 1.7em;
	font-family: Ruda;
}

.order-icon .fa {
	width: 1.2em;
	text-align: left;
}

.order-icon {
	font-size: 1.5em;
	display: table-cell;
	text-align: right;
	padding-right: 20px;
	vertical-align: middle;
}

.order-icon2 {
	font-size: 2em;
	display: table-cell;
	width: 2.2em;
	padding-right: .2em;
	text-align: center;
	vertical-align: middle;
}

.order-icon3 {
	font-size: 1.5em;
	display: table-cell;
	width: 2em;
	text-align: center;
	padding-left: 0px;
	padding-right: .8em;
	vertical-align: top;
}

.order-info {
	display: table-cell;
	font-size: .8em;
	font-family: Ruda;
	vertical-align: middle;
	line-height: 1.4em;
	width: 100%;
	white-space: nowrap;
}

td.order-notes{
	font-size:0.9em;
}

.order-info2 {
	display: table-cell;
	font-size: 1.3em;
	font-family: Ruda;
	vertical-align: middle;
	text-align: left;
	line-height: 1.4em;
}


.info-block {
	background: #fff;
	color: #000;
	padding: .6em .6em .5em .4em;
	@include box-border-radius();
	margin-bottom: 6px;
}

.info-block .order-icon {
	padding-right: 5px;
}

.info-phone{
	float: right;
	font-size: 1em;
}

.info-phone a:link{
	font-size: 1.5em;
}

.info-name{
	float: left;
	font-size: 1.8em;
	line-height: 16px;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 11em;
}

.info-address {
	margin-top: .3em;
}

.info-address p {
	font-size: 2em;
	line-height: .8em;
	white-space: normal;
}

.info-address a:link{
	color: #727477;
	text-decoration: none;
	font-size: 1.2em;
}
.info-address-link{
	text-decoration: underline !important;
}

.order-item-block, .order-item-block-big, .order-item-block-bigger {
	margin: .5em 0 .5em 0;
	@include box-border-radius();
}

.order-item-block{
	width: 6em;
}
.order-item-block.right .order-info {
	text-align: right;
}
.order-item-block.left .order-info {
	text-align: left;
}

.order-item-info{
	font-size: 1.5em;
	margin: .5em 0 0 0;
	color: #3e6e6b;
}

.order-item-block-big{
	background: #e1574c;
	color: #fff;
	width: 100%;
	padding: .7em 0 .6em 0;
}

	.order-item-block-big.background-green{
		background: #43b1a9;
	}

	.order-item-block-big a{
		color: #fff;
	}
.order-item-block-bigger{
	width: 100%;
	line-height: 1.4em;
}
.order-map-block {
	width: 100%;
	margin-top: 0;
}

.pay-icon{
	font-size: 1.4em;
	display: table-cell;
	width: 1.7em;
	text-align: center;
	vertical-align: middle;
}

.total-block {
	color: #797979;
	background-color: #d5d9dc;
	text-align: center;
	margin-top: 1em;
	font-family: Ruda;
	padding-bottom: 1em;
	padding-top: 1em;
	width: 47%;
	@include box-border-radius();
}

.customer-total-block{
	float: left;
}

.tip-total-block{
	float: right;
}

.order-total-price {
	font-size: 3em;
	font-weight: bold;
}

.order-total-text {
	font-size: 1.25em;
}

.order-total-block-tip-title{
	font-size:.7em;
	margin:.4em 0;
	color:#333;
}
.order-total-block-tip{
	font-size: 1.2em;
	margin:0 1em;
	color:#333;
	line-height:1.5em;
}

.tip-total-price-dollar {
	color: #8d8d8d;
	font-size: .8em;
	padding-right: .2em;
	vertical-align: middle;
}


.order-map {
	width: 100%;
	height: 10em;
	background-size:cover !important;
	background-position: center center !important;
	@include box-border-radius();
	margin-bottom: 6px;
}

.detail {
	font-size: 1.2em;
}

.detail thead{
	font-weight: bold;
}

[class*='icon-'] {
	display: inline-block;
}

.icon-chef {
	background: url(https://cockpit.la/assets/images/micro/icon-chef.svg) no-repeat;
	background-position: top center;
	width: 2em;
	height: 2em;
	background-size:contain;
}

.icon-user {
	background: url(https://cockpit.la/assets/images/micro/icon-user.svg) no-repeat;
	background-position: top center;
	width: 2em;
	height: 2em;
	background-size:contain;
}

.fooditem {
	border-bottom: 1px dashed #ddd;
}

.topitem {
	border-bottom: 1px solid #ddd;
}


.order-contents-item-qty {
	width: 1em;
}
	.order-contents-item-qty-highlight {
		color: #df5850;
		font-weight: bold;
	}

.dish-name{
	text-align: left;
	width: 100%;
}
	.dish-name{
		line-height: 1.5em;
	}

.dish-price, .dish-price-unity{
	color: #666;
	text-align: right;
}
.dish-price-unity{
	white-space: nowrap;
	font-style: italic;
}

.order-total-row{
	font-weight: bold;
}

.order-total-text{
	text-align: right;
	font-size: 1.2em;
	color: #000;
}

.order-tip-cash{
	text-align: left;
}

.itemname{
	text-align: left;
}

.itemprice{
	width: 80px;
	text-align: right;
}


.loader-wrap {
	position: fixed;
	bottom: -10px;
	height: 0;
	background: rgba(0,0,0,0);
	z-index: 99;
	overflow: hidden;

	-webkit-transition: background .2s;
	-moz-transition: background .2s;
	-ms-transition: background .2s;
	-o-transition: background .2s;
	transition: background .2s;
}


.delivery-name{
	text-transform: uppercase;
}


/* busy styles */
.loader-wrap {
	position: fixed;
	bottom: -10px;
	height: 0;
	background: rgba(0,0,0,0);
	z-index: 99;
	overflow: hidden;

	-webkit-transition: background .2s;
	-moz-transition: background .2s;
	-ms-transition: background .2s;
	-o-transition: background .2s;
	transition: background .2s;
}

.loader-frame {
	border-radius: 10px;
	background: rgba(0,0,0,.5);
	padding: 2em;
	width: 8em;
	height: 8em;
	margin: 0 auto;
	margin-top: 16em;
	opacity: .2;

	-webkit-transform:translate3d(0,0,0);

	-webkit-transform: scale(3);
	-moz-transform: scale(3);
	-ms-transform: scale(3);
	-o-transform: scale(3);
	transform: scale(3);

	-webkit-transition: all .1s;
	-moz-transition: all .1s;
	-ms-transition: all .1s;
	-o-transition: all .1s;
	transition: all .1s;
}
.loader {
	opacity: 1;
	background: url(https://cockpit.la/assets/cockpit/images/ajax_loader_orange_512.gif);
	height: 8em;
	width: 8em;
	background-size: cover;
}
body.loading {
	overflow: hidden;

}
body.loading .loader-frame {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

body.loading .loader-wrap {
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
}

b, strong{ font-weight: bold; }

.pointer{
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.box-content {
	background: #e1574c;
	color: #fff;
	border: 2px;
	border-color: #e1574c;
	border-style: solid;
	@include box-border-radius();
}

.box-content2{
	background: #fff;
	margin-bottom: 20px;
	padding: 0;
	border: 5px;
	@include box-border-radius();
}

.box-content2 {
	border-top: 3px solid #e7eaec;
}

.box-content-color {
	background: #fff;
	margin-bottom: 25px;
	@include box-border-radius();
}
.no-box-content-color, .support-box-wrap h1 {
	padding: 12px;
}
.no-box-content-color {
	margin-bottom: 0;
	padding-top: 0;
}
.comments-box {
	margin-bottom: 10px;
}

.support-box-wrap {
	box-sizing: border-box;
}

@media(min-width:600px) and (max-width: 850px){
	.field-container .field-row{
		display:block !important;
	}
	.field-container .field-row .field-key{
		font-size:.9em;
		display: block;
		font-weight: bold;
	}
	.field-container .field-row .field-value{
		display: block;
		text-align: left !important;
	}
	input[type="checkbox"].switch + div {
		margin: 0 !important;
	}

	.quadruple-cols .button .label{
		display:none;
	}
}
@media(min-width:850px) and (max-width: 1300px){

	.support-side-open .content-padding .support-boxes .field-container .field-row{
		display:block !important;
	}
	.support-side-open .content-padding .support-boxes .field-container .field-row .field-key{
		font-size:.9em;
		display: block;
		font-weight: bold;
	}
	.support-side-open .content-padding .support-boxes .field-container .field-row .field-value{
		display: block;
		text-align: left !important;
	}

	.support-side-open .content-padding .support-boxes .quadruple-cols .button .label{
		display:none;
	}
}




@media(max-width:699px) {
	.support-box-wrap {
		width: 100%;
	}
}
@media(max-width:600px) {
	.mobile-anchor{
		margin-top:-60px;
		position:absolute;
	}
}
@media(min-width:600px) {
	.support-box-wrap {
		display: inline-block;
		width: 100%;
		-webkit-column-break-after: always;
		break-after: always;
	}
	.support-boxes {
		-webkit-column-count: 2;
		-webkit-column-gap: 15px;
		column-count: 2;
		column-gap: 15px;
	}
}

@media (min-width:600px) and (max-width: 1120px) {
	.support-toggled .support-box-wrap {
		width: 100%;
	}
	.support-toggled .support-box-wrap:nth-child(odd) .box-content-color {
		margin-right: 0;
	}
}


.ticket-status-top {
	float: right;
	color: #fff;
	font-weight: bold;
	width: 8em;
	text-align: center;
	font-size: 1.3em;
	line-height: 2.3em;
}

.ticket-status-open, .ticket-status-closed {
	height: 100%;
	@include box-border-radius();
}

.ticket-status-open {
	background: #1ab394;
	cursor: pointer;
}

.ticket-status-closed {
	background: #eb5667;
}

.support-box-wrap h1 {
	font-size: 1.2em;
	font-weight: 600;
	color: #5d5f63;
	margin-bottom: 0;
	float: left;
}
.support-box-wrap-header {
	border-bottom: 1px solid #e7eaec;
}
.support-box-header-actions {
	display: table-cell;
	vertical-align: middle;
	height: 3.4em;

}
.support-box-header-actions-wrap {
	float: right;
	margin: 0 .8em 0 0;
}
.support-box-wrap h1 .fa {
	margin-right: 1em;
}
.support-boxes .box-content2 {
	padding: 0;
}
canvas.chart {
	@include gpu();
}

.field-container {
	width: 100%;
	display: table;
}

.field-container .field-key, .field-container .field-value {
	padding: .6em .7em .55em .7em;
	line-height: 1.5em;
	border-bottom: 1px solid #f1f2f7;
	display: table-cell;
}

.field-row:last-child  .field-key, .field-row:last-child .field-value {
	border-bottom: none;
	padding-bottom: 0;
}

.field-container .field-key {
	padding-left: 0;
	vertical-align: top;
}
.field-container .field-value {
	padding-right: 0;
}

.field-button-spacer {
	height: .2em;
}
.docs-list-spacer {
	height: .3em;
}




.field-container .field-row {
	font-size: 1.19em;
	display: table-row;
}
.field-container .field-note{
	font-size:.9em;
	padding:.7em 0 0 0;
	line-height:1.5em;
	color:#666;
}

.field-container .field-row-button {
	font-size: .9em;
}

.field-container .field-key {
	color: #74777e;
	text-align: left;
	white-space: nowrap;
}

.double-cols > *:not(:last-child),
.tripple-cols > *:not(:last-child),
.quadruple-cols > *:not(:last-child) {
	margin-right: 5px;
}

.double-cols, .tripple-cols, .quadruple-cols {
	display: -webkit-flex;
    display: flex;
	width: 100%;
	margin-bottom: 5px;
}

.field-container .field-row-button .field-two-rows {
	width: 40% !important;
}
.field-container .field-row-button .field-two-rows .button {
	width: 100% !important;
}

.field-container .field-row-button .field-two-rows .button:first-child {
	float: left;
}
.field-container .field-row-button .field-two-rows .button:last-child {
	float: right;
}

.field-container .field-value {
	color: #2a2c2f;
	text-align: right;
}

.field-container .field-value td:first-child {
	text-align: left;
}
.field-container .field-value td:last-child {
	text-align: right;
}

.order-contents {
	background: #fff;
	margin-bottom: 1.5em;
	@include box-border-radius();
}

.order-contents td {
	padding: .5em;
}

.check-reminder{
	font-size: 1.1em;
	text-align: left;
	padding: .5em;
	line-height: 1.5em;
}

.order-header {
	color: #5d5f63;
	font-size: 5em;
	font-weight: bold;
	text-align: center;
	margin: .5em 0 .5em 0;
	font-size: 15vw;
}

@media (min-width:700px) {
	.order-header {
		font-size: 10vw;
	}
}
@media (min-width:$desktopWidth) {
	.order-header {
		font-size: 7vw;
	}
}


/**
* Order page's action row
**/

.box-order-status .message{
	font-size: 1em;
	float: left;
}
.box-content-nav-box {
	font-family: Ruda;
	color: #fff;
	padding: 10px 6px 8px 6px;
	box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.1)
}
.box-content-new {
	background-color: rgba(225, 87, 76, .97);
}
.box-content-rejected {
	background-color: rgba(225, 87, 76, .97);
}
.box-content-accepted {
	background-color: rgba(74, 197, 188, .97);
}
.box-content-pickedup {
	background-color: rgba(68, 76, 87, .97);
}
.box-content-signature {
	background-color: rgba(98, 171, 199, .97);
}
.box-content-delivered {
	background-color: rgba(214, 217, 220, .97);
	color: #48494C;
}

.box-order-status .message {
	font-size: 1.4em;
}
.box-order-status .button {
	height: 4em;
}
.box-order-status .dialog-subtext {
	margin-top: .5em;
	margin-bottom: .5em;
}
.box-order-status .dialog-title {
	font-family: Ruda;
	font-weight: bold;
}

.order-action-undo {
	color: inherit;
	font-size: .8em;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid rgba(255,255,255,.5);
	text-transform: uppercase;
}
.box-content-delivered .order-action-undo {
	color: $linkColor;
	border-color: $linkColor;
}

.control .buttons {
	float: right;
	width: 80px;
}
.buttons.signature{
	width: 130px;
}

.control .wrap {
	width: 100%;
	box-sizing: border-box;
	display: table;
}

.control .accepted{
	background: red;
	margin-bottom: 15px;
	border: 5px;
}






.button.green2{
	background: #008570;
	font-weight: bold;
}



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


.box-content.green {
	background: #43b1a9;
}

.hide{ display: none; }
.show{ display: block !important; }

.dialog {
	background:#FFF;
	width: 29em;
	margin: 4em auto;
	position:relative;
	padding: 1.5em;
	line-height:2em;
	border-radius: 4px;
}
.dialog p{
	margin: 0 0 2em 0;
}
.dialog .button {
	border-radius: 4px;
}
.mfp-bg {
	background-color: #1c0f0e !important;
}
.mfp-close {
	display: none !important;
}

.flash-message {
	position: fixed;
	font-size: 1em;
	padding: 5px 15px;
	display: inline-block;
	text-align: center;
	width: 20em;
	top: .5em;
	left: 50%;
	margin-left: -100px;
	border-radius: 5px;
}
.flash-message.error{
	background: #f2dede;
	color: #a94442;
	border: 1px solid #ebccd1;
}
.flash-message.success{
	background:#dff0d8;
	color: #64763d;
	border:1px solid #d6e9c6;
}
.file-hidden{
	line-height: 1px;
	height: 1px;
	width: 1px;
	opacity: 0;
	display: none;
}
.delivery-out-of-range, .delivery-range{
	background: #df5850;
	color: #FFF;
	font-size: 1em;
	line-height: 1.4em;
	margin-top: 1em;
	width: 92%;
}
.delivery-out-of-range span, .delivery-range span{
	padding: .6em;
	display: block;
}
.delivery-out-of-range span strong{
	font-size: 1.2em;
	line-height: 1.6em;
}
.delivery-range {
	background: $green;
}
.map-image{
	margin-top: 1em;
	margin-bottom: 1em;
	width: 200px;
	text-align: center;
}
.final-amount{
	background: #d6d9dc;
	width: 90%;
	text-align: center;
}
.final-amount .final-amount-padding{
	padding: 1em;
}
.final-amount sup{
	color: #8d8d8d;
	font-weight: bold;
	font-size: 1.2em;
}
.final-amount .total{
	color:#797979;
	font-weight: bold;
	font-size: 2.3em;
}
.final-amount .description{
	color:#919191;
	display: block;
	font-size: .9em;
	margin-top: .4em;
}
.link-list{}
.link-list li{
	line-height: 2em;
	font-size: 1em;
}
.driver-summary{}
.driver-summary{}

.back-button{
	margin: 5px 0 15px 0;
	text-decoration: none !important;
}

.show-tiny-screen{
	display: none;
}

@media(max-width:820px) {
	.hide-tiny-screen{
		display: none;
	}
	.show-tiny-screen{
		display: block;
	}
	.tb-grid{
		font-size: 1em;
	}
	.tb-grid td{
		white-space: normal !important;
	}
	.span-driver-summary-paid,
	.span-driver-summary-pending,
	.span-driver-summary-processing{
		font-size: .8em;
	}
}

@media(max-width:499px) {
	.tb-grid{
		font-size: .9em;
	}
}
.expand-collapse{
	width:25px;
	height:25px;
}

.dashboard-box{
	font-family: Ruda, Open Sans, Helvetica, Arial, sans-serif;
	margin-top: 9px;
	margin-bottom: 9px;
}
.dashboard-count{
	float: left;
	font-size: 3em;
	font-weight: bold;
	width: 1.5em;
	text-align: center;
	padding: 10px;
}
.dashboard-content{
	padding: 10px;
}
.dashboard-content .title{
	font-size: 1.4em;
}
.dashboard-content .description{
	padding-top:7px;
	font-size: 1em;
	opacity: .6;
}
.dashboard-box.pending{
	background: #50c5bb;
	color:#FFF;
}
.dashboard-box.transit{
	background: #d6d9dc;
	color:#797979;
}
.dashboard-box.place-order{
	background: #df5851;
	color: #FFF;
}
.dashboard-box.call-support{
	background: #353b43;
	color: #FFF;
	display: block;
	text-decoration: none;
}
.dashboard-box.place-order div, .dashboard-box.call-support span{
	cursor: pointer;
	display: block;
	padding:10px;
	font-size: 1.3em;
	text-transform: uppercase;
	text-align:center;
	text-decoration: none !important;
	display: block;
}
.dashboard-box.call-support{
	margin-top: 5em;
}
.dashboard-box.phone{
	margin-top: 3em;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
}
.order-message{
	margin-bottom: 1.2em;
	line-height: 1.2em;
	color: #7b7e88;
}
.order-group{
	font-family: Ruda, Open Sans, Helvetica, Arial, sans-serif;
	line-height: 1.2em;
	margin-bottom: 1em;
	font-size: 1.2em;
}
.order-group .order-label{
	font-weight: bold;
}
.order-print{
	color: #7b7e88;
	margin-top: 1.5em;
	margin-right: 5px;
	display: block;
	text-decoration: none;
	font-size: 1.2em;
	text-align: right;
}
.box-price{
	font-family: Ruda, Open Sans, Helvetica, Arial, sans-serif;
	text-align: center;
	width: 49%;
}
.box-price .title{
	font-size: 2em;
	font-weight: 600;
	padding: 10px;
	padding-bottom: 6px;
}
.box-price .description{
	padding-bottom: 10px;
}
.box-price .dollar{
	font-size: .6em;
	font-weight: normal;
}
.box-price.price{
	background: #d6d9dc;
	color: #8d8d8d;
	float: left;
}
.box-price.total-price{
	background: #df5850;
	color: #FFF;
	float: right;
}
.pointer{
	cursor: pointer;
}
.note{
	font-size:0.9em;
}




.fade-in-enter {
	opacity: 1;
	-webkit-animation: 1s animation-fade-enter ease-out;
}

body.ng-scope {
	/*	background: $background; */
}

.tickets-side-list {
	margin-top: 1em;
	width: 100%;
}
.tickets-side-tickets-wrap {
	padding: 10px 7px 7px 7px;
}
	.tickets-side-tickets-wrap .close-ticket{
		float:right;
		color:#d74924;
		cursor:pointer;
		font-size: 1.2em;
		display: block;
		width: 1.5em;
		margin:-3px 1px 3px 2px;
		text-align: right;
	}

.tickets-side-item-unread .tickets-side-tickets-wrap {
	border-right: 4px solid #de5750;
}
.tickets-side-item-read .tickets-side-tickets-wrap {
	border-right: 4px solid #4ecdc4;
}

.tickets-side-item:first-child {
	border-top: 1px solid #474a53;
}

.tickets-side-item {
	border-bottom: 1px solid #474a53;
	line-height: .7em;
	cursor: pointer;
}

.tickets-side-name {
	font-weight: bold;
}
.tickets-side-ticket {
	float: left;
  width: 130px;
  height:18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
	color: #de5750;
	text-decoration: none;
	font-weight: bold;
}
.tickets-side-time {
	float: right;
	font-style: italic;
	color: #7e828e;
}
.tickets-side-community {
	float: left;
	color: #CCC;

}
.tickets-side-message {
	line-height: 1.4em;
}

.tickets-side-list h1 {
	font-family: Ruda, Helvetica, Arial, sans-serif;
	font-size: 1.9em;
	color: #fff;
	padding: 5px;
	margin-top: 10px;
}
.tickets-spacer {
	margin-top: 1em;
}

h1.driver-title {
	font-size: 4.5em;
	text-align: center;
	margin-bottom: 1.2em;
	margin-top: .7em;
}

.page-welcome .nav-top,
.page-login .nav-top {
	background: none;
	border-bottom: none;
}

.page-welcome .nav-top .logo,
.page-login .nav-top .logo {
	display: none;
}
.nav-top .logo {
	width: 12em;
}

.page-welcome .nav-top .menu,
.page-login .nav-top .menu {
	opacity: .5;
}

.pending, .succeeded, .failed {
	font-weight: bold;
}

.pending {
	color:#666 !important;
}
.succeeded {
	color:#64763d !important;
}
.failed {
	color: #cb311b !important;
}

.dialog-close-link {
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 100%;
	margin-bottom: -.8em;
}

.dialog-call-number, .dialog-title {
	font-family: Ruda;
	font-size: 1.8em;
	display: block;
	width: 100%;
	text-align: center;
	color: #5d5f63;
	line-height: 1.4em;
	margin-bottom: .8em;
}

.notification-call-text-container .number-action .button {
	margin-bottom: .8em;
}

.support-side-chat {
	height: 100%;
}

.support-chat-header {
	font-family: Ruda;
	padding: 1em;
	padding-right: 3em;
}

.support-chat-header-details {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-top: 1em;
}

.support-chat-header-back {
	text-decoration: none;
	float: left;
	font-size: 1.2em;
}
.support-side-header-closed-tickets{
	text-decoration: none;
	font-weight:bold;
	float: right;
  margin-top: -2em;
  margin-right: 1em;
}

.support-chat-header-back .fa {
	font-size: .9em;
}

.support-chat-header-issue {
	float: right;
	font-size: 1.3em;
}

.support-close-issue {
	float: right;
	font-size: 1.3em;
	text-decoration: underline;
	margin-top: .3em;
	cursor: pointer;
}

.support-replying-issue {
	margin-top:.7em;
	float: left;
}

.support-chat-contents {
	color: #000;
	background: #fff;
	height: 100%;
	padding: 0 .7em;
}

.support-chat-contents-scroll {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	height: 100%;
	min-height:200px;
}

.support-chat-box-wrap {
	height: 5em;
	background: #e2e4ed;
	padding: .6em;
}

.support-chat-box {
	height: 100%;
	width: 272px;
	border: 0;
	padding: .5em;
	box-sizing: border-box;
}
.support-comment{
	border: 1px solid #b9b9b9 !important;
	font-size: 1em;
	height: 70px;
	width: 100%;
	border: 0;
	padding: .5em;
	box-sizing: border-box;
	@include box-border-radius();
}

.support-chat-contents-message {
	font-size: 1.1em;
	margin-bottom: 1.1em;
	line-height: 1.6em;
	border: 1px solid black;
	border-radius: 3px;
	padding: .5em .7em .5em .9em;
	overflow: auto;
}

.support-chat-contents-message-customer {
	color: #0C374A;
	background: #fafeff;
	border-color: #b5cdd7;

}
.support-chat-contents-message-driver {
	color: #128733;
	background: #fafefa;
	border-color: #a2e9b6;
}

.support-chat-contents-message-support {
	color: #441B02;
	background: #fffbfa;
	border-color: #f4ba97;
}
.support-chat-contents-message-unset {
	font-style: italic;
}
.support-chat-contents-message-system, .support-chat-contents-message-note {
	color: #000;
	font-style: italic;
	border-color: #b5b5b5;
	background-color: #f9f9f9;
}

.support-chat-contents-message-icon {
	padding-right: .5em;
}

.support-chat-contents-message-time {
	float: right;
	opacity: .6;
}

.support-chat-contents-message-name {
	font-weight: bold;
	float: left;
}

.support-chat-contents-message-body  {
	clear: both;
	opacity: .75;
}


.support-chat-contents-scroll div {
	-webkit-transform: translateZ(0);
	animation: fadeIn 200ms 1;
	/*    -webkit-animation: fadeIn 200ms 1;*/
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-webkit-keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1.0; }
}

.support-side-chat-table {
	height: 100%;
	width: 100%;
}

.support-side-chat .ul-inputs{
	font-size:.9em;
}

.support-side-chat h2{
	color: #CCC;
	font-size:.9em;
	padding-top:1em;
}

.support-side-chat .info{
	font-size:.9em;
	color: #CCC;
	padding: 0 .4em;
}
.support-side-chat .info strong{
	font-weight:bolder;
	font-size:1.1em;
}

.support-side-chat .ul-inputs .li-input{
	padding: .6em 0;
}

.support-side-chat .ul-inputs .li-input input,
.support-side-chat .ul-inputs .li-input select,
.support-side-chat .ul-inputs .li-input textarea{
	border: 1px solid $green;
	color: $textColor;
	padding:.48em;
	font-size: 1em;
	width: 90%;
	@include box-border-radius();
}
	.support-side-chat .ul-inputs .li-input select[multiple]{
		height: 3em;
	}

.support-side-chat .ul-inputs .li-input .button{
	font-size:1em;
}

.invite-code {
	margin-top: 1em;
	font-size: 3em;
}


input[type="checkbox"].switch {
	font-size: 2em;
}

input[type="checkbox"].switch:not(:checked),
input[type="checkbox"].switch:checked {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

input[type="checkbox"].switch + div {
	width: 1.8em;
	height: 1em;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 999px;
	margin: 0 auto;
	background: $buttonRed;
	overflow: hidden;
	transition-duration: .3s;
	transition-property: padding, width, background;
	font-size: 2em;
	cursor: pointer;
	-webkit-user-select: none;
}

input[type="checkbox"].switch:checked + div {
	padding-left: .8em;
	width: 1em;
	background: $buttonGreen;
}

input[type="checkbox"].switch + div:before {
	content: '';
	display: block;
	width: 1em; height: 1em;
	margin: -1px;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: inherit;
	background: #f1f2f7;
}
.switch-wrap {
	float: right;
}
.switch-wrap-left{
	float: left;
}

.tb-info {
	display: table;
	width: 100%;
	box-sizing: border-box;
	margin-top: 1em;
	padding-bottom: 0;
}
.tb-info-item {
	display:table-row;
}
.profile-preference .tb-info-content {
	padding-bottom: 1em;
}
.tb-info-content, .tb-info-data {
	display: table-cell;
	vertical-align: top;
}
.tb-info-data {
	text-align: right;
}

.box-content-table {
	padding: 0;
}

.box-content-table table {
	width: 100%;
	box-sizing: border-box;
}

.box-content-table .tb-center {
	text-align: center;
}

.box-content-table .tb-right {
	text-align: right;
}

.box-content-table .tb-small, td.tb-small {
	width: 1em;
}

.box-content-table input:not([type="date"]):not([type="checkbox"]) {
	font-size: 1.0em;
	box-sizing: border-box;
	width: 90%;
}

.box-content-table table tr > td, .box-content-table table tr > th{
	font-size: 1.2em;
	padding: .7em;
	border-bottom: 1px solid #eeeeee;
	line-height: 1.5em;
	vertical-align: top;
}

.box-content-table table .tbody > tr:first-child > * {
	padding-top: .8em;
}
.box-content-table table .tbody > tr:last-child > * {
	padding-bottom: .8em;
	border-bottom: none;
}
.box-content-table table .tbody > tr > *:first-child {
	padding-left: 1.1em;
}
.box-content-table table .tbody > tr > *:last-child {
	padding-right: 1.1em;
}
.box-content-table table .tbody > tr > *:last-child:not(:first-child) {
	text-align: right;
}

.box-content-table table .tbody > tr > td.tb-image-row {
	padding-left: .7em;
	width: 1px;
	vertical-align: middle;
}

.box-content-table table .tbody > tr:focus {
	background: #bbede9;
}
.box-content-table table .tbody > tr:focus > td {
	border-bottom: 1px solid #b3e0de;
}

.box-content-table table tr > th {
	font-weight: bold;
	text-align: left;
}

.deploy-status-success {
	color: #289337;
}
.deploy-status-failed, .deploy-status-error {
	color: #c33636 !important;
}
.deploy-status-deploying, .deploy-status-blasting {
	font-weight: bold;
}

.title-loader {
	font-size: 0.8em;
	display: block;
	margin-top: .3em;
	float: right;
}

.deploy-commit-select {
	width: 10em;
}

.staff-community-repeat:not(:first-child):before {
	content: ", ";
}

.box-filter .button:first-child {
	@include box-border-radius-right();
}
.box-filter .button:last-child {
	@include box-border-radius-left();

}

.box-filter .button:not(:last-child) {
	border-left: none !important;
}

.fa.home-icon {
	font-size: 13em;
}

.home-text {
	display: block;
	text-align: center;
	padding-top: 9em;
}

.tb-zebra > tbody > tr.highlight {
	background: #ffe8ce;
}

.icon-bigger{
	font-size:1.5em;
}

.maps-map {
	height: 100%;
}

.angular-google-map-container {
	width: 100%;
	height: 900px;
}


.bar-loader {
	opacity: 0;
	-webkit-transition: opacity .3s;

	-webkit-animation-name: masked-animation;
	-webkit-animation-duration: 10s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;

	background: -webkit-linear-gradient(left, #24ceaf 0%,#fe9723 25%,#f5107c 50%,#9717cb 75%,#24ceaf 100%);
	background-size: 2000px;

	-webkit-transform: translateZ(0);

	height: 5px;
	overflow: hidden;
	width: 100%;
}

.bar-loader.bar-loader-search {
	margin-bottom: 15px;
	margin-top: -20px;
}

.bar-loader.bar-loader-title {
	margin-top: -5px;
}

.bar-loader-loading {
	opacity: 1;
}


.customer-image-crop {
	border-radius: 100px;
	overflow: hidden;
}

.customer-image, .customer-image-crop {
	height: 2.5em;
	width: 2.5em;
}

.customer-image-large, .customer-image-crop-large {
	height: 10.5em;
	width: 10.5em;
	margin: 0 auto;
}

.customer-image-null {
	background: url(https://cockpit.la/assets/cockpit/images/cockpit-user.png);
	background-size: contain;
}

.restaurant-image-null {
	background: url(https://cockpit.la/assets/cockpit/images/cockpit-restaurant.png);
	background-size: contain;
}


@-webkit-keyframes masked-animation {
	0% {background-position: -10000px bottom;}
	100% {background-position: left bottom;}
}

.map-info-box {
	font-size: .8em;
}

.tb-extras {
	margin-top: -.8em;
	margin-bottom: 2em;
	font-size: 1.2em;
}




.support-side-image {
	width: 250px;
}

@media screen and (max-width: $mobileWidth) {

	.view-animate.ng-enter, .view-animate.ng-leave {
		-webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s;
		transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s;
		position: absolute;
		width: 100%;
		box-sizing: border-box;
		display: block;
	}

	body.instant .view-animate.ng-enter, .view-animate.ng-leave {
		transition: none;
	}
	body.instant .view-animate.ng-leave {
		visibility: none;
	}


	.view-animate.ng-enter {

		-webkit-transform: translate3d(100%, 0, 0);
	}
	.view-animate.ng-leave {

	}
	.view-animate.ng-enter.ng-enter-active {
		-webkit-transform: translate3d(0, 0, 0);
	}
	.view-animate.ng-leave.ng-leave-active {
		-webkit-transform: translate3d(-100%, 0, 0);
	}

	body.back .view-animate.ng-enter {
		-webkit-transform: translate3d(-100%, 0, 0);
	}
	body.back .view-animate.ng-enter.ng-enter-active {
		-webkit-transform: translate3d(0, 0, 0);
	}
	body.back .view-animate.ng-leave.ng-leave-active {
		-webkit-transform: translate3d(100%, 0, 0);
	}
}

.delivery_it_self, .delivery_it_self td{
	color: #458cc8 !important;
}

body[class*=" page-drivers-welcome-"] .bg {
	background: $navColor;
	color: white;
}

body[class*=" page-drivers-welcome-"] .snap-drawers {
	display: none;
}

body[class*=" page-drivers-welcome-"] .nav-top {
	background: none;
	border-bottom: none;
}

body[class*=" page-drivers-welcome-"] .nav-top .logo, body[class*=" page-drivers-welcome-"] .nav-top .notifications, body[class*=" page-drivers-welcome-"] .nav-top .menu {
	display: none;
}

/* @todo: #4594 */
body[class*=" page-drivers-welcome-"] .nav-top .nav-back {
	display: none;
}


@media screen and (min-height: 620px) {
	.drivers-welcome {
		font-size: 1.2em;
	}
}


.drivers-welcome .welcome-title {
	font-size: 1.8em;
	text-align: center;
	padding-bottom: 2em;
}


.drivers-welcome-logo {
	background: url(https://cockpit.la/assets/cockpit/images/logo.png) no-repeat;
	height: 12em;
	width: 12em;
	background-size: 100%;
	margin: 0 auto;
	padding-bottom: 5em;
}



.welcome-icon {
	font-size: 8em;
	text-align: center;
	margin-bottom: .4em;
}

.drivers-welcome p {
	line-height: 1.8em;
}

.drivers-welcome .button {
	margin-top: 2em;
	font-size: 1.3em;
}

.welcome-button {
	position: absolute;
	bottom: 5.5em;
	width: 75%;
	left: 50%;
    -webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

#ng-view {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right:0;
}


.drivers-welcome .top-pad {
	height: 37px;
}



.driverlabel {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    line-height: 1.42857;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;
    height:30px;
    font-size:1em;

}

.driverlabel span{
    color:red;
}
.drivertextbox {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    -webkit-font-smoothing: antialiased;
    line-height: 1.42857;
    margin-bottom:15px;
}
.drivertextbox div {
    color:red;
}
.driverform-control {
    font-weight: lighter;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 36px;
    padding: .5em;
    display: block;
    width: 100%;
    height: 34px;
    font-size: 16px;
    line-height: 1.42857;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    @include box-border-radius();
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    text-transform: none;
    -webkit-appearance: textfield;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.box-red{
	background:#d54a2d;
	padding:1em;
}
	.box-red .contrast{
		color:#FFF !important;
	}
.order-box-top {
	height: 13em;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 99;
	@include gpu();
	@include transition(all linear 0.08s);
	margin-top: -100px;
	overflow: hidden;
}
.logo-connection-status {
	@include transition(color linear 0.08s);
}

.box-content-new .dialog-subtext {
	margin-top: 0;
}

.order-box-top.order-box-top-show {
	margin-top: 0px;
}

.order-box-top .top-pad {
	height: 4em;
	padding-top: 15px;
}

.cordova .order-box-top .top-pad {
	padding-top: 22px;
	height: 4.4em;
}


@media screen and (min-width: $desktopWidth) {
	body {
		background: $background;
	}
	.order-box-top {
		margin-left: 222px;
		box-sizing: border-box;
		padding-right: 220px;
	}
	.order-box-top.order-box-top-show {
		margin-top: -14px;
	}
}

.driver-routing-number{
	width: 438px;
	height: 230px;
	background: url(https://cockpit.la/assets/cockpit/images/driver-payment-check.gif);
	background-size: contain;
}


@media screen and (min-width: $desktopWidth) {
	.hide-desktop {
		display: none !important;
	}
}
@media screen and (max-width: $mobileWidth) {
	.hide-mobile {
		display: none !important;
	}
	.driver-routing-number{
		width: 320px;
		height: 173px;
	}
	.switch-wrap{
		background: #000;
		float:none;
	}
}

.driver-top-pad {
	height: 6em;
}


.tb-row{
	border-bottom: 1px solid #CCC !important;
}

.tb-mini-grid.title th{
	padding:0.5em;
	font-size: 1.1em;
	background:#F5F5F5 !important;
}

.tb-mini-grid.subtitle th{
	padding:0.5em;
	text-align:left !important;
}

.cordova .top-pad {
	height: 66px;
}

.li-input-line-height {
	line-height: 1.5em;
}


.listview-bold {
	font-weight: 600;
}
.listview-input-number {
	@include box-border-radius();
	font-size: 1em;
	color: #000;
	border:1px solid #CCC;
	width: 6em !important;
	padding: .2em .4em .2em .4em;
}

.nav-button-green {
	background: #1ab394;
}
.nav-button-grey {
	background: #666;
}

.page-title-wrap .title {
	float: left;
}

.page-title-nav {
	float: right;
}

.page-title-nav button {
	padding: .2em .5em .2em .5em;
	width: auto;
	text-transform: none;
}
.page-title-nav button span {
	font-size: .9em;
	vertical-align: top;
	margin-left: .5em;
}

.box-search-bar .page-title-nav {
	font-size: .75em;
}

.listview-smaller {
	font-size: .9em;
}

.header-note{
	font-size: 1em;
}

.listview-smallest {
	font-size: .8em;
}

.listview-light {
	opacity: .8;
}

.listview-text-block {
	font-size:.8em;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height:56px /* fallback */
}

.box-content-table td.tb-v-center, .box-content-table th.tb-v-center, td.tb-v-center {
	vertical-align: middle;
}

@media screen and (min-width: $desktopWidth) {
	.col-box {
		@include flex(row, row wrap, space-between);
	}
	.col-box .two-col {
		width: 50%;
		box-sizing: border-box;
		border: .5em solid $background;
	}
	.alias-dialog-container {
		width: 70%;
	}
}
h1.title.box-title {
	margin-bottom: 1em;
}
.bar-loader.bar-loader-search.bar-loader-boxes-top {
	margin-bottom: 0;
}

.invite-referral-code-link {
  font-size: 1.5em;
}

.li-input textarea.fatal-error-content {
	height: 9em;
}

.order-info-resource:not(:last-child) {
	margin-bottom: .5em;
}

.ticket-chat-link {
	float: left;
	margin-right: 2em;
	margin-top: 1em;
}

.support-box-wrap .customer-name-large {
	font-size: 2.5em;
	font-weight: 200;
	padding: .5em 0 .1em 0;
	text-align: center;
	float: none;
}

.support-box-widget {
	@include box-border-radius(6px);
	padding: 1em;
	color: #fff;
}


.column-50 {
	width: 49%;
	box-sizing: border-box;
	display: block;
}

.column-50:first-child {
	float: left;

}
.column-50:last-child {
	float: right;
}

.support-box-widget-green {
	background: $buttonGreen;
}
.support-box-widget-blue {
	background: $buttonBlue;
}

.support-box-widget-content {
	padding-top: .2em;
	font-size: 2.8em;
	font-weight: 100;
	float: right;
	clear: right;
}
.support-box-widget-label {
	float: right;
}
.fa.support-box-widget-icon {
	font-size: 4.4em;
	float: left;
}
.italic{
	font-style: italic !important;
	color: #333;
}
.no-wrap{
	white-space: nowrap;
}

.support-widget-box-wrap {
	margin-bottom: 1.1em;
}

.blink {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1.2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

.ui-tab-header li {
	@include box-border-radius();
	display: inline;
	cursor:pointer;
	list-style-type: none;
	font-size: 1.2em;
	padding: .7em 1.1em .9em 1.1em;

}
.ui-tab-header li.ui-tab-header-active{
	background: #fff;
}

.ui-tab-header li:not(.ui-tab-header-active) {
	color: #555;
}
.ui-tab-content{

}
.ui-tab-header-wrap {
	padding-top: 1.1em;
	padding-bottom: .8em;
	background: #e7eaec;
}

.ui-tab-header .fa {
	margin-right: .5em;
}

.ui-tab-content .page-title-wrap {
	margin-top: -2.6em;
	margin-right: .5em;
}

.customer-image-updater:hover {
	background: red;
}
.tab-content{
	padding:1em 0 0 0 ;
	background: #FFF;
}
	.tab-content .box-content2{
		border:none !important;
		margin:0 .5em;
	}
.nav-account {
	float: right;
}

.nav-account .user-name {
	font-family: Ruda, sans-serif;
	color: #fff;
	font-size: 1.4em;
	line-height: 2.3em;
	margin-right: 2em;
	text-decoration: none;
}

.restaurant-image-upload-button {

}

.restaurant-image-button-wrap {
	text-align: right;
}

.restaurant-image-updater {
	margin-top: -1.4em;
}

.ladda-button.ladda-button-nohover:hover {
	background-color: inherit;
	border-color: inherit;
}
.text-muted{ color:#888888; }
.text-warning{ color:#F8AC58; }
.text-success{ color:#3c763d; }
.text-info{ color:#23c6c8; }
.text-danger{ color:#de5750; font-weight: bold; }



.sticky-bottom {
	text-align: right;
	background: rgba(255,255,255,.7);
	border-top: 3px solid #e7eaec;
	width: 100%;
	box-sizing: border-box;
	pointer-events: none;
}

.sticky-bottom * {
	pointer-events:all !important;
}

.show-more-links {
	padding-top: 1.4em;
}

.li-input .button.button-no-margin {
	margin-right: 0;
}

.sticky-bottom .button {
	padding-right: 3em;
	padding-left: 3em;
}

.truncate-small {
	max-width: 15em;
	text-overflow: ellipsis;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
}

.sticky-tbody tbody {
	height: 100%;
	width: 100%;
	display: table;
}

.box-content-listview tbody {
	overflow-y: scroll;
}

.box-content-listview {
	margin: 0;
	width: 100%;
}

.box-search-bar {
	margin-bottom: 1.4em;
}

@media screen and (min-width: $desktopWidth) {
	.page-orders, .page-restaurants, .page-drivers-onboarding, .page-customers, .page-promo, .page-resources, .page-shift-checkin, .page-staffs, .page-suggestions, .page-tickets, .page-settlement-list, .page-tools-eta, .page-communities {
		overflow: hidden;
	}
}

.sticky-header .thead, .sticky-header .tbody {
	display: block;
}

.sticky-header .tbody {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.search-bar-options {
	display: inline-block;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}

.box-content-table table tr > td.search-title-nav {
	padding: .55em;
}



@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table.tb-zebra, table.tb-zebra thead, table.tb-zebra tbody, table.tb-zebra th, table.tb-zebra td, table.tb-zebra tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	table.tb-zebra tr th{
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	table.tb-zebra td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	table.tb-zebra td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}
}
.calcs-dash{
	border-top:2px solid #333 !important;
	margin-top:-8px;
	padding-top:8px;
}
.summary-calc-values{
	width:5.5em;
	padding-right:.5em;
	text-align:right;
}
.unselectable {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.drivers-list{
	height:80px;
	overflow-y:scroll;
}
	.drivers-list li{
		border-bottom:1px dashed #CCC;
		display:block;
		padding:.4em 0;
	}
	.drivers-list.big{
		height: 120px;
	}

table.receipt{
	width:100%;
}
	table.receipt .crunchbutton{
    font-size: 1.5em;
	}
	table.receipt .info{
		text-align:right;
	}
	table.receipt .icon{
		width:30px;
	}
		table.receipt .icon img{
			width:30px;
		}
	table.receipt td{
  	font-size: .9em;
    font-family: Museo Slab, Courier New, Courier, monospace;
		vertical-align: middle;
		font-weight: normal !important;
		line-height:1.4em;
	}
	table.receipt .order-id{
		font-weight: bold;
	}
		table.receipt .footer{
			font-weight:6em;
		}
.receipt-separator {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAI0lEQVQIW2NkwAT/GdHE/gP5jMiCYAGQIpggXAAmiCIAEgQAAE4FBbECyZcAAAAASUVORK5CYII=);
	color: #000;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
  height: 14px;
  margin: 5px 0 5px 0;
}

.cockpit1-wrapper {
	height: 100vh;
	width: 100%;
}

.display-table{
	display: table;
}
	.display-table-row{
		display: table-row;
	}
		.display-table-cell{
			display: table-cell;
		}


.shift-schedule{}
.shift-schedule .table-label{
	width: 14.28%;
}
	.shift-schedule .table-label .date{
		font-size: 1.3em;
		margin-top: .5em;
	}
	.shift-schedule .table-label .weekday{

	}
	.shift-schedule .shift{
		padding: .3em;
		margin: .4em 0;
		border-radius: 2px;
		font-size: .9em;
		line-height: 1.5em;
	}
		.shift-schedule .period{
			font-weight: bold;
		}
		.shift-schedule .shift-has-drivers{
			background: #ebf5e6;
			border: 1px solid #d6e9c6;
			color: #468847;
		}
		.shift-schedule .shift-no-driver{
			background: #ceb2b4;
			border: 1px solid #eca49f;
			color: #8c3533;
		}
		.shift-schedule .shift-hidden{
			opacity: 0.3;
			filter: alpha(opacity=30); /* For IE8 and earlier */
		}
			.shift-highlighted.shift-has-drivers{
				border: 3px solid #b0c0a3 !important;
			}
			.shift-highlighted.shift-no-driver{
				border: 3px solid #bf8480 !important;
			}
	.shift-schedule .button-container{
		text-align: center;
		margin: .4em;
		font-size: .8em !important;
	}
	.shift-schedule .drivers{
		margin: .5em 0;
	}
		.shift-schedule .drivers li{
			line-height: 1.8em;
			font-size: 1;
		}
	.shift-schedule .hide-shift{
		font-size: .9em;
		font-weight: bold;
		cursor: pointer;
		display: block;
	}
		.shift-schedule .hide-shift input{
			float: left;
		}
	.shift-schedule .buttons .button{
		margin:.4em .4em 0 0;
	}
.add-shift-dialog-container{
	width: 50em;
}
.schedule-shift-dialog-container{
	width: 80em;
}
.schedule-shift-dialog-container .drivers{
	max-height: 410px;
	overflow: scroll;
	-webkit-overflow-scrolling:touch;
}
.schedule-shift-dialog-container .log{
	max-height: 90px;
	overflow: auto
}
	.schedule-shift-dialog-container .log th, .schedule-shift-dialog-container .log td{
		font-size: 1.1em;
	}

.schedule-shift-dialog-container .drivers td{
	font-size: 1.1em;
	line-height: 1.5em;
}
.schedule-shift-dialog-container .drivers textarea{
	width: 20em;
	margin: 0;
}
.schedule-shift-navigation{
	cursor: pointer;
	font-size: 1.2em !important;
	margin-top: 1em;
}
.schedule-today{
	color: #468847;
}
.wrap{
	display:table;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}
	.schedule-notes{
		width:270px;
		cursor: pointer;
	}
		.schedule-notes:hover{
			background: #fffcdd;
		}
.allow-wrap td{
	white-space: normal !important;
}
ui-tabs {
	clear: both;
	min-height: 100vh;
	display: block
}

a.button {
	text-decoration: none;
	display: inline-block;
	align-items: flex-start;
	text-align: center;
	line-height: normal;
	box-sizing: border-box;
	letter-spacing: normal;
    vertical-align: top;
}

.shift-schedule-rating-botton{
	text-align: left !important;
	background: #FFF;
}
.shift-schedule-rating-botton-space{
	height: 80px;
}

#username{
	-webkit-user-select: text !important;
	-khtml-user-select: text !important;
	-moz-user-select: text !important;
	-ms-user-select: text !important;
	user-select: text !important;
}
#password{
	-webkit-user-select: text !important;
	-khtml-user-select: text !important;
	-moz-user-select: text !important;
	-ms-user-select: text !important;
	user-select: text !important;
}
	#username::-webkit-input-placeholder, #password::-webkit-input-placeholder{
		color: transparent;
	}


.cordova.ios .nav-top {
	padding-top: 25px;
}
.cordova.ios .snap-drawer {
	padding-top: 2em;
}

.no-box-content-color.double-cols {
	margin-bottom: 0;
}

.quadruple-cols .switch-wrap {
	float:left;
}
.left{ float:left !important; }


.restaurant-preview{
	margin: 1em 0;
}
	.restaurant-preview .restaurants-item .restaurants-open {
		border: 1px solid #c1c1c1;
		background: #fff;
		width: 29.7em;
		height: 12em;
		border-radius: 4px;
		padding: 2px 2px .2em 2px;
		display: inline-block;
		margin-bottom: 2px;
		margin-top: 0;
		box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
	}
	.restaurant-preview .restaurants-open .restaurants-name {
		padding: .6em 0 0 .4em;
		font-size: 1.4em;
		color: #424242;
		font-weight: 700;
	}
	.restaurant-preview .restaurants-open .restaurants-description {
		padding: .2em 0 0 .5em;
		font-size: 1.1em;
		color: #535353;
	}
	.restaurant-preview .restaurants-pic {
		height: 8em;
		border-top-left-radius:.2em;
		border-top-right-radius:.2em;
		overflow:hidden;
		background-size:cover !important;
		background-position: center center !important;
		box-shadow: inset rgba(0,0,0,0.3) 0 0 40px;
	}

.space-left-bar{
	height: 4px;
}
	.space-left-bar.ok{
		background: $buttonGreen
	}
	.space-left-bar.warning{
		background: #999900;
	}
	.space-left-bar.no{
		background: $buttonRed;
	}
.space-left-dish-name{
	font-family: 'Open Sans', 'Droid Sans', Helvetica;
	font-size: 14.112px;
	letter-spacing: 0.36px;
	font-weight: bold;
}
.space-left-community-message{
	font-family: 'Open Sans', 'Droid Sans', Helvetica;
	font-size: 10.8px;
	font-weight: 600;
	letter-spacing: 0.36px;
}
.space-left-driver-restaurant-name{
	font-family: 'Open Sans', 'Droid Sans', Helvetica;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.36px;
}
.dashboard-dialog-container{
		width: 700px !important;
	}
	.dashboard-dialog-container .box-content2{
		border:none!important;
	}
	.dashboard-modal-table{
		width: 100%;
	}
		.dashboard-modal-table th{
			font-weight: bold;
			font-size: 1.1em;
		}
		.dashboard-modal-table td{
			font-size: 1.1em;
			padding: .3em;
		}
	.table-dashboard{
		width: 100%;
	}
	.table-dashboard td, .table-dashboard th{
		padding: .5m;
		line-height: 1.4em;
	}
	.table-dashboard th.center{
		text-align: center;
	}
	.dashboard-warning{
		color:red !important;
		font-weight: bold;
	}
	.dashboard-ok{
		color: green !important;
		font-weight: bold;
	}
	.dashboard-light{
		color: #CCC;
		text-align: center !important;
		cursor: pointer;
	}
	.dashboard-current-time{
		font-weight: bold;
	}
.select2-search-field input{
	padding-left:2px !important;
	padding-right:2px !important;
	max-width:50px !important;
}
.multiple-select-community input{
	max-width:110px !important;
}
.mfp-hide {
  display: none !important; 
}