* {margin:0px;padding:0px;box-sizing: content-box  !important;}

*::after, *::before {
    box-sizing: content-box !important;
}

img {border:none} 


.daterangepicker * {box-sizing: border-box  !important;}
.daterangepicker *::after, .daterangepicker *::before {
    box-sizing: border-box !important;
}

html {
    position: relative;
    min-height: 100%;
}
body {font-family: Arial,sans-serif; font-weight:normal;font-size:12px;min-height:100%;}
h1 {font-family:Arial,sans-serif;font-weight:normal;font-size:28px;}
h2 {font-weight:600;font-family: Arial,sans-serif; color:#f29100;text-transform: uppercase;border-bottom:2px solid #f29100;font-size:20px;padding-bottom:10px;margin-bottom:10px;padding-left:10px;padding-right:10px; }

h2 {
    color: black;
    font-family: Arial;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}


h3 {font-weight:600;font-family: Arial,sans-serif; color:#f29100;text-transform: uppercase;font-size:14px;}

input[type=text],input[type=password] { width:100%;border:none;font-size:13px;font-family: Arial,sans-serif; }
a {text-decoration:none;font-size:14px;color:#f29100;} 
a:hover {text-decoration:underline;}
a.logout {font-size:12px}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #777;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #777;
   opacity:  1; 
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #777;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #777;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #777;
}

input[type=button],input[type=submit]
{
 -webkit-appearance: none;
border-radius: 0;
}

select
{
border-radius: 0;
}

input {
 border-radius: 0;
}

.placeholder { color: #777; }

/* LOGIN STYLES */
.LoginBox {background:url(/images/login_background.png);width:500px;border-radius:20px;margin:0 auto;margin-top:80px;border: 2px solid #ececec;}
.LoginBoxInner {padding:20px;padding-left:50px;padding-right:50px;padding-top:30px;color:white;text-align:center;}

.inputContainer { margin-top:20px;width:100%;background-color:white;border-radius:10px;}
.inputContainerPadding {padding:10px}
.LoginFooter { margin-top:30px;margin-bottom:20px;border-radius:10px;text-align:left;}
.submitBut,.cancelBut,.previewBut {text-transform:uppercase;height:19px;cursor:hand;cursor:pointer;float:right;font-size:13px;background:#f29100;transition: background-color 0.5s ease 0s;border:none;color:white;padding-top:8px;padding-bottom:8px;padding-left:20px;padding-right:20px;border-radius:8px !important;}
.cancelBut {background:#706F6F}
.previewBut {background:#9C9C9B}


.submitBut:hover,.cancelBut:hover,.previewBut:hover {background:rgba(247,171,11,0.8);transition: background-color 0.5s ease 0s;}
.cancelBut:hover {background:rgba(112,111,111,0.8)}
.previewBut:hover { background:rgba(156,156,156,0.8)}

.greyBut {text-transform:uppercase;height:19px;cursor:hand;cursor:pointer;float:right;font-size:12px;background:#868686;transition: background-color 0.5s ease 0s;border:none;color:white;padding-top:8px;padding-bottom:8px;padding-left:20px;padding-right:20px;border-radius:10px;}
.greyBut:hover {background:rgba(134, 134, 134,0.8);transition: background-color 0.5s ease 0s;}
.closeBut
{
 transition: opacity 0.5s ease 0s;
 cursor:hand;
 cursor:pointer;
}
.closeBut:hover {  opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
    transition: opacity 0.5s ease 0s;
}


/* MAIN STYLES */
#top {background:#1D1D1B;height:50px;width:100%;border-top:2px solid #f29100;}
#topInner {width:1000px;margin:0 auto;}
#topMenu {list-style-type: none;margin:0px;padding:0px}
#topMenu li a { float:left;width:40px;height:50px;transition: background-color 0.5s ease; } 
#topMenu li.last a { border-right:1px solid white; }
#topMenu li.active a,#topMenu li a:hover   {background:#f29100;transition: background-color 0.5s ease;}

.MainLoginText {float:right;color:white;line-height:50px;font-size:12px;padding-right:20px;}
a.logout,a.logout:hover,a.logout:active,a.logout:focus {color:white} 
#wrapper {/*background:url(/images/car_overlay.png) repeat-x;width:100%;min-height:250px;*/}
#innerWrapper {width:1000px;margin:0 auto;}   
#wrapper h1 {/*color:#f29100; text-transform: uppercase;line-height:90px;height:90px;padding:0px;margin:0px;font-weight:700;font-size:28px;font-family: Helvetica Neue,Helvetica,Arial,sans-serif;*/}
#wrapper h1 {color:#575756;font-weight:600;font-family: Arial,sans-serif;font-size:26px; padding: 0;}
#content,.content,#contentLeft,#contentRight {background:white;width:100%;border-radius:10px;}
#contentLeft {width:420px;float:left;}
#contentRight {width:550px;float:right;}
  
.contentInner {/*padding:25px;*/}

#footer {height:100px;position:absolute;bottom:0px;width:100%;background:#1d1d1b;}
#footerInner {}

.listingnotes {font-size:18px !important;color:#C5C5C5;cursor:hand;cursor:pointer;
 transition: color .25s ease-in-out;
   -moz-transition: color .25s ease-in-out;
   -webkit-transition: color .25s ease-in-out;


}
.listingnotes:hover {font-size:18px;color:#f29100;

 transition: color .25s ease-in-out;
   -moz-transition: color .25s ease-in-out;
   -webkit-transition: color .25s ease-in-out;


}


/* PORTAL */
#filterBut {display:block;float:left;background:#F29100;transition: background-color 0.5s ease;color:white;padding:5px;border-radius:8px;font-weight: 300;font-family:Arial; text-transform: uppercase;margin:0px;padding:0px;border:0px #f29100 none;margin-right:10px;padding-left:10px;padding-right:10px;font-size:13px;height:30px;line-height:30px;font-weight:normal;}
#filterBut:hover {background: rgba(242, 145, 0, 0.6); transition: background-color 0.5s ease 0s;} 
#filterButContent {float:left;}
#StatusBoxOuter {float:left;height:30px;width:180px;background:#dadada;margin-right:10px;padding-left: 5px;padding-right: 5px;border-radius: 10px}
tr.even td {/*background:rgba(29,113,184,0.1);*/}
/* background:#DADADA;color:#1D1D1B;border-radius:10px;padding-right:20px;font-size:14px;height:30px;line-height:25px;display: inline-block;  */ 
#filterBox {float:left}
#searchBox {float:right;width:230px;height:30px;line-height:30px;padding-left:10px;background:#dadada;font-size:14px;border-radius:15px;} 
#q {height:30px;background:#dadada;}
#contentarea{ width:100%;color:##6f6f6e;overflow-x:hidden;overflow-y:hidden;height:380px;}
.hrborder{height:2px;background:#f29100;width:100%;margin-top:10px;}

table.listing th {color:#f29100;text-align:left;border-bottom:2px solid #f29100;padding-top:8px;padding-bottom:8px;font-weight:600;}
table.listing td {padding-top:8px;padding-bottom:8px;border-bottom:1px solid #C5C5C5;} 

/* Customer Details */
.add input[type=text],.add input[type=password],select {width:100%;background:#DADADA;border:1px none transparent;padding:0px;margin:0px;font-family: Arial,sans-serif; font-size:13px;color:#1D1D1B;padding-left:1px;} 

.add {padding-top:10px;}

.add .theInput {background:#DADADA;border-radius:10px;border: 1px solid #dadada;font-size:14px;}
.add .theInput.error {border: 1px solid red;}
.add .innerInput {padding:8px;color: #575756;} 
.add .innerInputSelect {padding:7px;padding-right:8px;padding-left:4px;}
.add tr {height:47px}
.add input[type="text"].bluePriceBox,
.add input[type="text"].blackPriceBox,
.add input[type="text"].greyPriceBox {background:#f29100;width:100px;color:white;height:34px;line-height:30px;font-size:14px;margin-left:10px;}

.add div.bluePriceBox,
.add div.blackPriceBox,
.add div.greyPriceBox {display:inline;background:transparent;width:110px;color:white;height:34px;line-height:30px;font-size:14px;margin-left:10px;}

#bluePriceBoxContainer,#blackPriceBoxContainer,#greyPriceBoxContainer {height:34px;padding-left:10px;padding-right:10px;background:#f29100;width:120px;color:white;border-radius:10px;font-size:14px;}
#blackPriceBoxContainer,.add .blackPriceBox,#blackPriceBoxContainer,.add input[type="text"].blackPriceBox {background:black} 
#greyPriceBoxContainer,.add .greyPriceBox,#greyPriceBoxContainer,.add input[type="text"].greyPriceBox {background:#868686}

.tabs {color:#868686;cursor:hand;cursor:pointer;text-transform: uppercase;



}
.tabs.active {color:#f29100;text-decoration:underline;font-weight:600;}
.tabs:hover {color:#f29100;}

.dealCostRow {width:110px;color:#575756;font-weight:600;font-size:13px;}
option {padding-left:2px;padding-right:2px;}

/* USERS */
a.user {text-decoration:none;font-size:13px;color:black;cursor:hand;cursor:pointer;} 
a.user:hover {text-decoration:none;color:#f29100;}
textarea {width:100%;height:65px;background:#dadada;resize:none;border:none;font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-size:14px;color:#1D1D1B;} 
select {font-family: Arial,sans-serif; font-size:13px;color:#1D1D1B;}

#pagination a,#pagination .active {margin-right:5px;font-size:13px;color:white; padding:10px;background:#F2931F;border-radius:25px;}

.pages {width:15px;height:15px;display:inline-block;line-height: 15px;}
#pagination .pages.active {background:#1d1d1b}

#pagination .active,#pagination a:hover {text-decoration: none;color:white;}

.historyBut{margin:0 auto;width:100px;text-align: center;background: #F29100;border-radius: 10px;color:white;font-size:13px;height:38px;line-height:38px;}
.historyBut:hover {background:#f39d35;cursor:hand;cursor:pointer;}
#pagination a:hover {cursor:hand;cursor:pointer;
 opacity:0.6;
 transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;

} 
.DealCostsHeader {margin-bottom:5px;font-size:12px;color:#575756}
.DealCostsTable {font-size: 12px;padding-bottom: 10px}
.DealCostsTable tr {height:20px; }
.DealCostsTable td.fields {width:150px;}
.DealCostsTable td.values {text-align:right; }
.DealCostsTable td.title {font-weight:600}


.buttonsHover
{
 transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.buttonsHover:hover {
 opacity:0.6;
 transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;

}

a.docLink {text-decoration:underline}
a.docLink:hover {text-decoration:none}
.print body {margin:0px;padding:0px}
.print #innerWrapper {width:100%}

.print .contentInner {padding:0px}

.print a:link:after, .print a:visited:after {  
       content: normal !important; 
    }
.print #filterBar {display:none}
.print table.listing td,.print table.listing th  {padding-right:10px} 

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    background: #f6f6f6 none repeat scroll 0 0;
    border: none !important;
    color: #454545;
    font-weight: normal;
}


.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background: #f29100 none repeat scroll 0 0  !important;
    border: none !important;
    color: #ffffff  !important;
    font-weight: normal;
}