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

body {
	background:#F1F1F1;
}

.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;
}

#side-panel {
	background:#070b3e;
	position:fixed;
	top:0px;
	left:0px;
	width:215px;
	height:100%;
	overflow-y:auto;
}

#current-page {
	top:0px;
	left:0px;
	margin-left:215px;
	padding:15px;
}

#impersonation-message {
	margin:-15px;
	margin-bottom:15px;
	padding:5px;
	background:#f3dddd;
	text-align:center;
	color:red;
	font-weight:bold;
	font-size:14px;
}	
	
#side-panel .nav {
	margin:0px;
	padding:0px;	
}

#side-panel .nav li {
	margin:0px;
	display:block;
	width:100%;
}

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

#side-panel .nav li a:hover,
#side-panel .nav li.active a {
	text-decoration:none;
	background-color:#ff0f4e;
	color:#ffcccc;
	padding-left:20px;
}

#side-panel .nav li a:hover .fa,
#side-panel .nav li.active a .fa,
#side-panel .nav li a:hover .fas,
#side-panel .nav li.active a .fas,
#side-panel .nav li a:hover .far,
#side-panel .nav li.active a .far {
	color:#ff7c7c;
}

#side-panel .nav .fa,
#side-panel .nav .far,
#side-panel .nav .fas {
	color:#999999;
	margin-right:5px;
	width:20px;
}

#login-panel {
	margin-top:50px;	
}

.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 }
}

.global-search {
	border:1px solid #ccc;
	outline:none;
	padding:10px;
	font-size:20px;
	width:calc(100% - 40px);
}

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

.search-result {
	cursor:pointer;
	padding:15px;
	display:block;
	overflow:auto;
}

.search-result:hover {
	background:#ff0f4e;
	color:#fff;
}

.search-result:hover .search-result-name {
	color:#fff;
}

.search-column-header {
	border-bottom:1px solid #ccc;
	padding-bottom:15px;
	color:#ff0f4e;
	font-weight:bold;
	text-align:center;
}

.search-result-icon {
	width:40px;
	float:left;
	margin-top:4px;
}

.search-result-body {
	float:left;
	max-width:298px;
}

.search-result-name {
	font-size:20px;
	font-weight:bold;
	color:#070b3e;
}

.search-result-detail {
	font-size:15px;
}

.page-header {
	margin-top:-15px;
	margin-left:-15px;
	margin-right:-15px;
	margin-bottom:15px;
	padding-top:25px;
	padding-left:15px;
	padding-right:15px;
	background-color:#fff;
	min-height:75px;
}

.tabbed-header {
}

.page-header h1 {
	font-size:24px;
	margin-top:0px;
	margin-bottom:30px;
	margin-left:20px;
}

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;
}

.nav-tabs {
	border-bottom:none !important;
}

.nav-tabs .nav-link {
	margin-right:5px;
	border-width:0px !important;
	border-top:4px solid #FFF !important;
	padding:10px 15px;
	color:#969696;
	border-radius:0px !important;
	background-color:#fff;
}

.nav-tabs .nav-link:hover {
	border-top:4px solid #c2c8e6 !important;
	background:#fafafa;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	background-color:#F1F1F1 !important;
	border-top:4px solid #070b3e !important;
	color:#212529;
}

.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;
}

.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	
}

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

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

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

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

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

.logo-container {
	padding:15px;
}

th {
	background-color:#f1f1f1
}

.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                                       */
/**************************************************/

.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;
}

h1 .subtitle {
	margin-left:50px;
}

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

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


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

.drag-helper-table {
	background:#FFF;
	opacity: 0.75;
	margin:-1px; /* To counteract the border */
}
	
.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;	
}

.row-grey {
	color:#aaa;	
}

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

.fc-highlight {
	background:#FF00FF;	
}

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

.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;
}

.fc-event {
    border-radius: 0px !important;
    cursor:pointer;
}

.large-checkbox {
	width:24px;
	height:24px;
}

.area-picker,
.area-info {
	padding:0px 15px 15px 15px;
}

.area-info {
	color:#fff;
	text-align:center;
}
	
.area-manager-name {
	color:#a2a2a2;
	margin-top:5px;
}

.customer-inactive {
	color:#8c8c8c;
}

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

.success-result {
	color:green;
}

.fail-result {
	color:red;
}

.info-result {
	color:#00F;
}	

.faded-result {
	color:#808080;
}

.text-info {
	color:#878ccc !important;
}

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

::placeholder {
	color:#aaa !important;
}

.row-success {
    color: #155724;
    background-color: #d4edda;
}

.row-success td {
    border-color: #c3e6cb;	
}

.row-danger {
	color: #721c24;
    background-color: #f8d7da;
}

.row-danger td {
    border-color: #f5c6cb;
}
	
.warning-banner {
	color:red;
	font-weight:bold;
	margin-bottom:15px;
	text-align:center;
	font-size:20px;
    background-color: #f8d7da;
    border-radius:4px;
    padding:15px;
}


.signature-image {
	max-width:100%;
	display:block;	
}

.selected-pricing-cell {
    background: #e9ebff;
    font-weight: bold;
}

.pricing-mismatched {
    background: #f3e4e4;
}
	
.pricing-mismatched input {
	border: 2px solid red !important;
}

.job-traffic-light {
	border-radius:20px;
	width:20px;
	height:20px;
}

.form-control:disabled, .form-control[readonly] {
    background:#f6f7f8;
    cursor:default;
    border:1px solid #ced4da !important;
}

.cover-request-rejected {
	background-color:#dc3545;
	color:#ffffff;
}

.cover-request-accepted {
	background-color:#28a745;
	color:#ffffff;
}

.cover-request-pending {
	background-color:#ffc107;
}


.cover-request-finished {
	background-color:#eee;
	color:#808080;
}

.blink {
	animation: blinker 1s linear infinite;
}

.warning * {
	background-color: red !important;
	color: #ffffff !important;
	font-weight: bold !important;
}

@keyframes blinker {
  50% {
    opacity: 0.5;
  }
}

.floating-nav-pills {
    position: sticky;
    top: 0px;
    background: white;
    margin: -10px -10px 0px -10px;
    padding: 10px;	
}

.bootbox-close-button {
	order: 100;
}

.form-check {
	padding-left: 0px;
	display: flex;
	align-items: center
}

.form-check input {
	margin-right: 5px;
}

.sticky-table th {
	position: sticky;
	top: -1px;
	z-index: 5;
}

.sticky-table .sticky-cell {
	position: sticky;
	top: 60px;
}

.invoice-age-60 {
	background-color: #f2e4c0;
}

.invoice-age-60 .invoice-age {
}

.invoice-age-90 {
	background-color: #f1bebe;
}

.invoice-age-90 .invoice-age {
	color: #800000;
	font-weight: bold;
}

.form-check input {
	margin-left: 0px !important;
}

.form-check-label {
	margin-left: 20px !important;
}