/*************************************** VanNH fix footer */
.tab-menu-left {
  color: #ffffff;
  background: url(../images/arrow-double-left.png) 5px 10px no-repeat #047fb2;
  border: 0;
  height: 35px;
  line-height: 32px;
  font-size: 14px;
  font-weight: bold;
  padding-left: 35px; }

.items {
  background: #fff;
  border: #ccc 1px solid;
  border-top-width: 0;
  padding: 15px; }

.border .paging {
  padding-right: 10px;
  padding-bottom: 10px; }

.table {
  position: relative; }

.table table {
  border-collapse: collapse; }

.table .numb {
  font-size: 13px;
  font-weight: bold; }

.table th {
  /*    background: rgb(235,234,234);
      background-image: linear-gradient(top, rgb(255,255,255) 0%, rgb(235,234,234) 55%);
      background-image: -o-linear-gradient(top, rgb(255,255,255) 0%, rgb(235,234,234) 55%);
      background-image: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(235,234,234) 55%);
      background-image: -webkit-linear-gradient(top, rgb(255,255,255) 0%, rgb(235,234,234) 55%);
      background-image: -ms-linear-gradient(top, rgb(255,255,255) 0%, rgb(235,234,234) 55%);
  
      background-image: -webkit-gradient(
          linear,
          left top,
          left bottom,
          color-stop(0, rgb(255,255,255)),
          color-stop(0.55, rgb(235,234,234))
      );*/
  font-weight: bold;
  background: none repeat scroll 0 0 #05729C;
  padding: 3px 1px;
  color: #FFF;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  min-width: 20px; }

.table th.reverse {
  background-image: linear-gradient(bottom, #ffffff 0%, #ebeaea 55%);
  background-image: -o-linear-gradient(bottom, white 0%, #ebeaea 55%);
  background-image: -moz-linear-gradient(bottom, white 0%, #ebeaea 55%);
  background-image: -webkit-linear-gradient(bottom, white 0%, #ebeaea 55%);
  background-image: -ms-linear-gradient(bottom, white 0%, #ebeaea 55%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.55, #ebeaea)); }

.pointer {
  cursor: pointer; }

.table th a {
  color: #000;
  padding-right: 15px;
  background: url(../images/mt.gif) no-repeat right 6px; }

.table th a.dow {
  background-image: url(../images/bt.gif); }

.table tr.row-2 {
  background: #f0f0f0; }

.table tr.row-1 {
  background: #f0f0f0; }

.table td {
  text-align: center;
  padding: 5px; }

.table .txt-left td {
  text-align: left;
  padding: 5px; }

.txt-left {
  max-width: 500px;
  overflow: hidden; }

.table td.txt-left {
  padding-left: 5px; }

.border td {
  border: #ccc 1px solid; }

.border th {
  border: #ccc 1px solid; }

.table th.col-tool {
  width: 100px;
  text-align: right;
  padding-right: 10px; }

.table th.col-check {
  width: 10px; }

a.edit {
  display: block;
  background: url(../images/edit.png) no-repeat;
  text-indent: -9999px;
  width: 16px;
  height: 16px;
  float: right;
  margin: 0 5px 0 0; }

a.del {
  display: block;
  background: url(../images/del.png) no-repeat 0 2px;
  text-indent: -9999px;
  width: 16px;
  height: 16px;
  float: right;
  margin: 0 13px 0 0; }

.collapse-expand {
  height: 29px;
  padding: 9px 0 0 0;
  text-align: right;
  margin: 1px 0 0;
  border-bottom: #ccc 1px solid;
  border-top: #ccc 1px solid;
  display: none; }

a.expand {
  background: url(../images/expand.gif) no-repeat 0 5px;
  padding: 0 23px 0 20px; }

a.collapse {
  background: url(../images/collapse.gif) no-repeat 0 3px;
  padding: 0 0 0 15px; }

a.cal {
  display: block;
  background: url(../images/cal.gif) no-repeat;
  width: 15px;
  height: 16px;
  text-indent: -9999px; }

.paging {
  text-align: right;
  padding: 10px 0 20px;
  color: #666; }

.p-border {
  margin: 0 0 5px;
  border-bottom: #ccc 1px solid;
  border-top: #ccc 1px solid; }

.paging p {
  float: right;
  padding: 0 0 0 15px; }

.paging .current {
  background-color: #2B6FB6;
  color: #ffffff;
  font-weight: bold; }

.paging a, .paging input {
  display: block;
  float: left !important;
  text-align: center;
  width: 27px;
  height: 18px;
  line-height: 18px;
  padding: 2px 0 0;
  border: #ccc 1px solid;
  margin: 0 0 0 5px; }

.paging a.back, .paging a.next, .paging a.prev, .paging a.back-dis, .paging a.next-dis {
  display: block;
  text-indent: -9999px;
  width: 22px;
  height: 22px;
  background: url(../images/page_back.gif);
  border: 0;
  padding: 0; }

.paging a:hover.next {
  background: url(../images/page_next.gif); }

.paging a:hover.back, .paging a:hover.prev {
  background: url(../images/page_back_di.gif); }

.paging a.next {
  background: url(../images/page_next_di.gif); }

.paging a.back-dis {
  background-image: url(../images/page_back_dis.gif); }

.paging a.next-dis {
  background-image: url(../images/page_next_dis.gif); }

.tool {
  padding: 0 0 10px;
  /*height: 30px; viennt */ }

.tool a.cal {
  float: left;
  height: 26px;
  background-position: 0 5px;
  margin: 0 5px 0 0; }

.tool div, .tool select {
  float: left;
  margin: 0 10px 0 0; }

.tool select {
  width: 130px; }

select {
  padding: 3px 2px;
  border: #ccc 1px solid;
  /*width: 150px;*/ }

.input, .submit, .txt-error {
  background: url(../images/text_left.png) no-repeat;
  padding-left: 5px;
  height: 27px; }

.txt-error {
  background-image: url(../images/input_texterror_left.gif); }

.textarea {
  background: url(../images/textarea_left.gif) no-repeat;
  height: 135px;
  padding-left: 3px;
  margin: 0 0 10px; }

.textarea textarea {
  height: 135px;
  background: url(../images/textarea_bg.gif);
  border: 0;
  margin: 0;
  padding: 3px 0;
  width: 352px;
  float: left; }

.textarea p {
  float: left;
  height: 135px;
  background: url(../images/textarea_right.gif);
  padding-right: 3px; }

.input p, .submit p, .txt-error p {
  background: url(../images/text_right.gif) no-repeat right top;
  padding-right: 5px;
  height: 27px;
  float: left; }

.txt-error p {
  background-image: url(../images/input_texterror_right.gif); }

.input input, .txt-error input {
  background: url(../images/text_bg.gif);
  height: 27px;
  margin: 0;
  border: 0;
  padding: 0px;
  outline: none; }

.txt-error input {
  background: url(../images/input_error_bg.gif) repeat-x; }

.submit {
  background-image: url(../images/button_left.png); }

.submit p {
  background-image: url(../images/button_right.png); }

.submit input {
  background: url(../images/button_bg.png) repeat-x;
  border: 0;
  margin: 0;
  padding: 0 5px;
  height: 27px;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  color: #fff; }

.text-keyword {
  width: 104px; }

.text-158 {
  width: 148px; }

.text-50 {
  width: 30px; }

.text-100 {
  width: 60px; }

.text-80 {
  width: 80px; }

.text-238 {
  width: 228px; }

.text-date {
  width: 77px;
  text-align: center; }

.footer {
  background: white url(../images/logo-footer.PNG) no-repeat right 15px;
  height: 35px;
  color: #666;
  border-top: #ccc 1px solid;
  padding: 20px 0 0 10px; }

.border-tool {
  background: url(../images/border_tool_bg.gif);
  height: 33px; }

.border-tool-left {
  float: left;
  background: url(../images/border_tool_left.gif) no-repeat;
  height: 25px;
  padding: 8px 0 0 10px; }

.border-tool-left a.add, .border-tool-left a.del2 {
  background: url(../images/add.png) no-repeat;
  height: 15px;
  padding: 0 15px 0 20px;
  color: #333; }

.border-tool-left a.del2 {
  background: url(../images/del2.png) no-repeat;
  color: #999; }

.border-tool-left a.eb {
  background-image: url(../images/del.png);
  color: #333; }

.border-tool-right {
  float: right;
  background: url(../images/border_tool_right.gif);
  height: 33px;
  width: 6px; }

.form-add dl {
  clear: left;
  display: inline-block;
  width: 90%;
  margin: 2px 0; }

.form-add dt {
  width: 17%;
  padding-left: 10px;
  float: left;
  line-height: 27px; }

.items.form-add dt {
  width: 30%; }

.items.form-add dd {
  width: 68%; }

.form-add dd {
  float: left;
  line-height: 27px;
  margin: 0;
  width: 80%; }

.title-config {
  background: none repeat scroll 0 0 #F5E7DE;
  color: #E86402;
  font-weight: bold;
  font-size: 12px;
  height: 25px;
  text-align: center;
  font-family: Tahoma,Verdana,Arial;
  line-height: 25px;
  margin-bottom: 10px; }

/* .form-add dd select	{max-width:158px;} */
.form-add dd span.text {
  display: block;
  float: left;
  padding: 5px 2px; }

.form-add dd .input {
  float: left; }

.box-button {
  padding: 10px 0 0;
  border-top: #ccc 1px solid;
  margin: 20px 0 0; }

.box-button div {
  float: left;
  margin: 0 10px 0 0; }

.message {
  height: 32px;
  margin: 0 0 10px; }

.message div {
  height: 23px;
  float: left;
  text-indent: 38px;
  color: #666;
  padding: 9px 0 0;
  background-repeat: no-repeat; }

.message a.close {
  float: right;
  height: 32px;
  display: block;
  width: 16px;
  text-indent: -9999px;
  border: 0;
  margin: 0;
  background-repeat: no-repeat; }

.error {
  background: url(../images/error_bg.png); }

.error div {
  background-image: url(../images/error_left.png); }

.error a.close {
  background-image: url(../images/error_right.png); }

.successes {
  background: url(../images/successes_bg.jpg); }

.successes div {
  background-image: url(../images/successes_left.png); }

.successes a.close {
  background-image: url(../images/successes_right.png); }

.warning {
  background: url(../images/warning_bg.png); }

.warning div {
  background-image: url(../images/warning_left.png); }

.warning a.close {
  background-image: url(../images/warning_right.png); }

.input-error {
  height: 25px;
  background: url(../images/input_error_bg.gif);
  float: left;
  margin: 0 0 0 10px; }

.input-error div {
  height: 19px;
  background: url(../images/input_texterror_left.gif) no-repeat;
  float: left;
  padding: 6px 25px 0 10px;
  color: #666;
  font-size: 11px; }

.input-error a.close {
  display: block;
  text-indent: -9999px;
  width: 14px;
  height: 25px;
  float: left;
  background: url(../images/input_error_close.png) no-repeat; }

.form-add h3 {
  font-size: 14px;
  border-bottom: #ccc 1px solid;
  margin: 0 0 10px;
  padding: 0 0 10px; }

.table-bottom-tool div.border-tool-left {
  background: none;
  padding-left: 5px;
  padding-top: 10px;
  height: auto; }

.float-left {
  float: left; }

.float-right {
  float: right;
  width: 202px; }

.float-right select {
  width: 202px;
  margin: 0 0 10px; }

.form-add .float-right h3 {
  background: url(../images/float_right_h3.gif);
  height: 24px;
  margin: 0;
  padding: 8px 0 0;
  border: 0;
  font-size: 12px;
  text-indent: 10px;
  border-bottom: #ccc 1px solid; }

.float-right ul {
  border: #ccc 1px solid;
  border-top-width: 0;
  padding: 5px; }

.float-right ul ul {
  border: 0; }

.float-right ul li a {
  color: #000; }

.float-right ul li a.selected {
  background: #316AC5;
  color: #FFF; }

.box-checkbox {
  padding: 15px 0 0; }

.list-checkbox {
  padding: 15px 0 0;
  float: left;
  border-top: #ccc 1px solid;
  margin: 10px 0 0; }

.list-checkbox li {
  float: left;
  width: 170px;
  height: 40px; }

.list-checkbox li div {
  float: left; }

.list-checkbox li label {
  display: block;
  font-weight: bold;
  width: 80px;
  float: left;
  padding: 7px 0 0;
  overflow: hidden; }

.list-checkbox li .checkbox {
  display: block;
  margin: 7px 5px 0 0; }

.list-checkbox li input {
  float: left; }

.list-module li {
  background: url(../images/boder_module.png);
  width: 140px;
  height: 114px;
  float: left;
  margin: 0 16px 20px 0;
  text-align: center;
  padding: 10px 0 0;
  overflow: hidden; }

.list-module li:hover {
  background: #99CCFF;
  border-radius: 5px; }

.list-module li a.title {
  display: block;
  color: #333;
  padding: 10px 10px 0; }

.itemDistributor div {
  margin-right: 20px; }

.itemDistributor span, .itemDistributor .check {
  float: left;
  display: block;
  margin: 5px 5px 0 0; }

.logtool {
  border: #ccc 1px solid;
  padding-bottom: 10px;
  margin: 0 0 10px; }

.logtool .logtool-top {
  height: 16px;
  background: url(../images/vtopbg.png); }

.logtool .logtool-top a {
  display: block;
  height: 16px;
  background: url(../images/vtop.png);
  width: 54px;
  margin: 0 auto;
  text-indent: -9999px; }

.logtool-input {
  padding: 5px;
  float: left;
  width: 260px; }

.logtool-input label {
  float: left;
  display: block;
  text-indent: 20px;
  font-size: 11px;
  padding: 5px 0 0;
  width: 140px; }

.logtool-input select {
  width: 115px; }

.logtool-input select {
  margin-right: 5px; }

.logtool-input div.input {
  float: left; }

.logtool .box-button {
  margin: 10px;
  padding-left: 140px;
  border-top: #f6f6f6 1px solid; }

.table-top {
  position: absolute;
  left: 0;
  background: #fff;
  border: #ccc 1px solid;
  width: 780px; }

.box-permission-list {
  float: left;
  width: 300px;
  padding: 0 0 20px; }

.permission-box h3 {
  padding: 10px 0 0;
  font-size: 16px;
  border-bottom: #ccc 1px solid;
  height: 24px;
  margin: 0 0 10px; }

.permission-box strong {
  display: block;
  padding: 0 0 5px; }

.permission-box li {
  width: 50%;
  float: left;
  padding: 0 0 5px; }

.border .paging {
  border-bottom: none;
  border-top: none; }

a.perm {
  display: block;
  background: url(../images/perm.png) no-repeat;
  text-indent: -9999px;
  width: 16px;
  height: 16px;
  float: right;
  margin: 0 5px 0 0; }

a.gear {
  display: block;
  background: url(../images/gear.png) no-repeat;
  text-indent: -9999px;
  width: 16px;
  height: 16px;
  float: left;
  margin: 0 5px 0 5px; }

a.setting {
  display: block;
  background: url(../images/gear.png) no-repeat;
  text-indent: -9999px;
  width: 16px;
  height: 16px;
  float: left;
  margin: 0 5px 0 5px; }

.context_menu {
  width: 150px;
  background: #eee;
  border: 1px solid #ccc;
  position: absolute;
  right: 0px;
  top: 17px;
  z-index: 999; }

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

.context_menu a {
  display: block;
  text-align: left;
  color: #181818;
  padding: 5px 10px; }

.context_menu a:hover {
  background: #3399ff;
  color: #fff; }

.folder-tree {
  width: 250px;
  float: left; }

.folder-tree #browser {
  width: 100%;
  float: left; }

.items-container {
  margin-left: 250px; }

.folder-tree a.selected {
  color: red; }

.file-listing {
  border: 1px solid #ccc;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px; }

.file-listing li {
  border: 1px solid #ccc;
  width: 60px;
  height: 62px;
  padding: 5px;
  margin: 5px;
  float: left; }

/****Config hot box****/
.box_new {
  margin-bottom: 20px;
  padding: 0px; }

.box_new .news {
  float: left;
  width: 410px;
  margin: 0px;
  padding: 0px; }

.news img {
  border: 1px solid #999999;
  display: block;
  height: 248px;
  margin-bottom: 5px;
  width: 408px; }

.news a span {
  font-size: 22px;
  font-weight: bold; }

.news p {
  line-height: 1.5em;
  padding: 4px 0 0; }

.list_news {
  background-color: #FAF6EC;
  border: 1px solid #DBDBDB;
  float: right;
  padding: 5px 0;
  width: 238px; }

.list_news li {
  background: url("../images/li_style.png") no-repeat scroll 6px 10px transparent;
  padding: 5px 5px 5px 15px; }

ul li {
  list-style-type: none; }

.list_news li a {
  color: #006600;
  font-size: 11px;
  font-weight: bold; }

/****End config hot box****/
/****Config cate box****/
.box-cate .add {
  display: none;
  background: url("../images/add1.png") no-repeat scroll 0 0 transparent;
  position: absolute;
  top: -8px;
  right: 30px; }

.box-cate .add:hover {
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #F2F2F2;
  border-left: 1px solid #F2F2F2; }

.box-cate .delete {
  background: url("../images/delete.png") no-repeat scroll 0 0 transparent;
  position: absolute;
  top: -8px;
  right: -6px; }

.box-cate .delete:hover {
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #F2F2F2;
  border-left: 1px solid #F2F2F2; }

.box-cate {
  margin-top: 2px;
  position: relative; }

.box-cate .box-cate-title {
  border-bottom: 2px solid #094D8F;
  border-left: 5px solid #0E74C7;
  height: 30px; }

.box-cate .box-cate-title .cate-name {
  background: none repeat scroll 0 0 #094D8F;
  color: #FFFFFF;
  float: left;
  font-size: 14px;
  font-weight: bold;
  height: 100%;
  line-height: 2.25em;
  padding: 0 10px;
  text-transform: uppercase;
  width: -moz-max-content; }

.box-cate .box-cate-title .cate-name-after {
  background: url("../images/cate-title-right.png") no-repeat scroll 0 0 transparent;
  float: left;
  height: 30px;
  width: 33px; }

.box-cate .box-cate-title .cate-title-right {
  color: #999999;
  float: right;
  height: 30px;
  line-height: 30px;
  padding-right: 5px; }

.box-cate .box-cate-content {
  background: linear-gradient(to bottom, #e4e4e4 0%, #fefefe 35%, #ffffff 100%) repeat scroll 0 0 transparent;
  padding: 15px 0; }

.box-cate .box-cate-content .first {
  border-right: 1px solid #D6D6D6;
  float: left;
  min-height: 265px;
  padding-right: 14px;
  width: 304px; }

.box-cate .box-cate-content .first h3, .box-cate .box-cate-content .second h3 {
  margin: 0;
  padding: 0 0 10px; }

.box-cate .box-cate-content .first p {
  line-height: 1.5em;
  margin: 5px 0;
  text-align: justify; }

.box-cate .box-cate-content .second {
  float: left;
  margin-left: 11px;
  width: 320px; }

.box-cate .box-cate-content .second .top h4 {
  margin: 0 0 10px;
  padding: 0; }

.box-cate .box-cate-content .second h4 a {
  font-size: 14px;
  font-weight: bold; }

.box-cate .box-cate-content .second .top img {
  border: 1px solid #CCCCCC;
  float: left;
  height: 85px;
  padding: 1px;
  width: 120px; }

.box-cate .box-cate-content .second .top p {
  line-height: 1.5em;
  padding-left: 130px;
  text-align: justify; }

.box-cate .box-cate-content .second ul {
  color: #A7A379;
  margin: 5px 0 0 15px;
  padding: 0; }

.box-cate .box-cate-content .second ul li {
  border-bottom: 1px dotted #CCCCCC;
  line-height: 30px;
  list-style-type: disc; }

.box-cate .box-cate-content .second ul li div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 99%; }

td.no_pading {
  padding: 0; }

td.no_pading td {
  border-top: 0;
  border-left: 0;
  padding: 5px;
  text-align: left; }

.profile_table {
  border: 1px solid #ccc;
  width: 100%;
  font-family: "Times New Roman";
  font-size: 14px; }

.profile_table td {
  padding: 10px 15px; }

.profile_table .line-top {
  border-top: 1px solid #ccc; }

.profile_table .dot-top {
  border-top: 1px dotted #ddd; }

.profile_table > tr > td {
  width: 25%; }

.profile_table th {
  font-weight: bold;
  text-align: left;
  text-indent: 10px;
  line-height: 30px; }

/****End Config box****/
.loading {
  width: 100%;
  height: 100%;
  background: url("../images/loading2.gif") no-repeat scroll 50% 50% rgba(0, 0, 0, 0.5);
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999999999;
  display: none; }

#popup_container {
  left: 32%;
  top: 20%;
  width: 30%; }

.required {
  color: red;
  margin-left: 3px; }

.dvcError {
  background: url(../images/error_bg.png); }

.dvcError div {
  background-image: url(../images/error_left.png); }

.dvcError a.close {
  background-image: url(../images/error_right.png); }

.listFileAttachDVC {
  width: 90%;
  word-wrap: break-word; }

.listFileAttachDVC div {
  margin-bottom: 5px; }

.padElmFormAddDVC {
  padding-left: 50px; }

.labelXBKoKD {
  -webkit-border-radius: 3px;
  border: solid 1px #a7a7a7 !important;
  margin-bottom: 8px;
  width: 90% !important;
  line-height: 25px;
  padding-left: 0; }

.clGroup1DVC {
  width: 15%; }

.clGroup2DVC {
  width: 35%; }

.clGroup3DVC {
  width: 15%; }

.clGroup4DVC {
  width: 35%; }

.fixedLabelAttachFileDVC {
  position: relative;
  top: -10px; }

#button_dangky {
  font-weight: bold;
  margin: 10px 0;
  width: 105px;
  -webkit-border-radius: 3px;
  border-bottom: 1px solid #9f9f9f;
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  height: 27px;
  background-color: #047fb2;
  border-width: 0px;
  color: white; }

.listFileAttachDVC {
  padding: 10px 0; }

select.selectDVC {
  width: 90.1%;
  height: 27px;
  margin-bottom: 8px;
  border: solid 1px #a7a7a7; }

textarea.textareaDVC {
  width: 89.5%;
  vertical-align: middle;
  margin-bottom: 8px;
  border: solid 1px #a7a7a7; }

table#register-dvc {
  width: 100%; }

table#xbp_table td {
  vertical-align: middle; }

table#xbp_table td a.delete_tai_lieu {
  color: #ff0000; }

.error {
  background: none repeat scroll 0 0 #FFCCCC !important; }

.disabledDVC {
  background-color: #efefef !important; }

.xbp_delete {
  color: #ff0000; }

.listItemDVC5 input {
  background: transparent !important;
  border: 0;
  height: 18px;
  line-height: 18px;
  width: 65px; }

.list_file_paper {
  margin-bottom: 5px; }