@charset "utf-8";
/* INITIALIZE
2013.11.10 Reset CSS including HTML5 tags (with box-sizing to border-box)
Masayuki Fukumoto (OSSI Inc.)
==================================================== */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form, label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,summary,time,mark,audio,video,a{margin:0; padding:0; border:0; font-size:100%; background:transparent; box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block;}
ul li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:''; content:none;}
pre,code,kbd,samp{font-family:monospace,monospace; font-size:inherit;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal; font-weight:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
sup{vertical-align:text-top; font-size:75%;}
sub{vertical-align:text-bottom; font-size:75%;}
input,textarea,select,button{vertical-align:middle; font-family:inherit; font-size:inherit; font-weight:inherit; box-sizing:border-box;}
a{outline:none;}
audio:not([controls]){display:none;}
time{display:inline;}
[hidden]{display:none;}
input::-ms-clear,input::-ms-reveal,input:focus::-ms-clear,input:focus::-ms-reveal{visibility:hidden; display:none;}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{padding:0; border:0;}

/* clolr schemes
==================================================== */
.c-def{color:#000;}
.c-main{background:#099; color:#fff;}/* mint */
.c-base{background:#003838; color:#fff;}/* dark green */
.c-view{background:#205063; color:#fff;}/* navy */
.c-sub {background:#7f7f7f; color:#fff;}/* gray */
.c-scnd{background:#069; color:#fff;}/* Strong blue */
.c-pale{background:#fbfcfe; color:#000;}/* pale gray */
.c-head{background:#e7fefe; color:#000;}/* pale blue */
.c-odd {background:#f3feff; color:#000;}/* odd line */
.c-rtn {background:#666666; color:#fff;}/* return and cancel */
.c-bg  {background:#f8fcf9; color:#000;}/* body bg */
.c-edit {background:#9C0; color:#fff;}/* light green */


/* BASE CONFIGURATIONS
==================================================== */
body{font-size:11px; color:#333; font-family: 'Open Sans', sans-serif;}
#wrapper{min-width:1348px; margin:0 auto; position:relative;}
#wrapper.sub-win{min-width:0;}
#wrapper.fix{max-width:1348px; box-shadow:0 0 10px #aaa;}
#wrapper.sub-win.fix{max-width:none; box-shadow:none;}
.backend-header{background:rgb(0,56,56);}
/* sub window wrapper */
#container.sub-wrapper{width:1322px; margin:0 auto;}

/* anchor
==================================================== */
a:link,
a:visited,
a:hover,
a:active{text-decoration:none; color:#000;}


/* Scroll To Top
=====================================================================*/

#scroll {
    position:fixed;
    right:6%;
    bottom:3%;
    cursor:pointer;
    width:60px;
    height:60px;
    background-color:#003838;
	opacity:0.6;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-10px;
    margin-top:-16px;
    height:0;
    width:0;
    border:10px solid transparent;
    border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color:#003838;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}


/* Tool Tip
=====================================================================*/

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #003838;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    padding: 3px 0;
    position: absolute;
    z-index: 1;
    bottom: 190%;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    transition: opacity 0.5s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 20%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #003838 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 0.9;
}

/* FORM OBJECTS
==================================================== */
button{background:none; border:none; border-radius:0; color:#fff; cursor:pointer; transition:all .2s ease; width:80px; height:27px; line-height:25px;}
a.btn{border:none; border-radius:0; transition:all .2s ease; width:80px; height:27px; line-height:25px; display:inline-block; color:#fff;}
button:hover,
a.btn:hover{opacity:0.7; color:#fff;}
input::placeholder-shown{color:#ddd !important;}
input::-webkit-input-placeholder{color:#ddd !important;}/* Google Chrome, Safari, Opera 15+, Android, iOS */
:-moz-placeholder{color:#ddd !important; opacity:1;}/* Firefox 18- */
::-moz-placeholder{color:#ddd !important; opacity:1;}/* Firefox 19+ */
:-ms-input-placeholder{color:#ddd !important;}/* IE 10+ */

input[type=text],
input[type=email],
input[type=number],
input[type=url],
input[type=password],
input[type=tel],
select,
textarea{border:1px #666 solid; color:#333; border-radius:0; box-sizing:border-box;}
input[type=text],
input[type=email],
input[type=number],
input[type=url],
input[type=password],
input[type=tel],
select{border:1px #aaa solid; height:27px; padding:0 5px; box-sizing:border-box;}
textarea.memo{background:#FFC;}
textarea.memo.office{background:#e7fefe; border-color:#099;}
textarea{resize:vertical;}

/* radio  checkbox */
label.rdo,
label.chk{padding:0 0 0 33px; position:relative; overflow:hidden; display:inline-block; min-height:28px; line-height:28px; vertical-align:middle;}
label.rdo input,
label.chk input{position:absolute; left:-40px; opacity:0; visibility:hidden;}
label.chk:before{content:''; display:block; width:28px; height:28px; position:absolute; left:0; top:50%; margin-top:-14px; border:1px #ccc solid; box-sizing:border-box; line-height:25px; text-align:center;}
label.rdo:before{content:''; display:block; width:28px; height:28px; position:absolute; left:0; top:50%; margin-top:-14px; border:1px #ccc solid; box-sizing:border-box; border-radius:50%; line-height:24px; text-align:center;}
label.rdo.checked:before{content:'\f111'; font-family:FontAwesome; color:#000; font-size:16px; text-align:center; line-height:26px;}
label.rdo.disabled:before{}
label.rdo.disabled.checked:before{color:#eee;}
label.chk.checked:before{content:'\f00c'; font-family:FontAwesome; color:#000; font-size:14px; text-align:center; line-height:26px;}
label.chk.disabled:before{}
label.chk.disabled.checked:before{color:#eee;}
label.rdo.mini,
label.chk.mini{padding:0 0 0 25px; min-height:25px; line-height:25px; vertical-align:middle;}
label.chk.mini:before{width:21px; height:21px; margin-top:-9px; line-height:16px;}
label.rdo.mini:before{width:21px; height:21px; margin-top:-9px; line-height:16px;}
label.rdo.mini.checked:before{font-size:10px; line-height:16px;}
label.chk.mini.checked:before{color:#333; font-size:13px; line-height:16px; padding-top:2px}
label.chk.mint:before,
label.rdo.mint:before{border-color:#099;}
label.chk.mint.checked:before,
label.rdo.mint.checked:before{background:#099; color:#fff;}
label.chk.sky:before,
label.rdo.sky:before{border-color:#09c;}
label.chk.sky.checked:before,
label.rdo.sky.checked:before{background:#00a7e2; color:#fff;}
label.chk.myChoice.checked:before{background:#00a7e2; color:#fff;}
label.chk.myChoice:before{border-color:#00a7e2; content:'\f00c'; font-family:FontAwesome; color:#ddd; font-size:14px; text-align:center; line-height:26px;}
label.chk.grn:before{border-color:#099; margin-left:3px;}
label.rdo.grn:before{border-color:#00b050; margin-left:3px;}
label.chk.grn.checked:before{background:#00b050; color:#fff;}
label.rdo.grn.checked:before{background:#00b050; color:#666666;}
label.chk.org:before,
label.rdo.org:before{border-color:rgb(255,182,0); margin-left:3px;}
label.chk.org.checked:before,
label.rdo.org.checked:before{background:rgb(255,182,0); color:#666666;}
label.chk.red:before,
label.rdo.red:before{border-color:#ff000a; margin-left: 3px;}
label.chk.red.checked:before,
label.rdo.red.checked:before{background:#ff000a; color:#666666;}
label.chk.blue:before,
label.rdo.blue:before{border-color:#069; margin-left: 3px;}
label.chk.blue.checked:before,
label.rdo.blue.checked:before{background:#069; color:#fff;}

label.rdo.book:before{border-color:#fff; margin:0 3; content:'\f00c'; font-family:FontAwesome; font-size:26px; background:#fff; color:#eee; line-height:28px;}
label.rdo.book.checked:before{ content:'\f046'; font-family:FontAwesome; font-size:30px; background:#fff; color:#099; line-height:28px;}
label.chkbook { background:#fff; color:#333; border:1px #099 solid; padding-right: 10px;}




/* check mark (not checkbox) */
i.checkMark{font-family:FontAwesome; font-size:13px; color:#ddd; text-align:center; line-height:26px; display:inline-block; width:28px; height:28px; border:1px #ccc solid; box-sizing:border-box; vertical-align:middle; text-indent:0}
i.checkMark:before{content:'';}
i.checkMark.checked{color:#000; border:1px #000 solid;}
i.checkMark.checked:before{content:'\f00c';}
i.checkMark.mint{border:1px #099 solid;}
i.checkMark.mint.checked{color:#fff; border:1px #099 solid; background:#099;}
i.checkMark.sky{border:1px #00a7e2 solid;}
i.checkMark.sky.checked{color:#fff; border:1px #00a7e2 solid; background:#00a7e2;}
i.checkMark.grn{border:1px #ccc solid; color:#fff;}
i.checkMark.grn.checked{color:#fff; border:1px #36b16d solid; background:#36b16d;}

/* custom select */
.custom-select{position:relative;}
.custom-select .val{width:100%; height:27px; line-height:25px; padding:0 5px; border:1px #ccc solid; background:#fff;}
.custom-select ul{width:100%; border:1px #ccc solid; border-top:0 none; background:#fff; position:absolute; left:auto; top:26px; display:none;}
.custom-select li{height:28px; line-height:27px; padding:0 5px; cursor:pointer;}
.custom-select li:hover{background:#eee;}
.custom-select li.selected{display:none;}

/* Commom Properties
==================================================== */
.disabled{cursor:not-allowed; opacity:.5;}

/* general class
==================================================== */
.ct{text-align:center !important;}
.rt{text-align:right !important;}
.lt{text-align:left !important;}
.vtop{vertical-align: top !important;}
.vbot{vertical-align:bottom !important;}
.bld{font-weight:700;}
.wauto{width:auto !important;}
.vt{vertical-align:top;}

/* table common
==================================================== */
.table tbody tr{background:#fff;}
.table tbody tr:nth-child(odd){background:#f3feff;}
.table thead,
.table tfoot{background:#e7fefe; border-bottom:1px #099 solid;}
.table tfoot{border-top:1px #099 solid; border-bottom:0 none;}
.table tbody th,
.table tbody td{border-bottom:1px #eee solid;}

/* modal base
==================================================== */
#modal-base{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:1000; display:none;}
.modal-stage{position:fixed; left:50%; top:50%; background:#fff; box-shadow:0 0 5px rgba(0,0,0,5); z-index:1001; display:none; max-height:96%; overflow:auto;}
.modal-stage .title{background:#099; color:#fff; text-align:center; position:relative; height:25px; line-height:25px;}
.modal-stage .title .modal-close,
.title .subwin-close{width:15px; height:15px; color:#fff; position:absolute; right:5px; top:5px; text-indent:20px; overflow:hidden; white-space:nowrap;}
.modal-stage .title .modal-close:before,
.title .subwin-close:before{width:15px; height:15px; position:absolute; left:0; top:0; color:#fff; text-indent:0;content:'\f00d'; font-family:FontAwesome; line-height:15px; font-size:14px;}

/* sub window
===================================================== */
.sub-win .title{background:#099; color:#fff; text-align:center; position:relative; height:23px; line-height:23px; font-size:11px; text-align:left; padding:0 15px;}
.sub-win .title .modal-close{width:15px; height:15px; color:#fff; position:absolute; right:5px; top:5px; text-indent:20px; overflow:hidden; white-space:nowrap;}
.sub-win .title .modal-close:before{width:15px; height:15px; position:absolute; left:0; top:0; color:#fff; text-indent:0;content:'\f00d'; font-family:FontAwesome; line-height:15px; font-size:14px;}

/* configure menu
==================================================== */
#setting{position:absolute; width:40px; height:40px; z-index:100; cursor:pointer; background:rgba(0,0,0,.3); border-radius:5px; left:50%; top:8px; margin-left:-20px;}
.backend-header #setting{left:20px; top:5px;}
#setting .toggle{width:40px; height:40px; overflow:hidden; text-indent:50px; white-space:nowrap; position:relative; display:block;}
#setting .toggle:after{font-family:FontAwesome; content:'\f013'; font-size:20px; text-align:center; width:40px; height:40px; position:absolute; left:0; top:0; color:#fff; line-height:40px; display:block; text-indent:0;}
#setting dl{background:#f6f6f6; border:1px #099 solid; position:absolute; left:35px; top:15px; width:120px; display:none;}
#setting dl dt{background:#fff; text-align:center; padding:5px; color:#000;}
#setting dl dd{text-align:center; padding:5px 0; line-height:1;}
#setting dl dd a{display:inline-block; padding:3px 10px; text-align:center; color:#fff; background:#999; border-radius:7px; margin:0 5px;}
#setting dl dd a.active{background: #099;}

/* customer header (frontend/backend)
==================================================== */
.customer-profile{position:relative; height:48px;}
.customer-profile dl{float:left; border:1px #35E3C0 solid; padding:7px; position:relative;}
.customer-profile dl dt{float:left;}
.customer-profile dl.primary,
.customer-profile dl.customer-name,
.customer-profile dl.credit{width:170px; margin-right:5px; height:44px;}
.customer-profile dl.primary dt{width:95px;}
.customer-profile dl.customer-name dt{width:38px; height:38px; position:absolute; left:2px; top:2px;}
.customer-profile dl.customer-name dt img{width:38px; height:38px;}
.customer-profile dl.customer-name dd{padding-left:45px;}
.customer-profile input{color:#000;}
.customer-profile dl.credit dt{width:90px;}
.customer-profile dl.credit dd{text-align:right;}
.customer-profile dl.payment-info{border:0 none; width:90px;; margin-right:5px; padding:0;}
.customer-profile dl.payment-info dt{float:none; margin-bottom:2px;}
.customer-profile dl.payment-info dd{float:none;}
.customer-profile dl.payment-info dd{border:1px rgb(53,227,192) solid; width:100%; padding:5px 5px; text-align:right; background:rgba(255,255,255,.3)}
.customer-profile dl.payment-info.due{border:0 none; width:280px; margin-right:5px;}
.customer-profile dl.payment-info.due dd{float:left; width:32%; margin-right:5px; color:#000;}
.customer-profile dl.payment-info.due dd:last-child{margin-right:0;}
.customer-profile dl.payment-info dd.c-alert{color:#f00;}
.customer-profile dl.payment-info dd.c-safe{color:#fff;}
.customer-profile dl.payment-info dd.c-notice{color:#ff0;}
.customer-profile dl.payment-info.lcv dd{float:left; margin-right:5px; color:#000;}
.customer-profile dl.payment-info dd.c-alert{color:#f00;}
.customer-profile dl.payment-info dd.c-safe{color:#fff;}
.customer-profile dl.payment-info dd.c-notice{color:#ff0;}
.customer-profile form{width:80px; height:46px; float:right; display:block;}
.customer-profile form button{position:relative; right:auto; top:17px;}
.customer-profile .customer-user{float:left; width:525px; position:relative;}
.customer-profile .customer-amount{float:right; width:465px; position:relative;}

/* frontend customer header
==================================================== */
.frontend-customer-header{background:#099; color:#fff; clear:both; height:55px; padding:5px;}
.frontend-customer-header:after{content:''; clear:both; display:block;}
.frontend-customer-header .customer-amount{width:375px;}
.frontend-customer-header .customer-profile dl.payment-info.due{width:90px;}
.frontend-customer-header .customer-profile dl.payment-info.due dd{float:none; width:auto;}
.frontend-customer-header .customer-profile dl.payment-info.due dd:last-child{margin-right:0px;}
.frontend-customer-header .customer-profile dl.total{margin-right:0;}
.frontend-customer-header #setting{left:50%; top:8px; margin-left:-20px;}

/* frontend/backend second level navigation
==================================================== */
.customer-nav{background:#003838; position:relative; width:100%; height:44px; padding:0 150px 0 60px; text-align:center;}
.customer-nav nav{margin:0 auto; width:1000px; height:44px; overflow:hidden; margin:0 auto;}
.customer-nav ul{height:44px; text-align:center; display:inline-block;}
.customer-nav ul li{display:inline-block; width:14%; text-align:center; line-height:1.2;}
.customer-nav ul li a{width:100%; height:44px; display:block; padding-right:18px; position:relative; color:#fff; transition:all .2s ease; text-align:center;}
.customer-nav ul li a span{display:table-cell; height:44px; width:140px; vertical-align:middle; margin:0 auto; text-align:center;}
.customer-nav ul li a:before,
.customer-nav ul li a:after{content:''; display:block; width:12px; height:3px; position:absolute; right:16px; top:50%; background:#fff; margin-top:-4px;}
.customer-nav ul li a:after{margin-top:2px;}
.customer-nav ul li a:hover{background:#000; opacity:.5;}
.customer-nav ul li a.active{background:#fff; color:#000;}
.customer-nav ul li a.active:before,
.customer-nav ul li a.active:after{background:#099;}
.customer-nav .clock{position:absolute; width:130px; height:34px; left:5px; top:5px; border:1px #fff solid; color:#fff; text-align:center;}
.customer-nav .clock dt,
.customer-nav .clock dd{display:inline; padding:0 2px; float:none; height:32px; line-height:32px;}
.customer-nav .logout{position:absolute; right:5px; top:8px; border:1px #fff solid; line-height:21px;}
.backend-customer-nav.customer-nav{background:#099; position:relative; padding:0;}
.backend-customer-nav.customer-nav nav{width:1050px; position:relative; padding-left:100px;}
.backend-customer-nav.customer-nav nav ul{width:950px; text-align:left;}
.backend-customer-nav.customer-nav ul li a{padding-right:24px;}
.backend-customer-nav.customer-nav ul li a:before,
.backend-customer-nav.customer-nav ul li a:after{right:12px;}
.backend-customer-nav.customer-nav nav header{display:block; height:44px; width:90px; line-height:44px; color:#fff; position:absolute; left:0; top:0; padding:0 10px 0 0;}
.backend-customer-nav.customer-nav nav header:after{width:3px; height:30px; background:#fff; position:absolute; right:0; top:7px; content:''; display:block;}
.backend-customer-nav.customer-nav nav header:before{content:'\f007'; font-family:FontAwesome; font-size:20px; padding-right:5px; vertical-align:middle;}

/* Vehicle Search Panel 
==================================================== */
.vehicle-search-panel{background:#fbfcfe; padding:5px 5px 5px; clear:both; position:relative;}
.vehicle-search-panel .top-block{/*border:1px #ccc solid;*/ clear:both; padding:5px 100px 0 0; clear:both; position:relative;}
.vehicle-search-panel .btm-block{/*border:1px #ccc solid;*/ clear:both; padding:5px; clear:both; border-top:0;}
.vehicle-search-panel .top-block:after,
.vehicle-search-panel .btm-block:after{clear:both; content:''; display:block;}
.vehicle-search-panel:after{content:''; display:block; clear:both;}
.vehicle-search-panel .col{float:left; width:16.66%; padding-right:10px;}
.vehicle-search-panel dl{}
.vehicle-search-panel dt{float:left; clear:left; width:55px; font-weight:normal; padding-top:5px; text-align:right;}
.vehicle-search-panel dd{padding-left:60px; margin-bottom:5px;}
.vehicle-search-panel dd input,
.vehicle-search-panel dd select{width:100%;}
.vehicle-search-panel dd input.from,
.vehicle-search-panel dd select.from{width:48%;}
.vehicle-search-panel dd input.to,
.vehicle-search-panel dd select.to{width:48%;}
.vehicle-search-panel dd select.l3{height:70px;}
.vehicle-search-panel dd select.l5{height:101px;}
.vehicle-search-panel dd select.l4{height:87px;}
.vehicle-search-panel dd select.l6{height:113px;}
.vehicle-search-panel dd button{background:#fff; border:2px #099 solid; height:27px; width:100%; color:#000; line-height:21px;}
.vehicle-search-panel dd button.active{background:#099; color:#fff;}
.vehicle-search-panel .line-fix{padding-bottom:5px;}
.vehicle-search-panel .btns{position:absolute; right:5px; top:5px; width:80px; height:105px;}
.vehicle-search-panel .btns button{width:100%; display:block; position:absolute;}
.vehicle-search-panel .btns button.c-main{left:0; top:37px;}
.vehicle-search-panel .btns button.c-sub{left:0; bottom:5px;}
.vehicle-search-panel .btns button.c-main.add-new{left:0; top:0;}
.vehicle-search-panel .btns button.c-main.add-new i{font-weight:700; font-size:16px; display:inline-block; vertical-align:middle; position:relative; top:-2px; left:5px;}
#advanced-conditions{clear:both; padding:10px; position:absolute; left:0; top:118px; width:100%; background:#fbfcfe; z-index:1000; display:none; padding:0 5px 5px;}
#advanced-conditions:after{content:''; display:block; clear:both;}
#advanced-conditions .condition-all{background:rgba(255,255,255,.5); padding:10px; text-align:center; margin-bottom:10px; line-height:1;}
#advanced-conditions .auchouse-list .auchouse{float:left; width:16.66%; padding:0 10px;}
#advanced-conditions .auchouse-list .auchouse p{margin-bottom:5px; padding-bottom:10px; border-bottom:1px #ccc solid; line-height:1;}
#advanced-conditions .auchouse-list .auchouse p.date{margin-bottom:10px; padding-bottom:0; border:0 none; color:#999;}
#advanced-conditions .auchouse-list .auchouse li{margin-bottom:5px;}
#advanced-conditions label.chk{padding:0 0 0 25px; min-height:19px; line-height:19px;}
#advanced-conditions label.chk:before{width:19px; height:19px; margin-top:-10px; border:1px #ccc solid;}
#advanced-conditions label.chk.checked:before{color:#fff; font-size:14px; text-align:center; line-height:18px; background:#00a7e2; border:0;}
#advanced-conditions label.chk.disabled:before{}
#advanced-conditions label.chk.disabled.checked:before{color:#eee;}
/* frontend */
body.frontend .vehicle-search-panel .add-new{display:none !important;}

/* Result Table 
==================================================== */
/* head */
.result-table-header{height:52px; text-align:center; padding-top:10px; position:relative; background:#fff; border-top:3px #f6f6f6 solid;}
.result-table-header .result-number{position:absolute; left:40px; top:17px; font-weight:600; color:#00a7e2;}
.result-table-header .pager{margin:-1px auto 0;}
.result-table-header .pager li{width:30px; height:30px; line-height:28px; display:inline-block;}
.result-table-header .pager li span,
.result-table-header .pager li a{border:1px #999 solid; line-height:30px; display:block; transition:all .2s ease;}
.result-table-header .pager li a:hover{background:#003838; color:#fff;}
.result-table-header .pager li.current-page{padding:0 20px; width:auto;}
.result-table-header .pager input{width:30px; height:30px; margin-right:2px; text-align:center; position:relative; top:-1px;}
.result-table-header .pagination{margin:0 auto;}
.result-table-header .dl{width:110px; height:30px; display:block; background:#f5f5f5; color:#093; border:1px #093 solid; text-align:center; line-height:28px; position:absolute; right:40px; top:50%; margin-top:-15px;}
.result-table-header .dl:hover{background:#fff;}
.result-table-header .dl-inland{width:110px; height:30px; display:block; background:#95c505; color:#fff; border:1px #099 solid; text-align:center; line-height:28px; position:absolute; right:5px; top:50%; margin-top:-15px;}
.result-table-header .dl-inland:hover{background:#a0d406;}
.result-table-header .add-remittance{width:110px; height:30px; display:block; background:#099; color:#fff; text-align:center; line-height:28px; position:absolute; right:190px; top:50%; margin-top:-15px;}
.result-table-header .add-remittance:hover{opacity:.7;}
.result-table-header .my-choice{width:120px; height:27px; line-height:27px; position:absolute; left:310px; top:10px;}
.result-table-header .my-choice button{display:block; width:100%; height:27px; border:1px #00a7e2 solid; color:#000;}
.result-table-header .my-choice button:hover,
.result-table-header .my-choice button.active{background:rgb(0,167,226); color:#fff;}
.result-table-header .new-group,
.result-table-header .move-group{width:90px; height:27px; line-height:27px; position:absolute; left:240px; top:10px;}
.result-table-header .move-group{left:340px;}
.result-table-header .new-group button,
.result-table-header .move-group button{display:block; width:100%; height:27px; font-size:11px;}
.result-table-header .add-sub{width:90px; height:27px; line-height:27px; position:absolute; left:240px; top:10px;}
.result-table-header .settle {width:90px; height:27px; line-height:27px; position:absolute; left:35%; top:10px;}
.result-table-header .settle button{background:#95c505; color:#fff;}
.result-table-header .downlaod-inland{width:160px; height:27px; line-height:27px; position:absolute; right:200px; top:10px;}
.result-table-header .book-ship{width:90px; height:27px; line-height:27px; position:absolute; left:200px; top:10px;}
.result-table-header .move-ship{width:90px; height:27px; line-height:27px; position:absolute; left:280px; top:10px;}
.result-table-header .move-ship + .settle{left:370px;}
.result-table-header .add-new{width:90px; height:27px; line-height:27px; position:absolute; left:240px; top:10px;}
.result-table-header .transfer{width:90px; height:27px; position:absolute; background:#f7a202; right:210px; top:12px;}
.result-table-header .dl.{background:#95c505; color:#fff;border:1px #099 solid; width:90px;}

/* row th td */
.result-table{width:100%;}
.result-table tr{transition:all 1s ease;}
.result-table th,
.result-table td{vertical-align:middle; padding:3px 3px;}
.result-table tbody td{border-bottom:1px #eee solid; height:51px}
.result-table tbody tr:last-child td{border-bottom:none;}
.result-table tfoot td,
.result-table tfoot th{border-top:1px #099 solid; white-space:nowrap; background:#e7fefe;}
.result-table thead td,
.result-table thead th{border-bottom:1px #099 solid; white-space:nowrap; background:#e7fefe;}
.result-table tbody tr:nth-child(odd){background:#fff;}
.result-table tbody tr:nth-child(even){background:#f3feff;}
.result-table tbody tr:hover{background:rgba(255,255,51,.2);}
.result-table thead th i.sorter:before{content:'\f0dc'; font-family:FontAwesome; margin-left:3px; cursor:pointer;}
.result-table thead th i.sorter.asc:before{content:'\f0de'}
.result-table thead th i.sorter.dec:before{content:'\f0dd'}
.result-table thead th.sorted{border-bottom:2px #099 solid;}
.result-table.single tbody tr:nth-child(odd){background:#fff;}
.result-table.single tbody tr:nth-child(even){background:#fff;}

/* result table common >  tip */
.result-table i.guest-mode{position:relative; white-space:nowrap; display:block; cursor:pointer; color:rgb(0,167,226); font-weight:700; display:block;}
/* tip */
.hover-tip{position:relative;}
.tip{white-space:normal; position:absolute; width:150px; height:auto; top:-10px; right:-160px; background:#003838; color:#fff; padding:5px 8px; text-align:left; display:block; display:none; font-weight:normal; z-index:100; border-radius: 3px; opacity: 0.9;}
.tip:before{content:''; display:block; width:0; height:0; border-style:solid; border-width: 6px 8px 6px 0; border-color: transparent #003838 transparent transparent; left:-8px; top:12px; position:absolute;}
.message .tip{right:auto; left:-160px;}
.message .tip:before{width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 8px; border-color: transparent transparent transparent #003838 ;left:auto; right:-8px; top:12px;}

/* result table common >  bid end / close */
.result-table i.bid-close,
.result-table i.bid-end{color:#ccc;}
/* result table common >  image container */
.img{text-align:center; white-space:nowrap;}
.img a img{border:1px #ccc solid; max-height:45px; width:auto;}
.img a{display:inline-block; margin:0 1px;}
/* result table common > button */
.result-table button{height:28px;}
.result-table button.bid{width:100%; min-width:50px;}
.result-table button.detail,
.result-table button.remove,
.result-table button.remove-bid{width:28px; position:relative; margin:0 1px; text-indent:30px; white-space:nowrap; overflow:hidden; display:inline-block; opacity:0;}
.result-table button.remove-bid{opacity:1;}
.result-table button.remove-bid:hover{opacity:.8;}
.result-table button.remove:before,
.result-table button.remove-bid:before{color:#fff; font-size:15px; width:28px; height:28px; line-height:28px; position:absolute; left:0; top:0; text-align:center; text-indent:0; content:'\f00d'; font-family:FontAwesome; display:block;}
.result-table tr:hover button.detail,
.result-table tr:hover button.remove{opacity:1;}
.result-table tr:hover button.detail:hover,
.result-table tr:hover button.remove:hover{opacity:.8;}
.result-table button.detail:before,
.result-table button.detail:after{content:''; display:block; width:14px; height:4px; position:absolute; left:50%; top:50%; background:#fff; margin:-5px 0 0 -7px;}
.result-table button.detail:after{margin-top:2px;}
.result-table button.remove:before,
.result-table button.remove-bid:before{}
/* result table common >  check */
.result-table .magic-checkbox+label,
.result-table .magic-checkbox+label:before{width:28px; height:28px;}
.result-table .magic-checkbox+label:after{width:8px; height:14px; top:5px; left:10px;}
.result-table .magic-checkbox.translation:checked+label:before{border:rgb(80,181,75); background:rgb(80,181,75);}
.result-table .magic-checkbox.selector+label,
.result-table .magic-checkbox.selector+label:before{width:16px; height:16px;}
.result-table .magic-checkbox.selector:checked+label:before{border:#099; background:#099;}
.result-table .magic-checkbox.selector+label:after,
.result-table .magic-checkbox.selector+label:after{width:4px; height:10px; top:2px; left:6px;}
/* result table common >  icons */
.result-table .notice{background:rgb(255,182,0); color:#fff; font-weight:900; width:28px; height:28px; line-height:28px; display:inline-block; font-size:18px; title="Please Check Again" }
.result-table .blank{background:#fff; width:28px; height:28px; line-height:28px; display:inline-block; border:1px #ccc solid;}
.result-table .pause{background:#ff000a; width:28px; height:28px; line-height:28px; display:inline-block; color:#fff; position:relative; title="Non Major Problem"; }
.result-table .pause:before{position:absolute; left:50%; top:50%; width:3px; height:12px; margin:-6px -5px; content:''; display:block; background:#fff;}
.result-table .pause:after{position:absolute; left:50%; top:50%; width:3px; height:12px; margin:-6px 2px; content:''; display:block; background:#fff;}
/* result table common >  datetime */
.result-table th.datetime,
.result-table td.datetime{text-align:center; white-space:nowrap; padding-left: 10px;}
.result-table td.datetime span{font-weight:600; color:#000;}
/* result table common >  lot number */
.result-table th.lot{text-align:center;}
.result-table td.lot{color:#00a7e2; font-weight:700; text-align:center; white-space:nowrap;}
/* result table common >  auction house */
.result-table th.auchouse,
.result-table td.auchouse{text-align:center; white-space:nowrap;}
/* result table common >  message */
.result-table .message{border:1px #2EACAC solid; padding:5px; text-align:center; min-width:60px; overflow:hidden; display:block; color:#ccc; cursor:pointer; margin:0 auto;} 
.result-table .message.active{background:#FFFF99; color:#000; white-space:nowrap; border-color:#099 solid;}
.result-table .message.office{background:#e7fefe; }
.result-table .message.office.active{background:#ddffff;color:#000; white-space:nowrap; border-color:#099 solid;}
.result-table .message.highlight{border-color:#2EACAC;}

/* result table common >  socore */
.result-table th.score{text-align:center; white-space:nowrap;}
.result-table td.score{text-align:center; white-space:nowrap;}
/* result table common >  price */
.result-table th.price,
.result-table td.price{text-align:right; white-space:nowrap; padding-right:10px !important;}
.result-table td.price{padding-right:10px}
.result-table td span.start-price{color:#333; display:block;}
.result-table td span.average-price{color:#00a7e2; display:block;}
.result-table td span.over-bid{color:#9c0; display:block; font-weight:normal;}
.result-table td.price.bid-price{color:#000; font-weight:600}
.result-table td.price.final-price{color:#069;font-weight:600}
.result-table td.bidprice i{border:1px #eee solid; height:28px; padding:0 15px; line-height:26px; background:#fff; display:inline-block; white-space:nowrap;}
/* result table common >  high bid */
.result-table i.hb{position:relative; white-space:nowrap; display:block; cursor:pointer; color:#fff; font-weight:600; width:28px; height:28px; line-height:28px; text-align:center; background:#f36602;}
.result-table i.hb span{white-space:normal; position:absolute; width:80px; height:auto; top:35px; left:-10px; background:#003838; color:#fff; padding:0 8px; text-align:center; display:block; height:30px; font-weight:normal; line-height:30px; border-radius:4px; display:none; opacity: 0.9;}
.result-table i.hb span:before{content:''; display:block; width:0; height:0; border-style:solid; border-width:0 4px 6px 4px; border-color: transparent transparent #003838 transparent; left:20px; top:0px; margin-top:-6px; position:absolute;}
.result-table i.fb{position:relative; white-space:nowrap; display:block; cursor:default; color:#fff; font-weight:600; width:28px; height:28px; line-height:28px; text-align:center; background:#146969;}

/* result table common >  row function */
.result-table th.row-function,
.result-table td.row-function{text-align:center; white-space:nowrap; min-width:70px;}
/* result table common >  customer name */
.result-table th.cname,
.result-table td.cname{white-space:nowrap; padding-left:5px !important; padding-right:5px !important; width:130px;}
/* result table common >  result status */
.result-table th.result,
.result-table td.result{text-align:left;}
.result-table td.result i{width:100%; height:28px; line-height:28px; display:inline-block; padding-left:32px; position:relative; white-space:nowrap;}
.result-table td.result i.timeleft{line-height:14px;}
.result-table td.result i.timeleft span{display:block; text-align:left; height:14px;}
.result-table td.result i:before{width:28px; height:28px; display:block; content:''; position:absolute; left:0; top:50%; margin-top:-14px;}
.result-table td.result i.won{background:rgb(0,176,80); color:#fff; text-align:center; padding-left:0; width:80px}
.result-table td.result i.unsold{color:rgb(230,170,10);}
.result-table td.result i.nego{color:rgb(0,164,222);}
.result-table td.result i.negounsold{color:rgb(255,192,1);}
.result-table td.result i.sold{color:rgb(127,127,127);}
.result-table td.result i.cancel{color:rgb(255,51,0);}
.result-table td.result i.yet{color:#ccc;}
.result-table td.result i.other{color:rgb(163, 101, 245);}
.result-table td.result i.won:before{display:none;}
.result-table td.result i.unsold:before{background:rgb(255,192,1);}
.result-table td.result i.nego:before{background:rgb(0,164,222);}
.result-table td.result i.negounsold:before{background:rgb(255,192,1);}
.result-table td.result i.sold:before{background:rgb(127,127,127);}
.result-table td.result i.cancel:before{background:rgb(255,51,0)}
.result-table td.result i.yet:before{background:#fff; border:1px #ccc solid;}
.result-table td.result i.other:before{background:rgb(163, 101, 245);}

/* result table common >  indicators */
.result-table .indicator span{display:inline-block; padding:5px 0; width:28px; height:28px; border:1px #000 solid;}
.result-table .indicator .auction-multi{border:1px #ccc solid;}
.result-table .indicator .auction-multi.active{background:rgb(0,167,226); color:#fff; cursor:pointer; border:1px rgb(0,167,226) solid;}
.result-table .indicator .auction-alarm{border:1px #0db9b9 solid; solid; cursor:pointer;}
.result-table .indicator .auction-alarm.ok{background:#FF6; border:1px #099 solid;}
.result-table .indicator .auction-tender{border:1px #f5937a solid; text-align:center; cursor:pointer;}
.result-table .indicator .auction-tender.set{background:#ffc001; color:#000; border:1px #F30 solid;}
.result-table .indicator .auction-inactive{border:1px #ccc solid; text-align:center; cursor:pointer;}
.result-table .indicator .auction-inactive.set{background:#CCF; color:#000;}
.result-table .alarm{display:inline-block; padding:5px 0; width:28px; height:28px; border:1px #ccc solid;}
.result-table i.alarm.ok{background:#FF6; border:1px #099 solid;}
.result-table i.alarm.set{background:#ffb600; border:1px #F30 solid; color:#000;}



/* result table common >  date button */
.result-table i.date-btn{border:1px #099 solid; color:#fff; padding:0 5px; text-align:center; display:inline-block; min-width:40px; height:27px; line-height:25px;}
.result-table a.date-btn{border:1px #099 solid; background:#099; color:#fff; padding:0 2px; text-align:center; display:inline-block; min-width:40px; height:27px; line-height:25px; cursor: pointer;}
.result-table i.date-btn.plus{border:1px #00a7e2 solid;}
.result-table a.date-btn.plus{border:1px #00a7e2 solid; background:#00a7e2;}
.result-table i.date-btn.highlight{border:1px #f60 solid;}
.result-table a.date-btn.highlight{border:1px #f60 solid; background:#f60;}
.result-table a.date-btn.white{border:1px #099 solid; background:#fff; color:#fff;}

/* Backend Header > Main Function 
==================================================== */
.main-functions{height:50px; position:relative; padding:0 190px 0 20px;}
.main-functions nav{text-align:center; padding-top:6px;}
.main-functions nav li{display:inline-block; width:100px; height:44px;}
.main-functions nav li a{display:block; height:44px; line-height:44px; position:relative; color:#fff; transition:all .2s ease;}
.main-functions nav li a:after{content:''; width:12px; height:12px; background:#099; display:inline-block; vertical-align:middle; margin-left:8px;}
.main-functions nav li a.active{background:#099;}
.main-functions nav li a.active:after{display:none;}
.main-functions nav li a:hover{opacity:.5; background:rgb(0,0,0);}
.main-functions nav li a:hover:after{background:rgb(255,255,255);}
.main-functions .user{width:150px; height:40px; background:#099; border:1px rgb(53,227,192) solid; position:absolute; right:5px; top:4px; padding:2px 10px 2px 50px;}
.main-functions .user img{width:36px; height:36px; position:absolute; left:1px; top:1px;}
.main-functions .user span{display:table-cell; height:36px; vertical-align:middle; line-height:1.2; color:#fff;}

/* Backend Header > Customer Functions 
==================================================== */
.customer-functions{background:#099; padding:5px; color:#fff; position:relative; height:97px; padding-left:280px;}
.customer-functions input{color:#000;}
.customer-functions dt{clear:left; float:left;}
.customer-functions .customer-search{background:#099; width:270px; height:89px; border:1px rgb(53,227,192) solid; padding:10px; position:absolute; left:5px; top:5px;}
.customer-functions .customer-search dt{width:50px; height:30px; margin-bottom:7px; line-height:30px;}
.customer-functions .customer-search button{width:60px; height:30px; position:absolute; right:10px; bottom:10px;}
.customer-functions .customer-search .chosen-container-single .chosen-single{border:1px #099 solid; border-bottom:0; margin:0; border-radius:0; box-shadow:0; height:27px; background:none #fff;}
.customer-functions .customer-search .chosen-container-single .chosen-drop{border:1px #099 solid; border-top:0;}
.customer-functions .customer-nav .clock{right:5px; left:auto;}



/* Bid Search Panel 
==================================================== */
.bid-search{background:#fbfcfe; padding:5px; position:relative;}
.bid-search table{width:100%;}
.bid-search table th{text-align:right; padding:0 0 5px 0; white-space:nowrap}
.bid-search table td{padding:0 10px 0 5px;}
.bid-search table td input[type=text],
.bid-search table td select,
.bid-search table td button{margin:1px 0;}
.bid-search table td input[type=text],
.bid-search table td select {width:100%}
.bid-search table td.date{width:8%;}
.bid-search table td.house{min-width:110px;}
.bid-search table td.year{min-width:80px;}
.bid-search table td.lot input{min-width:80px;}
.bid-search table td.word{min-width:140px;}
.bid-search table td.translate{min-width:100px;}
.bid-search table td.radio-array-top{min-width:268px;}
.bid-search table td.btn{padding:0 0 0 5px; min-width:85px; text-align:right;}
.radio-array-top label{width:16.6%; height:45px; float:left; padding-top:12px; position:relative;}
.radio-array-top label i{display:block; width:100%; height:12px; position:absolute; left:0; top:0; text-align:center; line-height:1;}
.radio-array-top label.rdo:before{left:50%; top:auto; bottom:0; margin:0 0 0 -13px;}
.radio-array-top label.rdo:before{border-color:#666;}
.radio-array-top label.rdo.checked:before{background:#fff; color:#099;}


/* Account Infomation Search Panel 
==================================================== */
.acc-search{background:#fbfcfe; padding:5px; position:relative;}
.acc-search table{width:100%;}
.acc-search table th{text-align:right; padding:0 0 5px 10px; white-space:nowrap;}
.acc-search table td{padding:0 10px 0 5px;}
.acc-search table td input[type=text],
.acc-search table td select,
.acc-search table td button{margin:1px 0;}
.acc-search table td input[type=text],
.acc-search table td select{width:100%;}
.acc-search table td.type{min-width:100px; padding-right:0;}
.acc-search table td.date{width:10%;}
.acc-search table td.house{min-width:100px;}
.acc-search table td.year{min-width:80px;}
.acc-search table td.lot input{min-width:80px;}
.acc-search table td.word{min-width:140px;}
.acc-search table td.radio-array-top{min-width:260px;}
.acc-search table td.btn{padding:0 0 0 5px; min-width:85px; text-align:right;}
.acc-search .radio-array-top label{width:20%; height:45px; float:left; padding-top:12px; position:relative;}
.acc-search .radio-array-top label i{display:block; width:100%; height:12px; position:absolute; left:0; top:0; text-align:center; line-height:1;}
.acc-search .radio-array-top label.rdo:before{left:50%; top:auto; bottom:0; margin:0 0 0 -13px;}
.acc-search .radio-array-top label.rdo:before{border-color:#666;}
.acc-search .radio-array-top label.rdo.checked:before{background:#fff; color:#099;}

/* Account All Task Search Panel 
==================================================== */
.acc-search.task table th{text-align:center; padding:0 0 2px;}
.acc-search.task table th.customer{min-width:140px;}
.acc-search.task table td{padding:0 1px; vertical-align:top;}
.acc-search.task table td.date{width:8%;}
.acc-search.task table td.customer{min-width:100px;}
.acc-search.task table td.country{min-width:100px;}
.acc-search.task table td.type{min-width:60px;}
.acc-search.task table td.status{min-width:60px;}
.acc-search.task table td.publish{min-width:60px;}
.acc-search.task table td.item{min-width:140px;}
.acc-search.task table td.money{min-width:70px;}
.acc-search.task table td.perosn{min-width:80px;}
.acc-search.task table td.btn{padding:0 0 0 5px; min-width:85px; text-align:right;}
.acc-search.task table td.money input{min-width:70px;}




/* Account Sales Search Panel 
==================================================== */
.acc-search.sales table th{text-align:center; padding:0 0 2px;}
.acc-search.sales table td{padding:0 1px; vertical-align:top;}
.acc-search.sales table td.date{min-width:90px;}
.acc-search.sales table td.customer{min-width:100px;}
.acc-search.sales table td.country{min-width:100px;}
.acc-search.sales table td.type{min-width:60px;}
.acc-search.sales table td.status{min-width:60px;}
.acc-search.sales table td.publish{min-width:60px;}
.acc-search.sales table td.item{min-width:140px;}
.acc-search.sales table td.money{min-width:70px;}
.acc-search.sales table td.perosn{min-width:90px;}
.acc-search.sales table td.compact{min-width:0;}
.acc-search.sales table td.btn{padding:0 0 0 5px; min-width:85px; text-align:right;}
.acc-search.sales table td.money input{min-width:60px;}
.acc-search.sales table td.compact input{width:45px;}

/* Account Income Search Panel 
==================================================== */
.acc-search.income table th{text-align:center; padding:0 0 2px;}
.acc-search.income table th.date{width:7%;}
.acc-search.income table th.lcsettle{width:7%;}
.acc-search.income table td{padding:0 1px; vertical-align:top;}
.customer-search{background:#fbfcfe; padding:5px; position:relative;}
.customer-search table{width:100%;}
.customer-search table th{text-align:center; padding:0 0 2px;}
.customer-search table td{padding:0 1px; vertical-align:top;}
.customer-search table td.btn{padding:0 0 0 5px; min-width:70px; text-align:right;}
.customer-search table td.btn button{width:100%;}
.customer-search table td input[type=text],
.customer-search table td select,
.customer-search table td button{margin:1px 0;}
.customer-search table td input[type=text],
.customer-search table td select{width:100%;}

/* Shipping Search Panel 
==================================================== */
.shipping-search{background:#fbfcfe; padding:5px; position:relative;}
.shipping-search table{width:100%;}
.shipping-search table th{text-align:right; padding:0 5px; white-space:nowrap;}
.shipping-search table td{padding:0 2px; vertical-align:center;}
.shipping-search table td input[type=text],
.shipping-search table td select,
.shipping-search table td input{width:100%; margin:1px 0;},
.shipping-search table td button{margin:1px 0;}
.shipping-search table td.year   {min-width:110px;}
.shipping-search table td.year select{display:block; float:left; margin-right:1px; width:49%;}
.shipping-search table td.year select:nth-child(2){float:right; margin-right:0;}
.shipping-search table td.word   {width:15%;}
.shipping-search table td.service{min-width:90px;}
.shipping-search table td.invoice{width:10%;}
.shipping-search table td.date   {width:10%;}
.shipping-search table th.date   {vertical-align: top;}
.shipping-search table th.date   select:nth-child(2){float:right; margin-top:5px;}
.shipping-search table td.doc    {min-width:90px;}
.shipping-search table td.radio-array-top{min-width:280px; vertical-align:middle;}
.shipping-search table td.btn{padding:0 0 0 5px; min-width:85px; text-align:right;}
.shipping-search .radio-array-top label{width:20%; height:45px; float:left; padding-top:12px; position:relative;}
.shipping-search .radio-array-top label i{display:block; width:100%; height:12px; position:absolute; left:0; top:0; text-align:center; line-height:1;}
.shipping-search .radio-array-top label.rdo:before{left:50%; top:auto; bottom:0; margin:0 0 0 -13px;}
.shipping-search .radio-array-top label.rdo:before{border-color:#666;}
.shipping-search .radio-array-top label.rdo.checked:before{background:#fff; color:#099;}

/* Export Search Panel 
==================================================== */
.exp-search{background:#fbfcfe; padding:5px; position:relative;}
.exp-search table{width:100%;}
.exp-search table th{text-align:center; padding:0; white-space:nowrap;}
.exp-search table td{padding:0 1px 0 0; vertical-align:top; min-width:45px;}
.exp-search table td input[type=text],
.exp-search table td select,
.exp-search table td button{margin:1px 0; width:100%;}
.exp-search table td input[type=text]{width:100%;}
.exp-search table td.lot input[type=text]{width:100%;}
.exp-search table td.item input[type=text]{width:100%; min-width:100px;}
.exp-search table td.item select{display:block; float:left; margin-right:1px; width:49%;}
.exp-search table td.item select:nth-child(2){float:right; margin-right:0;}
.exp-search table td.customer{min-width:90px;}
.exp-search table td.customer select{width:100%;}
.exp-search table td.btn{width:80px;}
.exp-search table td.lot{min-width:90px;}
.exp-search table td.chassis{min-width:120px;}
.exp-search table td.chassis input[type=text]{width:100%;}
.exp-search table td.receivable{min-width:90px;}
.exp-search table td.receivable select{width:100%;}
.exp-search table td.yard{min-width:90px;}
.exp-search table td.yard select{width:100%;}

/* account Search Panel 
==================================================== */
.account-search{background:#fbfcfe; padding:5px; position:relative;}
.account-search table{width:100%;}
.account-search table th{text-align:right; padding:0 0 5px 0; white-space:nowrap}
.account-search table td{padding:0 10px 0 5px;}
.account-search table td input[type=text],
.account-search table td select,
.account-search table td button{margin:1px 0;}
.account-search table td input[type=text],
.account-search table td select{width:100%;}
.account-search table td.date-type{min-width:100px; padding-right:0;}
.account-search table td.date{min-width:110px;}
.account-search table td.type{min-width:110px;}
.account-search table td.invoice{min-width:150px;}
.account-search table td.word{min-width:150px;}
.account-search table td.radio-array-top{min-width:220px;}
.account-search table td.btn{padding:0 0 0 5px; min-width:85px; text-align:right;}
.account-search table td.radio-array-top label{width:20%; height:45px; float:left; padding-top:12px; position:relative;}

/* Backend Header > Upload Functions 
==================================================== */
.aucmenu{background:#099; position:relative; padding-left:160px; height:45px;}
.aucmenu .clock{position:absolute; width:130px; height:33px; left:5px; top:5px; border:1px #fff solid; text-align:center;}
.aucmenu .clock dt,
.aucmenu .clock dd{display:inline; padding:0 2px; float:none; height:31px; line-height:31px; color:#fff;}
.aucmenu div{float:left; height:44px; padding-top:1px; display:inline-block; padding-right:8px;}
.aucmenu div p{height:33px; line-height:33px; border-right:2px #fff solid; color:#fff; padding:0 10px; display:inline-block;}
.aucmenu div ul{display:inline-block; height:33px;}
.aucmenu div ul li{height:33px; display:inline-block;}
.aucmenu div ul li a{color:#fff; display:block; padding:0 20px 0 10px; position:relative; height:44px; line-height:44px;}
.aucmenu div ul li a:before,
.aucmenu div ul li a:after{content:''; display:block; width:12px; height:3px; position:absolute; right:5px; top:50%; background:#fff; margin-top:-4px;}
.aucmenu div ul li a:after{margin-top:2px;}
.aucmenu div ul li a:hover{background:rgba(0,0,0,.5);}
.aucmenu div ul li a.active{background:#fff; color:#333;}
.aucmenu div ul li a.active:before,
.aucmenu div ul li a.active:after{background:#099;}

/* Backend Header > Shipping admin 
==================================================== */
.shipping-admin{background:#fbfcfe; padding:5px; position:relative;}
.shipping-admin input,
.shipping-admin select{width:100%; margin:1px 0; min-width:90px;}
.shipping-admin button{margin:1px 0;}
.shipping-admin table{width:100%;}
.shipping-admin table th{text-align:center; padding:2px;}
.shipping-admin table th.country{min-width: 120px;}
.shipping-admin table td{vertical-align:top; padding:2px;}

/* won list */
.result-table.auction.wonlist td{padding:2px;}
.result-table.auction.wonlist col:nth-child(1),
.result-table.auction.wonlist col:nth-child(2),
.result-table.auction.wonlist col:nth-child(4),
.result-table.auction.wonlist col:nth-child(5),
.result-table.auction.wonlist col:nth-child(6),
.result-table.auction.wonlist col:nth-child(7),
.result-table.auction.wonlist col:nth-child(12),
.result-table.auction.wonlist col:nth-child(13),
.result-table.auction.wonlist col:nth-child(14),
.result-table.auction.wonlist col:nth-child(15),
.result-table.auction.wonlist col:nth-child(16),
.result-table.auction.wonlist col:nth-child(17),
.result-table.auction.wonlist col:nth-child(18){width:auto;}
.result-table.auction.wonlist col:nth-child(3){width:220px;}
.result-table.auction.wonlist col:nth-child(8){width:100px;}
.result-table.auction.wonlist col:nth-child(9){width:70px;}
.result-table.auction.wonlist col:nth-child(10){width:80px;}
.result-table.auction.wonlist .message{border:1px #099 solid; background:rgb(251,252,254); padding:2px 5px; text-align:center; width:70px; display:block; cursor:pointer; line-height:1.1; display:table-cell; font-size:10px; height:28px; vertical-align:middle; overflow:bis
;}
.result-table.auction.wonlist i.chassisno{color:rgb(0,167,226); font-weight:700;}
.result-table.auction.wonlist i.price1{color:rgb(0,167,226); white-space:nowrap;}
.result-table.auction.wonlist i.price2{color:#c00; white-space:nowrap;}
.result-table.auction.wonlist i.invoice,
.result-table.auction.wonlist i.inland{border:1px #099 solid; padding:5px 0; width:55px; display:inline-block; color:#fff; background:1px #099;}
.result-table.auction.wonlist i.invoice.active,
.result-table.auction.wonlist i.inland.active{background:rgb(0,167,226);}
.result-table.auction.wonlist i.transport-from{font-weight:700; color:#222;}
.result-table.auction.wonlist i.transport-to{font-weight:700; color:rgb(0,167,226);}