* {
	font-family:"Avenir LT Std 35 Light", sans-serif;
}

html, body {
}

body {
	background:#F1F1F1;
}

body, button, input, textarea, select {
	font-size:18px !important;	
}

.load-overlay-text {
	color:#070b3e;
	font-size:30px;
	font-weight:bold;
}

#main-container {
	height:100%;	
}

#top-bar {
	position:fixed;
	top:0px;
	width:100%;
	height:50px;
	background:#FFF;
	border-bottom:2px solid #ccc;
	padding-top:10px;
	padding-left:10px;
	padding-left:175px;
	font-size:20px;
	color:#AAA;
}

#current-page {
	padding:15px;
	margin-top:50px;
}

#login-panel {
}

.control-label {
	font-weight:bold;	
	color:#0e1356;
}

.load-overlay {
	animation: fade-in 0.25s linear;
	opacity:0.75;
	background-color:#f1f1f1;
}

.spinner {
	opacity:0.5;	
}

@keyframes fade-in {
	0% { opacity: 0 },
	100% { opacity: 0.75 }
}

h1, h2, h3, h4, h5 {
	font-weight:bold;
	color:#ff0f4e;
}
h5 {
	text-align:center;
	font-size:18px;
	margin-bottom:15px;
	border-bottom:1px solid #e9ecef;
	padding-bottom:15px;
}

.panel {
	background:#FFF;
  	box-shadow: 2px 2px #E6E6E6;
  	margin-bottom:15px;
}

.panel-heading {
	color:#ff0f4e;
	border-bottom:2px solid #c2c8e6;
	margin-bottom:5px;
	padding-left:15px;	
	padding-right:15px;	
	padding-bottom:10px;	
	padding-top:10px;
	font-weight:bold;
}	

.panel-body {
	padding:15px;
}

.form-control {
	border-radius:0px !important;
}

.input-group-text {
	border-radius:0px !important;
}

.form-control:focus {
	border-color: #ff0f4e;
	box-shadow:none !important;
}

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

.header-icon {
	margin-right:10px;
}

.checkbox-row input {
	margin-right:10px;
}

.btn {
	border-radius:0px;
	border:none !important;
}

.btn-secondary {
	background-color:#070b3e !important;
	color:#E6E6E6 !important;
}

.btn-secondary:hover {
	background-color:#000;
}

.top-right-panel {
	position:absolute;
	top:15px;
	right:15px;
}

.inline-block {
	display:inline-block	
}

.table:last-child {
}

.no-bottom-margin {
	margin-bottom:0px;
}

.negative-bottom-margin {
	margin-bottom:-15px;
}

.bottom-margin {
	margin-bottom:15px;
}

.modal-content {
	border-radius:0px;
}

.logo-container {
	text-align:center;
}

.logo-container {
	padding:15px;
}

th {
	background-color:#f1f1f1
}

.text-info {
	color:#7b7b7b !important;
}

.modal-title {
	color:#ff0f4e;
}

.clickable-row {
	cursor:pointer;
}

.clickable-row:hover td:first-child {
	box-shadow: inset 2px 0 0 #ff0f4e;
}
.clickable-row:hover td:last-child {
	box-shadow: inset -2px 0 0 #ff0f4e;
}

.dropzone {
	border:2px dashed #ff0f4e  !important;
	position:relative;
}

.dz-message {
	position: absolute;
    top: 45%;
    margin-top: 0px !important;
    left: 50%;
    margin-left: -110px !important;
	text-align:center !important;
	font-size:20px;
}

.dz-filename {
	margin-top:35px;
}

.options-table select {
	border:none !important;
	height:48px;
}

.option-name-cell {
	width:200px;
	padding-left:5px;
}

.option-value-cell {
	padding:0px !important;
}

.product-image-container {
	overflow:auto;
	margin-right:-15px;
}

.product-image {
	width:150px;
	height:150px;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	float:left;
	margin-right:15px;
	cursor:pointer;
}

.subtitle {
	margin-left:40px;
	font-size:14px;
	color:#808080;
	margin-top:10px;
}

.total-row {
	font-weight:bold;
	background:#fafafa;
}

.row:last-child .form-group {
}

.quote-row-note .quote-line-description {
	color:#ff0f4e;
}


.ui-sortable-helper {
    display: table;
}

.drag-helper-table {
	background:#FFF;
	opacity: 0.75;
	margin:-1px;
}
	
.modal-subtitle {
	margin-bottom:15px;
	font-style:italic;	
	text-align:center;
	clear:left;
	font-size:16px;
	color:#808080;
}

.text-bold {
	font-weight:bold;	
}
 
.thin-padding-cell {
	padding:5px !important;	
}

.row-urgent {
	color:red;
	font-weight:bold;	
}

.calendar .fc-right .btn-group button {
	margin-left:15px !important;
}

.fc-highlight {
	background:#FF00FF;	
}


.btn-dark {
	background-color:#070b3e;
}

.btn-dark:hover,
.btn-dark:active,
.btn-dark:focus {
	background-color:#0e1356 !important;
}

.row-selected {
	color:#ff0f4e;
}

.row-selected .highlight-cell {
	background-color:#ff0f4e;
	color:#fff;
}

.row-not-selected .highlight-cell {
	background-color:#ccc;
	color:#fff;
}

.panel-to-edges {
	margin:-15px;
}

.fc-title {
	font-size: .85em;	
}

.fc-time-grid .fc-slats td {
	height:2.0em !important;
}

.navbar-brand {
	padding:0px;	
}

.navbar {
	background:#070b3e;
	padding:5px;
}

.navbar img {
	height:40px;
}

.navbar .navbar-nav {
	padding-top:0px;	
}

.navbar .navbar-nav a {
	color:#FFF;
	margin:0px;
	padding:4px;
	display:block;
	color:#E6E6E6;
	transition:padding-left 0.05s linear;
	text-transform:uppercase;
}

.navbar .navbar-nav a.active {
	text-decoration:none;
	background-color:#ff0f4e;
	color:#ffcccc;
	/*padding-left:20px;*/
}

.navbar .navbar-nav a.active .fa {
	color:#ff7c7c;
}

.navbar .navbar-nav .fa {
	/*color:#999999;*/
	margin-right:5px;
	width:20px;
}

h2 {
	text-align:center;
	font-size:28px;
	margin-bottom:15px;
	margin-top:15px;
}

.job-list .job-site-name {
	font-size:18px;
	font-weight:bold;
	color:#070b3e;
}

.job-list .job-address {
	
}

.job-list .job-details {
	border-top:1px solid #dee2e6;
	padding-top:10px;
	margin-top:10px;	
}

.job-list .job-time,
.job-list .job-date {
	color:#070b3e;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	width:125px;
}

.job-list.overdue-jobs,
.job-list.overdue-jobs .job-site-name,
.job-list.overdue-jobs .job-time {
	color:#f00;
}

.job-list.future-jobs,
.job-list.future-jobs .job-site-name,
.job-list.future-jobs .job-time {
	color:#aaa !important;
}

.job-details {
	margin-bottom:15px;	
	overflow:auto;
}

.job-details .job-site-name {
	/*text-align:center;*/
	font-size:28px;
	margin-bottom:0px;
	font-weight:bold;
	color:#ff0f4e;
}

.job-details .job-date,
.job-details .job-time {
	font-size:24px;
	font-weight:bold;
	color:#070b3e;
}

.top-margin {
	margin-top:15px;
}

.text-right {
	text-align:right;
}

.vehicle-result {
	border-left: 10px solid;
    /*margin-left: 10px;*/
}
	
.vehicle-result .vehicle-name {
	font-size:22px;
	font-weight:bold;
	color:#070b3e;
}

.vehicle-result .vehicle-header {
	/*border-bottom:1px solid #ff0f4e;*/
	border-bottom:1px solid #aaa;
	margin-bottom:10px;
	padding-bottom:10px;
}

.vehicle-result .fa {
	margin-right:5px;
}

.vehicle-result .vehicle-type {
	float:right;
}

.vehicle-result .vehicle-details {
	color:#aaa;
}

.job-list-text {
	text-align:center;
	font-style:italic;
	color:#aaa;
}

::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

.signature-pad {
	/*background:#fefefe;*/
	/*background:#ff0000;*/
	width:100%;
	max-width:600px;
	margin:auto;
	height:400px;
	display:block;
	border:1px solid #ccc;
	background:#dddddd;
}

.equipment-category-heading {
	font-size:20px;
	font-weight:bold;
	color:#ff0f4e;
	/*color:#070b3e;*/
	text-align:center;
}

.equipment-type-name {
	font-weight:bold;
}


.equipment-type-code {
	font-size:14px;
	float:left;
	color:#909090;
	margin-top:5px;
}

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


.btn:focus, .btn:active {
   outline: none !important;
   box-shadow: none !important;
}

.summary-vehicle-result {
	margin-left:15px;
	margin-top:5px;
}

.success-result {
	color:green;
}

.fail-result {
	color:red;
}

.faded-result {
	color:#808080;
}

.right-margin {
	margin-right:15px;
}

.panel-body-inner {
	margin-bottom:-15px
}

.nav-tab-container {
	background:#eee;
	margin:0px -15px 0px -15px;
	padding:0px 15px 0px 15px;
	z-index:1000;
}

.nav-tabs .nav-link {
	color:#565656;
}

.nav-tabs .nav-link.active {
	color:#000;
	font-weight:bold;
	border-color:#fff !important;
}

.section-heading {
	color:#ff0f4e;
	font-weight:bold;
	font-size:20px;
	border-bottom:2px solid #ff0f4e;
	margin-bottom:15px;
	padding-bottom:15px;
}

.bottom-margin {
	margin-bottom:45px;
}

.small-bottom-margin {
	margin-bottom:30px;
}

.tiny-bottom-margin {
	margin-bottom:15px;
}

.bottom-button-bar {
	background:white;
	margin:15px -15px -15px -15px;
	padding:15px;
	overflow:auto;
}

.bottom-button-bar .btn {
	font-size:20px !important;
}
	
/*
.bottom-button-bar .btn {
	font-size:30px !important;
}*/

.blink {
	-webkit-animation: blink 1s linear infinite;
	-moz-animation: blink 1s linear infinite;
	-ms-animation: blink 1s linear infinite;
	-o-animation: blink 1s linear infinite;
	 animation: blink 1s linear infinite;
}
@-webkit-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-moz-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}

.bootbox .btn[data-bb-handler="cancel"] {
	margin-right:auto;
}

.fullscreen-modal {
	z-index:1031;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100vh;
	background:white;
	display:none;
}

body.fullscreen-modal-open {
	overflow:hidden;
	position: relative
}

.fullscreen-modal-header {
	background-color:#fff;
	position:relative;
	z-index:1000;
}

.fullscreen-modal-header-title {
	font-size:20px;
	font-weight:bold;
	margin-bottom:15px;
	text-align:center;
}

.fullscreen-modal-header-controls {
	padding:15px;
}

#signature-canvas {
	position:absolute;
	width:100%;
	height:100%;
}

#signature-container {
	position:absolute;
	width:100%;
	background:#fff;
}

#signature-background {
	width:100%;
	height:100%;
    background-image:url(/Mobile/images/sign-here.png);
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
    background-color:#ededed;
}