body {
	font-size:12px;
	font-family: 'Open Sans', sans-serif;
	color:#333;
	line-height:1.3;
	text-align:left;
	background:#eee;
	overflow-x:hidden;
	width:100%;
	margin:0;
	padding:0;
}

a, a:hover, a:active, a:visited {color:#b2073b; font-weight:bold; text-decoration:none; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
a:hover {color:#222;}

input[type=text], input[type=password], textarea {-webkit-appearance: none; -moz-appearance: none; appearance: none; display:inline-block; width:94%; padding:10px 3%; border:none; background:#fff; font-family: 'Open Sans', sans-serif; font-weight:100px; font-size:18px; border-radius:0; -webkit-border-radius:0;}
input::webkit-input-placeholder {color:#333;}
textarea {height:100px;}
input[type=checkbox], input[type=radio]  {-webkit-appearance: none; -moz-appearance: none; appearance: none; display:inline-block; background:#fff; border:solid 1px #ccc; vertical-align:middle; margin-right:5px; height:14px; width:14px;}
input[type=radio] {border-radius:50%; -webkit-border-radius:50%;}
input[type=checkbox]:checked, input[type=radio]:checked {background:#b2073b; -webkit-box-shadow:inset 0 0 0 2px #ffffff; box-shadow:inset 0 0 0 2px #ffffff;}
select {-webkit-appearance:none; background:#fff; font-size:18px; border-radius:0; border:none; width:94% !important; display:inline-block; padding:10px 3% !important;color:#333;font-family: 'Open Sans', sans-serif; font-weight:100px;}
select option {color:#333; margin-top:1px;}

table input[type=text], .inline-edits input[type=text], table select, .inline-edits select {width:96% !important; padding:5px 2% !important; font-size:12px;}
.inline-edits input[type=text], .inline-edits select {width:40% !important; margin:3px;}



span.fixed-field {display:inline-block; width:94%; padding:10px 3%; font-family: 'Open Sans', sans-serif; font-weight:100px; font-size:18px;}

.x-bold {font-weight:800;}
.bold, b, strong {font-weight:bold !important;}
.italic, i, em {font-style:italic !important;}
.condensed {font-family: 'Open Sans Condensed', sans-serif !important;}
.underline, u {text-decoration:underline !important;}
.delete {text-decoration:line-through !important;}
.text_right, .align-right, .right-align {text-align:right !important;}
.text_left, .align-left, .left-align {text-align:left !important;}
.text_center, .align-center, .center-align {text-align:center !important;}
.normal {font-weight:normal  !important;}
.align-top {vertical-align:top;}
.smalltext, .small {font-size:11px !important; font-style:italic !important; color:#666 !important; text-transform:lowercase;}
.add-line-height {line-height:1.5;}
.left {float:left !important;}
.right {float:right !important;}
.full-width {float:left; width:100%; padding:10px 0;}
.full {width:100% !important; display:inline-block !important; float:none !important; margin:0 !important; padding:0 !important;}
img.full {height:auto;}

.circle-radius {border-radius:50%; -webkit-border-radius:50%;}

.float-none {float:none;}
.no-pad {padding:0 !important; background:#eee !important;}
.mobile-only {display:none !important;}
.hide {display:none;}
.uppercase {text-transform:uppercase;}
.thin {font-weight:100 !important;}

.white-bg {background:#fff !important;}
.xlight-gray-bg {background:#eee !important;}
.light-gray-bg {background:#e3e3e3 !important;}
.gray-bg {background:#ccc !important;}
.red-bg {background:#b2073b !important;}
.red-bg h2, .red-bg h3, .red-bg p {color:#fff !important;}
.green-bg {background:#147534 !important;}

.white-text {color:#fff !important;}
.white-border {border:solid 2px #fff;}
.border-right-lg {-webkit-box-shadow:inset -1px 0 0 0 #e3e3e3; box-shadow:inset -1px 0 0 0 #e3e3e3;}

.bottom-border-gray {border-bottom:solid 1px #ccc;}
.border-gray {-webkit-box-shadow:inset 0 0 0 1px #cccccc; box-shadow:inset 0 0 0 1px #cccccc;}

a.btn, input.btn, span.btn {-webkit-appearance: none; display:inline-block; width:auto; padding:10px 40px; line-height:1.0; font-size:14px; font-weight:bold; text-transform:uppercase; border-radius: 2px; -webkit-border-radius:2px; border:none;}
a.btn-white-bg, input.btn-white-bg, span.btn-white-bg {background:#fff; color:#b2073b; text-decoration:none; border-radius: 2px; -webkit-border-radius:2px; border:none; -webkit-box-shadow:inset 0 0 0 1px #cccccc; box-shadow:inset 0 0 0 1px #cccccc;}
a.btn-white-bg:hover, input.btn-white-bg:hover, span.btn-white-bg:hover {background:#b2073b; color:#fff; -webkit-box-shadow:inset 0 0 0 0 transparent; box-shadow:inset 0 0 0 0  transparent}
a.btn-white-border, input.btn-white-border, span.btn-white-border {color:#fff; -webkit-box-shadow:inset 0 0 0 2px #fff; box-shadow:inset 0 0 0 2px #fff; background:transparent;}
a.btn-white-border:hover, input.btn-white-border:hover, span.btn-white-border:hover {-webkit-box-shadow:inset 0 0 0 2px #9db3fb; box-shadow:inset 0 0 0 2px #9db3fb; text-decoration:none; color:#9db3fb;}

a.btn-red-bg, input.btn-red-bg, span.btn-red-bg {color:#fff; background:#b2073b; text-decoration:none;}
a.btn-red-bg:hover, input.btn-red-bg:hover, span.btn-red-bg:hover {background:#333;}
a.btn-red-bg.no-hover:hover, input.btn-red-bg.no-hover:hover, span.btn-red-bg.no-hover:hover {color:#fff; background:#b2073b; text-decoration:none;}

a.btn.condensed, input.btn.condensed, span.btn.condensed {padding:5px 10px; -webkit-box-shadow:inset 0 0 0 1px #cccccc; box-shadow:inset 0 0 0 1px #cccccc;}
a.btn-red-bg.condensed, input.btn-red-bg.condensed, span.btn-red-bg.condensed {-webkit-box-shadow:inset 0 0 0 0 transparent; box-shadow:inset 0 0 0 0 transparent;}

h1, h2, h3, h4 {line-height:1.0; color:#b2073b;}
h1 {display:inline-block; width:100%; margin:10px 0 0; font-size:32px; line-height:1.3}
h2 {display:inline-block; width:100%; margin:10px 0; font-size:28px;}
h3 {display:inline-block; width:100%; margin:10px 0 ; font-size:24px;}
h4 {display:inline-block; width:100%; margin:5px 0 ; font-size:14px;}
p {display:inline-block; width:100%; margin:0 0 20px 0; font-size:18px; font-weight:100; line-height:1.4;}
ul.list {display:block; margin-bottom:20px;}
ul.list li {width:90%; display:list-item; list-style-type:disc; padding-left:2%; margin-left:3%; line-height:1.3;font-size:16px; font-weight:100;}
ul.product-list li {font-size:16px;}

.center-content {position:relative; display:inline-block; width:100%; max-width:1600px; margin:0 auto;}

table {width:100%;}
table td, table th {padding:5px;}
table thead {background:#ccc;}
table tbody tr:nth-child(even) td {background:#e3e3e3;}
table .red-bg {background:rgb(178, 7, 59); background:rgba(178, 7, 59, 1.0) !important;}
table tr:nth-child(even) .red-bg {background:rgb(178, 7, 59); background:rgba(178, 7, 59, 0.85) !important;}
table .green-bg {background:rgb(20, 117, 52); background:rgba(20, 117, 52, 1.0) !important;}
table tr:nth-child(even) .green-bg {background:rgb(20, 117, 52); background:rgba(20, 117, 52, 0.85) !important;}

.horiz-overflow {overflow:hidden; overflow-x:auto !important; -webkit-overflow-scrolling: touch;}

.lb-wrap {z-index:99999; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,.75); display:none;}
.lb-wrap .lb-content {width:400px; height:300px; position:absolute; top:50%; left:50%; margin-top:-175px; margin-left:-225px; background:#e3e3e3; -webkit-border-radius:3px; border-radius:3px; padding:25px;}
.lb-wrap .lb-content-large {width:75%; height:400px; position:absolute; top:50%; left:20%; margin-top:-175px; margin-left:-100px; background:#e3e3e3; -webkit-border-radius:3px; border-radius:3px; padding:25px;}
.lb-wrap .lb-content-full {position:absolute; width:100%; top:0; left:0; right:0; bottom:70px; background:#e3e3e3; overflow:hidden; overflow-y:auto !important; webkit-overflow-scrolling: touch; padding-bottom:10px;}

.close-lb-btn {position:absolute; top:10px; right:10px;}

.lb-content-full .col {padding-top:3px !important; padding-bottom:3px !important;}
.row.line-item {border-bottom:solid 2px #ccc;}

#add-job-btns {position:fixed; bottom:0; left:0; right:0; width:100%; background:#fff; border-top:solid 1px #ccc; padding:10px; z-index:5;}
#add-job-btns a {display:inline-block !important;}
#add-job-btns a.underline {margin-top:10px;}

/* COLUMN STRUCTURE - 12 COLUMNS */

.row {width:100%; float:left;}
.row.padding {padding:2px 0;}
.col {display:inline-block; padding:10px 1% !important; vertical-align:top; overflow:hidden; position:relative;}
.one-col {width:6% !important;}
.two-col {width:14% !important;}
.three-col {width:22% !important;}
.four-col {width:30% !important;}
.five-col {width:39% !important;}
.six-col {width:47% !important;}
.seven-col {width:56% !important;}
.eight-col {width:64% !important;}
.nine-col {width:73% !important;}
.ten-col {width:81% !important;}
.eleven-col {width:89% !important;}
.twelve-col {width:98% !important;}

/* END COLUMN STRUCTURE - 12 COLUMNS */

.top-marg-ten {display:inline-block; margin:4px 0;}
.no-top-marg {margin-top:0 !important; padding-top:0 !important;}
.no-bottom-marg {margin-bottom:0 !important; padding-bottom:0 !important;}

img.inline-icon {width:20px; height:auto; display:inline-block; vertical-align:midde; margin-right:5px; margin-top:-3px;}
img.inline-icon-small {width:15px; height:auto; display:inline-block; vertical-align:midde;}

.full-img {position:absolute; top:0; left:0; width:auto; height:auto; min-width:100%; min-height:100%; z-index:1;}
.full-img:empty {top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.full-img-wrap, .clear-coat {position:absolute; width:100%; height:100%; top:0; left:0; right:0; bottom:0;  overflow:hidden;}
.full-img-wrap {z-index:1;}
.clear-coat {z-index:2;}
.white-coat {background:rgba(255, 255, 255, .6);}
.red-coat {background:rgba(178, 7, 59, .8);}
.black-coat {background:rgba(0, 0, 0, .6);}

.border-bottom {border-bottom:solid 1px #ccc;}
.horiz-divide {height:0; width:98%; padding:0 !important; border-top:solid 1px #b2073b; border-bottom:solid 1px #b2073b; margin:10px 1%;}
.horiz-divide.light-divide {border-top:solid 1px #ccc; border-bottom:none;}

header {top:0; left:0; right:0; width:100%; height:50px; background:#ffffff; border-bottom:solid 1px #ccc; z-index:5;}
footer {position:fixed; bottom:0; left:0; right:0; width:100%; height:12px; padding:10px 0; background:#b2073b; color:#fff; font-size:12px; line-height:1.0;}
#body {position:relative; top:0px; padding-top:0px; left:0; padding-bottom:32px; right:0; overflow:auto; -webkit-overflow-scrolling:touch; background:#eee; height:calc(100vh - 100px);}

header #nav-logo {float:left; padding:5px; height:40px; width:auto;}
header nav {float:right; height:50px; padding:0; margin:0;}
header nav #menu, header nav #menu li {float:left; text-transform:uppercase;}
header nav #menu li a {float:left; font-size:16px; line:1.0; padding:17px 25px; font-family: 'Open Sans Condensed', sans-serif !important; float:left; text-transform:uppercase;}



/* HAMBURGER */

#mobile-nav-btn {display:none; position:absolute; top:0px; right:0px; z-index:9999;}

.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }

.hamburger:hover {opacity: 0.7; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #b2073b;
    border-radius: 4px;
    position: absolute;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
	
.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }

.hamburger-inner::before {
    top: -10px; }

.hamburger-inner::after {
    bottom: -10px; }
	
.hamburger--spin .hamburger-inner {
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; }

.hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  transition-delay: 0.14s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); background:#fff;}

.hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; }

.hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); background:#fff;}

/* END HAMBURGER */

#rtnMsg {position:absolute; z-index:5; top:60px; left:1%; width:98%; font-weight:100; background:#FF0000; color:#fff;}
#rtnMsg p {font-size:16px; line-height:1.0; padding:10px 2%; text-align:center; margin:0 !important;}

#login-table {position:absolute; top:50%; left:50%; height:300px; width:300px; margin-top:-150px; margin-left:-150px; z-index:5;}
#login-table img.user-icon, img.user-icon {width:75px; height:auto; display:inline-block; border:solid 2px #fff;}
#login-table input[type=text], #login-table input[type=password] {padding:10px 2% 10px 13%; width:85%; margin-bottom:10px; background:transparent; border-bottom:solid 2px #fff; color:#fff;}
#login-table input::webkit-input-placeholder {color:#eee;}
#login-table #username {background:url(img/input-user.png) left center no-repeat; background-size:auto 50%;}
#login-table #pword {background:url(img/input-pw.png) left center no-repeat; background-size:auto 50%;}

#admin.admin-home {padding-top:125px;}
#admin a.block {display:inline-block; font-size:18px; font-weight:100; width:150px; background:#b2073b; padding:20px; color:#fff; border-radius:3px; -webkit-border-radius:3px;}
#admin a.block:hover {background:#333;}







.k-state-border-down,.k-state-border-up,.k-state-active{border-radius:0 !important; -webkit-border-radius:0 !important; -webkit-box-shadow: 0 0 0 0 #ffffff !important; box-shadow: 0 0 0 0 #ffffff !important;}
.k-state-focused { -webkit-box-shadow: 0 0 0 0 #ffffff !important; box-shadow: 0 0 0 0 #ffffff !important; background:#e3e3e3; border:solid 1px #e3e3e3 !important;}

.k-numeric-wrap, .k-numeric-wrap input {display:inline-block; width:80%;  border:none  !important; color:#333; font-size:16px !important; border-radius:0 !important; -webkit-border-radius:0 !important; margin:0 !important; padding:0; position:relative; -webkit-box-shadow: 0 0 0 0px !important; box-shadow: 0 0 0 0px !important;}
.k-numeric-wrap {display:inline-block !important; margin-top:1px; overflow:hidden !important;}
.k-numeric-wrap input {line-height:1.0 !important; overflow:hidden !important; padding:8px 2% !important; width:auto !important; background:#fff;}
.k-numeric-wrap .k-select {position:absolute; top:0; right:0; bottom:0; height:100%; background:#fff; width:20%; overflow:hidden; border-radius:0 !important; -webkit-border-radius:0 !important;}
.k-numeric-wrap .k-link .k-icon {margin:0px auto !important;} 

.k-state-selected {border:solid 1px #ccc !important; background:#ccc !important; color:#fff !important;}
.k-i-arrow-s, .k-i-arrow-n {position:absolute !important; top:15px !important; right:10px !important;}
.k-numerictextbox {display:inline-block; width:80% !important; max-width:230px;}
.k-numerictextbox {border-radius:none !important; -webkit-border-radius:none !important;}
.k-numerictextbox .k-select > .k-link {width:100% !important; height:50%; position:relative !important; border-radius:0 !important; -webkit-border-radius:0 !important; right:0 !important; border-left:solid 1px #eee; }
.k-numerictextbox .k-select > .k-link:first-child {border-bottom:solid 1px #eee;}
.k-numerictextbox .k-select .k-link span.k-i-arrow-n, .k-numerictextbox .k-select .k-link span.k-i-arrow-s {position:absolute !important; right:50% !important; margin-right:-5px !important; }
.k-numerictextbox .k-select .k-link > span.k-i-arrow-n, .k-numerictextbox .k-select .k-link > span.k-i-arrow-s {top:6px !important;}

.k-numerictextbox, .k-numerictextbox .k-select {border:none !important;}
.k-numeric-wrap.k-state-default, .k-numeric-wrap.k-state-hover, .k-numeric-wrap.k-state-focused {background:transparent !important; border:none !important;}

.k-dropdown.k-header .k-select .k-icon.k-i-arrow-s {position:absolute; top:50%; right:50%; margin-top:-8px; margin-right:-5px;}

#actualLines {position:relative; display:block;}
#actualLines .row .col {float:left; padding:0 0% !important; vertical-align:top; overflow:hidden; position:relative; -webkit-box-shadow: 0 0 0 1px #eee; box-shadow: 0 0 0 1px #eee; position:relative !important; height:34px !important; overflow:hidden !important;}
#actualLines .row .one-col {width:8.33% !important;}
#actualLines .row .two-col {width:16.66% !important;}

#actualLines .row .col input[type=text], #actualLines .row .col .k-numeric-wrap input, #actualLines .row .col .fixed-field {font-size:10px !important; padding:10px 1% !important; width:98% !important; float:left !important;}
#actualLines .row .col .fixed-field {background:#f4f4f4;}
#actualLines .k-numerictextbox {position:absolute; top:0px; left:0; right:0; width:100% !important; height:50px !important; background:#333;}
#actualLines .row .col .k-numeric-wrap {position:absolute; top:0; left:0; right:0; width:100% !important; height:100% !important; bottom:0;}
#actualLines .row .col .k-numeric-wrap > input.k-input {position:absolute; top:0; left:0; right:0; width:100%; !important; height:100% !important; bottom:0;}
#actualLines .row .col .k-numerictextbox .k-select {display:none !important; }
#actualLines #add-job-header {position:absolute; top:0; left:1%; right:1%; width:98%; z-index:5;}
#actualLines #add-job-header.sticky {position:fixed; top:51px;}
#actualLines #add-job-header .col {background:#e3e3e3; -webkit-box-shadow:inset 0 0 0 1px #eee; box-shadow:inset 0 0 0 1px #eee; text-align:center; height:auto !important; padding:10px 0 !important;}

#dashboard h3 {width:96%; padding:5px 2%;}
.row.dash-box {margin-bottom:35px; overflow:hidden; -webkit-box-shadow:inset 0 0 0 1px #cccccc; box-shadow:inset 0 0 0 1px #cccccc}
.dash-box .horiz-divide.light-divide {margin:0 0 2px 0; width:100% !important;}
.row.dash-box .red-bg .col {background:#b2073b; color:#fff;}
.row.dash-box .red-bg .col a.btn.btn-red-bg.condensed {background:#fff; color:#b2073b;}
.row.dash-box .red-bg .col a.btn.condensed {color:#fff; }

#add-new-padding {height:50px;}
#add-new {position:fixed; bottom:32px; right:0; left:0; width:100%; background:rgba(255, 255, 255, .8); border-top:solid 1px #ccc;}

.k-datepicker {overflow:hidden !important;}
.k-datepicker .k-select {font-size:16px; width:25px !important; text-indent:-9000px;}
.k-datepicker .k-icon.k-i-calendar {position:absolute !important; top:50% !important; right:50% !important; width:15px !important; height:15px !important; font-size:15px !important; margin-right:-8px !important; margin-top:-8px !important;}
.inline-edits .k-datepicker, .k-datepicker {border-radius:0 !important; -webkit-border-radius:0 !important; border:none !important;}
.inline-edits .k-datepicker input[type="text"], .k-datepicker input[type="text"] {width:100% !important; border:none !important; padding:2px 0 !important; text-align:left;}
.k-autocomplete{border-radius:0 !important; -webkit-border-radius:0 !important;border:none !important; width:96% !important;}
.k-autocomplete input[type="text"] {width:96% !important;padding:10px 2% !important; border:none !important;}
#newLine_location {width:96% !important;padding:10px 2% !important; border:none !important;}

table .action-col {width:125px !important;}
table .first-col {width:400px !important;}

#filters .material-icons, .material-icons.btn-icon {display:inline-block; vertical-align:middle; line-height:1.0; height:20px; width:20px; text-align:center; font-size:20px; border-radius:50%; webkit-border-radius:50%; border:solid 2px #b2073b;}
#filters .btn-red-bg .material-icons {border:none; color:#fff;}
.material-icons.btn-icon.border {border:solid 2px #fff !important;}



#dispatch-list > .six-col, #dispatch-list .row > .six-col { padding:0 !important; float:left !important;}
#dispatch-list > .six-col {width:48% !important; margin:2px 1% !important;}
#dispatch-list .row > .six-col {margin:2px 0 !important; width:49% !important;}
#dispatch-list .row > .six-col:nth-child(odd) {margin:4px 1% 4px 0 !important;}
#dispatch-list .row > .six-col:nth-child(even) {margin:4px 0 4px 1% !important;}
#dispatch-list .row .six-col {background:#fff; border-radius:3px; -webkit-border-radius:3px;}
#dispatch-list .row .six-col > .col.three-col {background:#b2073b; border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px;}
#dispatch-list .row .six-col > .col.three-col h2, #dispatch-list .row .six-col > .col.three-col h3, #dispatch-list .row .six-col > .col.three-col p {color:#fff !important; margin-bottom:5px !important;}
#dispatch-list .col {padding-top:3px !important; padding-bottom:3px !important;}
#dispatch-list .row .six-col > .col.three-col h2 {font-size:24px !important; padding-bottom:0 !important; line-height:1.0 !important;}
#dispatch-list .row .six-col > .col.three-col h3 {font-size:14px !important;}
#dispatch-list .row .six-col > .col.three-col p {font-size:12px;}
#dispatch-list .row .six-col > .col.nine-col {background:#fff; border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; float:right;}

.truck-toggler {-webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
#activity-list {position:fixed; top:115px; left:0; right:0; bottom:30px; overflow:hidden; z-index:1;}
#available-trucks {position:fixed; left:0; right:0; bottom:30px; height:0px; background:#fff;border-top:solid 2px #b2073b; z-index:1; }
#available-trucks.open {height:17% !important;}
#available-trucks #toggle-trucks {position:absolute; top:-50px; right:10px; width:50px; font-size:12px; color:#fff; font-weight:bold; padding:10px 0px; background:#b2073b; border-radius:3px; -webkit-border-radius:3px; text-align:center; line-height:1.0; cursor:pointer;}
#available-trucks #toggle-trucks .material-icons.inline-icon {border:none !important;}
#available-trucks #toggle-trucks:hover {background:#333;}

#activity-list-notrucks {position:absolute; top:115px; left:0; right:0; bottom: 30px; overflow:hidden; z-index:1;}

#activity-list > .col.six-col, #available-trucks > .col.six-col {position:relative; height:90%; overflow-y:auto !important;webkit-overflow-scrolling: touch;}
table.job-list {margin-bottom:10px;}
table.job-list .job-title {font-size:18px; font-weight:100;}
table td, table th {border:solid 1px #ccc;}
table .material-icons, .material-icons.inline-icon {display:inline-block; vertical-align:middle; line-height:1.0; height:20px; width:20px; text-align:center; font-size:20px; border-radius:50%; webkit-border-radius:50%; border:solid 1px #b2073b;}
table .material-icons.no-border {border:none !important;}

.drop-target { background-color: #7e7bb2 !important; color: #fff !important; }
.drop-target-active { background-color: #4a43b1 !important; color: #fff !important; }

.single-truck {display:inline-block; padding:4px 8px; background:#b2073b; color:#fff; margin:0 3px 3px 0; font-size:12px; border-radius:3px; -webkit-border-radius:3px;}
.broker {background:#ad69b2; color:#fff;}
.no-drag-broker { background:#ad69b2 !important; cursor:auto !important; }
.no-drag-broker:hover { background:#ad69b2 !important; cursor:auto !important; }

.backhaul {background:#6977b2; color:#fff;}
.no-drag-backhaul { background:#6977b2 !important; cursor:auto !important; }
.no-drag-backhaul:hover { background:#6977b2 !important; cursor:auto !important; }

.no-drag { background:#b2073b !important; cursor:auto !important; }
.no-drag:hover { background:#b2073b !important; cursor:auto !important; }
.single-truck:hover {background:#333; cursor: move;}
.hollow { background: #b0b0b0 !important; color: #b0b0b0 !important; }

.expandable{
  background: url("img/sprite.png") 15px 13px no-repeat;
  display: block;
  padding: 10px;
  padding-left: 32px;
  cursor: pointer;
}

.open{
     background-position: 13px -25px;
}


/* MOBILE */

@media (min-width:300px) and  (max-width:767px) {

.no-mobile {display:none !important;}
	
#mobile-nav-btn {display:block;}
header nav {display:none; top:0; left:0; right:0; width:100%; height:100%; background:rgba(0, 0, 0, .85); z-index:10; padding-top:75px;}
header nav #menu, header nav #menu li {float:left; text-transform:uppercase; width:100%;}
header nav #menu li a {float:left; font-size:16px; line:1.0; padding:5% 20px; width:90%; color:#fff; font-size:22px; font-family: 'Open Sans Condensed', sans-serif !important; float:left; text-transform:uppercase; text-align:center;}

#filters .col.six-col, #filters .col.three-col, #dispatch-list > .col.six-col {width:98% !important; padding:5px 1% !important;}
#filters .col.three-col {text-align:center !important;}
#dispatch-list .row > .col.six-col {width:98% !important; margin:10px 0 !important;}
#dispatch-list .row .six-col > .col.three-col h2 {font-size:16px !important;}

}

/* END MOBILE */


/* PORTRAIT */

@media only screen and (orientation : portrait) {
	
.full-img {height:100% !important;}

}

/* END PORTRAIT */

/* LANDSCAPE */

@media only screen and (orientation : landscape) {
	
.full-img {width:100% !important;}

}

/* END LANDSCAPE */

.orange-col {
    background-color: #f8cbad !important;
}

.green-col {
    background-color: #e2efda !important;
}