body 
{
	background-color:White;
	text-align:left;
	font-size:12px;
	font-family:Tahoma, Arial, sans-serif;
	margin:0px;
}
.bodyLogin {
	min-width: 1200px;
	min-height: 100vh;
	background: url(/Images/BgLogin.jpg) center top no-repeat;
	background-size: cover;
	position: relative;
}

.clear
{
	clear:both;
	font-size:0px;
}

.popupFormUpdateGV .bgButton .cBtnIcon
{
	margin:0 0 0 5px;
}

.bgBtnFuncDefault
{
	border-bottom: 1px solid #888;
	border-top: 1px solid #888;
	margin-bottom: 5px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d5d5d5), to(#efefef));/* IE6-9 */
	}

.cAjaxLoader
{
	background-image:url("AjaxLoader.gif");
	background-repeat:no-repeat;
	background-position:center 20px;
	height:40px;
}

.listRow th, .listRow td
{
	padding: 3px;
}

.titleDetail {
	color:#00339b;
	font-size:16px;
	font-weight:bold;
}

.inputText {
	border: 1px solid transparent;
}
.w200px
{
	width:200px;
}
.w250px
{
	width:250px;
}
.w300px
{
	width:300px;
}
.w350px
{
	width:350px;
}
.w450px
{
	width:450px;
}
.w50px
{
	width:50px;
}
.w30px
{
	width:30px;
}
.w40px
{
	width:40px;
}
.w60px
{
	width:60px;
}
.w80px
{
	width:80px;
}
.w90px
{
	width:90px;
}
.w100px
{
	width:100px;
}
.w120px
{
	width:120px;
}
.w100percent
{
	width:100%;
}
.w150px
{
	width:150px;
}

.inputTextWhite
{
	border:1px solid #fff;
}
.page span
{
	padding: 2px;
	font-weight: bold;
}
.page .link
{
	cursor: pointer;
	color: #0000FF;
}
.page .linkOver
{
	cursor: pointer;
	color: #FF0000;
}
.errorsMsg
{
	color :Red;
	text-align :left;
}
.table
{
	border-collapse: collapse;
	margin-bottom: 0;
}
.table th, .table td
{
	padding: 3px;
	vertical-align: middle;
}

.table7px
{
	margin-top:3px;
	border-collapse: collapse;
}
.table7px th, .table7px td
{
	padding: 7px;
}

.arrow
{
	font-weight:bold; color:Red;
}

/*-------------------------containerLU----------------------*/
.cContainerLU
{
	width: 200px;
}
.cContainerLU .cArrow
{
	height:100%;
	width: 12px;
	position:absolute; top:45%; left:1px;
}
.cContainerLU .arrow
{
	background-image: url(/Images/Icon-1.png);
	background-position: -4px -13px;
	background-repeat: no-repeat;
	height:16px;
	width:9px;
	margin:auto;
}
.cContainerLU .containerLU
{
	min-height:30px;
	max-height:300px;
	overflow-y:auto;
	z-index:5;
	background-color: #fff;
	border: 1px solid #8c8c8c;
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-left:10px;
}
.cContainerLU .containerLU .iUser
{
	padding:5px;
	cursor:pointer;
}
.cContainerLU .containerLU .iUser:hover
{
	background:#046078;
	color:White;
}
.cContainerLU .containerLU .iUser .code
{
	width:50px; display:inline-block;
}
.cContainerLU .containerLU .iUser .name
{
	width:120px; display:inline-block;
}

/*-------------------------popupListMenu----------------------*/
.popupListMenu
{
	width: 150px;
	height:50px;
	z-index:5;
}
.popupListMenu .cArrowN
{
	height:12px;
	width: 150px;
	position:absolute; top:0px; left:0px;
}
.popupListMenu .arrowN
{
	background-image: url(/Images/Icon-1.png);
	background-position: 0 -31px;
	background-repeat: no-repeat;
	height:12px;
	width:20px;
	margin:auto;
}
.popupListMenu .containerN
{
	background-color: #fff;
	border: 1px solid #c5c5c5;
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-top:10px;
}
.popupListMenu .containerN .row
{
	padding:5px;
	text-align:center;
}
.popupListMenu .containerN .row .containerDDL,
.popupListMenu .containerN .row .cBtnIcon
{
	margin:auto;
}
.cTienDoPopup
{
	width: 820px;
	z-index:80000000;
}
.cTienDoPopup .cArrowN
{
	height:12px;
	width: 820px;
	position:absolute; top:0px; left:0px;
}
.cTienDoPopup .arrowN
{
	background-image: url(/Images/Icon-1.png);
	background-position: 0 -31px;
	background-repeat: no-repeat;
	height:12px;
	width:20px;
	margin:auto;
}
.cTienDoPopup .containerN
{
	background-color: #fff;
	background: rgba(255,255,255,0.98);
	border: 1px solid #c5c5c5;
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-top:10px;
    width: 648px;
}
.cTienDoPopup .containerN .headerN
{
	border-bottom: solid 1px #ddd;
	-webkit-background-clip: padding-box;
	z-index: 100;
	position: relative;
	padding: 8px 8px 6px 8px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f5f9f0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f9f0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f9f0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f5f9f0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f5f9f0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f5f9f0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f9f0',GradientType=0 ); /* IE6-9 */

	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	
	color:#333;
	font-weight:bold;
}
.cTienDoPopup .containerN .headerN .showAll
{
    float: right;
    padding: 0px 0 0 0;
    text-decoration: none;
    color:#005571;
}
.cTienDoPopup .containerN .headerN .showAll:hover
{
    color:red;
}

.cTienDoPopup .containerN .contentN
{
	/*width: 650px;*/
	max-height: 500px;
	overflow-y:scroll;
	padding:5px;
}

.cTienDoPopup .containerN .contentN .comment-item
{
	/*width: 600px;*/
}
.cTienDoPopup .containerN .contentN .iMail
{
	border-bottom:1px solid #e0e0e0;
	font-size:12px;
	padding:5px;
	cursor:pointer;
	color:#000;
}
.cTienDoPopup .containerN .contentN .iMail .colContent
{
}
.cTienDoPopup .containerN .contentN .iMail .colContent .title
{
	font-weight:bold;
}
.cTienDoPopup .containerN .contentN .iMail .colContent .content
{
	font-weight:normal;
	color:#888;
}
.cTienDoPopup .containerN .contentN .iMail .colContent .createBy
{
	padding-top:5px;
	color:#333;
}
.cTienDoPopup .containerN .contentN .iMail .colContent .date
{
	color:#999;
}
.cTienDoPopup .containerN .footerN
{
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	
	background: #f5f9f0; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5f9f0 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f9f0), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5f9f0 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5f9f0 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5f9f0 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f5f9f0 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f9f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	padding:10px;
	border-top: 1px solid #c5c5c5;
	color: #3b5998;
	outline: none;
}
.pointProcess {
	border-radius: 10px 10px;
	width:20px;
	height:18px;
	margin:auto;
	align-content:center;
	align-items:center;
	padding-top:2px;
	cursor:pointer;
}

.pointProcess:hover {
	background-color:#8fc400;
}

/*==============================Title=====================================*/
.titleTextSub
{
	padding: 4px !important;
	color: #000000 !important;
	font-weight: bold;
	font-size: 14px;
}

.headerTitle
{
	color:Black;
	padding:5px !important;
	border-bottom:solid 1px Black;
	margin-bottom:5px;
	height:13px;
}
.headerTitle .title
{
	text-align:right;
	font-weight:bold;
	font-size:15px;
}
.titleName
{
	text-align:center;
	font-weight:bold;
	font-size:12px;
	color:#283B56 !important;
	padding:4px !important;
}
.headerTitleGreen
{
	text-align:center;
	font-weight:bold;
	font-size:13px;
	color:White !important;
	background-color:#6E89DD !important;
	padding:10px !important;
}

.headerTitleGreen th
{
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	color: White !important;
	background-color: #6E89DD !important;
	padding: 5px !important;
}

.padding3px
{
}

.padding3px th
{
	padding: 4px !important;
}

.padding3px td
{
	padding: 4px !important;
}

.textAlignCenter

.textAlignCenter td
{
	text-align: center;
}

.headerTitleGreenChild
{
	background-color: #8FBCF3;
	color: White;
	padding: 5px;
	font-weight:bold;
}

.headerTitleGreen a
{
	color:White;
}

.module td 
{
	background-color:#D7DEF3 !important;
	font-weight:bold;
}

/*==============================Row=====================================*/

.Row
{
	background-color: #FFF;
}

.AlternatingRow
{
	background-color: #EAEFFE;
}

.overRow
{
	background-color:#FFFFCC !important;
}

.selectedRow
{
	background-color: #FFFF99 !important;
}

.parentAtt
{
	background-color: #E4CAFF;
}

option 
{
	margin-left: 5px;
}
.protect
{
	background-color: #FFFFFF;
	-moz-opacity:.50;
	filter:alpha(opacity=50);	
	opacity:.50;
	
}

.popup
{
	background-color: #FFFFFF;

}
.popup .title
{
	padding: 6px;
	text-align: center;
	background-color: #6E89DD;
	color: #FFFFFF;
	font-weight: bold;
}

.popup .content
{
	padding: 4px;
}

.popup .command
{
	text-align: center;
	padding: 4px;
}

.button
{
	text-align: center;
	padding: 4px;
}

.popup_protect
{
	background-color: #FFFFFF;
	-moz-opacity:.50;
	filter:alpha(opacity=50);	
	opacity:.50;
}

.mainStyle
{
    text-align:center;
}

/*==============================Welcome=====================================*/
.textWelcome
{
	height: 400px;
	width: 100%;
	text-align: center;
	vertical-align: middle;
}

.textWelcome span
{
	font-size:xx-large; margin:auto;
	padding-top:150px; display:block
}

/*============================================================================*/
/*==============================Grid View=====================================*/
/*============================================================================*/
.gridView .gridViewTitle td, .gridView .gridViewTitle th
{
	background-color:#DDECFF;
	background-image:url("/ToolsJS/GridView/Images/BgHeader.gif");
	background-repeat:repeat-x;
	font-weight:bold;
	text-align:center;
	padding:4px;
	color:#283B56 !important;
}
.gridView .gridViewTitle a
{
	font-weight:bold;
	text-align:center;
	padding:4px;
	color:#283B56 !important;
}

.gridView tr:hover
{
	background-color:#f1f1f1 !important;
	/*background-image: -webkit-linear-gradient(top, #fdfde0, #ffff99);
	background-image: linear-gradient(top, #fdfde0, #ffff99);
	background-image: -moz-linear-gradient(top, #fdfde0, #ffff99);
	background-image: -o-linear-gradient(top, #fdfde0, #ffff99);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfde0), to(#ffff99));*/
	color:Black !important;
}
/*.gridView tr.alternatingBgColor
{
	background-color:#eef3ff !important;
	background-image: -webkit-linear-gradient(top, #fcfdff, #eef3ff);
	background-image: linear-gradient(top, #fcfdff, #eef3ff);
	background-image: -moz-linear-gradient(top, #fcfdff, #eef3ff);
	background-image: -o-linear-gradient(top, #fcfdff, #eef3ff);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfdff), to(#eef3ff));
}
.gridView tr.alternatingBgColor:hover{ 
	
	background-color:#FFFF99 !important;
	background-image: -webkit-linear-gradient(top, #fdfde0, #ffff99);
	background-image: linear-gradient(top, #fdfde0, #ffff99);
	background-image: -moz-linear-gradient(top, #fdfde0, #ffff99);
	background-image: -o-linear-gradient(top, #fdfde0, #ffff99);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfde0), to(#ffff99));
	color:Black !important;
}*/
/*.gridView tr td
{
	padding:4px;
}*/

.titleBlock
{
	font-weight: bolder;
	font-size: 14px;
}
.block
{
	padding: 4px 1px 4px 1px;
}
.lable
{
	text-align: right;
}
.value
{
	text-align:left;
	font-weight:bold;
}
.valueNum
{
	text-align:right;
	font-weight:bold;
}

/*======category Tree====*/
.ImgArrowParent
{
	background:url(icon_arrow.gif) no-repeat top left; 
	cursor: pointer;
	width:15px; 
	height:12px;
}

.ImgArrowParent:hover
{
	background:url(icon_arrow.gif) no-repeat top right; 
	width:15px; 
	height:12px;
	cursor: pointer;
}

.ImgArrowParent_down
{
	background:url(icon_arrow.gif) no-repeat bottom left; 	width:15px; 
	height:12px;
	cursor: pointer;
}
.ImgArrowChild
{
	background:url(icon_arrow_sub.gif) no-repeat top left; 
	width:15px; 
	height:12px;
}

.noteDiv {
	background-color:#FFFF99;
	border-style:solid;
	border-width:1px;
	font-size:12px;
	margin:5px;
	padding:5px;
	text-align:left;
}

.fixDiv
{
	position:fixed;
}
.linkFake
{
	cursor:pointer;
}

.loaderDiv
{
	position:fixed;
	background-color:White;
	-moz-opacity:.50;
	filter:alpha(opacity=50);	
	opacity:.50;
	text-align:center;
	vertical-align:middle;

}
.loaderAjax
{
	background-image:url(ajax-loader.gif);
	background-repeat:no-repeat;
	background-position:center;	
	height: 40px;
	width: 300px;
}
.loaderAjaxDiv
{
	background-image:url(ajax-loader.gif);
	background-repeat:no-repeat;
	background-position:center;	
	height: 40px;
	width: 200px;
}
.button
{
	text-align : center;
	padding:3px;
}
.scrollDiv
{
	max-height:350px;
	overflow-y:auto;
	overflow-x:hidden;
	padding-right:18px;
}
.tipNote
{
	padding: 10px;
	width:400px;
	position: absolute;
	border: 1px solid #DDD;
	background-color: #F7F7F7;
	-webkit-box-shadow: 2px 2px 2px #A0A0A0;
	-moz-box-shadow: 2px 2px 2px #A0A0A0;
	box-shadow: 2px 2px 2px #A0A0A0;
	max-height:400px;
	overflow-y:auto;
}
.tipView
{
	border: 1px solid #0000CC;
	padding: 4px;
	max-width:350px;
	position: absolute;
	background-color: #FFFFFF;
}
.note IMG
{
	border-style: none;
}
.note label
{
	overflow: hidden;
	white-space:nowrap;
	margin-left:2px;
}
.note td,.note table,.note tbody
{
	padding:0px !important;
	border-style: none  !important;
}

.titleBlock
{
	font-size: 14px;	
	background-color: #3366FF;
	color: #FFFFFF;
	padding: 4px;
}
.titleText
{
	font-weight: bold;	
}

.labelStatusJob
{
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	padding:3px;
	margin:3px;
	background-color:#f6ffc8;
	color:#000;
}



.tooltipTK {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.tooltipTK .tooltiptext {
  visibility: hidden;
  width: 80px;
  background-color: #39afea;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  bottom: 65%;
  left: 50%;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltipTK .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
}

.tooltipTK:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/*============================================================================*/
/*==============================BlockHome=====================================*/
/*============================================================================*/
.cBlockTong
{
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: #f0f1f1;
}
.cBlockBieuDo {
	width: calc(100% - ((100vw - 230px - 32px*2 - 24px*3)/4) - 24px);
}
.cBlockTT {
	width: calc((100vw - 230px - 32px*2 - 24px*3)/4);
    margin-left: 24px;
}
.cBlockTTCon {
	width: 100%;
}
.cBlockHoatDong {
	height: fit-content;
    background: #fff;
    box-shadow: 0px 2px 4px rgb(168 168 168 / 25%);
    margin-top: 24px;
	border-radius: 3px;
}
.jss3796 {
	height: fit-content;
    background: #fff;
    box-shadow: 0px 2px 4px rgb(168 168 168 / 25%);
	border-radius: 3px;
	margin-top: 25px;
}
.jss37966 {
	height: fit-content;
    background: #fff;
    box-shadow: 0px 2px 4px rgb(168 168 168 / 25%);
	border-radius: 3px;
	margin-top: 0px;
}
.tieuDe {
	display: flex;
    padding: 15px 16px 10px 16px;
    align-items: center;
    text-transform: uppercase;
}
.tenTieuDe {
	font-size: 1.125rem;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-weight: 500;
    line-height: 20px;
	margin: 0;
}
.noiDung {
	padding: 0 0 9px;
}
.noiDungbyform {
	padding: 0 0 9px;
    max-height: 235px;
    overflow: scroll;
}
.sanPham {
	display: flex;
    padding: 11px 16px;
    letter-spacing: 0.3px;
	text-decoration: none;
	margin: 0;
	cursor: pointer;
}
.noiDung .sanPham:hover
{
    background-color: #F2F9FF;
}
.sanPham .hinhSPGAS {
	width: 100%;
    height: 155px;
    display: flex;
    border-radius: 3px;
	display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	background: url(../Images/PMBanHang.png) no-repeat;
}
.sanPham .hinhBiaHeineken {
	width: 100%;
	height: 135px;
	display: flex;
	border-radius: 3px;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background: url(../Images/HinhBiaHeineken.png) no-repeat;
}
.sanPham .hinhBiaTiger {
	width: 100%;
	height: 135px;
	display: flex;
	border-radius: 3px;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background: url(../Images/HinhBiaTiger.png) no-repeat;
}
.sanPham .hinhBiaLarue {
	width: 100%;
	height: 135px;
	display: flex;
	border-radius: 3px;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background: url(../Images/HinhBiaLarue.png) no-repeat;
}
.sanPham .hinhSPWEB {
	width: 100%;
    height: 155px;
    display: flex;
    border-radius: 3px;
	display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	background: url(../Images/PMERP.png) no-repeat;
}
.sanPham .hinhSPBaoHanh {
	width: 100%;
    height: 155px;
    display: flex;
    border-radius: 3px;
	display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	background: url(../Images/PMBaoHanh.png) no-repeat;
}
.sanPham .noiDungSP {
	width: calc(100% - 50px);
    display: flex;
    padding: 0 0 0 12px;
    flex-wrap: wrap;
	padding-bottom: 24px;
	padding: 10px;
	color: black;
}
.noiDungHoatDong {
	height: auto;
    display: flex;
    position: relative;
    min-height: 62px;
    padding-bottom: 8px;
}

.noiDungHoatDongCon {
	width: calc(100% - 62px);
    word-break: break-word;
    margin-left: 15px;
    padding-bottom: 10px;
}
.nut {
	width: 10px;
    border: 1px solid #0088FF;
    height: 10px;
    box-shadow: 0 0 0 5px #e6f4ff;
    margin-top: 10px;
    margin-left: 20px;
    border-radius: 100%;
    background-color: #0088FF;
}
.vien {
	top: 25px;
    left: 24px;
    bottom: -4px;
    position: absolute;
    border-left: 2px dashed #99CFFF;
}
.thoiGianHoatDong {
	font-size: 1rem;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-weight: 400;
    line-height: 20px;
	margin: 0;
}

.cBlockHome
{
	padding:10px;
	width:50%;
	float:left;
	margin-top: -30px;
}
.cBlockRightHome
{
	padding:10px;
	width:50%;
	float:right;
	margin-top: -30px;
}
.cBlockHome a
{
	color:#3d76ff;
}
.cBlockHome a:hover
{
	color:#ff3600;
}

@media screen and (max-width: 600px) {
	.cBlockHome {
		width: 98%;
	}
}

@media screen and (max-width: 1000px) {
	.cBlockHome {
		width:100%;
	}
}

@media screen and (max-width: 600px) {
	.cBlockRightHome {
		width: 98%;
	}
}

@media screen and (max-width: 1000px) {
	.cBlockRightHome {
		width: 100%;
	}
}

@media screen and (max-width: 600px) {
	.cBlockTT {
		width: 86%;
	}
}

@media screen and (max-width: 1000px) {
	.cBlockTT {
		width: 88%;
	}
}

.blockHomeAll
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #d4d4d4;
	margin-bottom:10px;
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.3);
	background-color:#fff;
}

.blockHome
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #d4d4d4;
	margin-bottom:10px;
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.3);
	width:100%;
	background-color:#fff;
	margin-left: 10px;
}

.blockHome .boxTitle
{
	height: 40px;
    display: flex;
    padding: 0 16px;
    align-items: center;
    border-bottom: 1px solid #E8EAEB;
	padding-left: 0px;
	width: 100%;
}

.blockHome .boxTitleMobile {
	height: 100%;
	/*display: flex;*/
	padding: 0 16px;
	align-items: center;
	border-bottom: 1px solid #E8EAEB;
	padding-left: 0px;
	width: 100%;
}

.textTitle
{
	text-transform: uppercase;
	font-size: 1.125rem;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-weight: 500;
    line-height: 20px;
	margin: 10px;
	width: 100%;
    height: fit-content;
}

.filterTitle
{
    height: fit-content;
	display: flex;
    margin-left: auto;
}

.blockHome .titleNotice
{
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	border-bottom:1px solid #d4d4d4;
	height: 20px;
	color: #283b56;
	padding: 5px;
	font-size: 13px;
	font-weight: bold;
	
	background: #fceabb; /* Old browsers */
background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */
	cursor:move;
}
.blockHome .title
{
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	border-bottom:1px solid #d4d4d4;
	height: 20px;
	color: #283b56;
	padding: 5px;
	font-size: 13px;
	font-weight: bold;
	
	background: #ebf1f6; /* Old browsers */
background: -moz-linear-gradient(top,  #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf1f6), color-stop(50%,#abd3ee), color-stop(51%,#89c3eb), color-stop(100%,#d5ebfb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 ); /* IE6-9 */
	cursor:move;
	position:relative;
}
.blockHome .titleNotice a,
.blockHome .title a
{
	color:#283b56;
	font-size:13px;
	text-decoration:none;
}
.blockHome .titleNotice .showAll,
.blockHome .title .showAll
{
	float:right;
	padding:2px 10px 0 0;
}
.blockHome .title .cChooseDate
{
	position:absolute;
	top:5px;
	right:80px;
}
.blockHome .title .cChooseViewApproved
{
	position:absolute;
	top:5px;
	right:200px;
}
.blockHome .titleNotice a:hover,
.blockHome .titleNotice .showAll:hover,
.blockHome .title a:hover,
.blockHome .title .showAll:hover
{
	color:#ff5400;
}

.blockHome .content
{
	padding:5px;
}

.blockHome .listDiscussion
{
}

.blockHome .listDiscussion .iDis
{
	padding:3px;
}
.blockHome .cBtnDiscussion
{
	height:60px;
	position:relative;
	padding:5px;
}

.blockHome .cBtnDiscussion textarea
{
	width:100%;
	height:50px;
}

.blockHome .cBtnDiscussion input[type='button']
{
	padding: 3px;
	height: 55px;
	width:60px;
	margin: 0 0 0 10px;
}
.blockHome .listEm
{
	max-height:250px;
	overflow:auto;
}

.blockHome .listEm .iEm
{
	float:left;
	min-width:200px;
	padding:5px;
}

.blockHome .listEm .iEm img
{
	padding:5px;
}

.blockHome .listEm .iEm p
{
	padding:2px 0 0 0;
	margin:2px 0 0 0;
}

.cDiscussion
{
	height:60px;
	position:relative;
	padding:5px;
	width:680px;
	height: 140px;
}
.cDiscussion textarea
{
	width:600px;
	height:140px;
	position: absolute;
	top: 5px;
	left:5px;
}
.cDiscussion div {
	padding:3px;
}
.cDiscussion div input
{
	width:600px;
}
.cDiscussion input[type='button']
{
	padding: 3px;
	position: absolute;
	top: 5px;
	left: 615px;
	height: 140px;
	width:60px;
}

/*============================================================================*/
/*==============================Thống kê kết quả kinh doanh trong ngày========*/
/*============================================================================*/
.blockHome .listCon
{
	width:100%;
	display:flex;
}
.blockHome .jss1338 {
    height: 92px;
    display: flex;
    padding: 0 0 0 36px;
    align-items: center;
	margin: 0;
    box-sizing: border-box;
	flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%;
}
.blockHome .jss1338a{
	margin: 0;
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    border-right: 1px dashed #E8EAEB;
	color: #0F1824;
	text-decoration: none;
}
.blockHome .jss1344 {
    color: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
	background: linear-gradient(65.71deg, #0088FF 28.29%, #33A0FF 97.55%);
}
.blockHome .MuiSvgIcon-root {
    fill: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    font-size: 1.5rem;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    flex-shrink: 0;
    user-select: none;
	background: url(../Images/Dolla.PNG) no-repeat;
}
.blockHome .jss1345 {
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
    margin-left: 8px;
    justify-content: center;
}
.blockHome .h6 {
    font-size: 1rem;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-weight: 500;
    line-height: 20px;
	margin-bottom: 4px;
}
.blockHome .h5 {
    font-size: 1.25rem;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-weight: 500;
    line-height: 100%;
	margin: 0;
}
.blockHome .MuiSvgIcon-rootDH {
    fill: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    font-size: 1.5rem;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    flex-shrink: 0;
    user-select: none;
	background: url(../Images/ImageDH.PNG) no-repeat;
}
.blockHome .jss1346 {
    color: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
	background: linear-gradient(62.06deg, #0FD186 25.88%, #3FDA9E 100%);
}
.blockHome .MuiSvgIcon-rootDTH {
    fill: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    font-size: 1.5rem;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    flex-shrink: 0;
    user-select: none;
	background: url(../Images/ImageDTH.PNG) no-repeat;
}
.blockHome .jss1347 {
    color: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
	background: linear-gradient(66.01deg, #FFAE06 37.34%, #FFBE38 101.09%);
}
.blockHome .MuiSvgIcon-rootDHH {
    fill: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    font-size: 1.5rem;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    flex-shrink: 0;
    user-select: none;
	background: url(../Images/ImageDHH.PNG) no-repeat;
}
.blockHome .jss1348 {
    color: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
	background: linear-gradient(64.1deg, #FF4D4D 22.64%, #FF5F7C 102.8%);
}

/*============================================================================*/
/*==============================Thống kê đơn hàng chờ xử lý===================*/
/*============================================================================*/
.blockHome .listTong
{
	display: flex;
    padding: 0px;
}
.blockHome .listEm {
	display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
	width: 100%;
    box-sizing: border-box;
	margin: 3px;
	flex-grow: 0;
    max-width: 16.666667%;
    flex-basis: 16.666667%;
	border-radius: 5%;
}
.blockHome .theA {
	color: unset;
    width: 100%;
    margin: 15px 0px;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
/*    border-right: 1px dashed #E8EAEB;*/
    justify-content: center;
	text-decoration: none;
}
.blockHome .theDIV {
	width: 44px;
    height: 44px;
    margin: auto;
   /* margin-bottom: 5px;*/
}
.blockHome .theP {
	margin: 0;
	font-size: 0.9rem;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-weight: 400;
    line-height: 19px;
}
.blockHome .theH6 {
	margin: 0;
	font-size: 1rem;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-weight: 500;
    line-height: 20px;
}
.blockHome .theDIVCon {
	background: #F2F9FF;
    display: flex;
    overflow: hidden;
    position: relative;
    font-size: 1.25rem;
    align-items: center;
    flex-shrink: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    line-height: 1;
    user-select: none;
    border-radius: 50%;
    justify-content: center;
	color: #fafafa;
}
.blockHome .theSVGTatCa {
	fill: currentColor;
	width: 1em;
	height: 1em;
	display: inline-block;
	font-size: 1.5rem;
	transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
	flex-shrink: 0;
	user-select: none;
	color: #0088FF;
	background: url(../Images/TatCaDH.png) no-repeat;
}
.blockHome .theSVGCD {
	fill: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    font-size: 1.5rem;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    flex-shrink: 0;
    user-select: none;
	color: #0088FF;
	background: url(../Images/DHChoDuyet.PNG) no-repeat;
}
.blockHome .theSVGCTT {
	fill: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    font-size: 1.5rem;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    flex-shrink: 0;
    user-select: none;
	color: #0088FF;
	background: url(../Images/DHChoThanhToan.PNG) no-repeat;
}
.blockHome .theSVGCDG {
	fill: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    font-size: 1.5rem;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    flex-shrink: 0;
    user-select: none;
	color: #0088FF;
	background: url(../Images/DHChoDongGoi.PNG) no-repeat;
}
.blockHome .theSVGCLH {
	fill: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    font-size: 1.5rem;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    flex-shrink: 0;
    user-select: none;
	color: #0088FF;
	background: url(../Images/DHChoLayHang.PNG) no-repeat;
}
.blockHome .theSVGDGH {
	fill: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    font-size: 1.5rem;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    flex-shrink: 0;
    user-select: none;
	color: #0088FF;
	background: url(../Images/DHDangGiaoHang.PNG) no-repeat;
}
.blockHome .theSVGH {
	fill: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    font-size: 1.5rem;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    flex-shrink: 0;
    user-select: none;
	color: #0088FF;
	background: url(../Images/DHHuy.PNG) no-repeat;
}

/*============================================================================*/
/*==============================Thống kê top sản phẩm=========================*/
/*============================================================================*/

.blockHome .listSanPham
{
    padding: 0px;
}
.blockHome .listConSP
{
    width: 100%;
    height: 56px;
    display: inline-flex;
    padding: 10px 16px;
    align-items: center;
}

.blockHome .listConSP:hover
{
    background-color: #F2F9FF;
}
.blockHome .theDIV1
{
	color: #fafafa;
	width: 30px;
    height: 30px;
    font-size: 16px;
    margin-right: 12px;
    display: flex;
    overflow: hidden;
    position: relative;
    align-items: center;
    flex-shrink: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    line-height: 1;
    user-select: none;
    border-radius: 50%;
    justify-content: center;
}
.blockHome .theDIV2
{
	height: 100%;
    display: inline-flex;
    flex-flow: column;
    max-width: calc(100% - 140px);
    margin-right: auto;
    justify-content: space-between;
}
.blockHome .theDIV3
{
    align-self: flex-start;
    margin-left: auto;
    padding-left: 10px;
}

.blockHome .thePSP
{
    margin: 0;
	font-size: 0.9rem;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-weight: 400;
    line-height: 19px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	color: #747C87;
}

.blockHome .theH6SP
{
	margin: 0;
	font-size: 1rem;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-weight: 500;
    line-height: 20px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	color: #0F1824;
}

/*============================================================================*/
/*==============================Thống kê thông tin kho========================*/
/*============================================================================*/

.blockHome .listKho
{
    padding: 16px 16px 0;
}
.blockHome .listKhoCon
{
    height: 72px;
    padding: 13px 12px 15px;
    position: relative;
    background: #F2F9FF;
    border-radius: 5px;
    margin-bottom: 16px;
}
.blockHome .theAKho
{
    margin: 0;
	text-decoration: none;
	color: unset;
    height: 100%;
    display: flex;
    position: relative;
    flex-flow: column;
    justify-content: space-between;
}
.blockHome .thePKho
{
    margin: 0;
	font-size: 1rem;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-weight: 400;
    line-height: 20px;
	color: #747C87;
}
.blockHome .theH5Kho
{
    margin: 0;
	font-size: 1.25rem;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-weight: 500;
    line-height: 22px;
}
.blockHome .theSVGKho
{
    fill: currentColor;
    display: inline-block;
    font-size: 1.5rem;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    flex-shrink: 0;
    user-select: none;
	background: url(../Images/CanhBao.PNG) no-repeat;
}

/*============================================================================*/
/*==============================BlockHome=====================================*/
/*============================================================================*/

.cIconIm
{
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin-right: 10px;
	height: 24px;
	line-height: 24px;
	padding:0 10px;
	outline: 0;
	position: relative;
	display: inline-block;
	background-color: #3b8200;
	background-image: -webkit-linear-gradient(top,#54bb00,#3b8200);
	background-image: -moz-linear-gradient(top,#54bb00,#3b8200);
	background-image: -ms-linear-gradient(top,#54bb00,#3b8200);
	background-image: -o-linear-gradient(top,#54bb00,#3b8200);
	background-image: linear-gradient(top,#54bb00,#3b8200);
	color: white;
	border: 1px solid transparent;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
}
.cIconIm:hover
{
	background-color: #284e09;
	background-image: -webkit-linear-gradient(top,#408e00,#284e09);
	background-image: -moz-linear-gradient(top,#408e00,#284e09);
	background-image: -ms-linear-gradient(top,#408e00,#284e09);
	background-image: -o-linear-gradient(top,#408e00,#284e09);
	background-image: linear-gradient(top,#408e00,#284e09);
	color: white;
	border: 1px solid #152c01;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
}

.cIcon
{
	padding:0 10px;
	border:1px solid #aaa;
	margin-left: -1px;
	background-color: transparent;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin-right: 10px;
	height: 24px;
	line-height: 24px;
	outline: 0;
	position: relative;
	display: inline-block;
	opacity: 0.8;
	background-image: -webkit-linear-gradient(top, #f9f9f9, #a9a9a9);
	background-image: linear-gradient(top, #f9f9f9, #a9a9a9);
	background-image: -moz-linear-gradient(top, #f9f9f9, #a9a9a9);
	background-image: -o-linear-gradient(top, #f9f9f9, #a9a9a9);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#a9a9a9));
}
.cIcon:hover
{
	border:1px solid #999;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}
.cIcon div
{
	position: relative;
	display: inline-block;
}

.iconLabel
{
	background:url(../Images/BgIcon.png) no-repeat -48px 0; 
	width:24px; 
	height:24px;
}
.iconRecycle
{
	background:url(../Images/BgIcon.png) no-repeat 0 0; 
	width:24px; 
	height:24px;
}
.iconUpload
{
	background:url(../Images/BgIcon.png) no-repeat -24px 0; 
	width:24px; 
	height:24px;
}
.iconUnActive
{
	background:url(../Images/BgIcon.png) no-repeat -72px 0; 
	width:24px; 
	height:24px;
}
.iconAddNewFile
{
	background:url(../Images/BgIcon.png) no-repeat -96px 0; 
	width:24px; 
	height:24px;
}
.iconConfig
{
	background:url(../Images/Icons.png) no-repeat; 
	background-position:5px -898px;
	width:24px; 
	height:24px;
}
.iconGroupContact
{
	background:url(../Images/BgIcon.png) no-repeat -96px -24px; 
	width:24px; 
	height:24px;
}
.iconAddNewMail
{
	background:url(../Images/BgIcon.png) no-repeat -120px 0; 
	width:24px;
	height:24px;
}
.iconCommentMail
{
	background:url(../Images/BgIcon.png) no-repeat -120px -24px;
	width:24px;
	height:24px;
	float:left;
	margin-right:5px;
}
.iconReplyMail
{
	background:url(../Images/BgIcon.png) no-repeat 0 -24px; 
	width:24px; 
	height:24px;
	float:left;
	margin-right:5px;
}
.iconForwardMail
{
	background:url(../Images/BgIcon.png) no-repeat -24px -24px; 
	width:24px; 
	height:24px;
	float:left;
	margin-right:5px;
}
.iconMaximizeWindow
{
	background:url(../Images/BgIcon.png) no-repeat -48px -24px; 
	width:24px; 
	height:24px;
	float:left;
	margin-right:5px;
}
.iconMinimizeWindow
{
	background:url(../Images/BgIcon.png) no-repeat -72px -24px; 
	width:24px; 
	height:24px;
}
.iconDeleteMail
{
	background:url(../Images/BgIcon.png) no-repeat -24px -48px; 
	width:24px; 
	height:24px;
	float:left;
	margin-right:5px;
}
.iconPrintMail
{
	background:url(../Images/BgIcon.png) no-repeat 0 -48px; 
	width:24px; 
	height:24px;
	float:left;
	margin-right:5px;
}

.noBorder
{
	border:0 none #fff !important;
}
.noNote
{
	color:#e9e9e9;
	font-style:italic;
}

/*============================================================================*/
/*==========================MailBlockHome=====================================*/
/*============================================================================*/
.rowMail
{
	border-bottom:1px solid #e0e0e0;
}
.rowMail .colIsReceive
{
	float:left;
	width:20px;
	min-height:40px;
}
.rowMail .colIsReceive .iIsReceive
{
	background:url(/Images/Icons.png) no-repeat 50% -302px;
	font-size:0 !important;
	padding:0 !important;
	margin: 0 !important;
	height:16px;
	width:20px;
	margin-top:12px !important;
	cursor:pointer;
}
.rowMail .colIsReceive .iIsSent
{
	background:url(/Images/Icons.png) no-repeat 50% -282px;
	font-size:0 !important;
	padding:0 !important;
	margin: 0 !important;
	height:16px;
	width:20px;
	cursor:pointer;
	margin-top:12px !important;
}
.rowMail .colIsRead
{
	float:left;
	width:20px;
	min-height:40px;
}
.rowMail .colIsRead .iIsRead
{
	background:url(/Images/Icons.png) no-repeat 50% -242px;
	font-size:0 !important;
	padding:0 !important;
	margin: 0 !important;
	height:16px;
	width:20px;
	margin-top:12px !important;
	cursor:pointer;
}
.rowMail .colIsRead .iIsUnRead
{
	background:url(/Images/Icons.png) no-repeat 50% -222px;
	font-size:0 !important;
	padding:0 !important;
	margin: 0 !important;
	height:16px;
	width:20px;
	cursor:pointer;
	margin-top:12px !important;
}
.rowMail .colTotalComment
{
	float:left;
	width:24px;
	min-height:40px;
}
.rowMail .colTotalComment div
{
	margin-top:12px !important;
}

.rowMail .colContent
{
	float:left;
	width:380px;
	min-height:40px;
	padding-left:6px;
}

.rowMail .colContent .content
{
	padding:3px 3px 3px 3px;
	font-size:12px;
}
.rowMail .colInfo
{
	float:left;
	width:295px;
	min-height:40px;
	padding-left:6px;
}
.rowMail .colSendDate
{
	float:right;
	width:80px;
	min-height:40px;
}
.rowMail .colSendDate div
{
	padding:3px;
	text-align:right;
	font-size:12px;
}
.rowMail .colInfo .subject
{
	padding:3px 3px 3px 3px;
}
.rowMail .colInfo .subject a
{
	color:#007992;
	font-size:12px;
	text-decoration:none;
}
.rowMail .colInfo .subject a:hover
{
	color:#ff4e00;
}
.rowMail .createBy span
{
	padding:3px 3px 3px 3px;
	color:#909090;
	font-size:10px;
	font-weight:normal;
}

/*============================================================================*/
/*==========================MarkBlockHome=====================================*/
/*============================================================================*/
.totalMark
{
	color:Green;
	font-weight:bold;
}
.markTable
{
	
}
.markTable td
{
	border:0px none #000 !important;
	padding:2px !important;
}
.markTable .sep td
{
	font-size:0;
	height:3px;
}
.colorLevel
{
	float:left;
	margin-right:5px;
	border:1px solid #888;
	width:15px;
	height:15px;
}

/*---------------------- Comment ----------------------*/
.btnAddComment
{
	-webkit-border-top-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomright: 2px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	
	background: #a1c147; /* Old browsers */
	background: -moz-linear-gradient(top,  #a1c147 0%, #8fc400 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1c147), color-stop(100%,#8fc400)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a1c147 0%,#8fc400 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a1c147 0%,#8fc400 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a1c147 0%,#8fc400 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a1c147 0%,#8fc400 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1c147', endColorstr='#8fc400',GradientType=0 ); /* IE6-9 */

	cursor:pointer;
	color:#000;
	border:1px solid #808080;
	line-height:12px;
	width: 10px;
	height:13px;
	font-size:12px;
}
.btnAddComment:hover
{
	background: #bddd49; /* Old browsers */
background: -moz-linear-gradient(top,  #bddd49 0%, #98e52b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bddd49), color-stop(100%,#98e52b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #bddd49 0%,#98e52b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #bddd49 0%,#98e52b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #bddd49 0%,#98e52b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #bddd49 0%,#98e52b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bddd49', endColorstr='#98e52b',GradientType=0 ); /* IE6-9 */
}

.hasComment
{
	border: 1px solid #8a5603;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: block;
	height: 13px;
	width: 20px;
	color: #000;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
	text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff;
	text-decoration:none;
	cursor:pointer;
	
	background: #f8b401; /* Old browsers */
background: -moz-linear-gradient(top,  #f8b401 0%, #de8901 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8b401), color-stop(100%,#de8901)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f8b401 0%,#de8901 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f8b401 0%,#de8901 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f8b401 0%,#de8901 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f8b401 0%,#de8901 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8b401', endColorstr='#de8901',GradientType=0 ); /* IE6-9 */
}
.noHasComment
{
	background-color: #aeaeae;
	border: 1px solid #6c6c6c;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: block;
	height: 13px;
	width: 20px;
	color: #000;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
	text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff;
	background-image: linear-gradient(top,#d8d8d8,#aeaeae);
	cursor:pointer;
}
.cListCommentPopup
{
	border: 1px solid #8c8c8c;
	background-color:whiteSmoke;
	-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.75);
	margin-right:10px;
	position:absolute;
	width:500px;
}
.cListCommentPopup .cAllList
{
	min-height:50px;
	max-height:400px;
	padding:10px 10px 0 10px;
	overflow:auto;
}
.cListCommentPopup .arrowPop
{
	background-image: url('/Images/Icon-1.png');
	background-position:-14px -13px;
	background-repeat: no-repeat;
	height: 16px;
	width: 9px;
	right: -9px;
	top: 0px;
	margin-top: 40px;
	position:absolute;
}
.cListCommentPopup .btnFull
{
	background-image: url('/Images/BtnFull.jpg');
	background-position:0px 0px;
	background-repeat: no-repeat;
	height: 47px;
	width: 52px;
	right: 13px;
	top: 0px;
	position:absolute;
	z-index:500;
	cursor:pointer;
}
.cListCommentPopup .btnRestore
{
	background-image: url('/Images/BtnFull.jpg');
	background-position:0 -47px;
	background-repeat: no-repeat;
	height: 47px;
	width: 52px;
	right: 13px;
	top: 0px;
	position:absolute;
	z-index:500;
	cursor:pointer;
}
.popupLeft .arrowPop
{
	background-position:-5px -13px;
	left: -8px;
	top: 0px;
}
.cListCommentPopup .cList .titleMail
{
	background: #bfd255; /* Old browsers */
	background: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */
	color:White;
	font-weight:bold;

	margin:-10px -10px 10px -10px;
	padding:10px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.comment-item
{
	clear: both;
	margin-bottom: 8px;
	position: relative;
}
.comment-item .c-avatar
{
	padding: 2px;
	width: 38px;
	height: 50px;
	display: block;
	float: left;
	margin-right: 10px;
	border: 1px solid #DFDFDF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 0px 5px #ebebeb;
	-webkit-box-shadow: 0 0px 5px #EBEBEB;
	-ms-box-shadow: 0 0px 5px #ebebeb;
	-o-box-shadow: 0 0px 5px #ebebeb;
	box-shadow: 0 0px 5px #EBEBEB;
}
.comment-item .c-avatar img
{
	width: 38px;
	height: 50px;
	border:0;
}
.comment-item p
{
	padding: 0;
	margin:0;
}
.comment-item .c-comAll
{
	margin-left: 58px;
	padding: 10px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	position: relative;
	border: 1px solid #DFDFDF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	color: #555;
	background-color:White;
}
.comment-item .c-comAll span
{
	font-size: 12px;
}

.comment-item .c-title
{
	padding:0 !important;
	margin:0 !important;
	color:#005586;
	font-size: 12px !important;
	display: block;
	margin-top: 5px;
	padding-top: 5px;
}
.comment-item .c-fullName
{
	display: block;
	font-size: 10px;
	padding:0;
	margin:0;
}
.comment-item .c-time
{
	display: block;
	color: #888;
	padding: 5px 0;
	position: absolute;
	right: 20px;
	top: 0px;
	font-size: 12px !important;
	margin-top: 5px;
}
.comment-item .c-content
{
	display: block;
	border-top: 1px solid #DFDFDF;
	color: #000;
	margin-top: 5px;
	padding-top: 5px;
}
.comment-item .c-arrow
{
	display: block;
	width: 10px;
	height: 20px;
	position: absolute;
	top: 0px;
	left: -9px;
	background: url(../Images/BgIcon.png) no-repeat;
	background-position: -150px 0;
}
.comment-item .c-iconFA
{
	cursor:default;
	float:left;
	padding:0 0 0 0; margin:0;
}
.comment-item .c-listFile
{
	border-top: 1px dashed #DFDFDF;
	font-size: 12px !important;
	margin-top: 5px;
	padding-top: 5px;
}
.comment-item .c-listFile ul
{
	padding:0 0 0 0; margin:0;
	list-style-type:none;
}
.comment-item .c-listFile li
{
	float:left;
	padding:0 3px 0 0;
}

.EORight
{
	background:url(/Images/Icons.png) no-repeat 50% -522px;
	width: 16px;
	height: 16px;
	display:block;
	float:left;
	margin: -1px 5px 0 0;
}

.EOWrong
{
	background:url(/Images/Icons.png) no-repeat 50% -542px;
	width: 16px;
	height: 16px;
	display:block;
	float:left;
	margin: -1px 5px 0 0;
}

.listAM
{
	overflow:auto;
	max-height:400px;
	line-height:15px;
	color:#484848;
}

.listAM .iAM 
{
	padding:3px;
}

.listAM .iAM .cConfirmation
{
	display:inline-block;
	border:1px solid #888;
	padding:2px 5px;
	margin: 0 0 0 5px;
	cursor:pointer;
	color:#fff;
	
	background: #a90329; /* Old browsers */
background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
}
.listAM .iAM .cConfirmation:hover
{
	background: #8fc400; /* Old browsers */
	background: -moz-linear-gradient(top,  #8fc400 0%, #67a300 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc400), color-stop(100%,#67a300)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8fc400 0%,#67a300 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8fc400 0%,#67a300 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8fc400 0%,#67a300 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8fc400 0%,#67a300 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#67a300',GradientType=0 ); /* IE6-9 */
}

.listAM .iLine
{
	font-size:0;
	border-top:1px solid #c9c9c9;
	margin:3px 10px;
}

.isBonus
{
	color:Green;
}

.isPenalty
{
	color:Red;
}

.listAM .iAM .date {
	color:#ff4e00;
}

.listAM .iAM .info {
	color:#008dcb;
}

.listAM .iAM .msg {
}

.isBonus
{
	color:Green;
}

.isPenalty
{
	color:Red;
}
.acceptAss
{
	display:inline-block;
	border:1px solid #888;
	padding:2px 5px;
	margin: 0 0 0 5px;
	cursor:pointer;
	color:#fff;
	font-size:12px;
	
	background: #8fc400; /* Old browsers */
	background: -moz-linear-gradient(top,  #8fc400 0%, #67a300 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc400), color-stop(100%,#67a300)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8fc400 0%,#67a300 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8fc400 0%,#67a300 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8fc400 0%,#67a300 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8fc400 0%,#67a300 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#67a300',GradientType=0 ); /* IE6-9 */
	
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.noAcceptAss
{
	display:inline-block;
	border:1px solid #888;
	padding:2px 5px;
	margin: 0 0 0 5px;
	cursor:pointer;
	color:#fff;
	font-size:12px;
	
	background: #a90329; /* Old browsers */
background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.titleMailAss
{
	padding:10px;
	font-size:18px;
	text-align:center;
}

.tileLoi
{
	font-weight:bold;
}

.slTon label
{
	cursor:pointer;
	font-weight:bold;
	color:Red !important;
}
.lastNote td
{
	padding:0 !important;
}

.slMua label
{
	cursor:pointer;
	font-weight:bold;
	color:#00b934;
}

.slBan label
{
	cursor:pointer;
	font-weight:bold;
	color:#3D76FF;
}

.colStock
{
	background-color:#FFF0F0;
}

.colBuy
{
	background-color:#ECFFDD;
}

.colSell
{
	background-color:#DBFBFF;
}

.containerGV .gridView tr.selectionBgColor .colStock,
.containerGV .gridView tr.selectionBgColor .colBuy,
.containerGV .gridView tr.selectionBgColor .colSell
{
	background-color: #5f5c00 !important;
	background-image: -webkit-linear-gradient(top, #a29d00, #5f5c00);
	background-image: linear-gradient(top, #a29d00, #5f5c00);
	background-image: -moz-linear-gradient(top, #a29d00, #5f5c00);
	background-image: -o-linear-gradient(top, #a29d00, #5f5c00);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a29d00), to(#5f5c00));
	color: #fff !important;
}
.containerAllBTD .containerGV .cBody tr.hover .colStock,
.containerAllBTD .containerGV .cBody tr.hover .colBuy,
.containerAllBTD .containerGV .cBody tr.hover .colSell,
.containerGV .gridView tr.bgColor:hover .colStock,
.containerGV .gridView tr.bgColor:hover .colBuy,
.containerGV .gridView tr.bgColor:hover .colSell,
.containerGV .gridView tr.alternatingBgColor:hover .colStock,
.containerGV .gridView tr.alternatingBgColor:hover .colBuy,
.containerGV .gridView tr.alternatingBgColor:hover .colSell,
.containerGV .gridView tr.selectionBgColor:hover .colStock,
.containerGV .gridView tr.selectionBgColor:hover .colBuy,
.containerGV .gridView tr.selectionBgColor:hover .colSell
{
	background-color:#FFFF99 !important;
	background-image: -webkit-linear-gradient(top, #fdfde0, #ffff99);
	background-image: linear-gradient(top, #fdfde0, #ffff99);
	background-image: -moz-linear-gradient(top, #fdfde0, #ffff99);
	background-image: -o-linear-gradient(top, #fdfde0, #ffff99);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfde0), to(#ffff99));
	color:Black !important;
}

.boxSave {
	background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
	border: 1px solid #888;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
	.boxSave .body {
		padding:10px 10px 0 10px !important;
		margin:0;
	}

.cBranchDepartment {
	position:relative;
}
	
.cBranchDepartment .cFunction {
	background-color:#fff;
	position:absolute;
	top:-2px;
	right:-12px;
	z-index:10;
}

.cCodeProduct {
	position:relative;
}
	
.cCodeProduct .cFunction {
	background-color:#fff;
	position:absolute;
	top:-2px;
	right:0px;
	z-index:10;
}

.inputFill {
	border: 0px none #000000;
	border-bottom: 1px dashed #000000;
	background-color: transparent;
	width:80px;
	padding:0;
}

.cListItemSearch {
	border:1px solid #888;
	background:#fff;
	max-height:300px;
	max-width:500px;
	overflow-y:auto;
	z-index:800000;
}
	.cListItemSearch div {
		padding:3px;
		white-space:nowrap;
		cursor:pointer;
	}
	.cListItemSearch div:hover {
		background:#B2C4E0;
		color:White;
	}

	.cConLastPhone {
		width:100%;
		margin:4px 0 5px 0;
	}
	.cConLastPhone .phoneNumber {
		width:15%;
		background:#000;
		color:red;
		font-size:28px;
		border:1px solid #888;
		height:30px;
		text-align:center;
		vertical-align:top;
	}
	.cConLastPhone .address {
		width:85%;
		font-size:28px;
		background:#f7f200;
		color:red;
		border:1px solid #888;
		height:30px;
	}
	

/*============================================================================*/
/*==============================menuRight=====================================*/
/*============================================================================*/
.menuRight .containerMenuBTDFirst
{
	font-size:12px;
	font-family:Tahoma, Arial, sans-serif;
	padding:0px; margin:0px; 
	background-color:#F0F0F0;
	background-image:url("/ToolsJS/Menu/Images/BgMenu.gif");
	background-repeat:repeat-y;
	background-position:left;
	position:absolute;
	-webkit-box-shadow: 2px 2px 2px #A0A0A0;
	-moz-box-shadow: 2px 2px 2px #A0A0A0;
	box-shadow: 2px 2px 2px #A0A0A0;
	border:solid 1px #BCBCBC;
	padding-top:2px;
	z-index:50000;
}

.menuRight .containerMenuBTDFirst .bgLine
{
	font-size:0px;
	background-image:url("/ToolsJS/Menu/Images/BgLine.gif");
	background-repeat:repeat-x;
	height:3px;
	margin-left:40px;
}

/*=================================Item===================================*/
.menuRight .containerMenuBTDFirst .item
{
	height:22px;
	margin:1px 5px 3px;
}

.menuRight .containerMenuBTDFirst .item .bgL
{
	padding-left:0px;
}

.menuRight .containerMenuBTDFirst .item .bgR
{
	padding-right:5px;
}

.menuRight .containerMenuBTDFirst .item .bgC
{
}

.menuRight .containerMenuBTDFirst .item .bgIcon
{
	padding-left:20px;
	background-repeat:no-repeat;
	background-position:center left;
	position:relative;
}

.menuRight .containerMenuBTDFirst .item .bgIcon img
{
	position:absolute;
	top:2px;
	left:2px;
}

.menuRight .containerMenuBTDFirst .item .contentMenu
{
	height:18px;
	padding:5px 0;
	display:table-cell;
}

.menuRight .containerMenuBTDFirst .item .contentMenu .title
{
	display:inline-block; float:left; padding:0 10px;
	white-space: nowrap;
	cursor:default;
}

.menuRight .containerMenuBTDFirst .item .contentMenu .shortcut
{
	display:inline-block; float:right; padding-left:10px;
	cursor:default;
}

/*=================================Chấm công===================================*/
.s-x, .s-F0, .s-XN {
	position: relative;
	text-align: center;
}
.s-half {
	position: relative;
	text-align: center;
	font-size: 9px;
	color: red !important;
}
.s-CN {
	position: relative;
	color: red !important;
}
.s-N {
	position: relative;
	color: red !important;
}
.s-N-2 {
	position: relative;
	color: red !important;
}
.s-F {
	position: relative;
	color: red !important;
}
.s-halfF {
	position: relative;
	color: red !important;
}
.s-F0 {
	position: relative;
	color: red !important;
}
.s-halfF0 {
	position: relative;
	color: red !important;
}
.s-TF {
	color: #2643fb !important;
}
.s-NL, .s-KBR, .s-KBV, .s-KBRV, .s-KBC, .s-KBC-N, .s-KBV-N, .s-KBR-N, .s-KBV-2-N-2, .s-KBR-2-N-2 {
	position: relative;
	color: red !important;
}
	.s-N .gioNghiQuyDinh,
	.s-N-2 .gioNghiQuyDinh,
	.s-XN .gioNghiQuyDinh,
	.s-half .gioNghiQuyDinh,
	.s-halfF .gioNghiQuyDinh,
	.s-NL .gioNghiQuyDinh,
	.s-F .gioNghiQuyDinh,
	.s-F0 .gioNghiQuyDinh,
	.s-x .gioNghiQuyDinh,
	.s-KBR .gioNghiQuyDinh,
	.s-KBV .gioNghiQuyDinh,
	.s-KBC .gioNghiQuyDinh,
	.s-XL .gioNghiQuyDinh,
	.s-KBRV .gioNghiQuyDinh {
		position: absolute;
		top: 0px;
		left: 0;
		color: forestgreen;
		font-size: 8px;
	}
	.xacNhanLamOnline {
		color: #2643fb;
	}

.s-K
{
	background-color:#ff4e00;
	color:#fff !important;
}

.s-XN
{
	background-color:#ff4e00 !important;
	color:#fff !important;
}
.s-CL {
	position: relative;
	color: red !important;
}
.s-OFF
{
	background-color:#e8ffc2;
}

.s-Om
{
	background-color:#e8ffc2;
}

.s-C
{
	background-color:#e8ffc2;
}

.s-TS
{
	background-color:#e8ffc2;
}

.s-L
{
	background-color:#e8ffc2;
}

.s-P
{
	background-color:#e8ffc2;
}

.s-K
{
	background-color:#ff4e00;
	color:#fff !important;
}

.tagEmail {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color:#ff6d00;
	color:#FFF;
	padding:5px;
	margin:3px 5px;
	text-decoration:none !important;
	display:inline-block;
	-webkit-transition: 1s; /* Safari */
	transition: 1s;
}

.tagEmail:hover {
	color: #fdfde0;
	background-color:#ffa96a;
}

/*=================================baseInfoUser===================================*/
.baseInfoUser {
	font-size:inherit;
}

.baseInfoUser td {
	padding: 3px;
	font-size: 13px;
}

.baseInfoUser input[type=file] {
	padding:0px !important;
}

.cNoImage {
	background: url('data:image/png;base64,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');
	background-size: cover;
	background-position: center center;
	/*background-image: url('../Images/NoImage.png');*/
	width: 100px;
	height: 100px;
	margin-bottom: 5px;
}

.cNoImage img {
	max-width:100px;
	max-height:100px;
}

.pac-container {
	z-index:1000000;
}
#loginControl_UserNameRequired,
#loginControl_PasswordRequired {
	color: red;
	font-size:16px;
}
.containerMSB{
	width: 100%;
	height:auto;
}
.containerMSB .btn {
	border-right: none !important;
}

.cConfirmTimekeepingPop {
	position: absolute;
	-webkit-box-shadow: 10px 10px 39px 5px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 39px 5px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 39px 5px rgba(0,0,0,0.75);
	background-color: white;
	padding: 10px;
}

.detail {
	background:#ffffc9;
	padding: 5px 4px 2px;
	border: 1px solid #eee;
	border-radius: 5px;
	position: relative;
	font-size: 12px;
	box-shadow: 1px 2px 2px #ccc;
}
	.detail:before {
		content: '';
		width: 0;
		height: 0;
		position: absolute;
		top: -10px;
		left: 27px;
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		border-bottom: 10px solid #ccc;
	}
	.detail:after {
		content: '';
		width: 0;
		height: 0;
		position:absolute;
		top: -8px;
		left: 27px;
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		border-bottom: 10px solid #ffffc9;
	}

	.detail td {
		font-size: 12px;
	}
	.detail fieldset{
		padding: 2px;
		border: none;
	}
.detail .headerText{
	padding: 2px 4px;
}
	.detail .containerGV .gridView td {
		padding: 2px 4px;
	}
.text-bold {
	font-weight:bold !important;
}
.text-primary {
	color: #005aff !important;
}
.text-red{
	color:red !important;
}
.hint::placeholder {
	font-size: 12px;
}
.bgSomeBody img {
	width: 230px;
	height: 170px;
	object-fit: cover;
}