.x-menu-item-icon {
    background-position: center center;
    height: 16px !important;
    left: 3px;
    top: 5px;
    width: 16px !important;
}
.messageOK
{
    border: 3px dotted #0456A2;
   background: #ecffeb url(../../images/success-icn.png) no-repeat 10px center;
    padding: 5px;
    border-radius: 4px;
    color: #0456A2;
}
.messageErro
{
    border: 3px dotted #c8a9ae;
    background-color: #f8e4e4;
    padding: 5px;
    border-radius: 4px;
    color: #222;
}
#modalContainer {
  background-color:rgba(0, 0, 0, 0.3);
  position:absolute;
  top:0;
  width:100%;
  height:100%;
  left:0px;
  z-index:10000;
  background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}

#alertBox {
  position:relative;
  width:33%;
  min-height:100px;
  max-height:400px;
  margin-top:50px;
  border:1px solid #fff;
  background-color:#fff;
  background-repeat:no-repeat;
  top:30%;
  border-radius: 5px;
}

#modalContainer > #alertBox {
  position:fixed;
}

#alertBox h1 {
  margin:0;
  font:bold 1em Raleway,arial;
  background-color:#224199;
  color:#FFF;
  border-bottom:1px solid #224199;
  padding:10px 0 10px 5px;
  border-radius: 5px 5px 0px 0px;
}

#alertBox p {
	/* padding-left: 5px; */
	/* padding-top: 10px; */
	text-align: center;
	vertical-align: middle;
	padding: 10px;
	margin: 0px !important;
	color: #224199;
	font-family: arial;
}

#alertBox #closeBtn {
	background: #fded07;
	padding: 5px 20px;
	border-radius: 7px;
	font-weight: bold;
	display: block;
	/* position: relative; */
	margin: 5px auto 5px auto;
	border: 0 none;
	width: 84px;
	text-transform: uppercase;
	text-align: center;
	/* border-radius: 0px; */
	text-decoration: none;
	/* outline: 0 !important; */
}

/* unrelated styles */

#mContainer {
  position:relative;
  width:600px;
  margin:auto;
  padding:5px;
  border-top:2px solid #fff;
  border-bottom:2px solid #fff;
}

h1,h2 {
  margin:0;
  padding:4px;
}

code {
  font-size:1.2em;
  color:#069;
}

#credits {
  position:relative;
  margin:25px auto 0px auto;
  width:350px; 
  font:0.7em verdana;
  border-top:1px solid #000;
  border-bottom:1px solid #000;
  height:90px;
  padding-top:4px;
}

#credits img {
  float:left;
  margin:5px 10px 5px 0px;
  border:1px solid #000000;
  width:80px;
  height:79px;
}

.important {
  background-color:#F5FCC8;
  padding:2px;

}

.horizontal-menu .x-box-inner {
    background: none repeat scroll 0 0 #DDDDDD;
}

.menu-cls {
    background: none repeat scroll 0 0 #F2F2F2;
}

    .menu-cls .x-panel-body-default {
        background: none;
    }

.left.action-title {
    font-size: 15px;
    font-weight: bold;
    width: 260px;
}
.CheckDelete > Input {
	margin: 0px !important;
	padding: 0px !important;
}
.CheckDelete > label {
	color: white;
	margin: 0px;
	padding-left: 10px;
	font-weight: revert;
}
.Loading
{
    width: 100%;
    height: 100%;
    background: url(../../images/loading.gif) no-repeat center center #CCC;
    opacity: 0.8;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 900;
}
.hot-news {
	background-color: #f8e4e4;
	border: 2px dashed #c8a9ae;
	border-radius: 4px;
	color: red;
	font-size: 15px;
	margin-bottom: 15px;
	padding: 6px 10px;
	text-align: center;
}
.BoxSearchLeft {
	float: left;
	/*width: calc(100% - 325px);*/
	margin: 0px !important;
	z-index: 1;
	padding-bottom: 5px;
}
.Sumtotal input {
	font-weight: bold;
	color: red;
	text-align: right;
}
.Choxuat {
	color: red;
	font-weight: bold;
}

.dangxuat {
	color: #28A8E0;
	font-weight: bold;
}
.daxuat {
	font-weight: bold;
}
.button {
    background: none repeat scroll 0 0 #0589C7;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: helvetica;
    font-size: 14px;
    font-weight: bold;
    margin-right: 10px;
    padding: 7px 10px;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease-out 0s;
}

.link-focus {
    background: none repeat scroll 0 0 #E49D01;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: helvetica;
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
    max-width: 175px;
    padding: 7px 10px;
    text-align: left;
    text-decoration: none;
    transition: all 0.2s ease-out 0s;
    width: 175px;
}

    .link-focus:hover {
        background: none repeat scroll 0 0 #E49D01;
        color: #f2f2f2;
    }

.button:hover {
    background-color: #045D87;
    color: #FFFFFF;
}

.header {
    padding-top: 10px;
}

    .header .ic-action-title {
        background: url("images/logo.png") no-repeat scroll left top rgba(0, 0, 0, 0);
        float: left;
        height: 40px;
        margin-left: 10px;
        width: 40px;
    }

    .header .title {
        font-family: Tahoma;
        font-size: 26px;
        font-weight: normal;
        text-transform: uppercase;
    }

.none-border .x-menu {
    border: medium none;
}

.tab-none-background .x-tab-bar-default {
    background: none;
}

.cus-border-grid.x-panel-default-framed {
    border-color: #ADD2ED;
    padding: 0;
}

.attach-border-grid {
    border-color: #ADD2ED;
    padding: 0;
}

.footer .x-panel-body-default {
    background: none repeat scroll 0 0 #256C95;
}

.header-block-menu .x-box-inner {
    height: 7px !important;
}

.x-splitter {
    background: #f2f2f2;
}

.button-action-lable {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: none;
    clear: both;
    color: #000000 !important;
    overflow: hidden;
    padding: 5px;
}

    .button-action-lable .x-btn-inner {
        background: url("images/action.gif") no-repeat scroll right 5px rgba(0, 0, 0, 0);
        color: #257525 !important;
        font-family: helvetica,arial,verdana,sans-serif !important;
        font-size: 16px !important;
        font-weight: bold !important;
        line-height: 25px;
        padding-right: 20px !important;
        text-transform: uppercase;
    }

.x-fieldset-header-text {
    color: #257525;
    font: bold 13px/16px bold helvetica,arial,verdana,sans-serif;
    padding: 1px 0;
}

.button-action-header {
    /*margin-bottom: 10px !important;*/
}

    .button-action-header .x-panel-body-default {
        border-bottom: 1px solid #EEEEEE !important;
    }

.mnuPopup {
    width: 250px !important;
    padding: 10px 0px !important;
}

.button-action-header .x-btn-button {
    height: 25px !important;
}

.x-field-indicator {
    height: 18px !important;
}

.cell-imagecommand {
    height: 16px !important;
}

.btnLarge span {
}

.bg-focus, .bg-focus > div, .bg-focus > div span > div, .bg-focus > div table, .bg-focus > div table tr, .bg-focus > div table tr td {
    background: #ADD2ED none repeat scroll 0 0 !important;
}

.x-menu-item-link {
    /*display: inline-block;
  line-height: 24px;
  padding: 0 4px 0 4px !important;*/
}

.blue {
    background: #add2ed;
}

.fb {
    font-weight: bold;
}

.pd5 {
    padding: 5px;
}

.tree-body-custom {
    border: 0px;
}

.tree-custom {
    overflow-x: scroll;
    overflow-y: hidden;
}

.main-node .x-tree-node-text {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
}

.sub-node .x-tree-node-text {
    color: #000000;
    font-size: 12px;
    font-weight: normal;
}

.bg-blue {
    background: #EFF9FE;
}

.selected .x-menu-item-text {
    font-weight: bold;
    color: #F0AD4E;
}


.main-dashboard {
    margin-top: 25px;
    margin-bottom: 18px;
    margin-left: 18px;
}

.action-list {
    margin: 0px !important;
}

    .action-list > li {
        border: 1px solid #EEEEEE;
        display: block;
        float: left;
        height: 125px;
        margin-bottom: 25px;
        margin-right: 25px;
        width: 160px;
    }

        .action-list > li a {
            text-decoration: none;
            cursor: pointer;
        }

.ic_Industry {
    background: url("images/lvuc_nnghe.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 122px;
    overflow: hidden;
    width: 160px;
}


.action-list > li a h3 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    font-size: 14px;
    padding-top: 85px;
    text-align: center;
    text-decoration: none !important;
    margin: 0px;
}

.editor .x-box-inner {
	border-left: 1px solid #ccc !important;
	border-right: 1px solid #ccc !important;
}

.ic_Priority {
    background: url("images/dokhan.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 122px;
    overflow: hidden;
    width: 160px;
}

.ic_SecretLevel {
    background: url("images/domat.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 122px;
    overflow: hidden;
    width: 160px;
}

.ic_DocType {
    background: url("images/loaivanban.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 122px;
    overflow: hidden;
    width: 160px;
}

.ic_DocStatus {
    background: url("images/trangthai.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 122px;
    overflow: hidden;
    width: 160px;
}

.ic_ProcessType {
    background: url("images/loaixuly.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 122px;
    overflow: hidden;
    width: 160px;
}

.ic_IssuedOrgGroup {
    background: url("images/capgui.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 122px;
    overflow: hidden;
    width: 160px;
}

.ic_IssuedOrg {
    background: url("images/donvigui.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 122px;
    overflow: hidden;
    width: 160px;
}

.ic_Signer {
    background: url("images/nguoiky.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 122px;
    overflow: hidden;
    width: 160px;
}

.ic_DocBookType {
    background: url("images/loaisovanban.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 122px;
    overflow: hidden;
    width: 160px;
}

.ic_DocBook {
    background: url("images/sovanban.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 122px;
    overflow: hidden;
    width: 160px;
}

.ic_Profile {
    background: url("images/cauhinh.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 122px;
    overflow: hidden;
    width: 160px;
}

.ic_Permission {
    background: url("images/phanquyen.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    display: block;
    height: 122px;
    overflow: hidden;
    width: 160px;
}


.lbtitle {
    display: block;
    float: left;
    width: 123px;
}

.lbwidth {
    display: block;
    float: left;
    width: 163px;
}

.tooltip-cus {
    background: #ff7f50 !important;
    padding: 5px 10px;
    font-weight: bold;
}

.ext-cal-dayview .ext-cal-body-ct {
    overflow-x: inherit !important;
    overflow-y: inherit !important;
}

h1.panel-title {
    font-size: 15px;
    line-height: 18px;
    padding-left: 10px;
}

.body-base.x-html-editor-wrap {
    border: 1px solid #ccc;
}
.x-panel-header-default {
	background-image: none;
	background-color: #257525 !important;
}
.ext-color-4,
.ext-ie .ext-color-4-ad,
.ext-opera .ext-color-4-ad {
    color: orange;
}

    .ext-cal-day-col .ext-color-4,
    .ext-dd-drag-proxy .ext-color-4,
    .ext-color-4-ad,
    .ext-color-4-ad .ext-cal-evm,
    .ext-color-4 .ext-cal-picker-icon,
    .ext-color-4-x dl,
    .ext-color-4-x .ext-cal-evb {
        background: orange;
    }

.ext-color-4-x .ext-cal-evb,
.ext-color-4-x dl {
    border-color: orange;
}

.calendar .ext-calendar-picker .x-form-text {
    padding-left: 23px !important;
}

.calendar-title {
    color: #666666;
    display: block;
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    width: 100%;
    height: 40px;
    text-transform: uppercase;
}

.fsmall {
    font-size: 12px;
}
.form-control {
    margin-bottom: 5px !important;
}
.media {
	margin-top: 5px !important;
}
.user-info {
    color: #8a8a8a;
    display: block;
    font-size: 11px;
    margin-top: 5px;
    padding-left: 10px;
}

.user-name {
    color: #1771b2;
    font-size: 12px;
    font-weight: bold;
}

.info-title {
    color: #747474;
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    font-style: italic;
}

.IsSpecial-No {
    background: #1771B2 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    padding: 3px;
    text-align: center;
}


.IsSpecial {
    background: #257525 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    padding: 3px;
    text-align: center;
}

.label-year {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid #e9e9e9;
    color: #8c1f32;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 80px;
    line-height: 22px;
    margin-bottom: 10px;
    margin-left: 5px;
    padding-top: 10px;
    text-align: center;
    vertical-align: middle;
    width: 180px;
}

    .label-year .year-title {
        display: block;
        font-size: 14px;
    }

    .label-year .year {
        display: block;
        font-size: 40px;
        padding-top: 10px;
    }

.clear {
    clear: both;
}

.list-item {
    border-top: 1px solid #ddd;
    font-size: 12px;
    padding: 0;
    line-height: 17px;
}

    .list-item h3 {
        font-size: 13px;
        line-height: 13px !important;
        margin: 0px;
        padding: 5px 0px;
    }

.x-boundlist.x-boundlist-floating.x-layer.x-boundlist-default.x-border-box {
    /*min-width: 265px;*/
}

.text-right input {
    text-align: right !important;
}

.text-bold label, .text-bold input {
    font-weight: bold !important;
}

.text-bold input {
    background-color: #f5f5f5;
    font-size: 17px;
}

.border-header {
    border-top: 1px solid #b5b8c8;
    padding-bottom: 10px;
}

#sumary > a, #sumaryProvider > a {
    color: #ccc;
    cursor: pointer;
    font-style: italic;
}

.col-md-12.col-sm-12.featured-content {
	overflow: hidden;
}
.imgTop {
	/* max-width: 1000px; */
	width: 100%;
	/* height: 100%; */
	display: block;
	margin-left: auto;
	margin-right: auto;
	/* background-image: url("img/bg.png"); */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	/*padding-top: 20px;*/
}
.imgTop.Thongbao {
    background-image: url("img/thecao_export-1.png");
}
.thongbao-content {
	padding-top: 105%;
	padding-bottom: 95%;
}

.imgTop.Register {
	/* background: #00529c; */
	/*background-image: url("img/backgroundtem.png");*/
	/*padding-left: 250px;*/
}
.columTitle {
	color: #fff;
	font-size: 13px;
}
.columbody {
	color: #fff;
	font-size: 13px;
}
.caption1 {
  text-align: center;
  color: #fded07;
  font-weight: bold;
  font-size: 22px;
  margin: 0px !important;
  padding: 20px !important;
}

.caption2 {
  text-align: center;
  color: #fded07;
  font-weight: bold;
  font-size: 14px;
  margin: 0px !important;
  padding: 20px !important;
}

.caption3 {
  text-align: center;
  color: #fded07;
  font-weight: bold;
  font-size: 14px;
  margin: 0px !important;
  padding: 5px !important;
}

/*.SpaceTop {
	height: 37%;
}
.SpaceBottom {
	height: 18%;
}*/
.Register-content {
	/*padding-top: 94%;*/
	padding-bottom: 20px;
	/* height: 0; */
}

.imgTop.Success {
   
}
.Success-content {
	padding-top: 105%;
	padding-bottom: 100%;
}
.SuccessNO {
	text-align: center;
	color: #fded07;
	/* font-size: 15px; */
	font-weight: bold;
	padding-top: 20px;
}
.SuccessCode {
	text-align: center;
	color: #fded07;
	padding: 0px;
	font-size: 30px;
	font-weight: bold;
}
.inputPhone {
	float: left;
	width: 150px;
	padding-left: 10px;
}
.imgTop img {
   
   display: block;
	margin-left: auto;
	margin-right: auto;
}
.Footer-1 {
      max-width: 450px;
    width: 100%;
   display: block;
	margin-left: auto;
	margin-right: auto;
}
.Footer-1 img {
    width: 100%;
}
.MssResult {
	text-align: center;
	color: #E4E25C;
	font-size: 20px;
	font-family: Angkor !important;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 25px;
	padding-right: 25px;
}
.form-register {
	/* padding-left: 20px; */
	/* padding-right: 20px; */
	background: #224199;
	width: 335px;
	border-radius: 30px;
	/* margin-top: 30px; */
	padding: 0px 10px 20px 10px;
	margin: 30px auto;
}
.form-register .row {
	margin-bottom: 15px;
	margin-left: 0px;
	margin-right: 0px;
}
.form-input.code {
	text-transform: uppercase;
}

.form-submitphone {
	/* padding-left: 20px; */
	/* padding-right: 20px; */
	background: #224199;
	/*width: 335px;*/
	/* border-radius: 28px; */
	/* margin-top: 30px; */
	/* padding: 0px 10px 20px 10px; */
	margin: 10px auto;
}
.form-submitphone .row {
	margin-bottom: 15px;
	margin-left: 0px;
	margin-right: 0px;
}
.title {
	color: #fff;
	width: 105px;
	float: left;
	text-align: right;
	padding-right: 10px;
	font-family: sans-serif;
}
.titleNapthe {
	color: #fff;
	width: 110px;
	float: left;
	text-align: right;
}
.input {
	width: 205px;
	float: left;
}
.form-input {
	width: 100%;
  
	height: 30px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
.input > select, .inputPhone > select {
	background: #fff;
	border-radius: 4px;
	height: 30px;
}
.Submit {
	float: left;
	padding-left: 10px;
}
.facevalue {
	/*background-color: #224199;
	width: 100%;
	margin: auto;
	border-radius: 10px;
	padding: 10px;*/
}
.btnSubmit {
	text-align: center;
}
.btnSubmit > a {
	background: #fded07;
	padding: 8px 20px;
	border-radius: 7px;
	font-weight: bold;
}
 .Submit > a {
	background: #fded07;
	padding: 5px 20px;
	border-radius: 7px;
	font-weight: bold;
}
.form-check label {
	font-weight: normal;
	color: #fff;
	padding-left: 10px;
}
.form-check > input {
	background: #fff !important;
}
.Register-content p {
	color: #034ea1;
}
.form-control.payment {
	width: 150px;
	float: left;
    margin-right: 10px;
}
.facevalue-wrapper {
	margin: auto !important;
	display: flex;
}
.row.facevalue-center {
	margin: auto !important;
}
.title-register {
	color: #3079B5;
}
.title-register.title-code {
	color: red !important;
}
.form-control {
	background: none !important;
	color: #3079B5 !important;
	border: 1px solid #3079B5 !important;
}
.form-control.code {
	color: red !important;
	font-weight: bold;
}
html body .riSingle .riTextBox {
	height: 30px !important;
	border-radius: 4px;
}
.alert-text {
	color: #f94545;
}
.ListItem.ListHeader {
    background: #f7f7f7 none repeat scroll 0 0;
    font-weight: bold;
}

.List {
    display: table;
    width: 100%;
}

.ListItem {
    display: table-row;
    width: 100%;
}

    .ListItem > div {
        border: 1px solid #ccc;
        display: table-cell;
        padding: 5px;
    }

.ItemCount {
    /*float: right;*/
    text-align: right;
}

.SimpleSearch {
    padding: 10px 0;
    overflow: hidden;
}

    .SimpleSearch > span {
        display: block;
        float: left;
    }

        .SimpleSearch > span label {
            font-weight: normal !important;
            padding-left: 5px;
            padding-right: 15px;
        }

.category-title > a {
    text-transform: uppercase;
}

.ProductItem {
    padding: 5px;
    text-align: center;
    height: 260px;
}

.product-title {
    border: 1px solid #ddd;
    display: block;
    height: 250px;
}

.ProductItem .img {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    clear: both;
    float: left;
    height: 165px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 0px;
    width: 100%;
    border-bottom: none;
}

.category-title {
    border: 1px solid #ddd;
    display: block;
    height: 212px;
}

.product-title span {
    color: red;
}

.CategoryItem {
    padding: 5px;
    text-align: center;
    height: 220px;
}

    .CategoryItem .img {
        background: #fff none repeat scroll 0 0;
        border: 1px solid #ddd;
        clear: both;
        float: left;
        height: 165px;
        margin-bottom: 10px;
        overflow: hidden;
        padding: 0px;
        width: 100%;
        border-bottom: none;
    }

.preview {
    display: block;
    overflow: hidden;
}

    .preview > img {
        background: #ffffff none repeat scroll 0 0;
        min-width: 100% !important;
        /* max-width: none; */
        margin: auto;
        height: 100%;
        object-fit: cover;
    }

.Order {
    padding-top: 10px;
}

.Order-title {
    background: #257525 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff !important;
    display: block;
    float: right;
    margin-left: 10px;
    margin-top: 10px;
    padding: 5px 10px;
}

    .Order-title > a {
        color: #fff !important;
        font-weight: bold;
    }

.media.col-md-9 > div {
    overflow: hidden;
}

    .media.col-md-9 > div > strong, .media.col-md-12 > div > strong, .media.col-md-9 > div > div > strong, .media.col-md-12 > div > div > strong {
        display: block;
        float: left;
        /* width: 165px; */
        margin-right: 10px;
    }

#dnn_ctr483_ViewHome_ctl00_divProviderDescriptionLable {
    display: none;
}

#detail img {
    height: auto !important;
    max-width: 100% !important;
}

.upload-img {
    padding-top: 10px;
}

.upload {
    float: left;
    max-width: 230px;
}
strong.lable {
	width: 135px;
	display: block;
	float: left;
}
.text-value {
	float: left;
	width: calc(100% - 135px);
	margin: 0px !important;
}
.media > .col-md-6 > .row {
	padding-bottom: 5px !important;
	overflow: hidden;
	display: block;
	min-height: 30px;
}
.Input_value {
	width: 100%;
	padding: 3px;
	height: auto !important;
	padding: 0px !important;
	background: none;
    padding-bottom: 5px !important;
	/* border: solid; */
}
.riTextBox {
	background: none !important;
    border: 1px solid #E4D151 !important;
    color: wheat !important;

}
.ProductSearch {
    margin-left: 0 !important;
    padding-left: 0 !important;
    /*padding-top: 10px;*/
}

#detail iframe {
    margin: auto;
}


/*override css*/
.x-tab-bar-strip-default, .x-tab-default-active, .x-window-header-default-top, .x-btn.x-unselectable.x-box-item.x-btn-default-small.x-icon-text-left.x-btn-icon-text-left.x-btn-default-small-icon-text-left, .x-btn-default-small, .x-btn.x-unselectable.x-column.x-btn-default-small.x-icon-text-left.x-btn-icon-text-left.x-btn-default-small-icon-text-left {
    background: #257525 none repeat scroll 0 0;
}

.x-window-default, .x-window-header-default {
    border-color: #257525;
}

.x-btn.x-unselectable.x-btn-info-small.x-noicon.x-btn-noicon.x-btn-info-small-noicon {
    background: #257525 none repeat scroll 0 0 !important;
}

.x-tab-default-active .x-tab-inner {
    color: white;
}

.x-border-layout-ct {
    background-color: #f2f2f2;
}

.ListProduct {
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    padding: 10px 0;
}

.ProductName {
    color: #0856A4;
    font-size: 22px;
    font-weight: normal;
    margin-top: 0px;
}

.BrokenDate {
    color: red;
}

.customerInfo {
    font-weight: bold;
}

.view-detail {
    background: #0856A4 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    float: right;
    margin-top: 10px;
    /* margin-right: 10px; */
    padding: 10px;
    display: block;
    width: 100%;
    text-align: center;
}

.Detail {
    margin: 10px;
}

    .Detail .dnnGrid {
        border: solid 1px #ddd !important;
    }

.dnnGrid > thead > tr > th, .dnnGrid > tbody > tr > th, .dnnGrid > tfoot > tr > th, .dnnGrid > thead > tr > td, .dnnGrid > tbody > tr > td, .dnnGrid > tfoot > tr > td {
    padding: 5px;
    /*line-height: 1.428571429;
    vertical-align: top;*/
    /*border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;*/
}

.Header {
    background: #0856A4;
    color: #fff;
}

.desktop img {
    max-width: 100%;
    margin: 10px;
    height: 100px;
    border: solid 1px #ccc;
    border-radius: 50%;
    padding: 5px;
    width: 100px;
}

.desktop {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

    .desktop span {
        display: block;
    }
    .blue {
	background: rgba(2,139,255,1) !important;
	color: white;
}
    
    .titlesearch-2 {
    float: left;
    width: 120px;
        font-weight: bold;
}
    .BoxSearchLeft-2 {
	float: left;
	 width: calc(100% - 120px); 
	margin: 0px !important;
	z-index: 1;
	padding-bottom: 5px;
}
@media only screen and (max-width: 1403px) {
}

@media only screen and (max-width: 1240px) {
    .desktop {
        width: 25%;
        float: left;
    }
}

@media only screen and (max-width: 1100px) {
    .desktop {
        width: 25%;
        float: left;
    }
}

@media only screen and (max-width: 1024px) {

    .col-md-3.ProductItem {
        float: left;
        width: 25%;
    }

    .desktop {
        width: 25%;
        float: left;
    }
}

@media only screen and (max-width: 980px) {

    .col-md-3.ProductItem {
        float: left;
        width: 33%;
    }

    .desktop {
        width: 25%;
        float: left;
    }
     .CungUng, .Baocao, .Phanphoi, .Sanxuat, .Taikhoan {
	display: none;
}
}

@media only screen and (max-width: 955px) {

    .col-md-3.ProductItem {
        float: left;
        width: 33%;
    }

    .desktop {
        width: 25%;
        float: left;
    }
     .CungUng, .Baocao, .Phanphoi, .Sanxuat, .Xuathang {
	display: none;
}
}

@media only screen and (max-width: 880px) {
    .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1.Result {
        display: none;
    }

    .col-md-3.ProductItem {
        float: left;
        width: 33%;
    }

    .desktop {
        width: 25%;
        float: left;
    }
     .CungUng, .Baocao, .Phanphoi, .Sanxuat, .Xuathang {
	display: none;
}
}

@media only screen and (max-width: 800px) {
    .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1.Result {
        display: none;
    }

    .col-md-3.ProductItem {
        float: left;
        width: 33%;
    }

    .desktop {
        width: 25%;
        float: left;
    }
     .CungUng, .Baocao, .Phanphoi, .Sanxuat, .Xuathang {
	display: none;
}
}

@media only screen and (max-width: 780px) {
    .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1.Result {
        display: none;
    }

    .col-md-3.ProductItem {
        float: left;
        width: 33%;
    }

    .desktop {
        width: 25%;
        float: left;
    }
     .CungUng, .Baocao, .Phanphoi, .Sanxuat, .Xuathang {
	display: none;
}
     .imgTop.Register {

	/*padding-left: 170px;*/
}
}

@media only screen and (max-width: 768px) {
    .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1.Result {
        display: none;
    }

    .col-md-3.ProductItem {
        float: left;
        width: 33%;
    }

    .desktop {
        width: 25%;
        float: left;
    }
     .CungUng, .Baocao, .Phanphoi, .Sanxuat, .Xuathang {
	display: none;
}
      .imgTop.Register {

	/*padding-left: 170px;*/
}
}

@media only screen and (max-width: 740px) {
    .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1.Result {
        display: none;
    }

    .col-md-3.ProductItem {
        float: left;
        width: 33%;
    }

    .desktop {
        width: 25%;
        float: left;
    }
     .CungUng, .Baocao, .Phanphoi, .Sanxuat, .Xuathang {
	display: none;
}
}

@media only screen and (max-width: 720px) {
    .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1.Result {
        display: none;
    }

    .col-md-3.ProductItem {
        float: left;
        width: 33%;
    }

    .desktop {
        width: 25%;
        float: left;
    }
     .CungUng, .Baocao, .Phanphoi, .Sanxuat, .Xuathang {
	display: none;
}

}

@media only screen and (max-width: 640px) {
    .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1.Result {
        display: none;
    }

    .col-md-3.ProductItem {
        float: left;
        width: 50%;
    }

    #detail iframe {
        margin: auto;
        width: 100% !important;
    }

    .desktop {
        width: 33%;
        float: left;
    }
     .CungUng, .Baocao, .Phanphoi, .Sanxuat, .Xuathang {
	display: none;
}
      .imgTop.Register {

	/*padding-left: 100px;*/
}
}

@media only screen and (max-width: 620px) {
    .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1.Result {
        display: none;
    }

    .col-md-3.ProductItem {
        float: left;
        width: 50%;
    }

    #detail iframe {
        margin: auto;
        width: 100% !important;
    }

    .desktop {
        width: 33%;
        float: left;
    }
     .CungUng, .Baocao, .Phanphoi, .Sanxuat, .Xuathang {
	display: none;
}
        .imgTop.Register {

	/*padding-left: 100px;*/
}
}

@media only screen and (max-width: 600px) {
    .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1.Result {
        display: none;
    }

    .col-md-3.ProductItem {
        float: left;
        width: 50%;
    }

    #detail iframe {
        margin: auto;
        width: 100% !important;
    }

    .desktop {
        width: 33%;
        float: left;
    }
     .CungUng, .Baocao, .Phanphoi, .Sanxuat, .Xuathang {
	display: none;
}
}

@media only screen and (max-width: 568px) {
    .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1.Result {
        display: none;
    }

    .col-md-3.ProductItem {
        float: left;
        width: 50%;
    }

    #detail iframe {
        margin: auto;
        width: 100% !important;
    }

    .desktop {
        width: 50%;
        float: left;
    }
     .CungUng, .Baocao, .Phanphoi, .Sanxuat, .Xuathang {
	display: none;
}
}

@media only screen and (max-width: 563px) {
    .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1.Result {
        display: none;
    }

    .col-md-3.ProductItem {
        float: left;
        width: 50%;
    }

    #detail iframe {
        margin: auto;
        width: 100% !important;
    }

    .desktop {
        width: 50%;
        float: left;
    }
     .CungUng, .Baocao, .Phanphoi, .Sanxuat, .Xuathang {
	display: none;
}
}

@media only screen and (max-width: 549px) {
    .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1.Result {
        display: none;
    }

    .col-md-3.ProductItem {
        float: left;
        width: 50%;
    }

    #detail iframe {
        margin: auto;
        width: 100% !important;
    }

    .desktop {
        width: 50%;
        float: left;
    }
     .CungUng, .Baocao, .Phanphoi, .Sanxuat, .Xuathang {
	display: none;
}
}

@media only screen and (max-width: 534px) {
    .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1.Result {
        display: none;
    }

    .col-md-3.ProductItem {
        float: left;
        width: 50%;
    }

    #detail iframe {
        margin: auto;
        width: 100% !important;
    }

    .desktop {
        width: 50%;
        float: left;
    }
     .CungUng, .Baocao, .Phanphoi, .Sanxuat, .Xuathang {
	display: none;
}
        .imgTop.Register {

	/*padding-left: 45px;*/
}
}

@media only screen and (max-width: 480px) {
    .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1.Result {
        display: none;
    }

    .col-md-3.ProductItem, .col-md-3.CategoryItem {
        float: left;
        width: 50%;
    }

    #detail iframe {
        margin: auto;
        width: 100% !important;
    }

    .desktop {
        width: 50%;
        float: left;
    }
     .CungUng, .Baocao, .Phanphoi, .Sanxuat, .Xuathang {
	display: none;
}
        .imgTop.Register {

	/*padding-left: 10px;*/
}
}

@media only screen and (max-width: 360px) {
    
    .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1.Result {
        display: none;
    }

    #detail iframe {
        margin: auto;
        width: 100% !important;
    }

    .desktop {
        width: 50%;
        float: left;
    }
     .CungUng, .Baocao, .Phanphoi, .Sanxuat, .Xuathang {
	display: none;
}
}

@media only screen and (max-width: 350px) {
    .form-register {
	width: 300px;
}
    .title {
	text-align: left;
        width: 100%;
}
    .input {
	width: 100%;
}
    .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1.Result {
        display: none;
    }

    #detail iframe {
        margin: auto;
        width: 100% !important;
    }

    .CungUng, .Baocao, .Phanphoi, .Sanxuat, .Xuathang {
        display: none;
    }
}

@media only screen and (max-width: 330px) {
    .form-register {
	width: 300px;
}
    .title {
	text-align: left;
        width: 100%;
}
    .input {
	width: 100%;
}
    .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1.Result {
        display: none;
    }

    #detail iframe {
        margin: auto;
        width: 100% !important;
    }

    .desktop {
        width: 50%;
        float: left;
    }

    .CungUng, .Baocao, .Phanphoi, .Sanxuat, .Xuathang {
        display: none;
    }
}

@media only screen and (max-width: 320px) {
    .form-register {
	width: 300px;
}
    .title {
	text-align: left;
        width: 100%;
}
    .input {
	width: 100%;
}
    .col-md-8.col-md-offset-2.col-sm-10.col-sm-offset-1.Result {
        display: none;
    }

    #detail iframe {
        margin: auto;
        width: 100% !important;
    }

    .desktop {
        width: 50%;
        float: left;
    }

    .CungUng, .Baocao, .Phanphoi, .Sanxuat, .Xuathang {
        display: none;
    }
}