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

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, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	color:#ff0000;
	text-decoration:none;
	
}

a:hover{ color:#ff0000; text-decoration:none;}

/* change colours to suit your needs */

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
   border-bottom:1px dotted;
   cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;box-shadow:inset 0 0 5px 5px #f5f5f5;font-family: 'gotham_htf_book';
}
input[type="checkbox"]
{
	box-shadow:none !important;
}
ul,li{ list-style:none;}
::selection {
	background: #000;color: #fff;
}
::-moz-selection {
	background: #000;color: #fff;
}
textarea{resize: none;box-shadow:inset 0 0 5px 5px #f5f5f5;font-family: 'gotham_htf_book'; width:100%;}
input[type="submit"],input[type="button"]{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;box-shadow:none;-webkit-appearance: none;font-family: 'gotham_htf_book';}
input[type="submit"]:hover,input[type="button"]:hover{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}

@font-face {
    font-family: 'gotham_htf_book';
    src: url('../fonts/gothamhtf-book-new-webfont.eot');
    src: url('../fonts/gothamhtf-book-new-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gothamhtf-book-new-webfont.woff2') format('woff2'),
         url('../fonts/gothamhtf-book-new-webfont.woff') format('woff'),
         url('../fonts/gothamhtf-book-new-webfont.ttf') format('truetype'),
         url('../fonts/gothamhtf-book-new-webfont.svg#gotham_htf_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular.eot');
    src: url('../fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular.woff2') format('woff2'),
         url('../fonts/opensans-regular.woff') format('woff'),
         url('../fonts/opensans-regular.ttf') format('truetype'),
         url('../fonts/opensans-regular.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



body {
    line-height:100%;
	font-family: 'open_sansregular';
	font-size:13px;
	color:#000;
	background:#dfe5e6;
}

.wrapper{ margin:auto; width:768px;}
.login-main{ margin:0 auto; width:400px;margin-top:100px;}
.login-inner{ padding:20px; background:#edf0f0;clear: both;display: table;overflow: visible;box-shadow:0 1px 1px rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.25); padding-bottom:10px;border-radius:0;-moz-box-shadow:inset 0 0 6px #666;-webkit-box-shadow:inset 0 0 6px #666;box-shadow:inset 0 0 6px #666;background-color:#edf0f0;}
h1.title-box{ padding:15px 0; text-align:center; font-size:18px; color:#fff; background:#000000; text-transform:uppercase;font-family: 'open_sansregular'; border-radius:0;text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8);

}
.row-one{ float:left; width:100%; text-align:left; margin-bottom:14px;}
.row-one label{ float:left;width:100%; text-align:left; font-size:14px; color:#000;}
.txt-box{ float:left; width:100%; margin-top:7px;}
.row-one input[type="text"],.row-one input[type="password"],.row-one select{ padding:5px  2%; width:96%;border-radius:2px;background:#fff;border: 1px solid #ccc;box-shadow:none;color: #000; font-size:13px;}
.row-one select{ width:100%;}
.row-one input[type="text"]:focus,.row-one input[type="password"]:focus,.row-one select:focus{border-color:#000;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}
.row-one select{overflow-x: scroll;}
.row-one input[type="submit"],.row-one input[type="button"],input[type="reset"],button,input[type="submit"],input[type="button"],.button{ background:#ff0000; color:#fff; padding:4px 18px; border-radius:5px; border:none; cursor:pointer; font-size:14px;font-family: 'open_sansregular';text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8); box-shadow: 0 3px 0 #9c0000;
    -moz-box-shadow:0 3px 0 #9c0000;
    -webkit-box-shadow:0 3px 0 #9c0000;}
.row-one input[type="submit"]:hover,.row-one input[type="button"]:hover,input[type="reset"]:hover,button:hover,input[type="submit"]:hover,input[type="button"]:hover,.button:hover{background:#000;box-shadow: 0 3px 0 #000;
    -moz-box-shadow:0 3px 0 #000;
    -webkit-box-shadow:0 3px 0 #000; color:#fff;}
.row-error{ float:left; width:100%; text-align:left; color:#F00; font-size:13px;}
.container{ /*margin-top:20px;*/}
.logo{ float:left;}
.logo h1 a{ font-size:26px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#000;}
.logo h1 a:hover{ color:#ff0000;}
.menu-main{ float:left; width:100%;  /*margin-top: 20px;*/}
.menu-main ul{float:left; width:100%; background:#000000;border-radius:0; border-bottom: 4px solid #ff0000;}
.menu-main ul li{ float:left;}
.menu-main ul li a{ float:left; padding:12px 18px; font-size:16px; color:#fff;text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8);text-transform: uppercase;}
.menu-main ul li a:hover{ background:#393939;}
.menu-main ul li.active a{background:#ff0000;}
#main{  background: #fff;clear: both;padding: 20px 16px; overflow:hidden;box-shadow:0 1px 1px rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.25); margin-bottom:30px;
}
#main center{ clear:both;}
h1.page-title{ float:left; width:100%; text-align:left; font-size:15px; color:#000;padding-bottom: 10px; margin-bottom:20px; border-bottom:1px solid #d6d6d6; text-transform:uppercase; font-weight:bold; position:relative;}
h1.page-title:before{}
.form-add{ float:left; width:100%; margin-top:20px;}
.row-new-sheet{float:left; width:220px;margin-right: 5px;}
.row-500{ float:left; width:500px;margin-right: 36px;}
.row-330{ float:left; width:330px;margin-right: 36px;}
.row-220{ float:left; width:220px;margin-right: 36px;}
.row-155{ float:left; width:155px;margin-right: 25px;}
.row-132{ float:left; width:132px;margin-right: 15px;}
.row-264{ float:left; width:264px;margin-right: 30px;}
.row-one .row-220:last-child{ margin-right:0;}

.row-165{ float:right; width:220px;margin-right: 5px;}
.row-166{ float:right; width:147px;margin-right: 0;}
.row-101{ float:left; width:75px;margin-right: 5px;}
.row-100{ float:left; width:145px;margin-right: 5px;}
.row-99{ float:left; width:100px;margin-right: 5px;}
.row-one .row-165:last-child{ margin-right:0;}

.add-list-table{}
.add-list-table tr{}
.add-list-table tr:nth-child(odd){ background:#ffffff;}
.add-list-table tr:nth-child(even){ background:#ebebeb;}
.add-list-table tr th{ padding:5px; text-align:left; border:1px solid #ccc; background:#dbdbdb;color:#fff;font-size:11px; text-align:center; vertical-align:middle;}
.add-list-table tr td{padding:5px;text-align:left;border:1px solid #ccc; font-size:11px;vertical-align:middle;}
.add-list-table tr:nth-child(2){ background:#393939; color:#fff;text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8);text-transform:uppercase; font-weight:bold;}
.add-list-table tr th input[type="text"]{font-size: 11px; background:#fff;}
.add-list-table tr th input[type="button"],.add-list-table tr th input[type="submit"],input[type="reset"],.add-list-table tr th button{font-size: 10px;}
.add-list-table tr td:last-child{ border-left:0;}


.print-list-table{}
.print-list-table tr{background:#efefef;}
.print-list-table tr:nth-child(odd){ background:#ffffff;}
.print-list-table tr:nth-child(even){ background:#ebebeb;}
.print-list-table tr th{ padding:5px; text-align:left; border:1px solid #ccc; background:#dbdbdb;color:#fff;font-size:11px; text-align:center; vertical-align:middle;}
.print-list-table tr td{padding:5px;text-align:left;border:1px solid #ccc; font-size:11px;vertical-align:middle; border-top:none;}
.print-list-table tr:nth-child(1){ background:#4a4a4a; color:#fff;text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8); text-transform:uppercase; font-weight:bold;}
.print-list-table tr th input[type="text"]{font-size: 11px;}
.print-list-table tr th input[type="button"],.print-list-table tr th input[type="submit"],.print-list-table tr th button{font-size: 10px;}
.print-list-table tr td:last-child{ border-left:0;}



.left-50{ float:left; width:48%;}
.right-50{ float:right; width:48%;}

.left-50 ul{ float:left; width:100%;}
.left-50 ul li{ float:left; width:100%; margin-bottom:10px; list-style:inside square;}
.left-50 ul li a{ color:#000;}
.left-50 ul li a:hover{ color:#ff0000;}
.right-50 h3{ margin-bottom:6px; padding-bottom:5px;}
.right-50 p{ margin-bottom:6px; padding-bottom:5px;}
.from-report input[type="text"]{ margin-bottom:8px; float:left; width:95px; margin-right:5px; font-size:12px;}
.from-report .row-220{ width:440px;}
.logo-log{ text-align:center; margin-bottom:5px;}

ul.pagination{ display:table; margin:auto;}
ul.pagination li{ float:left;}
ul.pagination li a,ul.pagination li span{ float:left; margin:0 2px; color:#fff; width:26px; height:26px; border-radius:3px; line-height:26px; font-size:14px; text-align:center;}
ul.pagination li a{ background: #000000}
ul.pagination li span{background:#ff0000;}
ul.pagination li.disabled span{ background:#ccc;}

/***************/


.result_shippedto1{width:50px;position: absolute;
width: 220px;
background: #fff;
max-height: 124px !important;
overflow-x:auto;}
.result_shippedto1 a{ float:left;}
.img{float:left;margin: 2px;}

.name{margin-top: 14px;}
.user_div{clear:both;font-family: verdana;border-top: #f0f0f0 1px solid;color:black; font-size: 12px;margin:1px;padding:2px;width:180px;border-radius:4px;vertical-align: top;line-height:25px; float:left; text-align:left;}
.user_div .name{ margin:0;}
.user_div:hover{background:#ff0000;color:#fff;cursor:pointer}
.no_data{padding: 10 0 0 10px;width: 200px;border-radius: 5px;font-family: verdana;color:black; font-size: 15px;}
.name{float:left;margin:0 0 0 10px;}.cntry{margin:0 0 0 50px; font-size:13px}
a:link {text-decoration:none;}a:visited {text-decoration:none;}a:hover {text-decoration:none;}a:active {text-decoration:none;}
/*#shippedto,#carrierto{ width:80px;}*/
.add-list-table tr.table-tit{ background:#4a4a4a; color:#fff;}
.add-list-table tr.table-tit a{ color:#fff;}
tr.notvalsheet {background: yellow !important;}

.btn.button {
    float: left;
    padding-bottom: 8px;
    padding-top: 8px;
}
.disablebtn
{
	opacity:0.3;
}
.home-logo
{
	text-align:center;
	padding:10px;
}
.printform .row-one {
margin-bottom: 20px;
}
a.btn.button.greenbtn {background-color:green; box-shadow: 0 3px 0 #030 !important; }
a.btn.button.blackbtn {background-color:#222121; box-shadow: 0 3px 0 #000 !important; }
.alert-info
{
	color:#090;
	font-weight:bold;
	text-align:center;
	width:100%;
}

#date-time1{ margin-right:0;}
#datepicker2,#date-time2{ width:85px;}
.row-one .row-new-sheet input[type="submit"]{ padding: 2px 18px;}
a.button{ vertical-align: middle;}
.select2-container{ width: 100%;}
.row-inner{ background:#eee; padding:10px; overflow:hidden;}
.row-inner .row-330{ width:315px;}
.row-inner .row-330.btn-bottom{ width:353px;}
.btn-bottom a{ margin-right:10px;}
.txt-weight{ width:200px; margin-right:10px;}
.btn-ins-weight{ margin-top:5px;}
.tbl-weight{ width:320px;border:1px solid #ccc; margin:15px 0;}
.tbl-weight tr td,.tbl-weight tr th{ padding:4px; border-right:1px solid #ccc;border-bottom:1px solid #ccc; text-align:center;}
.row-99.downloadbtn {  float: right;  margin-top: 13px;}
.row-inner .row-330.weight-tot{ width:310px; margin-bottom:15px;}
.row-inner .row-330.weight-tot .txt-box{ width:auto;  margin-top: 0;font-weight:bold;}
.row-inner .row-one .row-330.weight-tot label{width:auto;  margin-right:5px;}