@charset "UTF-8";
/* CSS Document */

body {
	position: absolute;
	height: 100%;
	width: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.float.header.expand {
	height: 100%;
}
.float.header.development {
	background-color: red;
}
.add-event {
	background-color: #363636;
	height: 0%;
	width: 100%;
	position: absolute;
	z-index: 999;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	overflow: hidden;
}
.add-event.active {
	height: 100%;
}
.add-event .wrapper {
	width: 95%;
	max-width: 400px;
	margin: auto;
}
/** Global Loading **/
.content::before {
	display: none;
	opacity: 0;
	content: 'Loading...';
	font-family: 'header';
	text-transform: uppercase;
	font-size: 40px;
	position: absolute;
	width: 100%;
	left: 0;
	top: 35%;
	text-align: center;

	transition: opacity 400ms ease-in-out 500ms;
	-webkit-transition: opacity 400ms ease-in-out 500ms;
}

.content.loading::before {
	opacity: 1;

	transition: opacity 400ms ease-in-out;
	-webkit-transition: opacity 400ms ease-in-out;
}

/** End Global Loading **/


/* Disable selection */
.menu-toggle {
	opacity: 1;
	cursor: pointer;
	position: absolute;
	top: 20px;
	left: 10px;
	width: 40px;
	height: auto;

	transition: opacity 400ms ease-in-outn 400ms;
	-webkit-transition: opacity 400ms ease-in-out 400ms;

	-webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
}
.menu-toggle.hide {
	opacity: 0;
	transition: opacity 400ms ease-in-out;
	-webkit-transition: opacity 400ms ease-in-out;
}
.menu-toggle span {
    display: block;
    height: 4px;
    background: #FFFFFF;
    margin-bottom: 10px;
}
body, ul, li {
	padding: 0;
	margin: 0;
}
ul.dropdown {
  overflow: hidden;
	position: relative;
}
ul.dropdown::after {
	content: '';
	display: block;
	background: url(../img/global/nav/global-carrot-dark.png) no-repeat center center;
	transform: rotate(-90deg);
	background-size: 25px;
	height: 30px;
	width: 30px;
	position: absolute;
	top: 20px;
	right: 10px;
	transition: all 200ms ease-in-out;
}
ul.dropdown.expand::after {
	transform: rotate(90deg);
	transition: all 200ms ease-in-out 200ms;
}
ul.dropdown > li, ul.dropdown > .title {
	cursor: pointer;
}
ul.dropdown li {
	position: relative;
}
ul.dropdown li.selected::after {
	content: '';
	background: url(https://assets.durabulltraulers.com/global/v2/img/global-checkmark-icon.png) no-repeat center center;
	background-size: 25px;
	height: 30px;
	width: 30px;
	position: absolute;
	right: 5px;
}
h1, h2, #nav li {
	font-family: 'header';
}
h1, h2, p, p2, label, figcaption, input, button, textarea, figcaption, li, a {
	letter-spacing: 1px;
	outline:none;
}
textarea {
	padding: 0;
}
button:disabled {
	cursor: default;
}
h1, h2, strong, button {
    font-family: 'header';
}
h1 {
    text-transform: uppercase;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity: 1;
	color: #C3C3C3;
}
::-moz-placeholder { /* Firefox 19+ */
  opacity: 1;
	color: #C3C3C3;
}
:-ms-input-placeholder { /* IE 10+ */
  opacity: 1;
	color: #C3C3C3;
}
:-moz-placeholder { /* Firefox 18- */
  opacity: 1;
	color: #C3C3C3;
}
.uppercase, button {
    text-transform: uppercase;
}
strong {
    font-size: 25px;
    text-transform: capitalize;
}
select {
    font-size: 16px;
}
p, label, input, span, li, figcaption, textarea, input {
    font-family: 'paragraph';
}
.account-alert {
	position: absolute;
	width: 100%;
	left: 0;
	top: 85px;
	color: red;
	font-size: 14px;

}
a, a:visited {
	text-decoration: none;
	color: inherit;
   	outline: 0;
	padding: 0;
	height: 0;
}
button {
	height: 60px;
	width: 100%;
	font-size: 30px;
	cursor: pointer;
	font-family: 'header';
}
a.button {
	display: block;
	max-width: 125px;
	font-size: 16px;
	text-transform: capitalize;
	background-color: #D0021B;
	color: #FFFFFF;
	margin: 25px auto 25px auto;
	padding: 15px 0px;
	text-align: center;
}
button, input {
	webkit-appearence: none;
	border: 0;
	border-radius: 0;
	margin: 0;
	padding: 0;
}
li {
	list-style-type: none;
}
a, a:visited {
	text-decoration: none;
	color: inherit;
}
input, textarea, select {
	width: 100%;
}
img {
	width: 100%;
}
body.slide {
	overflow-x: hidden
}
.float.header {
	position: fixed;
	width: 100%;
	z-index: 997;
	background-color: #000000;
	-webkit-transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  transition:         all 400ms cubic-bezier(0.77, 0, 0.175, 1);
}
.builder.float.header, #nav.builder {
	width: 0%;
	min-width: 0;
}
.builder.float.body-content {
	width: 100%;
	left: 0;
	height: 100%;
}
.builder.float.body-content .content {
	padding-left: 0;
}
.body-content, #pageNav {
	-webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);

	-webkit-transition: transform 400ms cubic-bezier(0.77, 0, 0.175, 1);
  transition:         transform 400ms cubic-bezier(0.77, 0, 0.175, 1);
}
.float.body-content {
	z-index: 996;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	background-color: #ECECEC;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
.slide .body-content, #pageNav.slide {
	-webkit-transform: translate3d(250px, 0, 0);
  -moz-transform: translate3d(250px, 0, 0);
  transform: translate3d(250px, 0, 0);
}
body:not(.production) .content {
	margin-top: 100px;
}
body:not(.production) .float.body-content .content {
	margin-top: 180px;
}
body:not(.production) .float.body-content .content {
	padding: 0px 0px 100px 0px;
}
body:not(.production) .float.body-content .content > div:not(#pageNav) {
	width: 95%;
	margin: 25px auto 25px auto;
}
.select-filter {
	max-width: 400px;
}
.select-filter p {
	color: #FFFFFF;
}

/****************/
/*    Header    */
/****************/

header .nav-wrapper {
	position: absolute;
	height: 100%;
}
header a.backend-home {
	position: relative;
	z-index: 998;
	display: block;
	height: 63px;
	width: 100%;
	color: #FFFFFF;
	text-align: center;
	padding-top: 5px;
	max-width: 150px;
	margin: auto;
}
#nav {
	width: 0%;
	max-width: 250px;
	background-color: #363636;
	position: fixed;
	top: 68px;
	height: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;

	-webkit-transition: width 400ms cubic-bezier(0.77, 0, 0.175, 1);
  transition:         width 400ms cubic-bezier(0.77, 0, 0.175, 1);
}
#nav.slide {
	width: 100%;
}
#nav figure p {
	width: 60%;
}
#nav li {
	position: relative;
	color: #FFFFFF;
	padding: 7px 0px 7px 60px;
	border-top: 1px solid #282828;
	height: 60px;
	line-height: 60px;
	text-transform: uppercase;
	cursor: pointer;
	overflow: hidden;
}
#nav > li:last-of-type {
	margin-bottom: 100px;
}
#nav li a {
	padding: 20px 60px 20px 0px;
}
#nav li.current::after {
	content: '';
	display: block;
	height: 100%;
	width: 5px;
	background-color: red;
	position: absolute;
	top: 0;
	left: 0;
}
#nav li::before {
	position: absolute;
	top: 20px;
	left: 0;
	content: '';
	height: 30px;
	width: 60px;
	background-size: 35px !important;
}
#nav li, #nav li.subNav h2 {
	font-size: 20px;
}
#nav .subDropdown li {
	font-family: 'paragraph';
	text-transform: capitalize;
	font-weight: 100;
}
#nav li.subNav h2 {
  margin: 0;
}
#nav li.subNav li a {
	font-size: 16px;
}
#nav li.subNav ul {
	margin-left: -55px;
}
#nav li.subNav li:first-of-type {
	border: none;
}
#nav li#nav-dashboard::before {
	background: url(../img/global/nav/global-metrics-icon.png) no-repeat center center;
}
#nav li#nav-parts::before {
	background: url(../img/global/nav/global-parts-icon.png) no-repeat center center;
}
#nav #nav-crm::before {
	background: url(../img/global/nav/global-account-icon.png) no-repeat center center;
}
#nav #nav-lot::before {
	background: url(../img/global/nav/global-parking-icon.png) no-repeat center center;
}
#nav #nav-station::before {
	background: url(../img/global/nav/drill-icon.png) no-repeat center center;
}
#nav #nav-products::before {
	background: url(../img/global/nav/global-products-icon.png) no-repeat center center;
}
#nav #nav-pending::before {
	background: url(../img/global/nav/global-pending-icon.png) no-repeat center center;
}
#nav #nav-quotes::before {
	background: url(../img/global/nav/global-edit-icon.png) no-repeat center center;
}
#nav #nav-orders::before {
	background: url(../img/global/nav/global-order-icon.png) no-repeat center center;
}
#nav #nav-staging::before {
	background: url(../img/global/nav/global-pre-pro-icon.png?V-1.0) no-repeat center center;
}
#nav #nav-builder::before {
	background: url(../img/global/nav/global-builder-icon.png) no-repeat center center;
}
#nav #nav-manage::before {
	background: url(../img/global/nav/global-manage-icon.png) no-repeat center center;
}
#nav #nav-production::before {
	background: url(../img/global/nav/global-build-icon.png) no-repeat center center;
}
#nav #nav-completed::before {
	background: url(../img/global/nav/global-complete-icon.png) no-repeat center center;
}
#nav #nav-inventory::before {
	background: url(../img/global/nav/global-inventory-icon.png) no-repeat center center;
}
#nav #pre-sell::before {
	background: url(../img/global/nav/global-presale-icon.png) no-repeat center center;
}
#nav #nav-account::before {
	background: url(../img/global/nav/global-account-icon.png) no-repeat center center;
}
#nav #nav-account-settings::before {
	background: url(../img/global/nav/global-setting-icon.png) no-repeat center center;
}
#nav #nav-account-users::before {
	background: url(../img/global/nav/global-users-icon.png) no-repeat center center;
}
#nav #nav-logout::before {
	background: url(../img/global/nav/global-power-icon.png) no-repeat center center;
}
#nav #nav-tech::before {
	background: url(../img/global/nav/support-icon.png) no-repeat center center;
}
#nav #nav-goal::before {
	background: url(../img/global/nav/goal-icon.png) no-repeat center center;
}
#nav #nav-calendar::before {
	background: url(../img/global/nav/calendar-icon-light.png) no-repeat center center;
}
#nav #nav-notifications::before {
	background: url(../img/global/nav/notification.png) no-repeat center center;
}
.float.header #nav  a {
	padding: 25px 57px 20px 0px;
	font-family: 'header';
}
#pageNav {
	position: fixed;
	overflow-x: scroll;
	height: 68px;
	left: 0;
	width: 100%;
	z-index: 997;
	background-color: #FFFFFF;
	border-bottom: 2px solid #ECECEC;
}
#pageNav > ul {
	width: 98%;
	margin: auto;
	padding-bottom: 10px;
	position: relative;
}
body:not(.production) #pageNav > ul{
	min-width: 700px;
}
#pageNav .crm-links .title span {
  font-family: inherit;
}
#pageNav .crm-links {
	position: relative;
	z-index: 2;
}
#pageNav .crm-links p {
	margin: 0;
}
#pageNav .crm-links span.nav {
	line-height: 20px;
	display: block;
	white-space: nowrap;
  text-overflow: ellipsis;
  overflow-y: hidden;
	-ms-overflow-style: none; /* IE 11 */
  scrollbar-width: none; /* Firefox 64 */
}
::-webkit-scrollbar {
    display: none;
}
#pageNav .crm-links a:not(:last-of-type)::after {
	content: ' / ';
}
#pageNav .crm-links a {
	cursor: pointer;
	color: #979797;
}
#pageNav .crm-links a.active {
	color: #3C3C3C;
}
#pageNav > ul .title {
	color: #3C3C3C;
	text-transform: uppercase;
	font-size: 25px;
	margin: 0;
	position: relative;
	padding: 8px 0px 5px 0px;
}
#pageNav > ul .title label {
	font-family: 'header';
	font-size: 20px;
}
.widget ul {
	display: table;
	width: 295px;
	position: absolute;
	right: 0;
}
.widget ul li {
	float: left;
}
.widget ul li span {
	position: absolute;
}
.widget .search {
	z-index: 4;
	display: block;
	right: 45px;
	top: 0px;
  height: 30px;
  width: 30px;
	cursor: pointer;
	background: url(../img/global/nav/global-search-dark-icon.png) no-repeat center center;
	background-size: 30px;
}
.widget {
	position: absolute;
	width: 100%;
	height: 50px;
	top: 20px;
	max-width: 250px;
	margin-left: auto;
	left: 0;
	right: 20px;
	z-index: 1000;
}
.widget .search-filter {
	margin: -7px auto 0px auto;
	border-radius: 40px;
	overflow: hidden;
	background-color: #EFEFEF;
	width: 250px;
	position: relative;
	z-index: 4;
}
.widget.text .search-filter {
	border-radius: 20px 20px 0px 0px;
}
.widget .results {
  background-color: #363636;
  width: 250px;
	padding-top: 30px;
  right: 45px;
	top: 33px;
  position: relative;
	min-height: 225px;
	max-height: 400px;
	overflow-y: scroll;
	border-radius: 0px 0px 20px 20px;
}
.widget .results ul {
	width: 95%;
	margin: auto;
}
.widget .results li {
	color: #FFFFFF;
	display: table;
	width: 100%;
	margin-bottom: 8px;
}
.widget .results li.group p {
	float: left;
	margin: 4px auto;
}
.widget .results li.group.series p {
	width: 50%;
}
.widget .results li.group:not(.series) p:first-of-type {
	width: 25%;
}
.widget .results li.group:not(.series) p:last-of-type {
	width: 75%;
}
.widget .results li.group p:last-of-type a {
	text-decoration: underline;
}
.widget input {
	background-color: transparent;
	color: #BEBEBE;
	text-align: center;
	height: 40px;
	font-size: 16px;
	max-width: 200px;
}
.widget .reset::before {
    content: '';
		position: relative;
		background: url(../img/global/nav/global-close-icon.png) no-repeat center center;
    display: block;
		background-size: 30px;
		width: 20px;
		height: 40px;
		left: -2px;
		top: -2px;
}
.widget .reset {
    position: absolute;
    right: 0px;
    top: 0;
    font-family: 'header';
    font-size: 25px;
    color: #BEBEBE;
    cursor: pointer;
    padding: 2px 15px 10px 16px;
    background-color: #8B8B8B;
    color: #FFFFFF;
}
.widget span, .widget .notifications label {
	cursor: pointer;
}
.widget .notifications {
	z-index: 999;
  right: 0px;
  top: 0px;
  height: 30px;
  width: 30px;
}
.widget span::before {
	display: block;
	width: 30px;
	height: 30px;
	content: '';
	background-size: 30px !important;
}
.widget .notifications::before {
	background: url('../img/global/nav/notification-d.png') center center no-repeat;
}
.widget .edit {
	right: 40px;
}
.widget .edit::before {
	background: url('../img/global/nav/global-setting-dark-icon.png') center center no-repeat;
}
.widget .notifications label {
	position: absolute;
	top: -5px;
	left: 20px;
	display: block;
	background-color: red;
	color: #FFFFFF;
	height: 10px;
	width: 10px;
	padding: 5px;
	line-height: 10px;
	border-radius: 100%;
	text-align: center;
	border: 2px solid #FFFFFF;
}
/****************/
/*  End Header  */
/****************/

@media screen and (min-width: 1100px){

	.menu-toggle {
		display: none;
	}
	.notifications.pageNav {
		right: 200px;
		display: block;
	}
	#pageNav li.filter .search-filter {
    margin: 20px auto 0px auto;
	}
	.float.header header a.backend-home {
		max-width: 115px;
	}
	.float.header.expand {
		width: 100%;
		min-width: 100%;
	}
	.development header {
		background-color: red;
	}
	header {
		max-width: 200px;
		margin: auto;
		background-color: #363636;
		border-right: 1px solid #282828;
	}
	.view-nav {
		padding-left: 0px;
		background-color: transparent;
	}
	.view-nav ul {
		margin-top: 45px;
	}
	.view-nav ul li.active {
		color: #323232;
	}
	.float.header {
		z-index: 999;
		max-width: 200px;
		min-width: 200px;
	}
	body:not(.production) .float.body-content .content {
		padding-left: 200px;
		margin-top: 110px;
	}
	body:not(.production) #nav {
		max-width: 200px;
		width: 100%;
		z-index: 998;
	}
	#nav li.subNav li::before {
		top: 18px;
	}
	#pageNav {
		top: 0px;
	}
	#pageNav li.filter {
		width: 350px;
	}
	#pageNav .toggle {
		right: 230px;
	}
	#pageNav li.filter {
		left: auto;
		margin: 0;
		right: 240px;
	}
	body:not(.production) .edit-window, body:not(.production) #pageNav {
		margin-left: 200px;
	}

}

.form.support {
	width: 95%;
	max-width: 600px;
}
.form.support input {
	height: 60px;
}
.form.support input, .form.support select, .form.support textarea {
	margin-bottom: 15px;
}
.form.support input, .form.support textarea {
	font-size: 20px;
}
.form.support textarea {
	min-height: 100px;
	resize: vertical;
}
.form.support button {
	background-color: #363636;
	color: #FFFFFF;
}
.tickets {
	max-width: 600px;
	margin: auto;
}
.tickets .dropdown {
	height: 50px;
	cursor: pointer;
	margin-bottom: 25px;
	border: 1px solid #363636;
	padding: 5px;
}
.tickets ul.dropdown::after {
	top: 10px;
}
.tickets .dropdown h2 {
	margin-top: 5px;
}
.tickets .dropdown h2 span {
	float: right;
	margin-top: 10px;
	margin-right: 50px;
	font-size: 16px;
}
.tickets .dropdown li:last-of-type {
	margin-bottom: 25px;
}
.tickets .dropdown .bold {
	font-weight: bold;
	margin-bottom: 5px;
}
.tickets .dropdown .bold:not(:first-of-type) {
	border-top: 1 px solid #363636;
}

/*************/
/* Themes */
/*************/

body .orders-list .dropdown ul.action-wrapper, body .orders-list, body #pageNav {
  background-color: #363636;
  color: #FFFFFF;
}
body .output-list:not(.break), body #pageNav, body .pagination li {
  border-color: #252525;
}
body .float.body-content, body hr.break {
  background-color: #252525;
}
body #pageNav .crm-links a.active, body #pageNav > ul .title {
  color: #FFFFFF;
}

/***************/
/* End Themes */
/**************/