#resales a,
#resales p,
#resales span,
#resales h1,
#resales h2,
#resales h3,
#resales h4,
#resales h5,
#resales h6,
#resales td {
	font-family: Roboto, Arial, sans-serif;
}

#resales a {
	text-decoration: none;
}

h1 {
	font-size: 1.8em;
}

.row-wrapper {
	margin-bottom: 2em;
}
.row {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding: 3px 0;
}

.row .filler {
	flex-grow: 1;
	border-bottom: 2px dotted #b6b6b64f;
}

.container {
	width: 100%;
	padding: 1em 0;
	margin-bottom: 1em;
}

.container.grey {
	background-color: #f0f0f0;
}

/* Flex styles -------------------- */

.flex {
	display: flex;
}

.flex-wrapper {
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
}
.flex-wrapper-col {
	width: 100%;
	display: flex;
	flex-flow: column;
}

.flex-wrapper.m-space > *:not(:last-child),
.flex.m-space > *:not(:last-child){
	margin-right: 1em;
}

.flex-align-right {
	justify-content: right;
}

.flex-center {
	justify-content: center;
}

.flex.space-between {
	justify-content: space-between;
}

/* Form styles -------------------- */

form {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin: 0 auto;
}


form .form-input {
	display: flex;
	flex-flow: column;
}

.form-input:not(.inline) label {
	margin-bottom: .3em;
}

form .form-input.inline {
	display: inline-flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
}

form .form-input.m-space > *:not(:last-child){
	margin-right: .5em;
}

.form-wrapper {
	padding: 1em 0;
}

form input,
.dataTables_wrapper .dataTables_filter input {
	padding: 5px 7px;
	border-radius: 4px;
	border: 1px solid #b8b8b8;
}

input.small-field {
	max-width: 25px;
}

/* Select Chosen styles ------------- */

.chosen-container-single .chosen-single {
	background: #fff;
	box-shadow: none;
	padding: 3px 7px;
	height: 31px;
}

.chosen-container-single .chosen-single div b {
	margin-top: 4px;
}

/* Table styles -------------------- */

.table-wrapper {
	border:2px solid #eaeaea;
	border-radius: 4px;
	padding: 1em;	
}

.dataTables_wrapper {
	margin-bottom: 3em;
	max-width: 99.7%;
}
.dataTables_filter {
	margin-bottom: 1em;
}

.dataTables_scroll {
	width: 99.9% !important;
	max-width: 100%;
	overflow-x: auto;
}

table.dataTable {
	border: none !important;
	margin-left: 0;
	margin-right: 0;
	width: 100%;
}

table.dataTable a {
	text-decoration: none;
}

.dataTables_scrollHead table.dataTable {
	padding: 10px 0;
	width: calc(100% - 4px) !important;
	border-bottom: 2px solid #afafaf !important;
}

.dataTables_scrollBody table.dataTable {
	width: calc(100% - 5px) !important;
}

.dataTables_scrollBody {
	max-height: 50vh !important;
}

table.dataTable thead th {
	text-align: left;
	border: none;
}

table.dataTable tr td {
	padding: 10px;
	border-bottom: 1px solid #afafaf;
}

table.dataTable tr.odd {
	background-color: transparent;
}

.alternate-rows table.dataTable tr.even{
	background-color: #F6F6F4;
}

table.dataTable tr.odd td.sorting_1,
table.dataTable tr.even td.sorting_1 {
	background-color: transparent;
	font-weight: 600;
}

.dataTables_wrapper{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: end;
}

.dataTables_length {
	margin-bottom: 1em;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
	border: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button{
	border: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
	background: transparent;
	color: #000 !important;
	border: none;
	box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background: transparent;
	border: none;
	color: #98012e !important;
}

#dealerResales_table_filter label{
	display: flex;
	flex-flow: column;
	text-align: left;
}

.dataTables_info,
.dataTables_paginate.paging_simple_numbers {
	width: 50%;
}


/* Button styles -------------------- */

.btn {
	background-color: transparent;
	padding: 10px 15px;
	border-radius: 2px;
	color: #000;
	transition: all .2s ease-in-out;
	cursor: pointer;
}

.btn:hover {
	color: #fff;
	background-color: #a7a7a7;
	transition: all .2s ease-in-out;
}

.btn-primary {
	border: 2px solid #b9b9b9;
	color: #4d4d4d;
}

.btn-primary:hover,
.btn-primary.active {
	background: #98012e;
	border: 2px solid #98012e;
	color: #fff;
}

.btn-primary.inverse {
	background: #98012e;
	border: 2px solid #98012e;
	color: #fff;
}

.btn-primary.inverse:hover,
.btn-primary.inverse.active {
	background: #fff;
	border: 2px solid #b9b9b9;
	color: #4d4d4d;
}

.btn-secondary {
	border: 2px solid #000;
	padding: 10px 15px;
	background: #000;
	color: #fff;
}

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

.btn.btn-sm {
	padding: 2px 4px;
}

.btn.btn-md {
	padding: 4px 8px;
}

/* Misc ---------------------------- */

.option-wrapper {
	position: relative;
}

.status-drop-down {
	position: absolute;
	top: 0;
	width: calc(100% - 2px);
	display: flex;
	flex-flow: column;
	border: 1px solid #000;
	height: 0;
	overflow: hidden;
	transition: height .3s ease-in-out;
	z-index: 1;
}

.status-drop-down.show {
	height: 156px;
}

.status-drop-down .status-option{
	padding: 10px 0;
	border: none;
	background: #fff;
	transition: .3s ease-in-out;
	cursor: pointer;
}

.status-drop-down .status-option.active {
	color: #fff;
	background: #000;
}

.status-drop-down .status-option:hover {
	color: #fff;
	background: #696969;
}

.flash,
.alert-banner {
	padding: 15px 10px;
	border-radius: 4px;
	margin-bottom: 2em;
}

.flash.success {
	color: #376703;
	background: #ceefce;
	border: 1px solid #37670324;
}

.flash.error {
	background: #ffc3c3;
	border: 1px solid #ff999982;
}

.alert-banner {
	display: none;
	background: #ffc3c3;
	border: 1px solid #ff999982;
}

.alert-banner.success {
	color: #376703;
	background: #ceefce;
	border: 1px solid #37670324;
}

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

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

.float-left {
	float:left;
}
.float-right {
	float:right;
}

hr.dashed {
	border-style: dashed;
	opacity: .3;
}

.m-0 {
	margin: 0;
}

.ml-1 {
	margin-left: .5em;
}
.ml-2 {
	margin-left: .8em;
}

.mr-1 {
	margin-right: .5em;
}

.mb-0 {
	margin-bottom: 0;
}
.mb-1 {
	margin-bottom: .5em;
}
.mb-2 {
	margin-bottom: 1em;
}
.mb-5 {
	margin-bottom: 3em;
}


.mt-1 {
	margin-top: .5em;
}
.mt-2 {
	margin-top: 1em;
}

.px-2 {
	padding-left: 1em;
	padding-right: 1em;
}
.px-3 {
	padding-left: 2em;
	padding-right: 2em;
}

.w-full {
	width: 100%;
}
.w-90 {
	width: 90%;
}
.w-80 {
	width: 80%;
}
.w-70 {
	width: 70%;
}
.w-60 {
	width: 60%;
}
.w-50 {
	width: 50%;
}
.w-40 {
	width: 40%;
}
.w-30 {
	width: 30%;
}

.mnw-300 {
	min-width: 300px;
}
.mnw-400 {
	min-width: 400px;
}
.mnw-500 {
	min-width: 500px;
}

.mxw-300 {
	max-width: 300px;
}
.mxw-350 {
	max-width: 350px;
}
.mxw-400 {
	max-width: 400px;
}
.mxw-500 {
	width: 100%;
	max-width: 500px;
}
.mxw-700 {
	width: 100%;
	max-width: 700px;
}
.mxw-1000 {
	width: 100%;
	max-width: 1000px;
}