html {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: #FFFFFF;
}
body, td, th, input, select, textarea, option, optgroup {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
input[type='text'], input[type='password'] {
	padding: 2px;
}
select {
	padding: 1px;
}
textarea {
	padding: 2px;
}
a, a:visited {
	color: #003366;
	text-decoration: underline;
	cursor: pointer;
}
a img {
	border: 0;
}
form {
	margin: 0;
	padding: 0;
}
label {
	cursor: pointer;
}


/******** Clear Fix ************/

.clearfix:before,
.clearfix:after {
	content: ".";
	display: block;
/*	clear: both;*/
	visibility: hidden;
    overflow: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
    display: block;
}
* html .clearfix {
    height:1px;
}

.clear {
	clear: both;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
	height: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
}

/******** Clear Fix ************/

#header .div1 {
	height: 56px;
	padding: 0px 30px;
	background: url('../image/header.png') repeat-x;
	min-width: 900px;
}
#header .div2 {
	color: #FFFFFF;
	padding: 3px 0px 0px 0px;
	float: left;
}
#header .div3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: right;
	padding: 15px 0px 0px 0px;
	float: right;
}
#header .div2 span {
	font-weight: bold;
}
#menu {
	background: url('../image/menu.png') repeat-x;
	position: relative;
	z-index: 1;
	height: 34px;
	clear: both;
	padding: 0px 30px;
	min-width: 900px;
}
#menu > ul.left {
	float: left;
}
#menu > ul.right {
	float: right;
}
#menu > ul {
	position: relative;
	margin: 0;
	padding: 0;
}
#menu > ul ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background: url('../image/transparent.png');
}
#menu > ul a {
	display: block;
	text-decoration: none;
}
#menu > ul li {
	float: left;
	list-style: none;
}
#menu > ul > li + li {
	background: url('../image/split.png') center left no-repeat;
}
#menu > ul .top {
	padding: 10px 15px 9px 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
}
#menu > ul li ul {
	position: absolute;
}
#menu > ul ul li {
	padding: 2px;
	clear: both;
}
#menu > ul .selected .top {
	background: url('../image/selected.png') repeat-x;
	color: #FFFFFF;
}
#menu > ul .parent {
	background-image: url('../image/arrow-right.png'); 
	background-position: 95% center;
	background-repeat:no-repeat;
}
#menu > ul li ul ul {
	margin: -29px 0 0 161px;
}
#menu > ul li li a {
	padding: 5px;
	margin: 1px;
	color: #FFFFFF;	
	width: 147px;
}
#menu > ul li li > a:hover {
	margin: 0px;
	border: 1px solid #BD4C14;
	background-color: #391706; 
}


#container {
	height: 100%;
}
body > #container {
	height: auto;
	min-height: 100%;
}
#content {
	background: #FFFFFF url('../image/background.png') 0px 1px repeat-x;
	padding: 10px 30px 0px 30px;
	min-width: 900px;
	padding-bottom: 128px;
}
#footer {
	background: #FFFFFF url('../image/footer.png') repeat-x;
	height: 90px;
	padding-top: 38px;
	text-align: center;
	font-size: 12px;
	color: #333;
	position: relative;
	margin-top: -128px;
	clear: both;
}
#footer a {
	color: #333;
	text-decoration: underline;
}
.breadcrumb, .breadcrumb a {
	font-size: 12px;
	color: #666;
	margin-bottom: 15px;
}
.success {
	padding: 10px 10px 10px 33px;
	margin-bottom: 15px;
	background: #EAF7D9 url('../image/success.png') 10px center no-repeat;
	border: 1px solid #BBDF8D;
	color: #555555;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.warning {
	padding: 10px 10px 10px 33px;
	margin-bottom: 15px;
	background: #FFD1D1 url('../image/warning.png') 10px center no-repeat;
	border: 1px solid #F8ACAC;
	color: #555555;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.attention {
	padding: 10px 10px 10px 33px;
	margin-bottom: 15px;
	background: #FFF5CC url('../image/attention.png') 10px center no-repeat;
	border: 1px solid #F2DD8C;
	color: #555555;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.required {
	color: #FF0000;
	font-weight: bold;
}
.error {
	margin-top: 3px;
	color: #FF0000;
	display: block;
	font-size: 12px;
	font-weight: normal;
}
.help {
	color: #666;
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
	display: block;
}
.icon {
	vertical-align: middle;
	cursor: pointer;
}
.image {
	border: 1px solid #EEEEEE;
	padding: 10px;
	display: inline-block;
}
.image img {
	margin-bottom: 5px;
}
.box {
	margin-bottom: 15px;
}
.box > .heading {
	height: 38px;
	padding-left: 7px;
	padding-right: 7px;
	border: 1px solid #DBDBDB;
	background: url('../image/box.png') repeat-x;
	-webkit-border-radius: 7px 7px 0px 0px;
	-moz-border-radius: 7px 7px 0px 0px;
	-khtml-border-radius: 7px 7px 0px 0px;
	border-radius: 7px 7px 0px 0px;
}
.box > .heading h1 {
	margin: 0px;
	padding: 11px 0px 0px 0px;
	color: #003A88;
	font-size: 16px;
	float: left;
}
.box > .heading h1 img {
	float: left;
	margin-top: -1px;
	margin-left: 3px;
	margin-right: 8px;
}
.box > .heading .buttons {
	float: right;
	padding-top: 7px;
	margin-right: 5px;
}
.box > .heading .buttons .button {
	margin-left: 5px;
}
.box > .content h2 { 
	text-transform: uppercase;
	color: #FF802B;
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: 1px dotted #000000;	
}
.box > .content {
	padding: 10px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
a.button, .list a.button {
	text-decoration: none;
	color: #FFF;
	display: inline-block;
	padding: 5px 15px 5px 15px;
	background: #003A88;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}
a.redbutton {
	text-decoration: none;
	color: #FFF;
	display: inline-block;
	padding: 5px 15px 5px 15px;
	background: #c62427;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}
a.greybutton {
	text-decoration: none;
	color: #FFF;
	display: inline-block;
	padding: 5px 15px 5px 15px;
	background: #808080;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}
.list {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom: 20px;
}
.list td {
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
.list .disabled_row td {
	text-decoration:line-through;
	font-size: 90%;
	color:#999;
	background-color:#fafafa;
}
.list thead td {
	background-color: #EFEFEF;
	padding: 0px 5px;
}
.list thead td a, .list thead td {
	text-decoration: none;
	color: #222222;
	font-weight: bold;
}
.list tbody td a {
	text-decoration: underline;
}
.list tbody td {
	vertical-align: middle;
	padding: 0px 5px;
	background: #FFFFFF;
}
.list tbody .odd td {
	background: #f8fafb;
}
.list tbody tr:hover td {
	background-color: #FFFFCB;
}
.list .left {
	text-align: left;
	padding: 7px;
}
.list .right {
	text-align: right;
	padding: 7px;
}
.list .center {
	text-align: center;
	padding: 7px;
}
.list .asc {
	padding-right: 15px;
	background: url('../image/asc.png') right center no-repeat;
}
.list .desc {
	padding-right: 15px;
	background: url('../image/desc.png') right center no-repeat;
}
.list tr.filter td, .list tr:hover.filter td {
	padding: 5px;
	background: #E7EFEF;
}

.tbl_list_logis td {
	border: none !important;
}

.tbl_list_logis .podd td {
	background: repeat url('../image/odd.png');
}
.tbl_list_logis .peven td {
	background: repeat url('../image/even.png');
}

.pagination {
	border-top: 1px solid #DDDDDD;
	display: inline-block;
	width: 100%;
	padding-top: 6px;
}
.pagination .links {
	float: left;
	padding-top: 6px;
}
.pagination .links a {
	border: 1px solid #DDDDDD;
	padding: 4px 10px;
	font-size: 12px;
	text-decoration: none;
	color: #A3A3A3;
}
.pagination .links b {
	border: 1px solid #269BC6;
	padding: 4px 10px;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #269BC6;
	background: #FFFFFF;
}
.pagination .results {
	float: right;
	padding-top: 6px;
	font-size: 12px;
}
table.form {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
table.form > tbody > tr > td:first-child {
	width: 200px;
}
table.form > tbody > tr > td {
	padding: 10px;
	color: #000000;
	border-bottom: 1px dotted #CCCCCC;
}
.scrollbox {
	border: 1px solid #CCCCCC;
	width: 350px;
	height: 100px;
	background: #FFFFFF;
	overflow-y: scroll;
}
.scrollbox img {
	float: left;
	cursor: pointer;
	margin-right: 5px;
}
.htabs {
	padding: 0px 0px 0px 10px;
	height: 30px;
	line-height: 16px;
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 15px;
}
.htabs a {
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF url('../image/tab.png') repeat-x;
	padding: 7px 15px 6px 15px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #000000;
	margin-right: 2px;
	display: none;
}
.htabs a.selected {
	padding-bottom: 7px;
	background: #FFFFFF;
}
.vtabs {
	width: 190px;
	padding: 10px 0px;
	min-height: 300px;
	float: left;
	display: block;
	border-right: 1px solid #DDDDDD;
}
.vtabs a {
	display: none;
}
.vtabs a, .vtabs span {
	display: block;
	float: left;
	width: 160px;
	margin-bottom: 5px;
	clear: both;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	background: #F7F7F7;
	padding: 6px 14px 7px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	color: #000000;
}
.vtabs a.selected {
	padding-right: 15px;
	background: #FFFFFF;
}
.vtabs a img, .vtabs span img {
	position: relative;
	top: 3px;
	cursor: pointer;
}
.vtabs-content {
	margin-left: 205px;
}
.accordion-heading {
	background: #EFEFEF;
	border: 1px solid #DDDDDD;
	padding: 8px;
	font-weight: bold;
	font-size: 13px;
	color: #555555;
	margin-bottom: 15px;
}
.accordion-heading a {
	float: right;
	margin-top: 1px;
	font-weight: normal;
	text-decoration: none;
}
.accordion-content {
	padding: 0px 0px 15px 0px;
	overflow: auto;
}
.scrollbox div {
	padding: 3px;
}
.scrollbox div input {
	margin: 0px;
	padding: 0px;
	margin-right: 3px;
}
.scrollbox div.even {
	background: #FFFFFF;
}
.scrollbox div.odd {
	background: #E4EEF7;
}
.overview {
	float: left;
	width: 49%;
	margin-bottom: 20px;
}
.overview table {
	width: 100%;
}
.overview td + td {
	text-align: right;
}
.statistic {
	float: right;
	width: 49%;
	margin-bottom: 20px;
}
.range {
	float: right;
	color: #FFF;
	vertical-align: middle;
}
.range {
	padding-top: 1px;
	padding-right: 1px;
}
.range, .range select {
	font-size: 11px;
}
.latest {
	clear: both;
	margin-bottom: 20px;
}
.latest tbody td {
	background: #FFF;
}
.dashboard-heading {
	background: #2b4f67;
	color: #FFF;
	border-bottom: 1px solid #8EAEC3;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
}
.dashboard-content {
	background: #FCFCFC;
	border: 1px solid #8EAEC3;
	padding: 10px;
	min-height: 180px;
}
.refresh {
	cursor: pointer;
	position: relative;
	top: 3px;
}

#orderformdv {
	display:block;
	margin: 0px auto;
	padding: 0px;
	/*border: 2px solid #CCC;*/
}
#orderformdv #ord-cnt-right {
	display:block;
	margin: 0px 0px 0px 815px;
	padding: 10px 0px 0px 0px;
}
#orderformdv #ord-cnt-left {
	display: block;
	float: left;
	width:800px;
	margin: 0px;
	border-right: 2px solid #EEE;
	padding: 5px 0px 5px 0px;
}
#orderformdv #ord-cnt-left .fildtitle {
	display: block;
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 5px 15px;
	font-size: 10px;
	color: #85A5CF;
	letter-spacing: 1px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom: 1px solid #EEE;
	background-color: #ebf0f7;
}
#orderformdv .fildline {
	display: block;
	margin: 0px;
	padding: 3px 0px 7px 10px;
}
#orderformdv .odd {
	background-color: #f8f8f8;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
}
#orderformdv .fildline ul {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#orderformdv .fildline ul li {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	color: #666;
}
#orderformdv .fildline ul li.f100p {
	width: 100%;
	padding: 0px 0px 0px 0px;
}
#orderformdv .fildline ul li.f75p {
	width: 74%;
	padding: 0px 1% 0px 0px;
}
#orderformdv .fildline ul li.f50p {
	width: 49%;
	padding: 0px 1% 0px 0px;
}
#orderformdv .fildline ul li.f25p {
	width: 24%;
	padding: 0px 1% 0px 0px;
}
#orderformdv .fildline ul li.f20p {
	width: 19%;
	padding: 0px 1% 0px 0px;
}
#orderformdv .fildline ul li.f15p {
	width: 14%;
	padding: 0px 1% 0px 0px;
}
#orderformdv .fildline ul li label {
	display: block;
	margin: 0px;
	padding: 0px 0px 2px 10px;
	font-size: 11px;
	color: #666;
	font-style:italic;
}


#orderformdv .fildline input[type='text'], 
#orderformdv .fildline input[type='password'], 
#orderformdv .fildline textarea, 
#orderformdv .fildline select {
  padding: 4px;
  margin: 0px;
  border: 1px solid;
  border-color: #666 #ccc #ccc #666;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  resize: none;
  width: 90%;
  color: #039;
  font-size:13px;
}
#orderformdv .fildline ul li.f100p input[type='text'], 
#orderformdv .fildline ul li.f100p input[type='password'], 
#orderformdv .fildline ul li.f100p textarea, 
#orderformdv .fildline ul li.f100p select {
  width: 97%;
}
#orderformdv .fildline ul li.f75p input[type='text'], 
#orderformdv .fildline ul li.f75p input[type='password'], 
#orderformdv .fildline ul li.f75p textarea, 
#orderformdv .fildline ul li.f75p select {
  width: 96%;
}
#orderformdv .fildline ul li.f50p input[type='text'], 
#orderformdv .fildline ul li.f50p input[type='password'], 
#orderformdv .fildline ul li.f50p textarea, 
#orderformdv .fildline ul li.f50p select {
  width: 94%;
}
#orderformdv .fildline ul li.f25p input[type='text'], 
#orderformdv .fildline ul li.f25p input[type='password'], 
#orderformdv .fildline ul li.f25p textarea, 
#orderformdv .fildline ul li.f25p select {
  width: 90%;
}


#orderformdv .list {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #EEE;
	margin-top: 10px;
	margin-bottom: 10px;
}
#orderformdv .list td {
	border-right: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
}
#orderformdv .list thead td {
	background-color: #dee7f2;
	font-size: 10px;
	padding: 0px 5px;
	color: #6890C4;
}
#orderformdv .list tbody td {
	font-size: 11px;
}
#orderformdv .list thead td a, .list thead td {
	text-decoration: none;
	color: #222222;
	font-weight: bold;
}
#orderformdv .list tbody td a {
	text-decoration: underline;
}
#orderformdv .list tbody td {
	vertical-align: middle;
	padding: 0px 5px;
	background-color: #f2f6f8;
}
#orderformdv .list tbody .odd td {
	background: #f8fafb;
}
#orderformdv .list tbody .odd-p td {
	background: #fbfeff;
}
#orderformdv .list tbody tr:hover td {
	background-color: #FFFFCB;
}
#orderformdv .list .left {
	text-align: left;
	padding: 5px;
}
#orderformdv .list .right {
	text-align: right;
	padding: 5px;
}
#orderformdv .list .center {
	text-align: center;
	padding: 5px;
}

#orderformdv .list .supplier_blk {
	border: none;
	background: none;
	overflow:hidden;
	display:block;
	padding: 5px 0px 5px 10px;
	margin: 0px 15px 0px 0px;
}
#orderformdv .list .supplier_blk .supplier-name {
	font-weight: bold;
}
#orderformdv .list .supplier_blk .supplier-description {
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #aaa;
	display: block;
	overflow: hidden;
	font-weight: normal;
	font-size: smaller;
	line-height: 1.4em;
}

#orderformdv #ord-cnt-right #ord-history {
	display:block;
	margin: 0px;
	padding: 0px;
}
#orderformdv #ord-cnt-right #ord-history .history-item {
	display:block;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	min-height: 25px;
	border-bottom: 1px solid #CCC;
}
#orderformdv #ord-cnt-right #ord-history .history-item .hdate {
	display: block;
	float:left;
	width: 105px;
	margin: 0px;
	padding: 3px 0px 2px 0px;
	background-color:#EEE;
	color:#85A5CF;
	font-weight: bold;
	line-height: 20px;
	text-align:center;
}
#orderformdv #ord-cnt-right #ord-history .history-item .hinfo {
	display: block;
	margin: 0px 0px 0px 110px;
	padding: 5px 0px 0px 0px;
}
#orderformdv #ord-cnt-right #ord-history .history-item .hinfo p {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 2px 10px;
	background-color: #fffff5;
}
#orderformdv #ord-cnt-right #ord-history .history-item .hagent {
	color:#003A88;
	font-weight: bold;
	padding: 0px 0px 0px 5px;
}
#orderformdv #ord-cnt-right #ord-history .history-item .hstatus {
	display: inline-block;
	float: right;
}

#orderformdv #ord-cnt-right #ord-history .history-item.tasktodo .hinfo p {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 2px 10px;
	background-color: #edf3fb;
	font-size: 13px;
}
#orderformdv #ord-cnt-right #ord-history .history-item.tasktodo.redalert .hinfo p {
	background-color: #ffdfdf;
	border: 1px dashed #efa4a4;
}


#orderformdv #ord-cnt-right #comment-form {
	display:block;
	margin: 0px;
	padding: 0px;
}
#orderformdv #ord-cnt-right #comment-form input,
#orderformdv #ord-cnt-right #comment-form textarea, 
#orderformdv #ord-cnt-right #comment-form select {
  padding: 4px;
  margin: 0px;
  border: 1px solid;
  border-color: #85A5CF #85A5CF #85A5CF #85A5CF;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  resize: none;
  width: 99%;
  resize:vertical;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
    color: #AAA !important;
}
input:-moz-placeholder, textarea:-moz-placeholder { 
    color: #AAA !important;
}
input::-moz-placeholder, textarea::-moz-placeholder { 
    color: #AAA !important;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
    color: #AAA !important;
}

#content #ord_sdbright {
	display:block;
	margin: 0px;
	padding: 0px;
	float:right;
	width: 250px;
	font-family:Verdana, Geneva, sans-serif;
}

#content #ord_sdbright + .box {
	margin-right: 260px;
}

#content #sdbr_right_half {
	display:block;
	margin: 0px;
	padding: 0px;
	float:right;
	width: 50%;
	font-family:Verdana, Geneva, sans-serif;
}

#content #sdbr_right_half + .box {
	margin-right: 51%;
}

#content #ord_sdbright + .box > .content {
	padding: 0 0 10px 0;
}

#drivers_list_online {
	display:block;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.sdbr_drv_item {
	display:block;
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 0px 5px;
	border: 1px solid #CCC;
	background-color: #ffffff;
	background: #ffffff no-repeat left top url('../image/sdbr_drv_blk_bg.jpg');
}
.sdbr_drv_item.placeholder {
	background: #06F;
	background-image: none;
}
.sdbr_drv_item.userisoffline {
	display:none;
}
.sdbr_drv_item.userisoffline .dr_name {
	text-decoration:line-through;
	font-style:italic;
}

.sdbr_drv_item span.online {
	display:block;
	float:right;
	width: 10px;
	height: 10px;
	margin: 0 5px 0 0;
	padding: 0;
	border: 1px solid #039;
	background-color: #06C;
}
.sdbr_drv_item span.offline {
	display:block;
	float:right;
	width: 10px;
	height: 10px;
	margin: 0 5px 0 0;
	padding: 0;
	border: 1px solid #900;
	background-color: #C03;
}
.sdbr_drv_item div.dr_name {
	display:block;
	margin: 0 20px 10px 5px;
	padding: 5px 0 5px 5px;
	border-bottom: 2px solid #CCC;
}
.sdbr_drv_item div.dr_rblk {
	display:block;
	float:right;
	width: 150px;
	text-align:center;
	margin: 0;
	padding: 0;
}
.sdbr_drv_item div.dr_rblk .drbk_ttl {
	display:block;
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing: 1px;
	text-decoration:underline;
	color: #999;
}
.sdbr_drv_item div.dr_rblk .drbk_src {
	display:block;
	margin: 0 0 10px 0;
	padding: 5px;
	font-size: 11px;
	color: #333;
}

.sdbr_drv_item div.dr_linfo {
	display:block;
	margin: 0 152px 0 0;
	padding: 0;
}
.sdbr_drv_item div.dr_linfo .dr_linf_blk {
	display:block;
	margin: 0 0 0px 0;
	padding: 2px;
	border: 1px solid #eeeeee;
	border-top: 2px solid #CCC;
	background-color: #f8fafb;
}
.sdbr_drv_item div.dr_linfo .dr_linf_blk .drit_title {
	display:block;
	margin: 0;
	padding: 0;
	font-size: 7px;
	font-weight: bold;
	text-transform:uppercase;
	letter-spacing: 1px;
	color: #666;
}
.sdbr_drv_item div.dr_linfo .dr_linf_blk .drit_linumb {
	display:block;
	margin: 0;
	padding: 2px 0 0 0;
	text-align:center;
	color:#999;
	font-size: 10px;
}
.sdbr_drv_item div.dr_linfo .dr_linf_blk .drit_linumb .ln_big {
	font-size: 14px;
	font-weight:bold;
	color: #900;
}
.sdbr_drv_item div.dr_linfo .dr_linf_blk .drit_linumb .ln_med {
	font-size: 10px;
	font-weight:bold;
	color: #000;
}
.sdbr_drv_item div.dr_linfo .dr_linf_blk .drit_linumb .ln_small {
	font-size: 10px;
	color: #666;
}
.sdbr_drv_item div.dr_linfo .dr_linf_blk .drit_linmfo {
	display:block;
	margin: 0;
	padding: 2px 0 0 5px;
	text-align: left;
	color: #333;
	font-size: 10px;
}

.sdbr_grdir_item {
	display:block;
	padding: 5px 0 5px 0;
	margin: 0 0 5px 0;
	text-align: left;
	color:#999;
	font-size: 10px;
	border: 1px solid #CCC;
}
.sdbr_grdir_item .ln_title {
	font-size: 12px;
	font-weight:bold;
	color: #036;
	display: inline-block;
	width: 120px;
	padding: 0 5px 0 10px;
	text-align: left;
}
.sdbr_grdir_item .ln_big {
	font-size: 16px;
	font-weight:bold;
	color: #900;
}
.sdbr_grdir_item .ln_med {
	font-size: 14px;
	font-weight: 500;
	color: #000;
}
.sdbr_grdir_item .ln_small {
	font-size: 12px;
	color: #666;
}
.sdbr_grdir_item span.its_ok {
	display:block;
	float:right;
	width: 10px;
	height: 10px;
	margin: 0 5px 0 0;
	padding: 0;
	background-color: #6C0;
}
.sdbr_grdir_item span.need_attention {
	display:block;
	float:right;
	width: 10px;
	height: 10px;
	margin: 0 5px 0 0;
	padding: 0;
	background: #F00 no-repeat center center url('../image/icons/attention.gif');
}
#ord_sdbright .odd {
	background-color: #f8fafb;
}

#content #ord_btm_overline {
	display:block;
	margin: 0px;
	padding: 2px 5px 20px 5px;
	position: fixed;
	left: 10px;
	right: 10px;
	bottom: 0px;
	background-color: #333;
	z-index: 888;
}
#content #ord_btm_overline_src {
	display:block;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	background-color:#CCC;
	border: 3px solid #000;
}
#content #ord_btm_overline #ovr_right {
	display: inline-block;
	float: right;
	margin: 0px;
	padding: 0px;
}
#content #ord_btm_overline .fld_title {
	display: block;
	margin: 0px;
	padding: 0px 0px 3px 10px;
	font-size: 90%;
}

#content #ord_btm_overline a.btn {
    text-decoration: none;
    color: #FFF;
    display: inline-block;
    padding: 5px 10px 5px 10px;
    background: #003A88;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -khtml-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

#content #ord_btm_overline a.btn span {
    color: #FFF;
    display: inline-block;
    padding: 0px 5px;
	margin: 0 0 0 5px;
	background-color: #F00;
	font-weight: bold;
	font-family:Verdana, Geneva, sans-serif;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}
#content #ord_btm_overline a.btn span.grey {
    color: #000;
    padding: 0px 3px;
	margin: 0 0 0 2px;
	background-color: #CCC;
	font-size: 80%;
}

.list .tbl_list_logis .tbl_logist_prods {
	padding:0;
	margin: 0 0 15px 0;
	border: 1px solid #ececec;
}

.list .tbl_list_logis .tbl_logist_prods td {
	padding: 5px 0 5px 0;
}

.list .tbl_list_logis .tbl_logist_prods .odd td {
	background: #f8f8f8;
	border-top: 1px dashed #ececec !important;
	border-bottom: 1px dashed #ececec !important;
}
.list .tbl_list_logis .tbl_logist_prods .even td {
	background: #ffffff;
}

.list .tbl_list_logis .tbl_logist_prods th {
	padding: 2px;
	color:#999;
	font-size: 8px;
	text-transform:uppercase;
	letter-spacing: 1px;
	background-color: #E9E9E9;
}


.list .tbl_list_logis .ico_order_dir {
	display:inline-block; 
	float:right;
	line-height: 20px;
	background-color: #FC3; 
	padding: 5px 10px 5px 10px;
	margin: 0 0 0 5px;
	border: 1px dashed #C93;
}
.list .tbl_list_logis .ico_order_drv {
	display:inline-block; 
	float:right; 
	line-height: 20px;
	background-color: #9CF; 
	padding: 5px 10px; 
	margin: 0 0 0 5px;
	border: 1px dashed #ff6914; 
	color: #bc4200;
}
.list .tbl_list_logis .ico_order_priority {
	display:inline-block; 
	float:right; 
	border: 1px dashed #C30; 
	background-color: #F33; 
	padding: 5px; 
	line-height: 20px;
	color:#FFF;
	font-weight:bold; 
	font-size: 12px;
	font-family: Georgia, 'Times New Roman', Times, serif; 
	margin: 0 0 0 5px; 
	text-align:center;
}



.jst-hours {
  float: left;
}
.jst-minutes {
  float: left;
}
.jst-seconds {
  float: left;
}
.jst-clearDiv {
  clear: both;
}

.jst-timeout {
  color: red;
  -webkit-animation-name: blinker;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  -webkit-animation-duration: 1s;
}


body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  opacity: 0.8;
  z-index: 2000;
  cursor: move !important;
}

.blink {
  animation-name: blinker;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  animation-duration: 2s;
  -webkit-animation-name: blinker;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  -webkit-animation-duration: 2s;
}
 
@keyframes blinker {
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}
 
@-webkit-keyframes blinker {
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}

.highlight {
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.7;
    transform: scale(1.05);
  }
}

.text-highlight {
  display: inline-block;
  font-weight: bold;
  color: #ff3b30; /* roșu alertă */
  animation: textPulse 1s infinite;
}

@keyframes textPulse {
  0%, 100% {
    transform: scale(1);
    color: #ff3b30;
    text-shadow: 0 0 6px rgba(255, 59, 48, 0.6);
  }
  50% {
    transform: scale(1);
    color: #900; /* galben intens */
    text-shadow: 0 0 14px rgba(255, 204, 0, 0.9);
  }
}