@charset "utf-8";
/* CSS Document */
body,td,th,input,select,textarea {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 9pt;
	color: #333;
}
body {
	margin: 0px;
	padding: 0px;
	background: #eee;
}
a {
	color: #00C;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #f00;
	text-decoration: none;
	outline: none;
}
p {
	margin: 0px;
}
input:focus {
	/* border: 1px solid #0095d9; */
	border: 1px solid #febe10;
    background-color: #ffd !important;
	outline: none;
}
textarea:focus {
	/* border: 1px solid #0095d9; */
	border: 1px solid #febe10;
    background-color: #ffd;
	outline: none;
}
button {
	outline: none;
}
.txt_left {
	text-align: left!important;
}
.txt_center {
	text-align: center!important;
}
.txt_right {
	text-align: right!important;
}
.txt_top {
	vertical-align: top!important;
}
.txt_italic {
	font-weight: italic;
}
.txt_bold {
	font-weight: bold;
}
.tr_hover:hover{
	background: #CCFFCC;
}
.tr_line_20 {
	line-height: 22px;
}
.display_none {
	display: none;
}
.display_inline {
	display: inline;
}
.fleft {
	float: left;
}
.fright {
	float: right;
}
.fclr {
	clear: both;
}
.cursor_auto {
	cursor: auto !important;
}
.break_line_01 {
	border: 0px;
	border-bottom: 0px solid #fff;
	border-bottom: 1px solid #ccc;
}
.main_border{
	position: relative;
	width: 100%;
	min-height: 600px;
}
.main_login{
	position: relative;
	width: 100%;
	min-width: 600px;
	height: 100%;
}
.top_info {
	position: relative;
	background: #fff;
	padding: 10px;
	color: #111;
	box-shadow: 0px 0px 3px 0px #bbb;
	height: 65px;
}
.login_box {
	width: 500px;
	margin: 200px auto;
	border: 1px solid #C8C3C2;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 3px 0px #bbb;
}
.login_title {
	background: #febe10;
	padding: 5px;
	color: #fff;
	font-weight: bold;
	font-size: 9pt;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.login_banner img{
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin: 0 0 10px 0;
}
.login_input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333;
	border: 1px solid #999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 3px;
	width: 200px;
}
.login_btn1 {
	font-size: 9pt;
	color: #fff;
	-moz-border-radius: 5px 5px 5px 5px;
	padding: 3px;
	margin: 5px;
	background-color: #0095D9;
	font-weight: bold;
	border-color: #0095D9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.login_btn {
	font-weight: bold;
	margin: 5px;
	border: 1px solid #aaa;
	padding: 5px 12px;
	color: #111;
	text-decoration: none;
	background: #ddd;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	text-shadow: 0 1px 0 #fff;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
	background: -webkit-linear-gradient(top, #ffffff, #cccccc);
	background: -moz-linear-gradient(top, #ffffff, #cccccc);
	background: -ms-linear-gradient(top, #ffffff, #cccccc);
	background: -o-linear-gradient(top, #ffffff, #cccccc);    cursor: pointer;
}
.login_btn:hover {
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
	background: -webkit-linear-gradient(top, #cccccc, #dddddd);
	background: -moz-linear-gradient(top, #cccccc, #dddddd);
	background: -ms-linear-gradient(top, #cccccc, #dddddd);
	background: -o-linear-gradient(top, #cccccc, #dddddd);
}
.login_error {
	font-size: 9pt;
	font-weight: bold;
	color: #f00;
}
.top_info_user {
	float: right;
	font-size: 9pt;
	color: #666;
	text-align: right;
}
.top_info_user a {
	font-size: 9pt;
	font-weight: bold;
	color: #666;
	margin: 0;
}
.top_info_user a:hover {
	color: #0095D9;
}
.top_info_user_box {
	width: 300px;
	border: 1px solid #febe10;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	padding: 5px;
	margin: 10px 0 0 0;
	text-align: left;
	background: #eee;
	white-space: nowrap;
	float: right;
}
.top_info_user_avatar {
}
.top_info_user_avatar img {
	float: left;
	width: 30px;
	height: 30px;
 	border: 2px solid #fff;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	padding: 0px;
	margin: 0 10px 0 0;
	background: url('../img/noavatar.png');
	background-size: 30px 30px;
	background-repeat: no-repeat;
}
.top_info_welcome {
	float: left;
	border: 0px solid #111;
	color: #333;
	text-align: left;
}
.top_info_user_name {
	float: left;
	border: 0px solid #111;
	font-size: 12pt;
	font-weight: bold;
	color: #333;
	text-align: left;
}
.top_info_user_name a {
	font-size: 12pt;
	font-weight: bold;
	color: #333;
}
.top_info_user_name a:hover {
	font-size: 12pt;
	font-weight: bold;
	color: #0095D9;
}
.top_info_log_out {
	float: right;
	width: 32px;
	height: 32px;
	display: block;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	background: url('../img/icon-32-cancel.png');
	background-position: 0px -32px;
	background-repeat: no-repeat;
}
.top_info_log_out:hover {
	float: right;
	width: 32px;
	height: 32px;
	display: block;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	background: url('../img/icon-32-cancel.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.copyright_bottom {
	position: absolute;
	width: 100%;
	bottom: 0px;
	margin:0px;
	background-color: #ccc;
}
.copyright_bottom_line {
    height: 1px;
    border-top: 1px solid rgba(200, 200, 200, 0.8);
    background: none repeat scroll 0% 0% #FFF;
}
.copyright_bottom_content {
	color: #333;
	margin: 10px;
	font-size: 7.5pt;
	text-align: right;
    border: 0px solid rgba(200, 200, 200, 0.8);
}
#nav_top {
	float: left;
	position: relative;
	width: 100%;
	height: auto;
	background: #0095D9;
	background-repeat: repeat;
	/*
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; */
	box-shadow: 0px 0px 3px 0px #bbb;
}
/* -- BASIC MENU STYLES ----------------------------- */
#header-box {
	height: 34px;
	padding: 0px
}
#menu,
#menu ul,
#menu li {
	margin: 0;
	padding: 0;
	border: 0 none;
}
#menu {
	position: relative;
	z-index: 100;
}
#menu li {
	float: left;
	position: relative;
	list-style: none;
	display: inline;
}
#menu li a {
	display: block;
	white-space: nowrap;
}
#menu li ul {
	visibility: hidden;
	position: absolute;
	opacity: 0;
	transition: visibility 0s 0.2s, opacity 0.2s linear;
}
#menu li li ul {
	top: 0;
	left: 0;
}
#menu li:hover ul {
	visibility: visible;
	opacity: 1;
	transition: opacity 0.2s linear;
}
#menu li:hover ul li ul {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s 0.2s, opacity 0.2s linear;
	left: 100%;
}
#menu li:hover li:hover ul {
	visibility: visible;
	left: 100%;
	opacity: 1;
	transition: opacity 0.2s linear;
}
/* ---- Menu layout -------------------------- */
#menu li {
	/*border-left: 1px solid #fff;*/
	border-right: 0px solid #d8d8d8;
}
#menu li li {
	border: 0;
	display: block;
	float: none;
}
#menu ul {
	border: 0.1em solid #ccc;
	background: #fff;
}
#menu ul li.node {
	background: transparent;
	z-index: 110;
}
img.sub_menu {
    position: absolute;
    top: 13px;
    right: 10px;
}
#menu li.first_separator {
	background: #fff;
	width: 2px !important;
	line-height: 34px;
}
#menu ul li.separator {
	background: #DDE1E6;
	height: 1px ;
}
#menu a,
#menu div {
	padding: 0.35em 1em 0.35em;
	margin: 5px 0px 1px 0px;
	color: #fff;
	height: 20px;
	vertical-align: middle;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	cursor:pointer;
	background-repeat: no-repeat;
	background-position: left 50%;
}
#menu ul a {
	font-size: 1em;
	font-weight: normal;
	padding-left: 15px;
	padding-right: 30px;
	line-height: 1.2em;
}
/* 1 level - hover */
#menu li:hover a {
	/*background-color: #dbe4e9;
	background-color: #ffd497;
	background-color: #b2ccf7;*/
	color: #052859;
	background-color: rgba(255,255,255,1);
	border-top: 3px solid #febe10;
	border-left: 0px solid #025a8d;
	border-right: 0px solid #025a8d;
	margin: 0px;
	line-height: 22px;
	padding-bottom: 7px;
}
/* 2 level - normal */
#menu li:hover li a {
	color: #111;
	background-color: transparent;
	border: 1px solid transparent;
	margin: 1px;
}

.menu-component {
	z-index: 120;
}

/* 2 level - hover */
#menu li:hover li:hover a {
	background-color: #dbe4e9;
	border-color: #025a8d;
}
/* 3 level - normal */
#menu li:hover li:hover li a {
	background-color: transparent;
	border-color: transparent;
}
/* 3 level - hover */
#menu li:hover li:hover li a:hover {
	background-color: #dbe4e9;
	border-color: #025a8d;
}
#nav_homepage a:hover {
	border-top-left-radius: 5px;
	/*
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; */
}
#m-trangchu div {
	border: 0px solid #111;
	width: 16px !important;
	height: 15px !important;
    background-image: url("../img/icon-home.png");
    background-position: 0px 0px !important;
    padding: 0px !important;
    margin: 2px 0px 0px 0px !important;
}
#m-trangchu:hover div {
	border: 0px solid #111;
	width: 16px !important;
	height: 15px !important;
    background-image: url("../img/icon-home.png");
    background-position: 0px -14px !important;
    padding: 0px !important;
    margin: 4px 0px 0px 0px !important;
}
/* ---- End of Menu layout -------------------------- */
.header_job_file_tracking {
	padding: 0px;
	margin: 5px 20px 0 0;
	color: #fff;
	float: right;
}
.header_announcement {
	padding: 0px;
	margin: 5px 0 0 20px;
	color: #fff;
	float: left;
}
.header_announcement .loading {
	display: none;
}
.header_announcement a {
	width: 24px;
	height: 24px;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	cursor:pointer;
	background-repeat: no-repeat;
}
.header_announcement a:hover {
	cursor:pointer;
	background-repeat: no-repeat;
}
.header_announcement a.btn_inbox{
    background-image: url("../img/icon-24-inbox.png");
    background-position: 0px -24px;
}
.header_announcement a:hover.btn_inbox{
    background-image: url("../img/icon-24-inbox.png");
    background-position: 0px 0px;
}
.header_announcement a.btn_inbox_new {
    background-position: 0px 0px;
}
.header_announcement .msg_count {
	font-size: 7pt;
	font-weight: bold;
	color: #fff;
	background: #f00;
	display: relative;
	margin: 0 0 0 15px;
	padding: 2px 4px;
	border-radius: 2px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .7);
}
#loading{
	display: none;
	width: 100%;
	text-align: center;
	border: 0px solid #111;
	margin: 10px auto;
	line-height: 40px;
}
.loading{
	border: 0px solid #111;
	width: 80px;
	min-width: 80px;
	margin: auto;
	text-align: center;
	font-size: 8pt;
	color: #666;
	vertical-align: text-bottom;
}
.loading-icon{
	border: 0px solid #111;
	width: 16px;
	height: 16px;
	margin: auto;
    background-image: url("../img/ajax_load.gif");
	background-position: center center;
	background-repeat: no-repeat;
	display: inline-block;
}
.loading > em {
	white-space: nowrap;;
}
.page_content{
	border: 0px solid #111;
	padding: 20px;
}
.title_01 {
	color: #666;
	font-size: 12pt;
	font-weight: bold;
	display: inline;
}
.title_01 a {
	color: #0095D9;
}
.title_01 a:hover {
	color: #900000;
}
.title_02 {
	color: #900000;
	font-size: 12pt;
	font-weight: bold;
	display: inline;
}
.title_02 a {
	color: #0095D9;
}
.title_02 a:hover {
	color: #900000;
}
.title_03 {
	font-size: 12pt;
	font-weight: bold;
	color: #A50;
}
.btn_action ul {
	margin: auto;
	padding: 0px;
	float: left;
	border: 0px solid #111;
}
.btn_main ul {
	margin: auto;
	padding: 10px 0 10px 0;
	float: left;
	border: 0px solid #111;
}
.btn_form ul {
	display: inline;
	width: 100px;
	margin: auto;
	padding: 10px 0 10px 0;
	float: none;
	border: 0px solid #111;
}
.btn_action ul li {
	list-style: none;
	display: inline;
	float: left;
	margin: 0 5px;
	white-space: nowrap;
}
.btn_separate {
	width: 1px;
	height: 25px;
	background: #999;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
.btn_action a {
	width: 24px;
	height: 24px;
	display: block;
	margin: 0px;
	padding: 0px;
	cursor:pointer;
	background-repeat: no-repeat;
}
.btn_action a:hover {
	cursor:pointer;
	background-repeat: no-repeat;
}
.btn_action a.btn_print {
    background-image: url("../img/icon-24-print.png");
    background-position: 0px 0px;
}
.btn_action a:hover.btn_print {
	background: none;
    background-image: url("../img/icon-24-print.png");
    background-position: 0px -23px;
}
.btn_action a.btn_move {
    background-image: url("../img/icon-24-move.png");
    background-position: 0px 0px;
}
.btn_action a:hover.btn_move {
	background: none;
    background-image: url("../img/icon-24-move.png");
    background-position: 0px -24px;
}
.btn_action a.btn_add_user {
    background-image: url("../img/icon-24-adduser.png");
    background-position: 0px 0px;
}
.btn_action a:hover.btn_add_user {
	background: none;
    background-image: url("../img/icon-24-adduser.png");
    background-position: 0px -24px;
}
.btn_action a.btn_add_new {
    background-image: url("../img/icon-24-new.png");
    background-position: 0px 0px;
}
.btn_action a:hover.btn_add_new {
	background: none;
    background-image: url("../img/icon-24-new.png");
    background-position: 0px -24px;
}
.btn_action a.btn_copy {
    background-image: url("../img/icon-24-copy.png");
    background-position: 0px 0px;
}
.btn_action a:hover.btn_copy {
	background: none;
    background-image: url("../img/icon-24-copy.png");
    background-position: 0px -24px;
}
.btn_action a.btn_edit {
    background-image: url("../img/icon-24-edit.png");
    background-position: 0px 0px;
}
.btn_action a:hover.btn_edit {
	background: none;
    background-image: url("../img/icon-24-edit.png");
    background-position: 0px -24px;
}
.btn_action a.btn_delete {
    background-image: url("../img/icon-24-delete.png");
    background-position: 0px 0px;
}
.btn_action a:hover.btn_delete {
	background: none;
    background-image: url("../img/icon-24-delete.png");
    background-position: 0px -24px;
}

a.delete_icon {
	background-image: url(../img/icon-16-delete.png);
    background-position: 0px -16px;
}
a:hover.delete_icon {
	background-image: url(../img/icon-16-delete.png);
    background-position: 0px 0px;
}

.delete_icon_ui {
	display: inline-block;
	width: 16px;
	height: 16px;
}

.btn_action a.btn_trash {
    background-image: url("../img/icon-24-trash.png");
    background-position: 0px 0px;
}
.btn_action a:hover.btn_trash {
	background: none;
    background-image: url("../img/icon-24-trash.png");
    background-position: 0px -24px;
}
.btn_action a.btn_cancel{
    background-image: url("../img/icon-24-cancel.png");
    background-position: 0px 0px;
}
.btn_action a:hover.btn_cancel {
	background: none;
    background-image: url("../img/icon-24-cancel.png");
    background-position: 0px -24px;
}
.btn_action a.btn_customer{
    background-image: url("../img/icon-24-contacts.png");
    background-position: 0px 0px;
}
.btn_action a:hover.btn_customer {
	background: none;
    background-image: url("../img/icon-24-contacts.png");
    background-position: 0px -24px;
}
.btn_action a.btn_refresh{
    background-image: url("../img/icon-24-refresh.png");
    background-position: 0px 0px;
}
.btn_action a:hover.btn_refresh {
	background: none;
    background-image: url("../img/icon-24-refresh.png");
    background-position: 0px -24px;
}
.btn_action a.btn_back{
    background-image: url("../img/icon-24-back.png");
    background-position: 0px 0px;
}
.btn_action a:hover.btn_back {
	background: none;
    background-image: url("../img/icon-24-back.png");
    background-position: 0px -24px;
}
.btn_action a.btn_forward{
    background-image: url("../img/icon-24-forward.png");
    background-position: 0px 0px;
}
.btn_action a:hover.btn_forward {
	background: none;
    background-image: url("../img/icon-24-forward.png");
    background-position: 0px -24px;
}
.btn_action a.btn_revert{
    background-image: url("../img/icon-24-revert.png");
    background-position: 0px 0px;
}
.btn_action a:hover.btn_revert {
	background: none;
    background-image: url("../img/icon-24-revert.png");
    background-position: 0px -24px;
}
.btn_action a.btn_save{
    background-image: url("../img/icon-24-save.png");
    background-position: 0px 0px;
}
.btn_action a:hover.btn_save {
	background: none;
    background-image: url("../img/icon-24-save.png");
    background-position: 0px -23px;
}
.btn_action a.btn_save_new{
    background-image: url("../img/icon-24-save-new.png");
    background-position: 0px 0px;
}
.btn_action a:hover.btn_save_new {
	background: none;
    background-image: url("../img/icon-24-save-new.png");
    background-position: 0px -23px;
}
.btn_action a.btn_approve{
    background-image: url("../img/icon-24-approve.png");
    background-position: 0px 0px;
}
.btn_action a:hover.btn_approve {
	background: none;
    background-image: url("../img/icon-24-approve.png");
    background-position: 0px -24px;
}
.btn_action a.btn_upload{
    background-image: url("../img/icon-24-upload.png");
    background-position: 0px 0px;
}
.btn_action a:hover.btn_upload {
	background: none;
    background-image: url("../img/icon-24-upload.png");
    background-position: 0px -24px;
}
.btn_action a.btn_download{
    background-image: url("../img/icon-24-download.png");
    background-position: 0px 0px;
}
.btn_action a:hover.btn_download {
	background: none;
    background-image: url("../img/icon-24-download.png");
    background-position: 0px -24px;
}
.btn_action a.btn_lock{
    background-image: url("../img/icon-24-lock.png");
    background-position: 0px 0px;
}
.btn_action a:hover.btn_lock {
	background: none;
    background-image: url("../img/icon-24-unlock.png");
    background-position: 0px 0px;
}
.btn_action a.btn_unlock{
    background-image: url("../img/icon-24-unlock.png");
    background-position: 0px -24px;
}
.btn_action a:hover.btn_unlock {
	background: none;
    background-image: url("../img/icon-24-lock.png");
    background-position: 0px 0px;
}
.btn_action a.btn_contacts{
    background-image: url("../img/icon-24-contacts.png");
    background-position: 0px 0px;
}
.btn_action a:hover.btn_contacts {
	background: none;
    background-image: url("../img/icon-24-contacts.png");
    background-position: 0px -24px;
}
.btn_action a.btn_contacts_categories{
    background-image: url("../img/icon-24-contacts-categories.png");
    background-position: 0px 0px;
}
.btn_action a:hover.btn_contacts_categories {
	background: none;
    background-image: url("../img/icon-24-contacts-categories.png");
    background-position: 0px -25px;
}
.btn_action a.btn_inbox{
    background-image: url("../img/icon-24-inbox.png");
    background-position: 0px 0px;
}
.btn_action a:hover.btn_inbox {
	background: none;
    background-image: url("../img/icon-24-inbox.png");
    background-position: 0px -24px;
}
.btn_action a.btn_send{
    background-image: url("../img/icon-24-send.png");
    background-position: 0px 0px;
}
.btn_action a:hover.btn_send {
	background: none;
    background-image: url("../img/icon-24-send.png");
    background-position: 0px -24px;
}
.btn_action a.btn_reply{
    background-image: url("../img/icon-24-messaging-reply.png");
    background-position: 0px 0px;
}
.btn_action a:hover.btn_reply {
	background: none;
    background-image: url("../img/icon-24-messaging-reply.png");
    background-position: -1px -25px;
}
.btn_action a.btn_forward_msg{
    background-image: url("../img/icon-24-messaging.png");
    background-position: 0px 0px;
}
.btn_action a:hover.btn_forward_msg {
	background: none;
    background-image: url("../img/icon-24-messaging.png");
    background-position: 1px -25px;
}
.btn_action a.btn_quotation{
    background-image: url("../img/icon-24-xml.png");
    background-position: 0px 0px;
}
.btn_action a:hover.btn_quotation {
	background: none;
    background-image: url("../img/icon-24-xml.png");
    background-position: 0px -24px;
	background-repeat: no-repeat;
}
.btn_action a.btn_quotation_request{
    background-image: url("../img/icon-24-xml-add.png");
    background-position: 0px 0px;
}
.btn_action a:hover.btn_quotation_request {
	background: none;
    background-image: url("../img/icon-24-xml-add.png");
    background-position: 0px -24px;
	background-repeat: no-repeat;
}
.btn_action a.btn_stats{
    background-image: url("../img/icon-24-stats.png");
    background-position: 0px 0px;
}
.btn_action a:hover.btn_stats {
	background: none;
    background-image: url("../img/icon-24-stats.png");
    background-position: 0px -25px;
	background-repeat: no-repeat;
}
.btn_action a.btn_calendar{
    background-image: url("../img/icon-24-calendar.png");
    background-position: 0px 0px;
}
.btn_action a:hover.btn_calendar {
	background: none;
    background-image: url("../img/icon-24-calendar.png");
    background-position: 0px -25px;
	background-repeat: no-repeat;
}
.btn_action a.btn_search{
    background-image: url("../img/icon-24-search.png");
    background-position: 0px 0px;
}
.btn_action a:hover.btn_search {
	background: none;
    background-image: url("../img/icon-24-search.png");
    background-position: 0px -24px;
	background-repeat: no-repeat;
}
.btn_action a.btn_contract{
    background-image: url("../img/icon-24-article-add.png");
    background-position: 0px 0px;
}
.btn_action a:hover.btn_contract {
	background: none;
    background-image: url("../img/icon-24-article-add.png");
    background-position: 0px -25px;
	background-repeat: no-repeat;
}
.list_filter {
	float: right;
}
.list_search {
	float: right;
	margin: 0 0 0 30px;
}
.form_filter_select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333;
	border: 1px solid #999;
	-moz-border-radius: 4px 4px 4px 4px;
	padding: 3px;
	margin: 7px 10px 2px 0;
}
.transfer_main_border {
	width: 400px;
	background-color: #fff;
	border: 1px solid #002d96;
	padding: 1px;
	margin-top: 100px;
	margin-bottom: 25px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}
table.transfer_border {
	background-color: #fff;
	border: 1px solid #6a8ccb;
	border-collapse:collapse;
}
table.transfer_border td {
	border: 1px solid #6a8ccb;
	text-align: center;
}
.transfer_content {
	font-size: 11pt;
	font-weight: bold;
	color: #111;
	/*background-color: #fff;*/
	background-color: #f6f6f6;
	padding: 10px 5px 10px 5px;
}
.transfer_content .transfer_text {
	font-size: 11pt;
	font-weight: bold;
	color: #111;
	/*background-color: #fff;*/
	padding: 10px 5px 10px 5px;
	margin: 10px 0;
}
.transfer_url {
	color: #002d96;
	/*background-color: #fff;*/
	background-color: #f6f6f6;
	line-height: 22px;
}
.transfer_url a  {
	color: #002d96;
	padding: 2px 5px 2px 5px;
	text-decoration: none;
	display: block;
}
.transfer_url a:hover {
	color: #f00;
	/*background-color: #f3f3f3;*/
	background-color: #dbeaf9;
	padding: 2px 5px 2px 5px;
	text-decoration: none;
	display: block;
}
.transfer_error_main_border {
	width: 400px;
	background-color: #fff;
	border: 1px solid #002d96;
	padding: 1px;
	margin-top: 100px;
	margin-bottom: 25px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}
table.transfer_error_border {
	background-color: #f00;
	border: 1px solid #6a8ccb;
	border-collapse:collapse;
}
table.transfer_error_border td {
	border: 1px solid #6a8ccb;
	text-align: center;
}
.transfer_error_content {
	font-size: 11pt;
	font-weight: bold;
	color: #fff;
	/*background-color: #fff;*/
	background-color: #f00;
	padding: 10px 5px 10px 5px;
}
.transfer_error_content .transfer_text {
	font-size: 11pt;
	font-weight: bold;
	color: #fff;
	/*background-color: #fff;*/
	padding: 10px 5px 10px 5px;
	margin: 10px 0;
}
.transfer_error_url {
	color: #002d96;
	/*background-color: #fff;*/
	background-color: #f00;
	line-height: 22px;
}
.transfer_error_url a  {
	color: #fff;
	padding: 2px 5px 2px 5px;
	text-decoration: none;
	display: block;
}
.transfer_error_url a:hover {
	color: #fff;
	/*background-color: #f3f3f3;*/
	background-color: #900;
	padding: 2px 5px 2px 5px;
	text-decoration: none;
	display: block;
}
.index_left {
	width: 32%;
	min-width: 270px;
	float: left;
}
.index_system_announcement {
	border: 1px solid #C8C3C2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 3px 0px #bbb;
	padding: 15px;
	margin: 0 0 20px 0;
}
.index_system_announcement img {
	width:100%;
	height:auto;
}
.index_system_announcement_bg_01 {
	background: #fdffd8 !important;
}
.index_system_announcement_bg_02 {
	background: #FFEFC1 !important;
}
.index_system_announcement_bg_03 {
	background: #FDC8C8 !important;
}
.index_system_announcement_bg_04 {
	background: #CCFFCC !important;
}
.index_system_announcement_bg_05 {
	background: #c3dffc !important;
}
.index_system_announcement_bg_06 {
	background: #F5F5F5 !important;
}
.index_system_announcement_bg_07 {
	background: #fff !important;
}
.announce_index_bgcolor {
	float: left;
	border: 1px solid #C8C3C2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 50px;
	height: 23px;
	padding: 2px 0 0 0;
	margin: 0 10px 0 0;
}
.index_system_info {
	position: relative;
	border: 1px solid #C8C3C2;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 3px 0px #bbb;
	padding: 15px;
	margin: 0 0 20px 0;
}
.index_medal {
	width: 50px;
	height: 64px;
	border: 0px solid #C8C3C2;
	background-image: url("../img/medal.png");
	background-position: 0px 0px;
	font-size: 12.5pt;
	font-weight: bold;
	color: #fff;
	padding: 14px 0 0 0;
	text-shadow: 0 1px 0 #111;
}
.index_job_final {
	position: relative;
	width: 60%;
	min-width: 600px;
	border: 1px solid #C8C3C2;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 3px 0px #bbb;
	padding: 15px;
	margin: 0 0 20px 0;
	max-height: 350px;
	overflow: auto;
	float: right;
}
.job_out_of_date {
	background: #fdc8c8 !important;
}
.job_will_out_of_date {
	background: #f2ff9e !important;
}
.index_diary_week {
	border: 1px solid #C8C3C2;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 3px 0px #bbb;
	padding: 15px;
	margin: 0 0 20px 0;
	max-height: 350px;
	overflow: auto;
}
.index_birthday_of_month {
	border: 1px solid #C8C3C2;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 3px 0px #bbb;
	padding: 15px;
	margin: 0 0 20px 0;
	max-height: 350px;
	overflow: auto;
}
.index_right {
	position: relative;
	width: 60%;
	min-width: 600px;
	border: 1px solid #C8C3C2;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 3px 0px #bbb;
	padding: 15px;
	float: right;
	margin: 0px 0px 20px 0px;
}
.index_schecdule {
	position: relative;
	border: 0px solid #C8C3C2;
}
.index_schecdule_day {
	font-size: 93.5pt;
	font-weight: normal;
	color: #bbb;
	margin: 35px;
	float: left;
}
.index_schecdule_user_avatar img {
	float: left;
	width: 30px;
	height: 30px;
 	border: 2px solid #eee;
	border-radius: 200px;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	padding: 0px;
	margin: 0px;
}
.calendar_job {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 5px;
	height: 5px;
	background: #09c700;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}
.calendar_item {
	width: 100%;
	border: 0px solid #ccc;
}
table.calendar_item {
	width: 100%;
	border: 1px solid #ccc;
}
.calendar_item_month {
	background: #ddd;
	font:bold 12px verdana;
	color: #333;
	text-align: center;
}
.calendar_item_select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333;
	border: 1px solid #999;
	padding: 3px;
	margin: 3px;
	/*
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	*/
}
.calendar_item_daysofweek {
	background: #fff;
	font:bold 12px verdana;
	color: #666;
}
td.calendar_item_daysofweek {
	padding: 5px;
}
.calendar_item_days {
	position: relative;
	font-size: 9pt;
	color: #333;
	background: #fdfdfd;
	padding: 2px;
}
.calendar_item_days a {
	display: block;
	font-size: 9pt;
	color: #333;
	padding: 5px 14px 5px 14px;
	cursor: pointer;
	border: 1px solid #ccc;
}
.calendar_item_days a:hover {
	color: #fff;
	background-color: #0095D9 !important;
}
.index_schecdule_today {
	padding: 2px;
}
.index_schecdule_today a {
	position: relative;
	background: #FEBE10 !important;
	display: block;
	font-size: 9pt;
	color: #fff;
	padding: 5px 14px;
	cursor: pointer;
	border: 1px solid #ccc;
}
.index_schecdule_today a:hover {
	color: #fff;
	background-color: #0095D9 !important;
}
.calendar_item_days #today{
	font-weight: bold;
	color: red;
}
.schecdule_calendar {
	position: absolute;
	top: 0px;
	right: 0px;
}
.btn_schedule_close {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 24px;
	height: 24px;
	background: none;
    background-image: url("../img/icon-24-cancel.png");
    background-position: 0px -24px;
    cursor: pointer;
}
.btn_schedule_close:hover {
	width: 24px;
	height: 24px;
	background: none;
    background-image: url("../img/icon-24-cancel.png");
    background-position: 0px 0px;
}
.approve_0 {
	color: #0095D9;
}
.approve_2 {
	color: #ff0000;
}
.approve_1 {
}
.dialog_happy_birthday {
	background: url('../img/happy_birthday_card.jpg') !important;
	background-repeat: no-repeat;
}
.dialog_happy_birthday_info {
	float: left;
	margin: 50px 0 0 0;
}
.dialog_happy_birthday_name {
    font-size: 20pt;
    font-weight: bold;
    color: #666;
}
.dialog_happy_birthday_date {
    margin: 10px 0 0 0;
    font-size: 11pt;
    font-weight: normal;
    color: #999;
}
.dialog_happy_birthday_avatar {
	float: left;
	margin: 50px 0 0 0;
}
.dialog_happy_birthday_avatar img {
	float: left;
	width: 70px;
	height: 70px;
 	border: 1px solid #ccc;
	padding: 2px;
	margin: 0 10px 0 0;
}
.permission_tree_area {
	position: relative;
	width: 55%;
	height: 500px;
	min-width: 500px;
	border: 1px solid #C8C3C2;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 3px 0px #bbb;
	padding: 15px;
	margin: 50px 0 0 0;
	overflow-x: auto;
}
.permission_tree_area .title_03 {
	margin: 10px 0 5px 0;
}
.permission_lvl_01 {
    padding: 0 0 0 0px;
    line-height: 22px;
    font-weight: bold;
    margin: 0 0 0 0;
}
.permission_lvl_02 {
    padding: 0 0 0 0px;
    line-height: 22px;
	border: 0px solid #C8C3C2;
	background-image: url("../img/tree.gif");
    background-position: -7px -230px;
    background-repeat: no-repeat;
}
.permission_tree {
	border: 0px solid #C8C3C2;
	float: left;
	width: 25px;
	background-image: url("../img/tree.gif");
    background-position: -7px -247px;
    background-repeat: no-repeat;
    margin: 0 5px 0 0;
    line-height: 22px;
}
.avatar_old img {
	border: 3px solid #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.choose_server a{
	font-size: 12pt;
	font-weight: bold;
	color: #00C;
	text-decoration:none;
}
.choose_server a:hover{
	color: #F00;
}
.user_info {
	/* [disabled]font-weight: bold; */
	background-color: #FFEED9;
	font-size: 9pt;
	padding: 5px;
}
.menu_title {
	font-weight: bold;
	color: #FFF;
	background-color: #f7941d;
	text-align: center;
	font-size: 11pt;
	line-height: 25px;
}
.menu_title_sub {
	font-weight: bold;
	background-color: #FFFAF4;
	font-size: 9pt;
	padding: 5px;
}
.menu_row {
	/* [disabled]font-weight: bold; */
	background-color: #FFFAF4;
	font-size: 9pt;
	padding: 5px;
}
.menu_row a {
	color: #333;
}
.menu_row a:hover {
	color: #F00;
}
.content {
	color: #333;
	border: 1px solid #FABD74;
	-moz-border-radius: 4px 4px 4px 4px;
	padding: 15px;
}
.input_box {
	border: 1px solid #f7941d;
}
.title01 {
	font-size: 11pt;
	font-weight: bold;
	color: #A50;
	padding: 5px;
}
.title02 {
	font-size: 13pt;
	font-weight: bold;
	color: #000;
	padding: 5px;
}
.form_input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333;
	border: 1px solid #999;
	padding: 3px;
	width: 200px;
	margin-top: 2px;
	margin-bottom: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.form_textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333;
	border: 1px solid #999;
	padding: 3px;
	width: 300px;
	height: 120px;
	margin-top: 2px;
	margin-bottom: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.form_select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333;
	border: 1px solid #999;
	padding: 3px;
	margin-top: 2px;
	margin-bottom: 2px;
	float: left;
	/*
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	*/
}
.form_btn1 {
	font-size: 9pt;
	color: #fff;
	-moz-border-radius: 5px 5px 5px 5px;
	padding: 3px;
	margin: 5px;
	background-color: #0095D9;
	font-weight: bold;
	border-color: #0095D9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.form_btn {
	font-weight: bold;
	margin: 5px;
	border: 1px solid #aaa;
	padding: 5px 12px;
	color: #111;
	text-decoration: none;
	background: #ddd;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	text-shadow: 0 1px 0 #fff;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
	background: -webkit-linear-gradient(top, #ffffff, #cccccc);
	background: -moz-linear-gradient(top, #ffffff, #cccccc);
	background: -ms-linear-gradient(top, #ffffff, #cccccc);
	background: -o-linear-gradient(top, #ffffff, #cccccc);    cursor: pointer;
}
.form_btn:hover {
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
	background: -webkit-linear-gradient(top, #cccccc, #dddddd);
	background: -moz-linear-gradient(top, #cccccc, #dddddd);
	background: -ms-linear-gradient(top, #cccccc, #dddddd);
	background: -o-linear-gradient(top, #cccccc, #dddddd);
}
.form_btn_2 {
	width: 60px;
	font-weight: bold;
	font-size: 7.5pt;
	margin: 0 0 0 5px;
	border: 1px solid #aaa;
	padding: 2px 5px;
	color: #222;
	text-decoration: none;
	background: #ddd;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	text-shadow: 0 1px 0 #fff;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffaaaa));
	background: -webkit-linear-gradient(top, #ffffff, #ffaaaa);
	background: -moz-linear-gradient(top, #ffffff, #ffaaaa);
	background: -ms-linear-gradient(top, #ffffff, #ffaaaa);
	background: -o-linear-gradient(top, #ffffff, #ffaaaa);    cursor: pointer;
}
.form_btn_2:hover {
	color: #111;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ff0000));
	background: -webkit-linear-gradient(top, #fff, #ff0000);
	background: -moz-linear-gradient(top, #fff, #ff0000);
	background: -ms-linear-gradient(top, #fff, #ff0000);
	background: -o-linear-gradient(top, #fff, #ff0000);
}
.form_btn_3 {
	width: 60px;
	font-weight: bold;
	font-size: 7.5pt !important;
	margin: 0 0 0 5px;
	border: 1px solid #aaa;
	padding: 2px 5px;
	color: #222;
	text-decoration: none;
	background: #ddd;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	text-shadow: 0 1px 0 #fff;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ccc));
	background: -webkit-linear-gradient(top, #ffffff, #ccc);
	background: -moz-linear-gradient(top, #ffffff, #ccc);
	background: -ms-linear-gradient(top, #ffffff, #ccc);
	background: -o-linear-gradient(top, #ffffff, #ccc);    cursor: pointer;
}
.form_btn_3:hover {
	color: #111;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#ddd));
	background: -webkit-linear-gradient(top, #ccc, #ddd);
	background: -moz-linear-gradient(top, #ccc, #ddd);
	background: -ms-linear-gradient(top, #ccc, #ddd);
	background: -o-linear-gradient(top, #ccc, #ddd);
}
.form_btn_4 {
	font-weight: bold;
	font-size: 7.5pt;
	margin: 0 0 0 5px;
	border: 1px solid #aaa;
	padding: 2px 5px;
	color: #222;
	text-decoration: none;
	background: #ddd;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	text-shadow: 0 1px 0 #fff;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ccc));
	background: -webkit-linear-gradient(top, #ffffff, #ccc);
	background: -moz-linear-gradient(top, #ffffff, #ccc);
	background: -ms-linear-gradient(top, #ffffff, #ccc);
	background: -o-linear-gradient(top, #ffffff, #ccc);    cursor: pointer;
}
.form_btn_4:hover {
	color: #111;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#ddd));
	background: -webkit-linear-gradient(top, #ccc, #ddd);
	background: -moz-linear-gradient(top, #ccc, #ddd);
	background: -ms-linear-gradient(top, #ccc, #ddd);
	background: -o-linear-gradient(top, #ccc, #ddd);
}
.form_input_title {
	width: 50px;
	white-space: nowrap;
	padding: 0 10px 0 0;
}
.manage_title {
	font-weight: bold;
	color: #333;
	background-color: #E4E4E4;
	text-align: center;
	font-size: 9pt;
	line-height: 25px;
}
.manage_title_no_line {
	font-weight: bold;
	color: #333;
	background-color: #E4E4E4;
	text-align: center;
	font-size: 9pt;
}
.manage_action_schedule {
	min-width: 150px;
}
.manage_action_job {
	min-width: 150px;
}
.manage_action_mem {
	min-width: 120px;
}
.manage_action_customer {
	min-width: 180px;
}
.manage_action_announce {
	min-width: 80px;
}
.manage_row {
	/* [disabled]font-weight: bold; */
	background-color: #FFF;
	font-size: 9pt;
	padding: 5px;
    cursor: pointer;
}
.manage_row_jf {
	/* [disabled]font-weight: bold; */
	font-size: 9pt;
	padding: 5px;
    cursor: pointer;
	color: '#ffffff';
}
.manage_row a {
	color: #00C;
}
.manage_row a:hover {
	color: #F00;
}
.manage_row_hide {
    position: relative;
	/* [disabled]font-weight: bold; */
	background-color: #ffefc1;
	font-size: 9pt;
	padding: 5px;
    cursor: pointer;
}
.manage_row_hide img {
	max-width: 900px;
    cursor: pointer;
}
.manage_row_hide_index_schedule {
	position: relative;
	/* [disabled]font-weight: bold; */
	background-color: #ffefc1;
	font-size: 9pt;
	padding: 5px;
}
.manage_row_hide_index_schedule img {
	max-width: 300px;
}
.manage_row_hide_index_job {
	position: relative;
	/* [disabled]font-weight: bold; */
	background-color: #ffefc1;
	font-size: 9pt;
	padding: 5px;
}
.manage_row_hide_index_job img {
	max-width: 100px;
}
.pageview {
	clear: both;
	color: #111;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-align: center;
	padding: 10px;
}
.pageview a {
	margin: 0 0 0 0;
	color: #707070;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9pt;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #ccc;
	padding: 5px 7px 5px 7px;
	margin: 2px;
	line-height: 35px;
}
.pageview a:hover{
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9pt;
	background-color:#598ecc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #598ecc;
	margin: 2px;
}
.pagecurrent {
	color: #333333;
	background-color:#CCC;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #CCC;
	padding: 5px 7px 5px 7px;
	margin: 2px;
	font-weight: bold;
	display: inline;
}
.vf_pag{position:relative;right:0;bottom:5px}
.vf_pag *{font-size:11px;font-family:Verdana, Geneva, sans-serif}
.vf_pag p{overflow-y:hidden;text-align: center;}
.vf_pag a{font-weight:bold;color:#707070;background:#ececec;display:inline-block;overflow:hidden;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border: 1px solid #CCC;padding: 5px 7px;margin: 2px;}
.vf_pag a:hover,.vf_pag a.active{color:#fff;background:#598ecc}
.vf_pag span{color:#666;font-weight:bold;display:inline-block;overflow-y: hidden;margin: 8px;}
.vf_pag .next,.vf_pag .next:hover{background:url("../img/pag_next.png") no-repeat center;text-indent:-100px;width:16px;text-align:left}
.vf_pag .prev,.vf_pag .prev:hover{background:url("../img/pag_prev.png") no-repeat center;text-indent:-100px;width:16px;text-align:left}
.form_input_plan {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333;
	border: 1px solid #999;
	-moz-border-radius: 4px 4px 4px 4px;
	padding: 3px 10px 3px 3px;
	margin-top: 2px;
	margin-bottom: 2px;
	width: 180px;
}
.form_textarea_plan {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333;
	border: 1px solid #999;
	-moz-border-radius: 4px 4px 4px 4px;
	padding: 3px;
	margin-top: 2px;
	margin-bottom: 2px;
	width: 215px;
}
.form_textarea_plan_detail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333;
	border: 1px solid #999;
	-moz-border-radius: 4px 4px 4px 4px;
	padding: 3px;
	margin-top: 2px;
	margin-bottom: 2px;
	width: 650px;
}
.form_textarea_plan_year {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333;
	border: 1px solid #999;
	-moz-border-radius: 4px 4px 4px 4px;
	padding: 3px;
	margin-top: 2px;
	margin-bottom: 2px;
	width: 655px;
}
.form_textarea_plan_statistic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333;
	border: 1px solid #999;
	-moz-border-radius: 4px 4px 4px 4px;
	padding: 3px;
	margin-top: 2px;
	margin-bottom: 2px;
	width: 315px;
}
.form_textarea_order_censor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333;
	border: 1px solid #999;
	-moz-border-radius: 4px 4px 4px 4px;
	padding: 3px;
	margin-top: 2px;
	margin-bottom: 2px;
	width: 500px;
}
.view_plan_table, .view_plan_table td {
	border: 1px solid #CCC;
	border-collapse:collapse;
}
.hr01 {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0)); 
	margin: 0;
}
/* Comment */
.comment_box {
    position: relative;
	width: 100%;
	background: #fff;
    cursor: auto;
}
.comment_box_title {
	color: #990000;
	font-weight: normal;
	background: #eee;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	text-transform: uppercase;
	/* text-shadow: 1px 1px 1px #111; */
	margin: 0 0 10px 0;
}
.comment_box_data {
	width: 100%;
	max-height: 150px;
	overflow: auto;
	border: 1px solid #eee;
	line-height: 20px;
}
.comment_item {
	padding: 5px;
	margin: 0 0 2px 0;
}
.high_light {
	background: #f5f5f5;
}
.comment_fullname {
	font-size: 8pt;
	font-weight: bold;
	font-style: italic;
	color: #888;
}
.comment_fullname a {
 	width: 16px;
	height: 16px;
	display: block;
	margin: 0 5px 0 0;
	padding: 0px;
	cursor:pointer;
	float: left;
}
.comment_alert {
	position: relative;
	float: right;
	top: 0px;
	right: 0px;
	width: 16px;
	height: 16px;
	background-image: url("../img/icon-16-comment-alert.png");
    background-position: 0px 0px;
}
.comment_fullname a.btn_delete {
	background-image: url("../img/icon-16-delete.png");
    background-position: 0px -16px;
}
.comment_fullname a:hover.btn_delete {
    background-image: url("../img/icon-16-delete.png");
    background-position: 0px 0px;
}
.job_idx_title a {
 	width: 16px;
	height: 16px;
	display: inline-block;
	margin: 0 5px 0 0;
	padding: 0px;
	cursor:pointer;
}
.job_idx_title a.btn_edit {
	background-image: url("../img/icon-16-edit.png");
    background-position: 0px -16px;
}
.job_idx_title a:hover.btn_edit {
    background-image: url("../img/icon-16-edit.png");
    background-position: 0px 0px;
}
.view_more_coment {
    width: 100%;
    float: left;
    height: 26px;
    margin: 10px 0px;
}
.view_more_coment a {
    background: none repeat scroll 0% 0% #ddd;
    padding: 0px 20px;
    font: 700 11px/26px arial;
    color: #666;
    text-align: center;
    display: inline-block;
    margin: 0px 0px 0px 280px;
}
.block_input_comment {
    border-top: 1px solid #DEDEDE;
}
.width_common {
    position: relative;
	width: 100%;
}
.block_relative {
    position: relative;
}
.input_comment {
    position: relative;
    background: none repeat scroll 0% 0% #F5F5F5;
    padding: 10px 20px 10px 10px;
}
.textarea_comment{
    font: 400 12px/18px arial;
    background: none repeat scroll 0% 0% #FFF;
    border: 1px solid #C5C5C5;
    width: 100%;
    height: 50px;
    color: #363636;
    padding: 5px;
    margin: 0 0 10px 0;
}
.btn_job_msg {
    cursor: pointer;
    margin: 0;
    float: right;
}
.btn_job_msg_close {
    cursor: pointer;
    margin: 0 0 0 15px;
    float: right;
}
.btn_schedule_msg {
    cursor: pointer;
    margin: 0 5px 0 0;
    float: right;
}
.btn_send_comment {
    padding: 4px 18px 4px 17px;
    border: medium none;
    cursor: pointer;
    float: right;
    margin: 10px 0px 0px;
	
	background: #36f;
	color: #fff !important;
	text-shadow: 1px 1px 1px #111;
}
.cmt_fullname {
    border: 1px solid #C5C5C5;
    width: 48%;
    color: #363636;
    padding: 5px;
    float: left;
}
.cmt_email {
    border: 1px solid #C5C5C5;
    width: 48%;
    color: #363636;
    padding: 5px;
    float: right;
}
.cmt_security {
	margin: 10px 0 0 0;
}
.cmt_security_code {
	margin: 0 10px 0 0;
	float: left;
}
.cmt_randtext {
	color: #00f;
	font-size: 11pt;
	font-weight: bold;
	letter-spacing: 5px;
	float: left;
}
.cmt_sectext {
    border: 1px solid #C5C5C5;
    width: 120px;
    color: #363636;
    padding: 5px;
    float: left;
}
/* END Comment */
.message_folder {
	margin: 0 0 0 20px;
    width: 50%;
}
.message_data {
	position: relative;
	width: 55%;
	height: 450px;
	min-width: 500px;
	border: 1px solid #C8C3C2;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 3px 0px #bbb;
	padding: 15px;
	margin: 10px 0 5px 0;
	overflow-x: auto;
}
.message_data .title_03 {
	margin: 0 0 15px 0;
}
.message_read {
	width: 24px;
	height: 24px;
	background-image: url("../img/icon-24-read-privatemessage.png");
    background-position: 0px -24px;
    cursor: pointer;
}
.message_unread {
	width: 24px;
	height: 24px;
    background-image: url("../img/icon-24-new-privatemessage.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.message_detail {
	cursor: auto;
}
.idx_new_msg {
	font-size: 12pt;
	font-weight: bold;
	color: #900000;
}
.new_message {
	font-size: 9pt;
	font-weight: bold;
	font-style: italic;
	color: #000000;
}
.permission_group_area {
	position: relative;
	width: 200px;
	height: 200px;
	min-width: 200px;
	border: 1px solid #C8C3C2;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 3px 0px #bbb;
	padding: 15px;
	overflow-x: auto;
}
.document_img img {
	border: 1px solid #C8C3C2;
	background: #fff;
	box-shadow: 0px 0px 3px 0px #bbb;
	padding: 5px;
}
.manage_email_content {
	position: relative;
	width: 750px;
	border: 1px solid #C8C3C2;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 3px 0px #bbb;
	padding: 15px;
	margin: 0 0 20px 0;
	cursor: text;
}
.quotation_area, .quotation_area_edit {
	position: relative;
	border: 1px solid #C8C3C2;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 3px 0px #bbb;
	padding: 15px;
	margin: 0 0 20px 0;
}
.quotation_area {
	width: 700px;
}
.quotation_title {
	font-weight: bold;
	font-size: 14pt;
	text-align: center;
}
.f_quotation {
	width: 100%;
	float: left;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background: #f9f9f9;
	padding: 0px;
	line-height: 22px;
}
.form_textarea_quotation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333;
	border: 1px solid #999;
	padding: 3px;
	width: 100%;
	height: 50px;
	margin-top: 2px;
	margin-bottom: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.form_select_quotation {
	width: 100%;
	float: left;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background: #f9f9f9;
	padding: 2px 0;
	margin: 0px;
}
.form_btn_quotation {
	font-weight: bold;
	margin: 5px;
	border: 1px solid #aaa;
	padding: 5px 12px;
	color: #111;
	text-decoration: none;
	background: #ddd;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	text-shadow: 0 1px 0 #fff;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
	background: -webkit-linear-gradient(top, #ffffff, #cccccc);
	background: -moz-linear-gradient(top, #ffffff, #cccccc);
	background: -ms-linear-gradient(top, #ffffff, #cccccc);
	background: -o-linear-gradient(top, #ffffff, #cccccc);    cursor: pointer;
}
.form_btn_del_quotation {
	font-weight: bold;
	margin: 5px;
	border: 1px solid #aaa;
	padding: 5px 12px;
	color: #111;
	text-decoration: none;
	background: #ddd;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	text-shadow: 0 1px 0 #fff;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
	background: -webkit-linear-gradient(top, #ffffff, #cccccc);
	background: -moz-linear-gradient(top, #ffffff, #cccccc);
	background: -ms-linear-gradient(top, #ffffff, #cccccc);
	background: -o-linear-gradient(top, #ffffff, #cccccc);    cursor: pointer;
}
.form_btn_del_quotation:hover {
	color: white;
	font-weight: bold;
	background: rgb(196, 47, 47);
}
.form_btn_quotation:hover {
	color: #111;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
	background: -webkit-linear-gradient(top, #cccccc, #dddddd);
	background: -moz-linear-gradient(top, #cccccc, #dddddd);
	background: -ms-linear-gradient(top, #cccccc, #dddddd);
	background: -o-linear-gradient(top, #cccccc, #dddddd);
}
.manage_row_quotation {
    cursor: auto;
}
#quotation_detail_data a.btn_* {
 	width: 16px;
	height: 16px;
	display: block;
	margin: 0 5px 0 0;
	padding: 0px;
	cursor:pointer;
	float: right;
}
#quotation_detail_data .manage_title {
 	line-height: 20px;
}

#quotation_local_charges a.btn_delete, 
#quotation_detail_data_ocean_freight a.btn_delete, a.btn-delete-unit-column-ocean-freight, a.btn-delete-unit-column,
#quotation_detail_data_inland_charges a.btn_delete, a.btn-delete-unit-column-ocean-freight-inland, a.btn-delete-unit-column-inland,
#quotation_detail_data_air_freight a.btn_delete, .btn_delete_row_local_charges_pol, .btn-delete-unit-column-local-charges-pol,
.btn-delete-unit-column-local-charges-pod, .btn_delete_row_local_charges_pod,
.btn-delete-unit-column-local-charges-aol, .btn_delete_row_local_charges_aol,
.btn-delete-unit-column-local-charges-aod, .btn_delete_row_local_charges_aod,
.btn_delete_row_inland_charges_pol_no_trucking, .btn-delete-unit-column-inland-charges-pol-no-trucking,
.btn-delete-unit-column-inland-charges-pod-no-trucking, .btn_delete_row_inland_charges_pod_no_trucking,
.btn_delete_row_inland_charges_aod_no_trucking, .btn-delete-unit-column-inland-charges-aod-no-trucking,
#quotation_detail_data_inland_charges_aol_table_no_trucking .btn_delete_unit_column_inland_charges_aol_no_trucking ,
#quotation_detail_data_inland_charges_aol_table_no_trucking .btn_delete_row_inland_charges_at_aol_no_trucking,
#table_buying_custom a.btn_delete
{
	background-image: url("../img/icon-16-delete.png") !important;
    background-position: 0px -16px;
}

#quotation_local_charges a:hover.btn_delete,
#table_buying_custom a:hover.btn_delete,
#quotation_detail_data_ocean_freight a:hover.btn_delete,
a:hover.btn-delete-unit-column-ocean-freight, 
#quotation_detail_data_air_freight a:hover.btn_delete,
a:hover.btn-delete-unit-column,
#quotation_detail_data_inland_charges a:hover.btn_delete,
#quotation_local_charges a:hover.btn_delete, 
#quotation_detail_data_ocean_freight a:hover.btn_delete
#quotation_detail_data_inland_charges a:hover.btn_delete, a:hover.btn-delete-unit-column-ocean-freight-inland,
a:hover.btn-delete-unit-column-inland, a:hover.btn_delete_row_local_charges_pol, a:hover.btn-delete-unit-column-local-charges-pol,
a:hover.btn-delete-unit-column-local-charges-pod, a:hover.btn_delete_row_local_charges_pod,
a:hover.btn-delete-unit-column-local-charges-aol, a:hover.btn_delete_row_local_charges_aol,
a:hover.btn-delete-unit-column-local-charges-aod, a:hover.btn_delete_row_local_charges_aod,
a:hover.btn_delete_row_inland_charges_pol_no_trucking, a:hover.btn-delete-unit-column-inland-charges-pol-no-trucking
a:hover.btn-delete-unit-column-inland-charges-pod-no-trucking, a:hover.btn_delete_row_inland_charges_pod_no_trucking,
a:hover.btn_delete_row_inland_charges_aod_no_trucking, a:hover.btn-delete-unit-column-inland-charges-aod-no-trucking,
#quotation_detail_data_inland_charges_aol_table_no_trucking .btn_delete_row_inland_charges_at_aol_no_trucking:hover,
#quotation_detail_data_inland_charges_aol_table_no_trucking .btn_delete_unit_column_inland_charges_aol_no_trucking:hover
{
    background-image: url("../img/icon-16-delete.png") !important;
    background-position: 0px 0px;
}

a.delete_row_icon {
	background-image: url("../img/icon-16-delete.png") !important;
    background-position: 0px -16px;
}

a:hover.delete_row_icon {
	background-image: url("../img/icon-16-delete.png") !important;
    background-position: 0px 0px;
}

#quotation_detail_data_inland_charge a.btn_delete
{
	background-image: url("../img/icon-16-delete.png");
    background-position: 0px -16px;
}
#quotation_detail_data_inland_charge a:hover.btn_delete 
{
    background-image: url("../img/icon-16-delete.png");
    background-position: 0px 0px;
}
 
#tariff_trucking_data a.btn_delete 
{
	background-image: url("../img/icon-16-delete.png");
    background-position: 0px -16px;
}
#tariff_trucking_data a:hover.btn_delete 
{
    background-image: url("../img/icon-16-delete.png");
    background-position: 0px 0px;
}

#quotation_detail_data a.btn_delete,
#tariff_air_data a.btn_delete {
	background-image: url("../img/icon-16-delete.png");
    background-position: 0px -16px;
}
#quotation_detail_data a:hover.btn_delete,
#tariff_air_data a:hover.btn_delete {
    background-image: url("../img/icon-16-delete.png");
    background-position: 0px 0px;
}

#block_inland_charges_pol_table .btn_delete_column_place_inland_charges_pol,
#block_inland_charges_pod_table .btn_delete_column_place_inland_charges_pod,
#block_inland_charges_aol_table .btn_delete_column_place_inland_charges_aol,
#block_inland_charges_aod_table .btn_delete_column_place_inland_charges_aod,
#quotation_detail_data_inland_charges_pol .btn_delete_row_inland_charges_pol,
#quotation_detail_data_inland_charges_pod .btn_delete_row_inland_charges_pod,
#quotation_detail_data_inland_charges_aol .btn_delete_row_inland_charges_aol,
#quotation_detail_data_inland_charges_aod .btn_delete_row_inland_charges_aod
{
	background-image: url("../img/icon-16-delete.png");
    background-position: 0px -16px;
}

#block_inland_charges_pol_table .btn_delete_column_place_inland_charges_pol:hover,
#block_inland_charges_pod_table .btn_delete_column_place_inland_charges_pod:hover,
#block_inland_charges_aol_table .btn_delete_column_place_inland_charges_aol:hover,
#block_inland_charges_aod_table .btn_delete_column_place_inland_charges_aod:hover,
#quotation_detail_data_inland_charges_pol .btn_delete_row_inland_charges_pol:hover,
#quotation_detail_data_inland_charges_pod .btn_delete_row_inland_charges_pod:hover,
#quotation_detail_data_inland_charges_aol .btn_delete_row_inland_charges_aol:hover,
#quotation_detail_data_inland_charges_aod .btn_delete_row_inland_charges_aod:hover
{
    background-image: url("../img/icon-16-delete.png");
    background-position: 0px 0px;
}

.del_column_data:hover {
	background-color: red !important;
	color: white;
}
.ip_jfcode {
	width: 100px;
}
.ip_jfmbl {
	width: 100px;
}
.ip_jfhbl {
	width: 100px;
}
#main_tabs ul li{
	font-size: 8pt;
}
#main_tabs ul li.ui-state-active{
	font-weight: bold;
}
.ip_jfif_title {
	width: 10px;
	padding: 5px;
}
.ip_w50 {
	width: 50px;
}
.ip_w100 {
	width: 100px;
}
.ip_w150 {
	width: 150px;
}
.ip_w300 {
	width: 300px;
}
.ip_w400 {
	width: 400px;
}
.ip_customer_form_textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333;
	border: 1px solid #999;
	padding: 3px;
	width: 98%;
	height: 120px;
	margin-top: 2px;
	margin-bottom: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.ip_customer_form_select {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333;
	border: 1px solid #999;
	padding: 3px;
	margin-top: 2px;
	margin-bottom: 2px;
	float: left;
	/*
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	*/
}
.instate_pay {
	background: #ffd7d7 !important;
}
.customer_history {
	width: 100%;
	height: 110px;
	overflow: auto;
	border: 1px solid #eee;
	line-height: 20px;
}
/* Begin Suggest */
.custom-combobox {
	position: relative;
	display: inline-block;
	width: 90%;
	white-space: nowrap;
}
.custom-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
}
.custom-combobox-input {
	margin: 0;
	padding: 5px 10px;
	width: 100%;
}
.ui-autocomplete {
	max-height: 200px;
	width: 525px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
	height: 200px;
}
/* End Suggest */
.option_area {
	position: relative;
	border: 1px solid #C8C3C2;
	background: #ECF9FE;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 3px 0px #bbb;
	padding: 15px;
	margin: 0 0 20px 0;
}
.option_title {
	color: #900000;
	font-weight: bold;
	font-size: 14pt;
	text-align: center;
}
a.btn_16 {
 	width: 16px;
	height: 16px;
	display: inline-block;
	margin: 0 5px 0 0;
	padding: 0px;
	cursor:pointer;
}
a.btn_16.new {
	background-image: url("../img/icon-16-new.png");
    background-position: 0px 0px;
}
a:hover.btn_16.new {
    background-image: url("../img/icon-16-new.png");
    background-position: 0px -16px;
}
a.btn_16.edit {
	background-image: url("../img/icon-16-edit.png");
    background-position: 0px 0px;
}
a:hover.btn_16.edit {
    background-image: url("../img/icon-16-edit.png");
    background-position: 0px -16px;
}
a.btn_16.delete {
	background-image: url("../img/icon-16-delete.png");
    background-position: 0px 0px;
}
a:hover.btn_16.delete {
    background-image: url("../img/icon-16-delete.png");
    background-position: 0px -16px;
}
a.btn_16.send {
	background-image: url("../img/icon-16-send.png");
    background-position: 0px 0px;
}
a:hover.btn_16.send {
    background-image: url("../img/icon-16-send.png");
    background-position: 0px -16px;
}
.tariff_buying_price {
	color: #f00;
	font-style: italic;
}
span.ico{display:inline-block;width:16px;height:16px;background:url("../img/ico.png") no-repeat;position:relative;cursor:pointer;vertical-align:middle;margin:0 2px}
span.inew{background-position:0 0}
span.iedit{background-position:-16px 0}
span.inews{background-position:-32px 0}
span.ireset{background-position:-48px 0}
span.idel{background-position:-64px 0}
span.ipub{background-position:-80px 0}
span.isave{background-position:-96px 0}
span.idl{background-position:-112px 0}
span.iup{background-position:-128px 0}
span.idown{background-position:-144px 0}
span.ihot{background-position:-160px 0}
span.ipic{background-position:-176px 0}
span.iattach{background-position:-192px 0}
span.iposts{background-position:-208px 0}
span.inn{background-position:-224px 0}
span.imap{background-position:-240px 0}
span.iauth{background-position:-256px 0}
span.ilevel{background-position:-272px 0}
span.iprof{background-position:-288px 0}
span.ipos{background-position:-304px 0}
span.itel{background-position:-320px 0}
span.imail{background-position:-336px 0}
span.ichat{background-position:-352px 0}
span.iweb{background-position:-368px 0}
span.iaddr{background-position:-384px 0}
span.iage{background-position:-400px 0}
span.istyle{background-position:-416px 0}
span.iknow{background-position:-432px 0}
span.icalendar{background-position:-448px 0}
span.idegree{background-position:-464px 0}
span.istat{background-position:-480px 0}
span.im{background-position:-496px 0}
span.ifm{background-position:-512px 0}
span.iplay{background-position:-528px 0}
span.ipause{background-position:-544px 0}
span.ifinish{background-position:-560px 0}
span.iincrease{background-position:-576px 0}
span.idecrease{background-position:-576px bottom}
span.inew:hover{background-position:0 bottom}
span.iedit:hover{background-position:-16px bottom}
span.inews:hover{background-position:-32px bottom}
span.ireset:hover{background-position:-48px bottom}
span.idel:hover{background-position:-64px bottom}
span.ipub:hover{background-position:-80px bottom}
span.isave:hover{background-position:-96px bottom}
span.idl:hover{background-position:-112px bottom}
span.iup:hover{background-position:-128px bottom}
span.idown:hover{background-position:-144px bottom}
span.ihot:hover{background-position:-160px bottom}
span.ipic:hover{background-position:-176px bottom}
span.iattach:hover{background-position:-192px bottom}
span.iposts:hover{background-position:-208px bottom}
span.inn:hover{background-position:-224px bottom}
span.imap:hover{background-position:-240px bottom}
span.iauth:hover{background-position:-256px bottom}
span.ilevel:hover{background-position:-272px bottom}
span.iprof:hover{background-position:-288px bottom}
span.ipos:hover{background-position:-304px bottom}
span.itel:hover{background-position:-320px bottom}
span.imail:hover{background-position:-336px bottom}
span.ichat:hover{background-position:-352px bottom}
span.iweb:hover{background-position:-368px bottom}
span.iaddr:hover{background-position:-384px bottom}
span.iage:hover{background-position:-400px bottom}
span.istyle:hover{background-position:-416px bottom}
span.iknow:hover{background-position:-432px bottom}
span.icalendar:hover{background-position:-448px bottom}
span.idegree:hover{background-position:-464px bottom}
span.istat:hover{background-position:-480px bottom}
span.im:hover{background-position:-496px bottom}
span.ifm:hover{background-position:-512px bottom}
span.iplay:hover{background-position:-528px bottom}
span.ipause:hover{background-position:-544px bottom}
span.ifinish:hover{background-position:-560px bottom}
span.ico-24{display:inline-block;width:24px;height:24px;background:url("../img/icon-24.png") no-repeat;position:relative;cursor:pointer;vertical-align:middle;margin:0 2px}
span.icon-import{display:inline-block;width:24px;height:24px;background:url("../img/import-excel.png") no-repeat;background-size: contain; position:relative;cursor:pointer;vertical-align:middle;margin:0 2px}
span.i-xls{background-position:0 0}
span.i-pdf{background-position:-24px 0}
span.i-email{background-position:-48px 0}
span.i-xls:hover{background-position:0 bottom}
span.i-pdf:hover{background-position:-24px bottom}
span.i-email:hover{background-position:-48px bottom}
.error, .warning, .report{width:280px;margin:10px auto;text-align:center;padding:10px;padding-left:60px;border:1px solid #e0e0e0;-webkit-border-radius:4px 4px 4px 4px;-moz-border-radius:4px 4px 4px 4px;border-radius:4px 4px 4px 4px;font-size:14px;font-weight:700}
.error{background:#fff5f5 url("../img/error.png") 15px center no-repeat;color:#d81111}
.warning{background:#f5f5f5 url("../img/warning.png") 15px center no-repeat;color:#d5791f}
.report{background:#f5f5f5 url("../img/report.png") 15px center no-repeat;color:#3a9c3c}
.objScrollTop {
	max-height:150px;
	overflow: auto;
}
.print_btn a {
	top: 35px;
	right: 0px;
	border: 1px solid #111;
	padding: 5px;
}
.print_btn a:hover{
	background: #ccc;
}
@media print {
	.page-break {
		page-break-after:always;
	}
	
	.print_btn {
		display: none;
	}
	
	
	
	
	
}

.is_expired td{
	color: #900000;
}

#idTagSelBottomRowoEdit1, #idTagSelBottomRowoEdit2, #idTagSelBottomRowoEdit3 {
	display: none;
}

.form_input:disabled {
	background: #E4E4E4;
	cursor: not-allowed;
}

.w-150 {
	width: 150px;
}
.w-158 {
	width: 158px;
}

.block-btn-delete-unit {
	position: relative;
}

.btn-delete-unit-column-local-charges-pol, .btn-delete-unit-column-local-charges-pod, .btn-delete-unit-column,
.btn-delete-unit-column-ocean-freight,
.btn-delete-unit-column-local-charges-aol, 
.btn-delete-unit-column-local-charges-aod,
.btn-delete-unit-column-inland-charges-pol-no-trucking,
.btn-delete-unit-column-inland-charges-pod-no-trucking,
.btn-delete-unit-column-inland-charges-aod-no-trucking,
.btn_delete_unit_column_inland_charges_aol_no_trucking
{
	position: absolute;
	right: 6px;
	top: 6px;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
	-webkit-appearance: none; 
	margin: 0; 
}

input[type=number] {
	-moz-appearance: textfield;
}

.tooltip {
	position: relative;
	display: inline-block;
	cursor: pointer;
	color: black;
	font-weight: bold;
}

.tooltip::after {
	content: "Check to display Carrier information when sending a quotation to the customer";
	visibility: hidden;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	padding: 5px;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	transition: opacity 0.3s;
	white-space: nowrap;
}

.checkbox-display {
	margin-top: unset;
	vertical-align: middle;
}

.tooltip.show::after,
.tooltip.show::before {
	visibility: visible;
	opacity: 1;
}

.w-90 {
	width: 90px;
	min-width: 90px;
	max-width: 90px;
}

.w-100-hard {
	width: 100px;
	min-width: 100px;
	max-width: 100px;
}

.w-160 {
	width: 160px;
	min-width: 160px;
	max-width: 160px;
}

.w-200 {
	width: 200px;
	min-width: 200px;
	max-width: 200px;
}

.w-270 {
	width: 270px;
	min-width: 270px;
	max-width: 270px;
}

.w-160 {
	width: 160px;
	min-width: 160px;
	max-width: 160px;
}

.header_dialog {
	padding: 0 5px;
}

.sticky {
	position: sticky;
	top: 0;
	z-index: 1;
}

.form_btn_sm {
	font-weight: bold;
	margin: 2px;
	border: 1px solid #aaa;
	padding: 3px 5px;
	color: #111;
	text-decoration: none;
	background: #ddd;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	text-shadow: 0 1px 0 #fff;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
	background: -webkit-linear-gradient(top, #ffffff, #cccccc);
	background: -moz-linear-gradient(top, #ffffff, #cccccc);
	background: -ms-linear-gradient(top, #ffffff, #cccccc);
	background: -o-linear-gradient(top, #ffffff, #cccccc);    cursor: pointer;
}
.form_btn_sm:hover {
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
	background: -webkit-linear-gradient(top, #cccccc, #dddddd);
	background: -moz-linear-gradient(top, #cccccc, #dddddd);
	background: -ms-linear-gradient(top, #cccccc, #dddddd);
	background: -o-linear-gradient(top, #cccccc, #dddddd);
}

.d-flex-center{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    vertical-align: middle;
	margin-left: 5px;
}

.border-select-carrier {
	border-bottom: 1px solid #ccc;
}

.select2-search-choice-close {
	background: url(../img/select2.png) right top no-repeat;
	top: 2px;
}

.select_buying_data {
	padding: 0 5px;
}

.expired {
	background-color: #ffb3b3;
}

.feedback_input {
	width: 90%;
	margin-right: 30px;
}

.input_job_file {
	border: none;
	padding: 3px 0px;
	font-size: 9pt;
	min-width: 90px;
	width: 100%;
}

.sticky_col_credit_1 {
	position: sticky;
	left: 0;
	z-index: 2;
}

.sticky_col_credit_2 {
	position: sticky;
	left: 20px;
	z-index: 1;
}

.sticky_col_credit_3 {
	position: sticky;
	left: 250px;
	z-index: 0;
}

.sticky_col_debit_1 {
	position: sticky;
	left: 0;
	z-index: 3;
}

.sticky_col_debit_2 {
	position: sticky;
	left: 20px;
	z-index: 2;
}

.sticky_col_debit_3 {
	position: sticky;
	left: 250px;
	z-index: 1;
}

.sticky_col_debit_4 {
	position: sticky;
	left: 480px;
	z-index: 0;
}

span.icon-note-payment {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../img/icon_note_2.png) no-repeat;
    background-size: contain;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    margin: 0 2px;
}

span.icon-payment-history {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../img/icon-16-stats.png) no-repeat;
	background-size: contain;
	position: relative;
	cursor: pointer;
	vertical-align: middle;
	margin: 0 2px;
}

.expired {
	display: none;
}

.icon-checked {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(../img/icon-checked.png);
    background-size: contain;
    vertical-align: middle;
    margin: 0 2px;
}

.sticky_col_jf_pay_1 {
	position: sticky;
	left: 0;
	z-index: 3;
}

.sticky_col_jf_pay_2 {
	position: sticky;
	left: 25px;
	z-index: 2;
}

.sticky_col_jf_pay_final {
	position: sticky;
	right: 10px;
	z-index: 1;
}

/* Application leave man */
.leave-container {
	width: calc(100vw - 80px);
	background: #f8f9fa;
	padding: 15px;
	margin: 0 auto;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	overflow-x: auto;
}

.leave-table {
	width: 100%;
	border-collapse: collapse;
}

.leave-table th, .leave-table td {
	border: 1px solid #ddd;
	padding: 10px;
	text-align: center;
}

.leave-table th {
	font-weight: bold;
}

.leave-warning {
	text-align: center;
	font-weight: bold;
	padding: 15px;
	background: #ffeeba;
	border: 1px solid #ffc107;
	border-radius: 5px;
}

.wrapper_title {
	display: inline;
	margin-left: 5px;
}

@media screen and (max-width: 600px) {
	/* Hide scroll */
	html, body {
		overflow-x: hidden;
	}
	/* Logo and user info */
  .hide_in_mobile {
		display: none;
	}

	.top_info {
		height: 130px;
	}

	.top_info_user {
		display: block;
		float: none;
		text-align: left;
	}

	.top_info_user_box {
		float: left;
	}

	/* Navbar */
	#header_job_file_tracking_form {
		display: none;
	}

	.page_content {
		padding: 20px 0;
	}

	/* Application leave man */
	.leave-container {
		width: 88vw;
		padding: 10px;
		overflow-x: auto;
	}

	.leave-table {
		width: 100%;
		font-size: 14px;
	}

	.leave-table th, .leave-table td {
		padding: 8px;
	}
}

/* Third level dropdown styles for Booking HN and HCM */
#menu li:hover li:hover li ul {
    display: none;
}

#menu li:hover li:hover li:hover ul {
    display: block;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 1001;
    border: 1px solid #ccc;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    box-shadow: 1px 1px 3px #ccc;
}

#menu li:hover li:hover li a {
    min-width: 100px;
    display: block;
    padding: 7px;
    color: #333;
    text-decoration: none;
    border-top: 1px solid #f5f5f5;
}