/* Minification failed. Returning unminified contents.
(1012,78): run-time error CSS1046: Expect comma, found '218'
(1012,86): run-time error CSS1046: Expect comma, found '/'
(1019,39): run-time error CSS1038: Expected hex color, found '#ffff'
(1421,231): run-time error CSS1046: Expect comma, found '218'
(1421,239): run-time error CSS1046: Expect comma, found '/'
(1421,282): run-time error CSS1046: Expect comma, found '218'
(1421,290): run-time error CSS1046: Expect comma, found '/'
(1528,141): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
/* Roboto Font */
@font-face {
  font-family: 'Roboto';
  src: url(/Content/fonts/Roboto-Medium.woff2) format('woff2'), url(/Content/fonts/Roboto-Medium.woff) format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url(/Content/fonts/Roboto-MediumItalic.woff2) format('woff2'), url(/Content/fonts/Roboto-MediumItalic.woff) format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url(/Content/fonts/Roboto-Regular.woff2) format('woff2'), url(/Content/fonts/Roboto-Regular.woff) format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url(/Content/fonts/Roboto-Italic.woff2) format('woff2'), url(/Content/fonts/Roboto-Italic.woff) format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

.success-color {
    color: #A9C910;
}
.success-color-alt {
    color: #88C134;
}
.black-color {
    color: #000000;
}


/**********************
RESET
**********************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { border:0; font-family:'Roboto', sans-serif; font-size:100%; margin:0; outline:0; padding:0; vertical-align:baseline; }
:focus { outline:0; }
body {line-height:1; }
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { font-weight:normal; text-align:left; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:none; }
a img { border:0; }
h2 img {width: 18px; height: 16px}
form {margin: 20px 0px 0px 0px; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
input,select, textarea{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;resize:none;}
thead {padding: 0 10px;}

/**********************
CSS OVERFLOW REPLACE
**********************/
.group:after,
.content:after,
.pagination:after,
.panel:after,
.paging-info:after,
.input:after,
.row:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
ul.page-numbers li a.ellipsis {display: none;}


/**********************
HTML ELEMENTS
**********************/
BODY
{
	background:#F6F6F6;
	font-size:14px;
	line-height:1;
	font-family:'Roboto', sans-serif !important;
	font-weight:400;
	font-style:normal;
  color: #374D62;
}

b{font-weight: 500;}
A
{
	color:#2196F3;
	text-decoration:none;
	cursor: pointer;
}
A:hover
{
	color:#126CB4;
	text-decoration:underline;
}
 h1
{
	font-size:1.4em;
	font-weight:500;
	margin:10px 0 0 0;
	padding:0 0 0.5em 0;
	color: #070B16;
}
h1 span
{
	   float:right;
}
h1 b
{
	   color:#222
}
h2 {
    font-size: 1.2em;
    font-weight: 500;
    margin: 1em 0 0 0;
    padding: 0 0 0.5em 0;
    border-bottom: 2px solid #f1f1f1;
    color: #070B16;
    text-align: center;
    border: none
}
h3
{
	font-size:1.3em;
	margin:0.5em 0;
}
LABEL
{
	color:#374D62;
}
INPUT,
SELECT,
TEXTAREA, .button, .btn, a.button, button
{
	color:#374D62;
	padding:0.5em;
	border:1px solid #F1F1F1;
	-webkit-border-radius:4px;
	border-radius:4px;
	font-family:'Roboto', sans-serif !important; vertical-align: central;
  -webkit-box-shadow: 0px 3px 24px 0px rgba(218,218,218,0.37);
  box-shadow: 0px 3px 24px 0px rgba(218,218,218,0.37);
}
/*Hide default arrow*/
select
{
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  padding-right: 24px;
}
/*Show new arrow*/
select
{background: #ffffff url(/Content/img/chevron-down-small.svg) no-repeat right 10px center;}

TEXTAREA
{
	font-size:0.9em;
}

INPUT:focus:enabled,
SELECT:focus:enabled,
TEXTAREA:focus:enabled,
INPUT:hover:enabled,
SELECT:hover:enabled,
TEXTAREA:hover:enabled
{
	border:1px solid #F1F1F1;
}

SELECT:focus:enabled,
SELECT:hover:enabled,
TEXTAREA:focus:enabled,
TEXTAREA:hover:enabled,
INPUT[type="checkbox"]:focus:enabled,
INPUT[type="checkbox"]:hover:enabled,
.datetimepicker-inside:focus:enabled,
.datetimepicker-inside:hover:enabled
{
    border: 1px solid #F1F1F1;
    -webkit-box-shadow: 0px 2px 9px 0px rgba(15,156,246,0.5);
    box-shadow: 0px 2px 9px 0px rgba(15,156,246,0.5);
}

SELECT:focus:enabled,
SELECT:hover:enabled,
INPUT[type="checkbox"]:focus:enabled,
INPUT[type="checkbox"]:hover:enabled,
.datetimepicker-inside:focus:enabled,
.datetimepicker-inside:hover:enabled {
    cursor: pointer;
}

INPUT.input-validation-error {
    border: 2px solid #E30613;
}

span.field-validation-valid span
{
	display:none;
}

SELECT.input-validation-error:focus:enabled,
SELECT.input-validation-error:hover:enabled {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 2px solid #E30613;
}

INPUT.input-validation-error:focus:enabled,
INPUT.input-validation-error:hover:enabled {
    border: 2px solid #E30613 ;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/**********************
GLOBAL ELEMENTS
**********************/
.mt-8{margin-top:8px}
.mt-16{margin-top:16px}
.mt-32{margin-top:32px}
.mr-8{margin-right:8px}
.mr-16{margin-right:16px}
.mr-32{margin-right:32px}
.mb-8{margin-bottom:8px}
.mb-16{margin-bottom:16px}
.mb-32{margin-bottom:32px}
.ml-8{margin-left:8px}
.ml-16{margin-left:16px}
.ml-32{margin-left:32px}

/* Buttons */

a.requestMakeModelButtonClass
{
    float: left;
    color: #2196F3;
}
/*INPUT[type=submit], INPUT[type=button], INPUT[type=reset], button, .btn, a.button, .tbl-results TD A
{
	background:#2196F3;
	border:1px solid #2196F3;
	color:#fff;
	cursor:pointer;
	text-transform:uppercase;
	-webkit-box-shadow:0px 0px 2px 2px #EAEBED;
	box-shadow:0px 0px 2px 2px #EAEBED;
	transition:0.25s ease-in;
	-webkit-transition: 0.15s ease-in;
	-moz-transition: 0.15s ease-in;
}
INPUT[type=submit]:disabled, INPUT[type=button]:disabled, INPUT[type=reset]:disabled, button:disabled, .btn:disabled, a.button:disabled, .tbl-results TD A:disabled
{
	background:#BEBFBE;
	 border:1px solid rgba(119,119,119,.8);
}
INPUT[type=submit]:hover:enabled, INPUT[type=button]:hover:enabled, INPUT[type=reset]:hover:enabled, button:hover:enabled, .btn:hover:enabled, a.button:hover:enabled, .tbl-results TD A:hover:enabled
{
	background:#2196F3;
	border:1px solid #2196F3;
	text-decoration:none;
	-webkit-box-shadow: inset 0px 0px 5px 5px rgba(255, 102, 0, .8);
	box-shadow: inset 0px 0px 5px 5px rgba(255, 102, 0, .8);
}*/
/* #Buttons
================================================== */

.hide-until-content-changed {
    display: none !important;
}

.btn,
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	background: #2196F3; /* Old browsers */
	background: -moz-linear-gradient(top,  #2196F3 0%, #2196F3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2196F3), color-stop(100%,#2196F3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2196F3 0%,#2196F3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2196F3 0%,#2196F3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2196F3 0%,#2196F3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2196F3 0%,#2196F3 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2196F3', endColorstr='#2196F3',GradientType=0 );  IE6-9 */
	border: 1px solid #2196F3 !important;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #fff !important;
	display: inline-block;
	font-size: 12px !important;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
	margin-bottom: 20px;
	margin-right:10px;
	line-height: normal;
	padding: 8px 16px !important;
	font-family: 'Roboto', sans-serif !important;
	text-transform:capitalize;
}
button.no-margin-bottom {
    margin-bottom: 0;
}

a.no-text-transform {
    text-transform: none;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	background: #126CB4; /* Old browsers */
  border: 1px solid #126CB4 !important;
  }

.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
background: #126CB4; /* Old browsers */}

.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center; }

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}

.panel.search INPUT[type=submit], .panel.search INPUT[type=button]
{
	width:100px;
}
a.button:hover
{
	text-decoration:none;
}
input.button span
a.button span
{
	line-height:18px;
}
input[value=Clear], input[value=clear], input[value=Reset], input[value=reset], .tab-nav-panel .button.left, .button.cancel, .button.popup-close, input[value=cancel], input[value=Cancel], input.popup-close
{
  background: white; /* Old browsers */
  border:2px solid #2196F3 !important;
  color: #2196F3 !important;
}
input[value=Clear]:hover, input[value=clear]:hover, input[value=Reset]:hover, input[value=reset]:hover, input[value=cancel]:hover, input[value=Cancel]:hover, .tab-nav-panel .button.left:hover, a.fileupload_cancel, .button.cancel, .button.back, input.popup-close:hover
{
  background: white; /*  Old browsers */
  border:2px solid #126CB4 !important;
  color: #126CB4 !important;
}
a.fileupload_cancel[disabled] { color: #fff !important; }
h1 .button{margin-bottom:0;}
.button.delete, .button.block{
	background: #E30613; /* Old browsers */
  border: 1px solid #E30613 !important;
}
.button.delete:hover, .button.block:hover{
	background: #B70711; /* Old browsers */
  border: 1px solid #B70711 !important;
}
.btn.disabled,
.button.disabled,
button[disabled],
input[type="submit"][disabled],
input[type="reset"][disabled],
input[type="button"][disabled],
.action.disabled,
a[disabled]
{
background:#BEBFBE;color:#fff;border:1px solid #BEBFBE !important;cursor:default;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BEBFBE', endColorstr='#BEBFBE',GradientType=0 ); /* IE6-9 */}

/**********************
LAYOUT
**********************/
.wrapper-page,
.wrapper-header,
.wrapper-content,
.wrapper-footer
{
	width:100%;
}
.wrapper-page
{
	margin:0;
}
.wrapper-header
{
	background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 100%);
}
.wrapper-footer
{
	/*border-top:6px solid #374D62;
	background:transparent url(/Content/img/bg-footer.png) repeat left top;*/
}
#releaseVersion{padding: 10px;}
.header-padded
{
	padding: 5px;
}
.header,
.content,
.footer
{
	position:relative;
	width:96%;
	margin:0 auto;
}
.header
{
	padding:1em 0 0 0;
	min-height:113px;
}
.content
{
	/*padding:2em 0;*/
	min-height:600px;
}
.footer
{
	color:#EAEBED;
	text-align:center;
	/*padding:2em 0;
	min-height:100px;*/

}

.altfooter
{
	padding:2em 0 0 0;
	min-height:55px;
}

.single-page-dropdown
{
	text-align:center;
	padding:2em 0;
	min-height:200px;
	margin:0 2px 1px 0;
}

.padded-div
{
	text-align:center;
	padding:1em;
}

/*HEADER*/
.header h1 {
	border: none;
}
.header H1 A {
    display:block;
    width:275px;
    height:35px;
    text-indent:101%;
    white-space:nowrap;
    overflow:hidden;
    background:transparent url(/Content/img/cn-lp-bg-logo.svg) no-repeat 0 0;
    background-size: contain;
}
.header .nav ul
{
	overflow:hidden;
	padding:20px 0 0 0px;
}
.header .nav li
{
	float:left;
	display:block;
	width:160px;
	height:34px;
	margin:8px 8px 0 0;
}
.header .nav li a
{
	display:block;
	width:160px;
	height:34px;
	line-height:34px;
	text-align:center;
	background:#091535;
	color:#fff;
	font-size:0.8em;
	text-decoration:none;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	text-transform:capitalize;
}
.header .nav li.live a
{
	height:34px;
	line-height:34px;
	background:#374D62;
}
.header .nav li A:hover
{
	 background:#374D62;
}
.header .nav li.live A:hover
{
	 background:#126CB4;
}
/* Sub nav */
.header .nav.sub{border-bottom:solid 2px #374d62;padding:6px 0 0 0;display:none}
.header .nav.sub li{margin:0 4px 0 0;width:auto; font-weight: 500;}
.header .nav.sub li a{border-radius: 4px 4px 0 0; display:block;width:auto;padding:0 32px;height:34px;line-height:34px;text-align:center;background:#2196F3;color:#fff;font-size:.8em;text-decoration:none;margin:1px 0 0}
.header .nav.sub li a:hover{background:#374D62}
.header .nav.sub li.live a{background:#fff}
.header .navsml
{
	position:absolute;
	top:16px;
	right:0;
}
.header .navsml li
{
	float:left;
	display:block;
	height:32px;
	line-height:32px;
	font-size:0.8em;
	padding:0 0 0 20px;
  color: #374D62;
  font-weight: 500;
}
.header .navsml li.user
{
	border-left:none;
}
.header .navsml li.user span {
  padding-left: 5px;
}
.header .navsml li.sign-out
{
    padding:0 10px 0 10px;
}
.header .navsml li A
{
	display:block;
	width:auto;
	height:32px;
	line-height:32px;
	text-transform:capitalize;
}
.header .navsml li SELECT
{
    display:block;
    width:auto;
    margin:0;
    padding:8px 10px 8px 8px;

}
.header .navsml li SELECT:hover
{
  -webkit-box-shadow: 0px 3px 24px 0px rgba(218,218,218,0.37);
  box-shadow: 0px 3px 24px 0px rgba(218,218,218,0.37);
}
.nav .alert-cnt
{
  background-color: #374D62 !important;
  padding: 1px 4px !important;
  border-radius: 4px !important;
  height: 13px !important;
}
.wrapper-alert
{
  background-color: #E9F5FE !important;
}
/*CONTENT*/
.col-alpha,
.col-beta
{
	float:left;
	width:20%;
	padding:1em 0;
	min-height:10em}
.col-beta
{
	width:60%;}

/*FORMS*/
TABLE.panel
{
	border-collapse:collapse;}
.panel
{
	padding:0.5em;
	background:#fff;
	border:1px solid #F1F1F1;
  -webkit-box-shadow:0px 3px 24px 0px rgba(218,218,218,0.37);
  box-shadow:0px 3px 24px 0px rgba(218,218,218,0.37);
  border-radius: 8px;
}

.title-panel {
    text-align: left;
}

.disabled {
    background-color: #EAEBED;
    cursor: default;
}

.panel-col1,
.panel-col2,
.panel-col3
{
	float:left;
	width:33%;
	overflow:hidden;}
.panel-col4
{
	width:100%;
	clear:both;
	padding:1em 0;
	overflow:hidden;}

.text-after-label {
    width: 60%;
    display: inline-grid;
    word-break: break-all;
}

.row {
    padding: 0.9em 0;
    font-weight: 500;
}
.row span a {
  font-weight: 400;
}
.panel.search .row
{
	padding:0.25em 0;}
.row LABEL,
.row INPUT,
.row SELECT,
.row TEXTAREA,
.row SPAN
{
	float:left;
	display:block;
	width: auto;
}
.row INPUT[type=checkbox]
{
	float:left;
	width:auto;
  height: 12px;
}
.row LABEL
{
	width:35%;
	font-size:14px;
	font-weight: 400;
}

.row INPUT,
.row SELECT,
.row TEXTAREA,
.row .visible-datepicker
{
	width:55%;
  height: 34px;
}
.row input#ExtensionTime{width:25%;}
.row INPUT:hover
{
border:1px solid #F1F1F1;
-webkit-box-shadow: 0px 2px 9px 0px rgba(15,156,246,0.5);
box-shadow: 0px 2px 9px 0px rgba(15,156,246,0.5);
}
.row SPAN
{
	width:30%;
	margin:0 0 0 5%;
}
.row SPAN > SPAN
{
	width:100%;
}
.row span.field-validation-error
{
	margin-left:35%;
    width: 100%;
}
.row span.field-validation-error span
{
	margin:5px 0 0 0;
	width:55%; /* --put back for Task 22608, Bug 22356*/
}
.panel.search LABEL
{
	padding:1em 0 0 0.5em;
	font-size:0.9em;
}

.panel.search.search-filter input.winning-won-filter
{
    margin-top: 11px;
}

.panel.search.search-filter .no-filter {
    padding: 1em 0 1em 0.5em;
    line-height: 1.25;
    font-size: 0.9em;
}

.panel.search.search-filter .auction-status-label {
    width: 25%;
}

.panel.search.search-filter .auction-status-label > label{
    width: 100%;
}

.panel.search.search-filter .auction-status-options {
    width: 75%;
    margin-top: 8px;
}

.panel.search .row SPAN
{
	width:100%;
	margin:0;
}
/*.panel.search .row SPAN > SPAN
{
	width:70%;
	font-size:0.8em;
	margin:0.5em 0 0 27%;
}*/

.overflow-table{
    overflow-x: auto;
    overflow-y:hidden;
}

.side-scroll-table{
    table-layout:auto !important;
}

.panel.search span.field-validation-error{width:55%;margin:0.5em 0 0 35%;line-height:1.25em;padding:0 0 0 .5em}
.panel.search .left span.field-validation-error,
.panel.search .datepicker-inside span.field-validation-error{width:100%;margin:0.5em 0 0 0;line-height:1.5em;padding:0}
.tbl-results {
    width: 100%;
    margin: 0;
    font-size: 0.8em;
    border-collapse: collapse;
    table-layout: fixed;
}
.tbl-results .note-details
{
 width:66%;
}
.tbl-results table {
        table-layout: auto !important;
    }
.tbl-results TD,
.tbl-results TH {
    padding: 0.8em;
}
.tbl-results TD.text-right,
.tbl-results TH.text-right {
    text-align:right;
}
.tbl-results tbody TR
{
border-bottom: 1px solid #F1F1F1;
background: #fff;
}

.tbl-results tbody TR:last-child
{
border-bottom: none;
}
/* bottom-left border-radius */
  .tbl-results tbody TR:last-child td:first-child {
      border-bottom-left-radius: 8px;
}
/* bottom-right border-radius */
.tbl-results tbody TR:last-child td:last-child {
    border-bottom-right-radius: 8px;
}
.tbl-results TH {
    border-bottom: 2px solid #091535;
    background: #ffffff;
    font-weight: 500;
    overflow: hidden;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    line-height: 1.5;
    font-weight: bold ;
}

.tbl-results.zebra-striped tbody TR:nth-child(even) {
    background: #dbe9f5;
}

.tbl-results.zebra-striped tbody TR:nth-child(odd) {
    background: #edf4fb;
}

.tbl-results TD
{
	overflow:hidden;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
  vertical-align: middle;
  line-height: 1.5;
}
.tbl-results TD.tbl-results-c21
{
	overflow:hidden;
	text-align:center;
	-ms-word-wrap: normal;
	word-wrap: normal;
}

.tbl-results th.tbl-results-lot-number {
    width: 50px;
}

.tbl-results th.tbl-results-lot-detail {
    width:70px;
}

.tbl-results th.tbl-results-high-bid {
    width: 42px;
}

.tbl-results TD.tbl-results-high-bid A {
    border: none;
    background: none;
    color: #2196F3;
    font-weight: 500;
    -webkit-box-shadow: 0px 0px 0px 0px #fff;
    box-shadow: 0px 0px 0px 0px #fff;
    text-align: left;
}
.tbl-results TD.tbl-results-high-bid A:hover {
    color: #2196F3;
}

.tbl-results TD .tbl-results-secondHigh-bid {
    display: block;
    font-size: 0.9em;
    margin: 5px 3px 7px;
}

.tbl-results-ovrflw{
	width:100%;
	overflow:visible;
}
.desc {
	margin-top: 5px;
    font-size: 10pt;
	color: gray;
}

/* Button Row */
.btn-row{margin:2em 0;}
.hdr-btn{margin:2em 0 0 0;}
.view-bidder-btn{margin-top: 32px;}
.view-bidder-btn a{margin-bottom: 0px;}

/* Line */
.view-message {
    margin-top: 15px;
}

/* Table Buttons with anchor */
.tbl-results TD A
{
	display:block;
	padding:0.25em 0;
	cursor:pointer;
	font-size:0.9em;
	-webkit-border-radius:2px;
	border-radius:3px;
	margin:5px 3px 5px;
	text-transform:uppercase;
	font-weight:500;
}
.tbl-results TD A.stop-button,
.tbl-results TD A.delete-button {color:#E30613}

/* Registration requests Table Buttons with input*/
.registration-requests-table TD input {
    display: block;
    padding: 0.25em 0;
    cursor: pointer;
    font-size: 0.9em;
    -webkit-border-radius: 2px;
    border-radius: 3px;
    margin: 5px 3px 5px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
}

table
{
  -webkit-box-shadow:0px 3px 24px 0px rgba(218,218,218,0.37);
  box-shadow:0px 3px 24px 0px rgba(218,218,218,0.37);
  background: #F6F6F6;
}

/* Table header */
tr th span a, tr th span a:hover
{
  color: #091535;
  text-decoration: underline;
}

.presence .indicator.offline
{
  background: none !important;
}
/*****************************
PAGINATION
*****************************/
.pagination { margin:0 0 32px 0; border-top:none; }
ul.page-numbers { list-style:none; height:32px; line-height:32px; padding:4px 0; }
ul.page-numbers li{ float:left; height:32px; line-height:32px;   }
ul.page-numbers li a{ display:block; font-size:0.8em; cursor:pointer; height:24px; line-height:24px; width:24px; text-align:center; background-color:#374D62; margin: 2px; color: #fff; -webkit-border-radius:2px; border-radius:2px; }
ul.page-numbers li a.disabled, ul.page-numbers li a.disabled:hover{ background-color:#BEBFBE; cursor:default; }
ul.page-numbers li a:hover{background-color:#2196F3;}
ul.page-numbers li a.active, ul.page-numbers li a.active:hover{ background-color:#2196F3; cursor:default;  }

/*****************************
Temp Fixes for customer demo
*****************************/





.visible-datepicker input
{
	/*right: 0;
	border-radius: 0 4px 4px 0;
	border-color: #C5C5C5;
	line-height: 1.3em;
	min-height: 1.3em;
	padding: 3px;
	vertical-align: middle;
	border-style: solid;
	border-width: 0;
	cursor: default;
	display: inline-block;
	position: absolute;
	right: 0;
	text-decoration: none;
	top: 0;*/

	margin: 0;
	width: 50%;
}
span .totalRows {
	text-align: right;
}

.add-bid-filters .search-button{
	padding-left: 150px;
}

/*****************************
New Login Pages
*****************************/
.login-hldr{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent url(/Content/img/bg-login.png) repeat-x center center}
.login-pnl{position:fixed;width:560px;left:50%;top:30%;margin:0 0 0 -280px;z-index:1011}
.login-pnl H1 A{display:block;width:100%;height:125px;text-indent:200px;white-space:nowrap;overflow:hidden;background:transparent url(/Content/img/cn-lp-bg-logo.svg) no-repeat center center}
.login-pnl H2{color:#2196F3;padding:16px 0;margin:16px 0;text-align:center;text-transform:uppercase;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc}
.login-pnl .login-frm{width:500px;margin:0 auto 2em auto}
.login-pnl .row span.field-validation-error{margin:0 0 0 25%;color:#E30613;width:100%}
.login-pnl .row span.field-validation-error SPAN{margin:0}
.login-pnl LABEL{padding:8px 0 0 0;}
.login-pnl INPUT{width:264px;}
.login-pnl INPUT[type=submit]{width:280px;}
.login-pnl .panel{box-shadow:0 0 0 0 #eaebed;-webkit-box-shadow:0 0 0 0 #eaebed}
.login-pnl .page-errormessage {color:#E30613}
.login-pnl .row.action{padding:1em 0;}
.login-pnl .row A{padding:8px 0 8px 32px;background:transparent url(/Content/img/bg-link2.svg) no-repeat -4px 0px;}
.login-frm{width:500px;margin:2em auto; box-shadow: 0px 3px 25px 0px rgb(218 218 218 / 37%);padding: 2em; border-radius: 8px; background:#fff;}
.login-frm span.link{margin:0;padding:0;height:24px;line-height:24px;width:200px}
.wrapper-header > .header > h1 {margin: 0 0 16px 0;}

/*****************************
JRF SEARCH UI HOOVER
*****************************/
.panel.search{display:none;background:#ffff;border:1px solid #F1F1F1;-moz-border-radius:4px 4px 0 4px;-webkit-border-radius:4px 4px 0 4px;;border-radius:4px 4px 0 4px;;padding:.5em;-webkit-box-shadow:0px 3px 24px 0px rgba(218,218,218,0.37);box-shadow:0px 3px 24px 0px rgba(218,218,218,0.37)}
.srch-tgr-hldr{margin:0 0 16px 0;overflow:hidden;display:inline;min-height:40px;text-transform:capitalize;}
    .srch-tgr-hldr span {
        float: right;
        padding: 8px 16px;
        background: white;
        border: 2px solid #2196F3;
        color: #2196F3;
        font-weight: 500;
        cursor: pointer;
        border-radius: 4px;
    }
    .srch-tgr-hldr span:hover {
        border: 2px solid #126CB4;
        color: #126CB4;
    }
.panel.search .clear{overflow:hidden;padding:.125em 0}
.panel.search .clear LABEL{padding:.25em 0 0 .5em}
.panel.search .col100 {margin:16px 0 0 0;padding:0;border-top:1px solid #969696;}
.panel.search #show-adv{float:right;margin:0 0.5em 0 0;padding:6px 12px;border:1px solid #374D62;border-top:none;cursor:pointer;color:#374D62;-moz-border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}
.panel.search #show-adv:hover{background:#374D62;color:#fff;}
.panel.search .search-button{margin:1em 0 .5em .5em}
.panel.search .search-button INPUT[type=submit] {margin-right: 10px;}
/* Special for specific page */
.pg-auc .panel.search .col100 {border:none;}

/*****************************
JRF KENDO KUNGFU
*****************************/
/* KENDO KUNGFU - SELECTORS*/
.visible-datepicker,.datetimepicker{position:relative;overflow:hidden}
.datetimepicker{display:block;float:left;width:75%;min-width:180px;margin:8px 0 0 0;}
.panel.search .row SPAN.k-select{position:absolute;top:2px;right:2px;width:auto;height:29px;background:#BEBFBE}
.panel.search .row SPAN.k-icon{display:block;width:27px;height:27px;text-indent:32px;white-space:nowrap;overflow:hidden;line-height:27px;border:1px solid #fff;background:#2196F3 url(/Content/img/bg-icon-sprite-new.png) no-repeat 8px 8px;cursor:pointer;margin-left:2px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px;border-top-right-radius:4px;border-bottom-right-radius:4px}
.panel.search .row .datetimepicker SPAN.k-i-calendar{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.panel.search .row SPAN.k-i-calendar{background-position:7px 7px;}
.panel.search .row SPAN.k-i-clock{background-position:-23px 8px}
.panel.search .row SPAN.k-icon:hover{background-color:#2196F3}
.panel.search .row .k-state-active SPAN.k-icon{background-color:#969696;-webkit-box-shadow:inset 0 0 2px 2px rgba(119,119,119,.8);box-shadow:inset 0 0 2px 2px rgba(119,119,119,.8)}

/* KENDO KUNGFU - CALENDAR*/
.k-animation-container{}
.k-calendar,.k-list-container{padding:.25em .5em;width:auto;background:#fff;border:2px solid #BEBFBE;margin:5px 0 0 0;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0); }
.k-calendar .k-header{background:#fff;color:#fff;height:24px;line-height:24px;text-align:center;width:100%;padding:.5em 0;border-bottom:2px solid #2196F3}
.k-nav-prev,.k-nav-next{float:left;display:block;width:24px;height:24px;background:transparent url(/Content/img/bg-icon-sprite-new.png) no-repeat -1px -50px}
.k-nav-next{float:right;background-position:-1px -100px}
.k-calendar table{border-collapse:collapse}
.k-calendar table th{padding:8px 3px;text-align:center;background:#BEBFBE;border:1px solid #969696;border-top:none}
.k-calendar table td{padding:0;text-align:center;border:1px solid #BEBFBE}
.k-calendar table A{display:block;padding:3px;text-align:center;background:#fff;color:#2196F3;text-decoration:none;border:1px solid #fff}
.k-calendar table .k-today A{background:#969696;color:#fff;-webkit-box-shadow:inset 0 0 2px 2px rgba(120,120,120,.8);box-shadow:inset 0 0 2px 2px rgba(120,120,120,.8)}
.k-calendar table .k-state-selected A,.k-calendar table A:hover{background:#2196F3;color:#fff;-webkit-box-shadow:inset 0 0 2px 2px #2196F3;box-shadow:inset 0 0 2px 2px #2196F3}
.k-calendar table .k-other-month A{color:#969696;background:#f2f2f2}
.k-calendar table .k-other-month A:hover{color:#fff;background:#BEBFBE;-webkit-box-shadow:inset 0 0 2px 2px rgba(0,0,0,.15);box-shadow:inset 0 0 2px 2px rgba(0,0,0,.15)}
.k-footer{text-align:center;padding:8px 0 6px 0;border-top:1px solid #BEBFBE}

/* KENDO KUNGFU - TIMEMACHINE*/
.k-animation-container .k-list-container {overflow:hidden;padding:0;}
.k-animation-container .k-list-container ul{height:200px}
.k-animation-container .k-list-container li{padding:.5em;border-bottom:1px solid #BEBFBE;cursor:pointer;color:#2196F3}
.k-animation-container .k-list-container li.k-state-selected{background-color:#EAEBED;}
.k-animation-container .k-list-container li:hover{background:#2196F3;color:#fff;-webkit-box-shadow:inset 0 0 2px 2px #2196F3;box-shadow:inset 0 0 2px 2px #2196F3}

/*****************************
TABULATED DATA
*****************************/
.paging-info {
margin:1em 0 0 0;}
.paging-info>span{padding:.5em 0;color:#374D62;float:right;}

/*****************************
CREATE AUCTION
*****************************/
.pg-auc-edt h1{margin:32px 0 16px 0;clear:both}
.pg-auc-edt #bidderGroupsContainer h2{padding-top: 32px; text-align: left;}
.pg-auc-edt #bidderGroupsContent .row label{padding-top:4px}
#tabstrip{background-color:#fff;border-color:#fff}

/*****************************
ALTERNATIVE CREATE AUCTION
*****************************/

.form-section {
	margin: 16px 0;
	padding-bottom: 16px;
}

.form-section h3,
.form-section #bidderGroupsContent {
	margin-left: .5em;
}

.form-section #bidderGroupsContainer h3 {
	padding: 0 0 0.5em 0;
}
/*toltip position */
.form-section input[type="checkbox"] + input[type="hidden"] + img {
	margin-top: -3px;
}

.form-section-separator {
	text-align: center;
	font-size: 2rem;
	color: #374D62;
}

.separation-line {
    border-top: 1px solid #D8D8D8;
    padding-top: 16px;
}

.fa {font-size: 1.5rem !important;}

/*****************************
VIEW AUCTION
*****************************/
.pg-auc-view .row SPAN {
	width: 57%;margin-right:3%;line-height:120%;}
.pg-auc-view .row SPAN.ext-tme-sub-lbl{margin:0;}

/* TabControl */
.tab-control{margin:8px 0;position:relative}
ul.tab-strip{height:auto;margin:0 0 0 0;padding:0;position:relative;overflow:hidden;border-bottom:3px solid #374D62}
ul.tab-strip:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
ul.tab-strip li{background-color:#969696;border-bottom:1px solid #fff;float:left;padding:8px 12px;margin:0 2px 0 0;color:#4b4b4b;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}
ul.tab-strip li.selected{background-color:#374D62;border-bottom:1px solid #374D62;color:#fff;padding:10px 12px 6px}
ul.tab-strip li.disabled{background:#BEBFBE;color:#fff}
ul.tab-strip li.selectable{cursor:pointer}
.tab-content{position:relative;padding:0 0 16px 0;border-top:none;overflow:hidden;-webkit-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}
.tab-content LABEL{padding:1em 0 0 .5em;font-size:.9em}
.tab-content LABEL[for=IsInclusiveOrExclusiveLocalTaxes],
.tab-content LABEL[for=IsInclusiveOrExclusiveVat],
.tab-content LABEL[for=IsFeatured],
.tab-content LABEL[for=StaggeringEnabled],
.tab-content LABEL[for=ContainsDamagedCars]
{padding:0.125em 0 0 0.5em}
.tab-content .datetimepicker{float:left;width:55%;min-width:50px;margin:0;}
.tab-content .datetimepicker span{margin:0;width:100%}
.tab-nav-panel{float:left;width:100%;margin:32px 0;}
.tab-nav-panel button.left{float:left;width:100%;margin:32px 0 0 0}
.tab-nav-panel .right{margin:0 0 0 1em !important}

.row SPAN.k-select{position:absolute;top:2px;right:2px;width:auto;background:#BEBFBE}
/* Added to target Chrome ONLY (and some Safari ) */
@media screen and (-webkit-min-device-pixel-ratio:0) {.tab-content .row SPAN.k-select{top:4px}}
.row SPAN.k-icon{display:block;width:27px;height:27px;text-indent:32px;white-space:nowrap;overflow:hidden;line-height:30px;border:1px solid #fff;background:#2196F3 url(/Content/img/bg-icon-sprite-new.png) no-repeat 8px 8px;cursor:pointer;margin-left:2px;-webkit-box-shadow:inset 0 0 2px 2px #2196F3;box-shadow:inset 0 0 2px 2px #2196F3;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px;border-top-right-radius:4px;border-bottom-right-radius:4px}
.row .datetimepicker SPAN.k-i-calendar{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.row SPAN.k-i-calendar{background-position:7px 7px}
.row SPAN.k-i-clock{background-position:-23px 8px}
.row SPAN.k-icon:hover{background-color:#2196F3}
.row .k-state-active SPAN.k-icon{background-color:#969696;-webkit-box-shadow:inset 0 0 2px 2px rgba(119,119,119,.8);box-shadow:inset 0 0 2px 2px rgba(119,119,119,.8)}

/* Validation */
.tab-content span.field-validation-error {
	margin: 0.5em 0 0 36%;
	/*width:60%; -- removed for: Task 22608, Bug 22356 & Task 17933, Bug 17916*/
	line-height:1.2em;
}

/* Add Vehicles */
.pg-auc-edt .panel.search .col100{border-top:1px solid #969696;margin:16px 0 0;padding:0}
.panel.search.search-filter .datepicker-inside input
{width: 100%;}
/* Manage Prices */
.mng-prc-hldr{margin:1em 0 0 0;}

/*Inplace Editor*/
.inplace-editor{cursor:pointer;top:0;margin:0 .5em}
.inplace-editor div{position:relative;background-image:url(/Content/img/create_write.svg);background-repeat:no-repeat;background-position:right center;padding:7px 3px;}
.inplace-editor.active{cursor:text}
.inplace-editor.active div{background-image:url(/Content/whitelabel/css/images/icons/dark/alert.png); overflow:hidden;height:auto;background-position:right top;padding:3px 0;}
.inplace-editor .editor-template{margin:0;position:relative}
.inplace-editor .editor-template input[type='text'],
.inplace-editor .editor-template .left{width:100% !important;float:none!important}
.inplace-editor .editor-template div.left{display:block;background:#2196F3!important;vertical-align:middle;color:#fff;height:18px;line-height:18px;text-align:center;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}
.inplace-editor .editor-template div.left.save{margin-bottom: 2px; cursor: pointer;}
.inplace-editor .editor-template div.left.cancel{ cursor: pointer;}
.inplace-editor .editor-template input[type='text']{-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}
.inplace-editor .editor-template input[type='hidden']{}

/*Inplace Editor Options*/
.inplace-editor-options {display: none;}
.inplace-editor-options div.buttons{display: none;}
.inplace-editor-options input.value {width: 80px;}
.inplace-editor-options div.save-btn{background: none; width: 80px;}
.inplace-editor-options div.cancel-btn{background: none; width: 80px;}

/* Auction & Vehicle info */
.panel.search.updateVehicle {
	background:#fff;
	border:none;
	border-radius:0;
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
	margin:2em 0;
}

.lot-statistics-column {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    justify-content: start;
    align-items: center;
    column-gap: 1ch;
}

.lot-statistics-column-text {
    display: flex;
    align-items: center;
    gap: 1ch;
    color: #47526B;
}

.lot-statistics-column-text svg {
    width: 11px;
}

.lot-statistics-column-text div {
    font-weight: 700;
    white-space: nowrap;
}

.sale-stats-container {
    position: relative;
    box-shadow: 0px 3px 24px 0px #DADADA59;
}

.sale-stats-data {
    padding: 16px 8px;
    border-radius: 8px;
    background: #FFFFFF;
    display: grid;
    grid-template-columns: auto 1fr auto 1fr auto 1fr;
    grid-template-rows: 1fr 1fr;
    justify-content: start;
    column-gap: 3rem;
    row-gap: 2.5rem;
    font-size: 14px;
    color: #47526B;
}

.sale-stats-border {
    position: absolute;
    height: 1px;
    background: #EFEFF1;
    top: 50%;
    left: 0.5rem;
    width: calc(100% - 1rem);
}

.sale-stats-data-number {
    font-weight: 700;
}

.sale-stats {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sale-stats-reload {
    display: flex;
    gap: 3.5rem;
    align-items: center;
}

.sale-stats-reload-text {
    font-size: 14px;
    color: #47526B;
}

.sale-stats-reload-button {
    margin-top: 2rem;
    border: none !important;
    outline: none;
    margin: 0 !important;
    padding: 13px 16px !important;
    border-radius: 8px;
    background-color: #2196F3;
    color: #FFFFFF !important;
    font-weight: 500;
    font-size: 14px !important;
    display: flex;
    align-items: center;
    gap: 1ch;
}

.sale-stats-reload-button:hover {
    border: none !important;
}

/* Do not sell vehicle form */
.popup-hldr-dns .popup-cpy{padding:0 0 1em 0;border:none}
.popup-hldr-dns h2{margin:0}
.popup-hldr-dns input.popup-inp-tqtr{width:45%}
.popup-hldr-dns .popup-cur{float:left;width:auto;padding:7px 0 0 0}
.popup-hldr-dns .popup-cur-err span{float:left;margin:4px 0 0 35%;color:#E30613}
.popup-hldr-dns .popup-col-help{display:inline-block;width:24px;height:24px;background:url(/Content/img/bg-icon-sprite-new.png) no-repeat 0 -1200px;cursor:help;}
.popup-alert p{color: #E30613; padding-bottom:24px; font-weight:500;}
#verify-quick-do-not-sell-details-popup{width:600px}

/* Auction Review Status Label Styles */
.auction-review-pending {
	color: #EE9504;
}

.auction-review-completed {
	color: #609833;
}
/* End of Auction Review Status Label Styles */

/* Lot Review Status Label Styles */
.lot-review-pending {
	/* Petrol Blue */
	color: #004A5D;
}

.lot-review-approved {
	/* GrassGreen */
	color: #609833;
}

.lot-review-rejected {
	/* PersianRed */
	color: #B70711;
}

.lot-review-expired {
	/* FreshGreen */
	color: #A9C90E;
}
/* End of Lot Review Status Label Styles */

/* Auction Status */
.auction-status-under-construction {
	color: #7A5DA4;
}

.auction-status-coming-soon {
	color: #0076A7;
}

.auction-status-in-progress {
	color: #004A5D;
}

.auction-status-in-xbid-starting-soon {
    color: #004A5D;
}

.auction-status-in-xbid {
    color: #004A5D;
}

.auction-status-handled {
	color: #609833;
}

.auction-status-closed {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
/* End of Auction Status */

/*****************************
INVENTORY
*****************************/
.pg-inv-edt h1 {
	margin: 32px 0 16px 0;
	clear: both
}
.pg-inv-edt .panel{margin:0 0 1em 0;}
.pg-inv-edt INPUT.edit-field,SELECT.edit-field.valid{border:2px solid #6e6e6e}
.pg-inv-edt .panel.panel-one label{padding:1em 0 0 .5em;font-size:.9em}
.pg-inv-edt .hide-on-edit,
.pg-inv-edt .show-on-edit{margin:0 0 2em 0;padding:0.5em 0 0 0;}
.pg-inv-edt .show-on-edit input[type="submit"]{}

/* Vehicle details tabs - jq override */
.ui-tabs{background:none;border:none;}
.ui-tabs .ui-tabs-nav{background:none;border:none;border-radius:0;border-bottom:2px solid #374D62;}
.ui-tabs li.ui-state-default{border:none;margin:0 4px 0 0;border-radius: 4px 4px 0 0;}
.ui-tabs li.ui-state-default a{display:block;width:auto;height:32px;line-height:32px;text-align:center;background:#2196F3;color:#fff;font-size:.8em;text-decoration:none;-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0;padding:0 16px;border:none;margin:0 0 1px 0}
.ui-tabs li.ui-state-default.ui-state-active a{background:#374D62;height:33px;line-height:33px;margin:0}
.ui-tabs .ui-tabs-panel{padding:1em 0}

/* Tabs content */
.ui-tabs-panel h3 {
	color:#374D62;
	font-size:1.2em;
	padding-bottom:0.5em;
	border-bottom:1px solid #BEBFBE;
}

/* File upload */
.image-upload #uniform-file_upload{width:auto;overflow:hidden;}
.image-upload .row label.file-upload-trgr{width:auto;margin:0.5em 1em 0.5em 0;}
.image-upload .row label.file-upload-trgr img{margin:-4px 0 0 4px;cursor:help}
.image-upload .file-upload-hldr{width:auto;}
.image-upload .row span{width:auto;}
.image-upload .row span.filename{margin:0 1em;padding:0.5em;width:25%;border:1px solid #f1f1f1;}
.uploader{}
ul.fileuploadpool{clear:both;width:100%;margin:1em 0;list-style:none;height:auto;padding:10px 8px 32px;overflow:auto;border:1px solid #f1f1f1;-webkit-border-radius:4px;border-radius:4px;-webkit-box-shadow:0px 3px 25px 0px rgb(218 218 218 / 37%);box-shadow:0px 3px 25px 0px rgb(218 218 218 / 37%);}
ul.fileuploadpool li{float:left;width:132px;height:auto;background-color:#eaebed;margin:0 18px 4px 0;padding:0;font-size:12px;position:relative;overflow:hidden}
ul.fileuploadpool li span{display:block;position:relative;width:100%;margin:0}
ul.fileuploadpool li.success{background-color:#fff;padding-bottom:10px;}
ul.fileuploadpool li span.name{display:block;width:100%;background-color:#fff;padding:4px 0}
ul.fileuploadpool li span.progress{height:4px;background-color:#2196F3;float:left;margin:4px 8px 4px 0;width:0%;padding:0}
ul.fileuploadpool li span.status{background-color:#fff;text-transform:uppercase;color:#000;margin:4px 0;}
ul.fileuploadpool li a.remove,ul.fileuploadpool li a.cancel{float:right;margin:4px 0;padding:0;text-transform:uppercase;color:#2196F3}
ul.fileuploadpool li img.img{width:132px;height:70px;}
ul.fileuploadpool li div.doc{width:132px;height:48px;padding-top:22px; font-size:24px; text-align:center; vertical-align:central; color:#FDCA4D; background-color:#EAEBED; }

ul.gallery li span a.mainImage, ul.gallery li span a.delete{color:#2196F3;}
.ui-dialog .ui-dialog-buttonpane button{background: #2196F3; /* Old browsers */
		background: -moz-linear-gradient(top,  #2196F3 0%, #2196F3 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2196F3), color-stop(100%,#2196F3)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #2196F3 0%,#2196F3 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #2196F3 0%,#2196F3 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #2196F3 0%,#2196F3 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #2196F3 0%,#2196F3 100%); /* W3C */}
.ui-button-text-only .ui-button-text{padding:0;margin:0;height:auto;width:auto;}

/* Equipment list */
#vehicle-accessories-table a.button {display:inline-block;margin:0 3px 0;font-weight:normal;text-transform:none}
#vehicle-accessories-table td {vertical-align:middle}
#vehicle-accessories-table input, #vehicle-accessories-table select {width:100%}
#vehicle-accessories-table .show-on-edit, #vehicle-accessories-table .hide-on-edit {padding:.5em;margin:0}
#vehicle-accessories-table input.edit-field {border-color:#BEBFBE}
#vehicle-accessories-table .edit-actions {display: none}
#vehicle-accessories-table.edit-form-visible .edit-actions {display:table-cell}

/* Blocked Vehicle */
.blk-vhc-rsn{display:inline-block;width:65%;}

.tbl-results tr.alert {background-color: #E9F5FE;}
.tbl-results tr.alert TD{border-color:#A1C2DA;}

.reserve-price-info-img {
    background: url(/Content/img/information.svg) no-repeat left center;
    height: 20px;
    width: 20px;
    float: left;
}

.reserve-price-na-img {
    background: url(/Content/whitelabel/css/images/icons/dark/alert.png) no-repeat left center;
    background-size: auto;
    height: 16px;
    width: 20px;
    float: left;
    cursor: pointer;
    margin-right: 3px;
}

.reserve-price-header {
    display: block;
    padding-left: 25px;
    word-break: break-word;
}

.reserve-price-na-text {
    line-height: 20px;
}

.download-vehicles-empty-list {
    margin: 32px 0 0 0
}

/*****************************
JQUERY CALENDAR
*****************************/
/* Input & trigger */
.datepicker-inside {
    position: relative;
    width: 55%;
    overflow: hidden
}
.datetimepicker-inside, .datetimepicker-inside-filtered {
    position: relative;
    width: 55%;
    overflow: hidden;

}
.datetimepicker-inside input{width:100%;}
.datetimepicker-inside-filtered input{width:100%;}
button[type='button'].ui-datepicker-trigger{position:absolute;top:3px;right:3px;width:28px;height:28px;padding:0!important;margin:0;background:#2196F3 url(/Content/img/bg-icon-sprite-new.png) no-repeat 6px 5px}
button.ui-datepicker-trigger img{display:none}

/* The Fugly Calendar */
.ui-datepicker{margin-top:4px;font-size:14px;border-width:2px;width:196px}
.ui-datepicker.ui-corner-all,.ui-datepicker .ui-corner-all{border-radius:0 !important;}
.ui-datepicker .ui-datepicker-header{background:#fff;color:#fff;height:24px;line-height:24px;text-align:center;width:100%;padding:0.25em 0 0.65em 0;border:none;border-bottom:2px solid #2196F3}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{float:left;display:block;top:6px;width:26px;height:24px;background:transparent url(/Content/img/bg-icon-sprite-new.png) no-repeat 0px -50px;margin:0;padding:0}
.ui-datepicker .ui-datepicker-prev{left:4px}
.ui-datepicker .ui-datepicker-next{right:4px;background-position:0px -100px}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover{background-color:none;border:none;margin:0;padding:0}
.ui-datepicker .ui-datepicker-title{font-weight:400;color:#374D62}
.ui-datepicker .ui-state-hover .ui-icon{background:none;border:none;}
.ui-datepicker table{border-collapse:collapse;border:none;font-size:12px}
.ui-datepicker tbody{margin-top:2px;}
.ui-datepicker table th{padding:8px 3px;text-align:center;background:#BEBFBE;border:1px solid #969696;border-top:none;margin-bottom:2px;font-weight:400}
.ui-datepicker table td{padding:0;text-align:center;border:1px solid #BEBFBE}
.ui-datepicker table A{display:block;padding:5px 3px;text-align:center;background:#fff;color:#2196F3;text-decoration:none;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background:#fff;border:none;}
.ui-datepicker table .ui-datepicker-today A{background:#969696;color:#fff;-webkit-box-shadow:inset 0 0 2px 2px rgba(120,120,120,.8);box-shadow:inset 0 0 2px 2px rgba(120,120,120,.8)}
.ui-datepicker .ui-datepicker-current-day A,
.ui-datepicker table A:hover{background:#2196F3;color:#fff;-webkit-box-shadow:inset 0 0 2px 2px #2196F3;box-shadow:inset 0 0 2px 2px #2196F3)}

.ui-datepicker .ui-datepicker-unselectable{color:#969696;background:#f2f2f2}

/* timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

.ui-timepicker-div .ui-slider-handle { background-color:#2196F3; }
.ui-datepicker .ui-datepicker-buttonpane button[type='button']{ background-color:#2196F3;opacity:1;font-weight:400 }

/*****************************
USER MANAGEMENT
*****************************/

.pg-usr .content h1{margin:1em 0;}
.pg-usr-crt label{padding:1em 0 0 0;font-size:.9em}

/*****************************
USER MANAGEMENT
*****************************/
.pg-trd h1,
.pg-usr-grp .content h1{margin:32px 0 16px 0;clear:both}
table.usr-grp-add{margin:16px 0 32px}
.pg-usr-grp-edt .panel{margin:32px 0 0 0}
.pg-usr-grp-edt .panel button{padding:0.25em;font-size:0.8em;}
.pg-usr-grp-edt .action{margin:32px 0;}
/* Bidder Groups - Index */
.pg-trdr-man-index .content h1{
margin:2em 0 1em}
/* Bidder Groups - Create */
.pg-trdr-man-create .row .item{display:block;margin:0;width:auto}
.pg-trdr-man-create .row .item p{overflow:hidden}
.pg-trdr-man-create .row .item p label{width:auto;padding:3px 0 0 5px}
/* Bidder Groups - Edit */
.pg-trdr-man-edit .row .item{display:block;margin:0;width:auto}
.pg-trdr-man-edit .row .item p{overflow:hidden}
.pg-trdr-man-edit .row .item p label{width:auto;padding:3px 0 0 5px}
.pg-trdr-man .btn-hldr{margin:2em 0 2em 35%;}
.popup-cpy{border-bottom:1px solid #969696;padding:1em 0 .5em;margin:1em 1em 0 1em; overflow:hidden;}
.popup-cpy textarea{margin-top:12px;width:100%;min-height:120px}
/* Traders - Index */

/* User Groups - Create */
.pg-usr-grp-crt .panel-one{padding:0 0 1em 0;border-bottom:2px solid #f1f1f1;margin:0 0 2em 0;overflow:hidden;}
.pg-usr-grp-crt .panel-one label{padding:1em 0 0;font-size:.9em}
.pg-usr-grp-crt .row span.field-validation-error{width:55%;margin:0.5em 0 0 35%;line-height:1.25em;}

/* User Groups - Edit */
.pg-usr-edt .content h1{margin:32px 0 16px 0;clear:both}
.carnext-permisions{margin-top: 32px}
.title-admin2-link{text-align: left}
.panel h3{font-family: 'Roboto', sans-serif !important;font-size: 15px;font-weight: 500;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;color: #374D62;}
.allowaccess-checkbox input {margin-top: 16px}
.allowaccess-checkbox label {margin-top: 16px}


/*****************************
TRADER MANAGEMENT
*****************************/
.pg-trd-crt .panel label{padding:1em 0 0;font-size:.9em}
.pg-trd-crt .panel .field-validation-error{width:55%;margin:0.5em 0 0 35%;line-height:1.25em;}
.pg-trd-crt h2{border:none;margin:2em 0 0;}
.pg-trd-crt h1{margin:2em 0 0;}
/* Address Display */
.address-display{background:#fff;border:1px solid #ccc;margin:0 1% 1em 0;width:23.5% !important;}
.address-display.default{background:#f2f2f2}
.address-display .row span{width:auto}
.address-display .row INPUT[type=radio]{width:25%;margin:0;padding:0}
.address-display p{line-height:1.4em;}
.address-display .button{margin:0 1em 0 0;padding:0.5em 0.75em !important;}
.address-display .row.edit-controls span{float:right;margin:0;padding:0.5em 0.5em 0.5em 2.25em;color:#374D62;}
.address-display.default .row.edit-controls span.default-ind{float:right;margin:0;padding:0.5em 0.5em 0.5em 2.25em;background:url(/Content/img/bg-icon-sprite-new.png) no-repeat 2px -398px;color:#374D62;}
.address-display.default .row.edit-controls span.default-ind-sf{float:left;margin:0;padding:0.5em 0.5em 0.5em 2.25em;background:url(/Content/img/bg-icon-sprite-new.png) no-repeat 2px -398px;color:#374D62;}

.new-address-row{margin:1.5em 0 0 0;display:block;clear:both;}
/*VAT*/
.row .vat{ width:55%; height:30px; margin-left:35%; }
.row .vat input{width:80%;float:left;margin-left:-2px;border-top-left-radius:0;border-bottom-left-radius:0}
.row .vat .input-prefix{margin-top: 2px;float:left;width:20%;padding:10px 0 9px;text-align:center;margin:0;background-color:#BEBFBE;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#fff;font-weight:500}

/* Trader Edit */
.pg-trd-edt .tbl-results td.last {width:170px;}
.pg-trd-edt .tbl-results td A {width:auto;}
.pg-trd-edt .pg-trd-edt-ent h4{font-weight:500;margin:6px 0 12px;}
.pg-trd-edt .pg-trd-edt-ent .panel-col1 {width:45%}
.pg-trd-edt .pg-trd-edt-ent .panel-col1 > .row{}
.pg-trd-edt .pg-trd-edt-ent span{float:left;display:inline-block;margin-left:16px}
.pg-trd-edt .pg-trd-edt-ent a{float:left !important;margin:0  0 0 16px;}
.pg-trd-edt .pg-trd-edt-ent .flag{width:auto;margin-left:6px}
.pg-trd-edt .pg-trd-edt-ent .entity{max-width:280px;}
.pg-trd-edt .pg-trd-edt-ent .col {float: left;width: 50%;display: block;}

/* Trader Grid */
.buyer-blocked-warning {
    display: flex;
}

.buyer-blocked-warning > p {
    min-width: 10px;
}

.buyer-blocked-warning > div {
    background: url(/Content/whitelabel/css/images/icons/dark/alert.png) no-repeat right center;
    height: 16px;
    min-width: 20px;
    margin-left: 5%;
}

.buyer-enabled {
    /* GrassGreen */
    color: #609833;
}

/*TASKS*/
.pg-tsk .tbl-results TD a{margin:8px 0;padding:6px 12px !important;}
.pg-tsk .popup-cpy div{width:100% !important;padding:3px 0}
.pg-tsk .popup-cpy div label{}

/*****************************
 ReactTable Component
*****************************/

.ReactTable .rt-thead .rt-tr .rt-th {
  background: #fff;
  color:#070B16;
}

.ReactTable .rt-thead.-header {
  border: none;
  border-bottom: 2px solid #070B16;
}
.ReactTable .rt-thead div .react-table-header-tooltip {
  background: #2196F3 !important;
}
.ReactTable .rt-tbody .rt-tr-group {
  color: #374D62;
  border: none !important;
  background: #fff;
}
.ReactTable .rt-thead .rt-th, .ReactTable .rt-thead .rt-td {
  border: none !important;
}
.ReactTable {
  border: none !important;
  border-radius: 8px;
  -webkit-box-shadow: 0px 3px 24px 0px rgba(218,218,218,0.37);
  box-shadow: 0px 3px 24px 0px rgba(218,218,218,0.37);
}
.rt-table{
  border-radius: 8px;
}
.rt-tr:hover{
  background: #fff;
}

/*****************************
MESSAGES
*****************************/

.page-message,
.page-errormessage,
.page-warningmessage,
.page-infomessage {
	text-align: center;
	margin-bottom: 16px;
	font-size: 13px;
}

.page-message span,
.page-errormessage span,
.page-warningmessage span,
.page-infomessage span {
	display: block;
	text-align: center;
	border-radius: 4px;
	font-weight: 500;
	color: #fff;
	padding: 1em 0;
	border: 1px solid;
	line-height: normal;
}


.page-warningmessage span
{
	display: flex;
	justify-content: center;
}

.page-message span.not-500,
.page-errormessage span.not-500,
.page-warningmessage span.not-500,
.page-infomessage span.not-500 {
	font-weight: normal;
}

.page-errormessage span {
    background: #B70711;

}

.page-message span {
	background: #609833;

}

.page-warningmessage span {
	background: #feb31b;
	border-color: #c28201;
	color: #545656;
	padding-left: 10%;
	padding-right: 10%;
	text-align: left;
}

.page-warningmessage span:before {
	content: "";
	display: block;
	background: url(/Content/img/alert-warning.svg) no-repeat;
	height: 20px;
	min-width: 22px;
	float: left;
	margin: 0 6px 0 0;
}

.page-infomessage span {
	background: #00B3B1;
	border-color: #000;
	color: #fff;
}

.error-message
{
	text-align:center;
	margin-bottom:16px;
	font-size:13px;
	color: #B70711;
}
.error-message span
{
	background:#EAEBED;
	font-weight:500;
	padding:4px;
	border:1px solid #BEBFBE;
}

.page-info
{
	text-align:center;
	margin-bottom:16px;
	font-size:13px;
}

form#inventory-form .page-message span,
form#inventory-form .page-infomessage span
{
	margin-top: 1em;
}

.popup-cpy .error-message {
	display: block;
	padding:12px 0 0 0;
	text-align:left;
}

.popup-hint {
    font-size: 10px;
    text-align: center;
}

.usercount-message {
	display: block;
	padding: 5px;
}
.info-message {
    text-align:center;
	margin-bottom:16px;
	font-size:13px;
    color: InfoText;
	display: block;
    padding: 20px;
}

#reason-holder .field-validation-error{margin:1em 0;display:block;font-weight:500;}

table.block-history
{
	width:100%;
}
table.block-history td{ padding:4px; }
table.block-history td.td-date
{
	width:auto;
	background-color:#BEBFBE;
	text-align:right;
}
table.block-history td.td-text span
{
	color: #374D62;
}

table.tbl-results td.td-action {
    display: flex;
    justify-content: flex-end;
    padding-right: 15%;
}

table td.tbl-results-tia {
    text-align: center;
}

.row span.pg-confg-cnt-msg{display:block;clear:left;margin:0}
.row span.pg-confg-cnt-msg span{margin:2px 0 0 0;}

#assign-vehicle-create-popup .panel.search{ border-top: 1px solid #374D62 !important;}
#assign-vehicle-create-popup .src-tgr-show{ border-top: 1px solid #374D62 !important;}
#assign-vehicle-popup .panel.search{ border-top: 1px solid #374D62 !important;}
#assign-vehicle-popup .src-tgr-show{ border-top: 1px solid #374D62 !important;}

#add-bid-popup .panel.search{ border-top: 1px solid #374D62 !important;}
#add-bid-popup .src-tgr-show{ border-top: 1px solid #374D62 !important;}
#add-bid-popup .panel.search{ border-top: 1px solid #374D62 !important;}
#add-bid-popup .src-tgr-show{ border-top: 1px solid #374D62 !important;}

.add-bid-error,
.edit-bid-error{
    left: 0;
   display: block;
    width: 96%;
    height: auto;
    color: #fff;
    text-align: center;
    padding: 1em 2% .5em 2%;
    z-index: 100;
    background: transparent url(/Content/img/bg-bid-msg-fail.png) no-repeat right top;
}
/*****************************
NEWS PAGE
*****************************/
.pg-nws .content h1 {margin:1em 0;}
.pg-nws h2 {margin-bottom:1em;text-align:left;}
.pg-nws .panel-col2.pg-news-content{width:60%}
.pg-nws .panel-col2.pg-news-content label{width:20%}
.pg-nws .row span.pg-confg-cnt-msg{margin-left: 20%;width:60%}
.pg-nws .row span.pg-confg-cnt-msg span.field-validation-error span{width:100%}

/*****************************
TERMS AND CONDITIONS PAGE
*****************************/
.pg-tnc .content h1 {margin:1em 0;}
.pg-tnc h2 {margin-bottom:1em;text-align:left;}
.pg-tnc h2 span{margin-left:1em;color:#B70711}
.pg-tnc .panel-col2.pg-news-content{width:60%}
.pg-tnc .panel-col2.pg-news-content label{width:20%}
.pg-tnc .tnc span.pg-confg-cnt-msg{margin-left: 20%;width:60%}
.pg-tnc .row span.pg-confg-cnt-msg span.field-validation-error span{width:100%}
.pg-tnc .progress-hldr{border:1px solid #2196F3;background:#2196F3;height:34px;display:block;position:relative;border-radius: 4px;}
.pg-tnc .progress-hldr .bar{position:absolute;top:0;left:0;width:0;background:#A9B700;height:20px;}
.pg-tnc .progress-hldr p{position:absolute;top:0;left:0;padding:10px 0 0 0;text-align:center;font-size:12px;color:#fff;z-index:9999;width:100%}
.pg-tnc .fileupload, .pg-tnc .fileupload:hover, .pg-tnc .fileupload:focus{border:none;cursor:pointer}
.pg-tnc .image-upload input{width:100%}
.pg-tnc .col1{float:left;}
.pg-tnc .col2{float:left;margin-left:32px;width:200px}
.fileupload {border: 1px solid #F1F1F1 !important;}

/*****************************
SALE SETTINGS PAGE
*****************************/
.pg-sst .content h1 { margin: 1em 0 0.5em 0;}

/*****************************
NOTES
*****************************/
.note_textarea{height: 15em;}

/* Chrome redraw bug */
/*html *:not(svg) {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}*/


/* Some Responsive */

/* If screen is SMALLER than, then; */
@media screen and (max-width: 1200px) {
	.tbl-results TD,
	.tbl-results TH
	{
		padding:0.25em;

	}
	.header .nav UL{padding:0;}
	.header .nav li{width:16%;}
	.header .nav li a{width:100%;padding:0}
    .pg-trd-edt .pg-trd-edt-ent .col {
        width: 100%;
    }
    .pg-trd-edt .pg-trd-edt-ent .col2 {
        padding: 10px 5px;
    }
}



/*****************************
IE 9 fixes
*****************************/
/* Hide the SPANS */
.image-upload .row span.filename,
.image-upload .row span.action{display:none}
/* Add opacity & physical size to std control */
.uploader input[type=file]{opacity:1 !important;width:360px;height:32px;border:none}


/*****************************
Browser Specifics
*****************************/
/*Chrome/Safari only*/
@media screen and (-webkit-min-device-pixel-ratio:0) {

button.ui-datepicker-trigger[type="button"] {
	top: 2px !important;
}

}

/*****************************
Vehicle back
*****************************/
.row .vehicle-back-row SELECT,
.row .vehicle-back-row INPUT {
    width: 65%;
}

.row .vehicle-back-row SPAN {
    margin: 0 0 0 2%;
    padding: 3px 0 0 0
}

/*****************************
Lot Details
*****************************/
.vehicle-transport-image {
    height: 13px;
    width:18px;
}

.tbl-results TD a.vehicle-transport-link {
    display: inline;
}

/****************
    Tooltip
*****************/
.tooltip-container {
    display: inline-block;
    cursor: pointer;
}

.tooltip-container > div.tooltip {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.4s ease-in;
}

.tooltip-container:hover > div.tooltip {
    visibility: visible;
    opacity: 1;
}

.tooltip {
    background-color: #ffffff;
    color: #545656;
    padding: 8px 12px;
    border-radius: 2px;
    margin-left: -8px;
    margin-top: 28px;
    position: absolute;
    z-index: 1;
    box-shadow: 0px 3px 25px rgba(67, 67, 67, 0.6);
    line-height: 1.3;
    max-width: 280px;
}

.tooltip:after {
    content: ' ';
    position: absolute;
    bottom: 100%;
    left: 20px;
    margin-left: -6px;
}

.tooltip:before {
    content: ' ';
    position: absolute;
    bottom: 100%;
    left: 20px;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    z-index: 2;
    border-color: transparent transparent #ffffff transparent;
}

.vehicle-list-buttons .tooltip-container {
	display: inline-block;
}

.tooltip h2 {
	font-weight: 500;
	padding: 0 0 0.5em 0;
	color: #989A9A;
	border-bottom: 0;
	margin-top: 0;
}

/******* ADMIN CSS *******/

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.clearfix {
    clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.international-field {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: 0.5rem;
}

.title-task {
    text-align: left;
}

.panel.login .field-validation-error, .panel.login .validation-summary-errors,
.panel.forgotpassword .field-validation-error, .panel.forgotpassword .validation-summary-errors {
    margin-left: 15%;
    padding: 0;
}

    .panel.login .field-validation-error span,
    .panel.forgotpassword .field-validation-error span {
        width: 100%;
        margin: 0;
    }

.row.validation {
    margin: 0;
    padding: 0;
    height: auto;
}

.panel.login label,
.panel.forgotpassword label {
    width: 15%;
}

.panel.login input[type='text'], .panel.login input[type='password'] {
    width: 150px;
}

.panel.forgotpassword input[type='text'] {
    width: 250px;
}

.panel.login input[type='submit'],
.panel.forgotpassword input[type='submit'] {
    margin-left: 15%;
    width: 166px;
}

.button-row {
    height: 32px;
    margin-bottom: 12px;
}

INPUT[type=button], INPUT[type=submit] {
    margin: 0;
}

INPUT[type=submit]:hover
{box-shadow: none;}

    INPUT[type=button][disabled], button[disabled], a[disabled] {
        padding: 0.75em;
        background: #BEBFBE;
        color: #fff;
        border: none;
        cursor: pointer;
        -webkit-box-shadow: 0px 0px 2px 2px #EAEBED;
        box-shadow: 0px 0px 2px 2px #EAEBED;
    }

a[disabled] {
    text-decoration: none;
}

INPUT[type=checkbox] {
    border: none;
}

.button {
    padding: 0 6px;
    font-size: 13px;
}

a.button {
    margin-right: 8px;
}

.disabledbutton {
    padding: 0 6px;
    font-size: 13px;
}

a.disabledbutton {
    margin-right: 8px;
}

.edit-controls {
    right: 0;
    padding: 16px 0 0;
    display: block;
}

.address-display .edit-controls {
    padding: 10px;
}

.tbl-results {
    margin-bottom: 18px;
}


legend {
    font-size: 1.2em;
    font-weight: 500;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}

.ui-datepicker {
    background: #ffffff;
    border: 1px solid #D8D8D8;
}
/* MVC Styles for validation helpers
-----------------------------------------------------------*/
span.field-validation-error {
    color: #E30613;
    width: 100%;
    margin-left: 25%;
    font-size: 12px;
}


.span.field-validation-error > span {
    margin-left: 0;
}

.row span.field-validation-error-no-margin {
    color: #E30613;
    width: 100%;
    margin-left: 0;
    font-size: 12px;
}

span.field-validation-error-no-margin > span {
    margin-left: 0;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 2px solid #E30613;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: 400;
    color: #E30613;
}

.login-frm .validation-summary-errors {
    padding: 12px 0;
    float: left;
}

.validation-summary-valid {
    display: none;
}

/* Styles for whitelabel Fileupload
-----------------------------------------------------------*/


.uploader input[type=file] {
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 3000;
}

/* Styles for whitelabel Gallery
-----------------------------------------------------------*/
ul.gallery {
    margin: 0;
    padding: 0.5em;
    font-size: 12px;
    position: relative;
    overflow: auto;
}

ul.gallery li {
    position: relative;
    float: left;
    width: auto;
    height: 150px;
    margin-right: 8px;
    padding-top: 20px;
}

ul.gallery li .visible-to-bidder {
    width: 24px;
    height: 24px;
    background-color: #EAEBED;
    padding: 0;
    margin: 36px 0 0 0;
    cursor: pointer;
}

ul.gallery li .visible-to-bidder .visible {
    background-image: url(/Content/whitelabel/css/images/icons/dark/tick.png);
}

ul.gallery li .visible-to-bidder .invisible {
    background-image: url(/Content/whitelabel/css/images/icons/dark/access_denied.png);
}

ul.gallery li .visible-to-bidder .visible, ul.gallery li .visible-to-bidder .invisible {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    padding-left: 26px;
    padding-top: 6px;
    color: #BEBFBE;
    font-style: italic;
}

ul.gallery li.main-img div.overlay-main-img {
    display: block;
}

div.overlay-main-img {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 4px 0;
    color: #fff;
    width: 100%;
    line-height: 12px;
    text-align: center;
    background: #2196F3;
    font-size: 10px;
}

ul.gallery li a {
    text-decoration: none;
}

ul.gallery li a img {
    height: 70px;
    display: block;
    border: 1px solid #ccc;
}

ul.gallery li a span a {
    text-decoration: none;
    padding: 0 4px 4px 0;
    margin-top: 2px;
}

ul.gallery li span a.edit {
    display: none;
}

ul.gallery li span a.mainImage, ul.gallery li span a.delete {
    float: left;
    display: block;
    width: 100%;
}

ul.gallery li.main-img span a.mainImage {
    display: none;
}

/* Styles for whitelabel Dialog
-----------------------------------------------------------*/
.ui-dialog.ui-widget {
    background-color: #fff;
    padding: 1px;
    min-width: 560px !important;
}

.ui-dialog-titlebar {
    background-color: #6E6E6E;
    color: #fff;
    padding: 0.625em 0.5em;
}

.ui-dialog-titlebar-close, .ui-dialog-titlebar-close:hover {
    float: right;
    color: #fff;
}

.ui-dialog-titlebar-close:hover {
    text-decoration: underline;
}

.ui-dialog-buttonpane {
    padding: 0.5em;
}

#wl_dialog {
    padding: 0.5em;
}

.ui-icon-closethick {
    display: none;
}

.ui-dialog-titlebar-close {
    background: #2196F3 url(/Content/img/bg-icon-sprite-new.png) no-repeat 6px -144px;
    width: 20px;
    height: 20px;
    margin: -3px -3px 0 0;
}

.ui-dialog-titlebar-close:hover {
    background: #2196F3 url(/Content/img/bg-icon-sprite-new.png) no-repeat 6px -144px;
}

.ui-dialog .ui-dialog-title {
    font-family: 'Roboto' !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    color: #070B16 !important;
}

.popup-btns {
    overflow: hidden;
    padding: 1em 0;
    margin: 1em;
}

.popup-list {
    padding: 0.25em 0;
}

/*COLUMNS*/
.col25 {
    float: left;
    width: 25%;
    overflow: hidden;
}

.col33, .panel-col1 {
    float: left;
    width: 33%;
    overflow: hidden;
}
.col33 {
  padding: 10px 0;
}

.col50 {
    float: left;
    width: 50%;
    overflow: hidden;
}

.col66 {
    float: left;
    width: 66%;
    overflow: hidden;
}

.col100 {
    float: left;
    width: 100%;
    clear: both;
    padding: 1em 0;
    overflow: hidden;
}

.highlight-row {
    background-color: #FDCA4D;
}

/* Misc */
span.block-wrn {
    display: inline-block;
    width: 17px;
    height: 15px;
    background: url(/Content/img/bg-icon-sprite-new.png) no-repeat 0 -797px;
    cursor: help;
}

.highlight-bid-cell {
    background-color: #ffefd5;
}

.internal-comments.active {
    width: 18px;
    height: 18px;
    background-image: url(/Content/img/private-comments-active.svg);
    cursor: pointer;
    float: right;
}

.public-comments.active {
    width: 18px;
    height: 18px;
    background-image: url(/Content/img/comments-active.svg);
    float: left;
    cursor: pointer;
}

.internal-comments.inactive {
    width: 18px;
    height: 18px;
    background-image: url(/Content/img/private-comments.svg);
    float: right;
    cursor: pointer;
}

.public-comments.inactive {
    width: 18px;
    height: 18px;
    background-image: url(/Content/img/comments.svg);
    float: left;
    cursor: pointer;
}

.vehicleImages {
    height: 70px;
}

.vehicleImagesLoading {
    height: 70px;
}

/*****************************
Spinner
*****************************/
@keyframes lds-spinner {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes lds-spinner {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.lds-spinner {
    position: relative;
    margin: auto;
}

.lds-spinner div {
    left: 94px;
    top: 48px;
    position: absolute;
    -webkit-animation: lds-spinner linear 1.7s infinite;
    animation: lds-spinner linear 1.7s infinite;
    background: #2196F3;
    width: 12px;
    height: 24px;
    border-radius: 40%;
    -webkit-transform-origin: 6px 52px;
    transform-origin: 6px 52px;
}

.lds-spinner div:nth-child(1) {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation-delay: -1.558333333333333s;
    animation-delay: -1.558333333333333s;
}

.lds-spinner div:nth-child(2) {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-animation-delay: -1.416666666666667s;
    animation-delay: -1.416666666666667s;
}

.lds-spinner div:nth-child(3) {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-delay: -1.275s;
    animation-delay: -1.275s;
}

.lds-spinner div:nth-child(4) {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation-delay: -1.133333333333333s;
    animation-delay: -1.133333333333333s;
}

.lds-spinner div:nth-child(5) {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
    -webkit-animation-delay: -0.991666666666667s;
    animation-delay: -0.991666666666667s;
}

.lds-spinner div:nth-child(6) {
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
    -webkit-animation-delay: -0.85s;
    animation-delay: -0.85s;
}

.lds-spinner div:nth-child(7) {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-animation-delay: -0.708333333333333s;
    animation-delay: -0.708333333333333s;
}

.lds-spinner div:nth-child(8) {
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg);
    -webkit-animation-delay: -0.566666666666667s;
    animation-delay: -0.566666666666667s;
}

.lds-spinner div:nth-child(9) {
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg);
    -webkit-animation-delay: -0.425s;
    animation-delay: -0.425s;
}

.lds-spinner div:nth-child(10) {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-animation-delay: -0.283333333333333s;
    animation-delay: -0.283333333333333s;
}

.lds-spinner div:nth-child(11) {
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg);
    -webkit-animation-delay: -0.141666666666667s;
    animation-delay: -0.141666666666667s;
}

.lds-spinner div:nth-child(12) {
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg);
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.lds-spinner {
    width: 200px !important;
    height: 200px !important;
    -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
    transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}


/*****************************
Auction Score
*****************************/
.auction-score-row {
    font-size: 1.2em;
    font-weight: 500;
}

.auction-score-row label {
    font-size: 1em;
}

.auction-score-row a {
    font-size: 1em;
}
.auction-review-h2 {
    text-align: left;
    border-bottom: 1px solid #D8D8D8;
}
/*******************************
    Auction Review
*******************************/
.review-comment {
    width: 20px;
    height: 20px;
    background-image: url(/Content/img/comments.svg);
    float: left;
    cursor: pointer;

}

.line{
  background-color: transparent !important;
  border-bottom: 1px solid #f1f1f1;
  box-shadow: none !important;
  webkit-box-shadow: none !important;
}

/*******************************
    Vehicle Details - History
*******************************/
.h3-spaced-top {
    margin-top:32px;
}

.no-exceptional-actions {
    font-size: 12px; 
    line-height: 18px;
}

.bid-history-link-column {
    width: 42px;
}

.vehicle-history-rank-column {
    width: 90px;
}


/************************
    Trader Company list    
*************************/

#trader-companies-list {
    margin-top: -1em;
}

/* STYLES FOR NEW CUSTOM DIALOG -------------------------------------- */
.ui-dialog {
    padding: 30px !important;
    border-radius: 24px;
    background-color: #fff;
}

.ui-dialog-content {
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 30px;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 28px !important;
    color: #47526B !important;
}

.popup-cpy {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

.popup-btns {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    margin-left: auto !important;
}

.popup-btns .button {
    margin: 0 !important;
    height: 48px;
    border-radius: 8px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 25px !important;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
}

#confirm-block-trader-button,
#confirm-unblock-trader-button {
    background: #E30613 !important;
    border: none !important;
}

#confirm-manage-trader-button {
	background: #E30613 !important;
	border: none !important;
}


.ui-dialog-titlebar {
    background-color: #fff !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-bottom: 30px !important;
}

.ui-dialog-titlebar-close {
    padding: 0 !important;
    width: 25px !important;
    height: 24px !important;
    top: 1.1em !important;
}

.ui-dialog .ui-dialog-title {
    font-weight: 700 !important;
    font-size: 32px !important;
    line-height: 40px !important;
    color: #1D2948 !important;
    margin: 0 !important;
    white-space: initial !important;
    overflow: initial !important;
    text-overflow: initial !important;
}

.ui-widget-overlay {
    background-color: rgba(0, 0, 0, 0.3);
}

.block-trader-button {
    float: right;
    border-radius: 4px;
    background: #E30613;
    outline: none;
    border: 1px solid #E30613 !important;
    font-size: 11px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

.block-trader-button:hover {
    background: #E30613;
    opacity: 0.85;
    outline: none;
    border: 1px solid #E30613 !important;
}

.unblock-trader-button {
    float: right;
    border-radius: 4px;
    background: transparent;
    outline: none;
    font-size: 11px !important;
    color: #E30613 !important;
    border: 1px solid #E30613 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

.unblock-trader-button:hover {
    background: transparent;
    opacity: 0.85;
    outline: none;
    border: 1px solid #E30613 !important;
}

/* SHEARCHABLE DROPDOWN -------------------------------------- */
.custom-combobox {
    position: relative;
    display: inline-block;
    margin: 0 !important;
}

.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
}

.custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
    min-width: 250px;
}

.ui-menu {
    background: white;
    max-height: 300px;
    overflow: auto;
    overflow-x: hidden;
}

.ui-menu-item {
    margin-bottom: 5px !important;
}