﻿html,body,form{ height:100%; font-family:"Segoe UI","Segoe",Helvetica,Arial,sans-serif; font-size:13px; }
body { background-color:#fff; color:#51555d; }
.ms-core-tableNoSpace, .ms-core-tableNoSpace > tbody,.ms-core-tableNoSpace > tr, 
.ms-core-tableNoSpace > * > tr,
.ms-core-tableNoSpace > tr > td, .ms-core-tableNoSpace > * > tr > td, 
.ms-core-tableNoSpace > tr > th, .ms-core-tableNoSpace > * > tr > th,
.ms-webpart-cell-vertical,.ms-webpart-chrome-vertical,.ms-webpart-zone{ 
	display:block;
}
input,button,select,textarea{
	-ms-box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;
	-o-box-sizing:content-box; box-sizing:content-box;
}
input[type=password], input[type=text], input[type=file], input[type=number], textarea, .ms-inputBox{
	padding:4px 0.5% 4px 0; text-indent:5px; font-family:Arial, Helvetica, sans-serif;
}
textarea{
	text-indent:0;
}
textarea:focus{
	outline:0;
}
input[type=file]{
	text-indent:0; background-color:transparent; padding:0;
}
input[type=file]:focus{
	outline:none;
}
input[type="button"], input[type="reset"], input[type="submit"], button {  
	padding:6px 12px; border:0; background-color:#303641; color:#fff; cursor:pointer;
	border-radius:4px; font-family:Arial, Helvetica, sans-serif; font-size:12px; min-width:4em;
}
input[type="button"]:focus{
	outline:0;
}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button:hover{
	background-color:#1a1e24; color:#fff; 
}
input[type=button][disabled], input[type=reset][disabled], input[type=submit][disabled], button[disabled][disabled]{
	background-color:#e1e1e1; color:#888; 
}
.ms-featurestatus{
	padding:6px 7px; border-radius:3px; text-align:center;	
}
select{
	min-height:23px;
}
.propertysheet{ width:100%; }
a, .ms-link:visited{ color:#004996; }
.ms-dlgFrameContainer iframe{ min-width:820px; min-height:440px; }

.mainWP{
	display:table; width:100%;
}
.mainL,.mainR{
	display:table-cell; vertical-align:top;
}
.mainL{
	width:30%; padding-right:20px;
}
/*---------------------------------------
					Head
----------------------------------------*/
header{ font-family:"Segoe UI","Segoe",Helvetica,Arial,sans-serif; }
.top_panel_wrap{ background:url("banner_bg.png") repeat-x; }
.top_panel_wrap_inner{
	display:table; width:100%;
}
.content_wrap, .sidebar_wrap{
	display:table-cell; vertical-align:middle; box-sizing:border-box;
}
.top_panel_controls{
	display:inline-block; margin:0 17px;
}
ul.ulright{ margin-left:15px; }
.sidebar_wrap{ text-align:right; padding-right:26px; }
.sidebar_wrap > div,ul.linkadd{ vertical-align:middle; }
.sidebar_wrap > div:first-child{ display:inline-block; }
.menu_pushy{ display:none; }
header .logo{ background-color:transparent; padding:6px 0 6px 22px; float:left; }
header .logo img{ height:50px; float:left; margin-right:10px; }
header .logo span{  margin-top:13px; display:inline-block; font-size:18px; color:#fff; }
.top_panel_controls > div{ display: inline-block; vertical-align: top; }
.top_panel_controls .sc_button,.top_panel_controls .search_submit {
	display:inline-block; padding: 0; margin:0; font-size: 1.4em; width: 1.4em; height: 1.4em; line-height: 1.4em; 
    text-align: center;  min-width:inherit; background-color:transparent; color:#4e0e11; border-radius:3px;
    -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; margin-top:3px;
}
.top_panel_controls .sc_button:hover,.top_panel_controls .search_submit:hover{
	color:#fff;
}
.top_panel_controls .icon-right-open:before,.top_panel_controls .icon-search:before{
	font-size:1.4em; margin:0;
}
.sidebar_hide .icon-right-open:before{
	content:'\e86f'; 
}

/* Fullscreen search */
.search_style_fullscreen.search_wrap.search_state_opened {
    width: 2.2857em !important;
}
.search_style_fullscreen.search_state_closed .search_field {
    background-color: transparent !important;
}
.search_style_fullscreen.search_state_opened .search_form_wrap {
    position: fixed; bottom: 0; left: 0;
    right: 0; top: 0; width: 100%; height: 100%; z-index: 9999;
    background-color: rgba(0, 0, 0, 0.85) !important;
    overflow: hidden; 
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}
.search_style_fullscreen .search_form {
    padding: 0;
    text-align: center;
}
.search_style_fullscreen.search_state_opened .search_form {
    position: relative; width: 50%; top: 50%; left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    border-bottom: 1px solid #fff; 
}
.search_style_fullscreen.search_state_closed .search_close {
    display: none;
}
.search_style_fullscreen.search_state_opened .search_close {
    position: absolute; right: 0; top: 0; display: inline-block;
    font-size: 2em; font-weight: 300; text-align: center; cursor: pointer;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}
.search_style_fullscreen.search_state_opened .search_close:before {
    margin: 0;
}
.search_style_fullscreen.search_state_closed .search_submit {
    position: relative; left: 0; top: 0;
}
.search_style_fullscreen.search_state_opened .search_submit {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute; left: 0; top: 50%; background-color: none;
    font-size: 1.2em; width: auto; padding: 0; display: none;
}
.top_panel_wrap .search_style_fullscreen.search_state_closed .search_field {
    display: none;
}
.top_panel_wrap .search_style_fullscreen.search_state_opened .search_field {
    font-size: 1.4em; font-weight: 400; height: 3em; letter-spacing: 1px;
    line-height: 3em; margin: 0; padding: 0; white-space: pre-wrap;
    word-wrap: break-word; box-sizing: border-box;
    resize: none;
    overflow: hidden; display: block;
    width: 100%; border:0; outline:none;
}
.top_panel_wrap .search_style_fullscreen.search_state_opened .search_close,
.top_panel_wrap .search_style_fullscreen.search_state_opened .search_field,
.top_panel_wrap .search_style_fullscreen.search_state_opened .search_submit {
    color: #ffffff !important;
}
.top_panel_wrap .search_style_fullscreen.search_state_opened .search_close:hover,
.top_panel_wrap .search_style_fullscreen.search_state_opened .search_field:hover,
.top_panel_wrap .search_style_fullscreen.search_state_opened .search_field:focus,
.top_panel_wrap .search_style_fullscreen.search_state_opened .search_submit:hover,
.top_panel_wrap .search_style_fullscreen.search_state_opened .search_submit:focus {
    color: #ccc !important;
}
.top_panel_wrap .search_style_fullscreen.search_state_opened .search_field,
.top_panel_wrap .search_style_fullscreen.search_state_opened .search_field:hover,
.top_panel_wrap .search_style_fullscreen.search_state_opened .search_field:focus {
    background-color: transparent !important;
}
.search_style_fullscreen.search_state_opened input::-webkit-input-placeholder {
    color: #ccc;
    opacity: 1;
}
.search_style_fullscreen.search_state_opened input::-moz-placeholder {
    color: #ccc;
    opacity: 1;
}

/*-- icon settings ---*/
.ms-siteactions-normal{ border-right:0; }
.ms-siteactions-imgspan {
	background: url("/PublishingImages/eoffices/e-sprite.png") no-repeat -47px -37px;
	width:16px;	height:16px; opacity:.8;
}
.ms-siteactions-hover{
	background-color:transparent;
}
.ms-siteactions-hover .ms-siteactions-imgspan {
	 opacity:1;
}
.ms-siteactions-imgspan img{
	visibility:hidden;
}
.ms-siteactions-root > span > a.ms-core-menu-root{
	padding-bottom:15px;padding-top:0
}
/*------------------------- Welcome --------------------*/
#suiteBarLeft{ background-color:transparent; color:#51555d; }
#menusetting-main{ padding:0; }
#suiteBarLeft > div,#suiteBarRight > div{ display:inline-block; vertical-align:top; }
.userInfo{ padding:8px 0 5px 20px; }
.img_UserInfo{ width:36px; height:36px; display:inline-block; border-radius:3px; overflow:hidden; margin-right:6px; vertical-align:top;}
.img_UserInfo img{ width:36px; min-height:36px; }
.curentUser{ display:none; }
#suiteBarLeft > #welcomeMenuBox,#suiteBarRight > #welcomeMenuBox{ display:none; }
.menusetting-group{ display:inline-block; position:relative; vertical-align:top; }
#menusetting > li a{ display:inline-block; vertical-align:middle; }
#menusetting > li:first-child > a{ color:#fff; }
#menusetting .aArrow{ width:16px; height:16px; margin-left:8px; cursor:pointer;
	background: url("/PublishingImages/eoffices/e-sprite.png") no-repeat -49px -55px; 
}
#ulmnSetting{ position:absolute; left:0; top:41px; margin:0; padding:0; list-style:none; min-width:180px; z-index:99; }
#ulmnSetting li a{ display:block; padding:8px 10px; color:#2e2e2e; text-align:left; }
#ulmnSetting li a:hover{ background-color:#f5f5f5; }

#menusetting{ display:inline-block; vertical-align:top; list-style:none; padding:0; margin:6px 0 0 0; background:transparent; border:0; }
#menusetting > li > ul{ display:none; }
#menusetting >.k-item{ float:none; border:0; }
#menusetting >.k-item>.k-link{ padding:0 5px 25px 5px; color:#fff; border-radius:1px;}
#menusetting >.k-state-hover:hover{ background:none; }
#menusetting >.k-item>.k-state-active{ background-color:rgba(255,255,255,0); }
#menusetting >.k-item .k-i-arrow-s{ background: url("/PublishingImages/eoffices/e-sprite.png") no-repeat -49px -55px; margin-left:8px; }
#menusetting .k-group,#ulmnSetting{ background-color:#fff; border:1px #d1d1d1 solid; border-top:0; 
	box-shadow:3px 3px 6px -4px rgba(0,0,0,0.3),-3px 3px 6px -4px rgba(0,0,0,0.3);
}
#menusetting .k-animation-container{ top:37px!important; }
#menusetting ul li.k-item>.k-link{ padding:8px 10px; min-width:150px; }

/*---------------------------------------------
			Theme
----------------------------------------------*/
.theme-main{
	display:inline-block; vertical-align:top; color:#51555d;
}
.btn-theme i{
	width:24px; height:24px; display:inline-block; margin-top:16px; font-size:0;
	background: url("/PublishingImages/eoffices/e-sprite.png") no-repeat 4px -134px;
	opacity:.7; cursor:pointer; margin:16px -10px 0 -5px; transition:.2s;
	/*pointer-events: none;*/ display:none;
}
.btn-theme i:hover,.theme-show .btn-theme i{
	background-color:rgba(255,255,255,.3); border-radius:2px; background-color:transparent;
}

/*------------------------- HelpDesk --------------------*/
.div_HelpDesk{ padding:20px 20px 2px 20px; margin-top:15px; border-top:1px #ebebec solid; }
.iconHelpDesk{ width:38px; height:38px; display:inline-block; vertical-align:middle; margin-right:8px;
	background:url("/PublishingImages/eoffices/e-sprite.png") no-repeat;
}
.HelpDeskText{ color:#51555d; font-size:16px; text-transform:uppercase; vertical-align:middle; }

.ul_ContactExt .icon_contact{width:20px; height:20px; display:inline-block; margin-right:16px; display:none;
	background:url("/PublishingImages/eoffices/e-sprite.png") no-repeat 0 -39px; margin-left:10px;
}
.ml_name { padding-left:4px; }
.ml_name .ms-noWrap{ white-space:normal; }
.ml_name .ms-imnSpan a{ vertical-align:top; display:inline-block; color:#51555d; }
.ml_number{ float:right; }
.ul_ContactExt li{ padding:6px 0; color:#aaabae; }
.ul_ContactExt li span{ vertical-align:top; }
.div_HelpDesk .ms-imnImg{ margin-right:3px; }
.NavBox-hide .div_HelpDesk{ display:none; }

/*---------------------------------------
					Settings
----------------------------------------*/
.ms-linksection-title{ margin-bottom:10px; font-size:16px; }
.ms-linksection-listRoot li{ padding:3px 0; }
.ms-linksection-listItem a:hover{ color:#d00; }

.ms-selectedtitlealternative{ border:0; }
.ms-menuimagecell{ height:auto; }
table.ms-menutoolbar{ border-bottom:0; height:32px; }

.pnl-workflow-object legend{ font-weight:bold; }
.pnl-workflow-object fieldset{
	margin:5px 0; background-color:#fff; border:1px #ababab solid;
}
.WorkflowField .ItemText{ font-weight:normal; }
.WorkflowField .four-col .InputR{ width:auto; }
.ms-authoringcontrols textarea.ms-input{ width:99%; }
.WorkflowField .Button{ text-align:right; }
.WorkflowField .Row03 .ItemInput input[type=text]{
	width:98px;
}
.WorkflowField .Row04 .ItemInput input[type=text]{
	width:468px;
}

/*---------------------------------------
					MenuTop
----------------------------------------*/
.ms-core-navigation{
	font-family:Arial, Helvetica, sans-serif; 
}
#DeltaTopNavigation {
	display:inline-block; vertical-align:top;
}
#DeltaTopNavigation ul{
	list-style:none; padding:0; margin:0;
}
.ms-core-listMenu-horizontalBox > ul > li a{
	padding:14px 15px; display:inline-block;
}
.ms-core-listMenu-horizontalBox ul:hover li.selected a.selected{
	background-color:transparent;
}
.ms-core-listMenu-horizontalBox ul li.selected a.selected,.ms-core-listMenu-horizontalBox ul li.selected a.selected:hover{
	background-color:rgba(200,200,200,.1); color:#ed1c24;
}
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item{
	margin-right:0;
}
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item:hover{
	background-color:rgba(200,200,200,.1);
}
a.menu-item{ outline:0; }

#DeltaTopNavigation .ms-navedit-editArea{
	display:none;
}
/*#DeltaTopNavigation ul.root > li:first-child > a {
	display:none;
}
/*--------------- Search ---------------*/
#searchInputBox{
	display:inline-block; margin-bottom:0; float:none;
}
#sideNavBox #SearchBox{
	background-color:#ebebec;
}
#sideNavBox .ms-srch-sb input,#sideNavBox .ms-srch-sbLarge>input{
	padding:8px 0; text-indent:0; width:82%; height:auto; 
	font-size:13px; color:#8d929a; margin-top:0;
}
#sideNavBox .ms-mpSearchBox{
	width:auto; float:none; padding:6px 10px; 
	padding-top:62px;
}
#sideNavBox .ms-floatLeft{
	float:none; text-align:right; border-radius:3px;
}
#sideNavBox .ms-srch-sbLarge{
	display:block; border:0; background-color:transparent;
}
#sideNavBox .ms-srch-sbLarge > a.ms-srch-sb-searchLink{
	width:30px; height:30px; border:0;
	background:url("/PublishingImages/eoffices/e-sprite.png") no-repeat -18px -66px;
}
#sideNavBox .ms-srch-sbLarge > a.ms-srch-sb-searchLink img{
	visibility:hidden;
}
/*---------------------------------------
					Main
----------------------------------------*/
#s4-workspace{ width:auto!important; height:94%; }
#s4-bodyContainer{ /*height:100%; */padding-bottom:0; background-color:#fff; }
#s4-bodyContainer a{ text-decoration:none; }
.ms-breadcrumb-dropdownBox{ display:none; }
#contentRow{ padding-top:0; height:100%; }
#sideNavBox{ width:240px; height:100%; margin:0; background-color:#f8f8f8; border-right:1px #ebebec solid; }
div.mCustomScrollBox{ overflow:visible; }
div.mCSB_scrollTools{ right:-16px; }

.mCustomScrollBox:focus{ outline:none; }
#contentBox{ height:100%; overflow:hidden; margin:0; min-width:inherit; }
#DeltaPlaceHolderMain{ /*padding:20px;*/ }
.ms-webpartzone-cell{ margin:0; }
/*-------------------------------------------*/
.ms-csrlistview-controldiv,.ms-InlineSearch-DivBaseline{padding-bottom:0!important;}
#ms-help,.ms-csrlistview-controldiv .ms-commandLink,
.ms-core-listMenu-verticalBox .ms-core-listMenu-heading,.ms-core-brandingText{ 
	display:none; 
}
a.ms-promotedActionButton{ display:none!important; }

span.ms-selectall-span{ height:auto; line-height:normal; }
.ms-webpartPage-root{border-spacing:0;}
.ms-cui-topBar2{  border-bottom:1px solid rgba( 239, 239, 239, 0.78 ); }
.ms-dialog #globalNavBox {height:auto;}
.ms-vl-sectionHeaderRow .ms-alignRight{white-space:nowrap;}
#DeltaSuiteLinks{display:none;}
.ms-rte-layoutszone-inner{margin:0; border:0;}
.ms-wikicontent.ms-rtestate-field{padding-right:0!important;}
a.ms-cui-ctl-large{ cursor:pointer; }
.imgcolumn img{ width:100%!important; max-width:100px; }
.ms-list-itemLink-td{ position:relative; }
.TmtContentTable{ background-color:#fff; }

/*-------------------- titletext ----------------------*/
h1.titletext,h1#pageTitle{ display:none; }

/*---------------------------------------
					Tabs
----------------------------------------*/
#tabs{ margin:0; padding:0; list-style:none; }
#tabs li{ display:inline-block; padding-bottom:6px; }
#tabs li.active{ background:url("/PublishingImages/eoffices/icon.png") no-repeat center -126px; }
#tabs li a{ display:inline-block; padding:5px 15px; background-color:#eee; color:#303641; border-radius:4px; }
#tabs li.active a{ background-color:#1dafec; }
/*---------------------------------------
					Expard Collapse
----------------------------------------*/
.page-container .sidebar-menu .logo-env > div.sidebar-collapse{
	position:fixed; top:84px; left:208px; z-index:910; transition:.2s; 
}
.page-container .sidebar-menu .logo-env > div.visible-xs{
	display:none;
}
.page-container .sidebar-menu .logo-env > div.sidebar-collapse a.sidebar-collapse-icon{
	width:22px; height:22px; padding:0; cursor:pointer; border:0;
	background:url("/PublishingImages/eoffices/e-sprite.png") no-repeat -126px 4px;
	opacity:0.7;
}
.sidebar-collapsed.page-container .sidebar-menu .logo-env > div.sidebar-collapse a.sidebar-collapse-icon{
	background-position:-149px 4px;
}
.NavBox-hide .page-container .sidebar-menu .logo-env > div.sidebar-collapse a {
	background-color:#ebebec; 
}
.bgNavigation .NavBox-hide .page-container .sidebar-menu .logo-env > div.sidebar-collapse a {
	background-color:rgba(0,0,0,.2); 
}
.NavBox-hide .logo,.NavBox-hide .ms-mpSearchBox{
	display:none;
}
.ShowMore,.HideMore{
	cursor:pointer; font-size:0; width:25px; height:25px; margin-bottom:8px;
	background:url('/PublishingImages/eoffice/e-sprite.png') no-repeat 0 -217px; 
}
/*---------------------------------------
				MenuLeft
----------------------------------------*/
.page-container{ padding-top:40px; }
#MenuLeft{ margin:0; padding:20px 10px 10px 10px; list-style:none; }
#MenuLeft > li > a{
	background:url("/PublishingImages/eoffices/icon.png") no-repeat 0 -44px;
	display:inline-block; padding:6px 20px
}
#MenuLeft > li > a.active{
	background-position:0 -87px;
}
.sub-menu{
	margin:0; padding:4px 0 4px 20px; list-style:none;
}
.sub-menu > li > a{
	display:inline-block; padding:5px 0;
}
.sub-menu > li > a span:first-child{
	display:inline-block; width:26px; vertical-align:middle;
}
#MenuLeft a{
	color:#303641; text-decoration:none; cursor:pointer;
}
#MenuLeft a:hover{ color:#d00; }

.sideNavBox-hidden #MenuLeft{ text-align:right; }
.sideNavBox-hidden #MenuLeft > li > a{
	height:14px; background-position: 20px -44px;
}
.sideNavBox-hidden #MenuLeft > li > a span{
	display:none;
}
.sideNavBox-hidden #MenuLeft li a.active{
	background-position:20px -87px;
}
.sideNavBox-hidden .sub-menu span{
	display:none;
}
.sideNavBox-hidden .sub-menu span.spIconMenu{
	display:inline-block; float:none; text-align:center;
}

.NavBox-hide .ms-core-listMenu-verticalBox,.sideNavBox-hidden .div_HelpDesk{
	display:none;
}
.ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenu-item{
	font-family:Arial, Helvetica, sans-serif;
}
.ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > a.menu-item{
	border-bottom:1px #ebebec solid; padding:10px 20px;
}
/*--------------------------------
		LinkAdd
---------------------------------*/
ul.linkadd{ margin:0; padding:0; list-style:none; display:inline-block; }
.linkadd li{ display:inline-block; padding:0 10px; position:relative; vertical-align:top;}

a.linktofolder{
	background: url("/PublishingImages/eoffice/ic-note.png") no-repeat;
	display:inline-block; width:20px; height:20px;
}
#showAlert {
	display:inline-block; line-height:normal; position:relative; margin-top:3px;
}
#showAlert #numTasks{
	min-width:12px; text-align:center;
	position:absolute; top:-8px; left:6px; font-size:.9em; display:inline-block; border-radius:3px;
	padding:0 5px 1px 5px; background-color:#fff; color:#ed1c24; font-weight:700;
}
#showAlert .message a{ color:#e4cacb; }
#showAlert .message a:hover{ text-decoration:none; color:#fff; }
.iconAlert:before{ content:'\e83a'; font-family:"fontello";
	display:inline-block; font-size:1.4em;
}
.iconAlert img{ display:none; }
.linktosite {
	display:inline-block; vertical-align:top;
}
span.LinkToRedirectSite{
	display:inline-block; vertical-align:top; height:31px; padding-right:10px; 
	line-height:normal; max-width:120px;
}
a.LinkToRedirectSite{
	display:inline-block; color:#757575; padding:20px 20px; vertical-align:top;
	font-size:14px;
}
a.LinkToRedirectSite:link,a.LinkToRedirectSite:visited{ color:#fff; }

/*------------------- ChangeLanguage ------------------*/
.formChangeLanguage{ margin-top:6px; }
.formChangeLanguage a{ display:inline-block; width:16px; height:16px; cursor:pointer;
	background: url("/PublishingImages/eoffices/e-sprite.png") no-repeat; 
}
.formChangeLanguage #ibtnVietNam{ background-position:-74px -91px; margin-right:16px; }
.formChangeLanguage #ibtnEnglish{ background-position:-74px -75px; }
.formChangeLanguage img{ visibility:hidden; }

/*--------------- choose template ---------------*/
#LeftNav{ background-color:#f8f8f8; border-right-width:0; width:18%; height:100%; }
#MainZone{ width:56%; float:left; margin:0; padding:0 2%; }
#PreviewZone{ width:22%; }
.MenuHeader{ background-color:#303641; margin-bottom:10px; padding:7px 7px 7px 12px }
#FilterTable > .MenuItemAll,#FilterTable > .MenuItemLast,#FilterTable > .MenuItemFavorite{ padding:6px 6px 6px 10px }
div#FilterTable div > a{ color:#51555d }
#MainZone #TopBar{ overflow:hidden; }
.toolbarButton{ margin:5px; }
.ViewTemplates{ padding-left:15px; }
#TemplateList .Content table th, #TemplateList .Content table td{ border-color:#eee; }
.ThumbnailItem-ac{ background-color:#f3f3f3; }

#PreviewZone #SearchBox{ width:100%; }
#PreviewZone #SearchBox div{ height:23px; margin-top:0; }
#PreviewZone input.SearchInputBox{ width:88%; height:auto; float:none; }
#PreviewZone .PreviewImageContainer{ padding:11px 0 6px 0; display:block; width:100%;}
.PreviewImageContainer img{ width:100%!important; }
.div-doctype-title{ padding:10px 0 6px 0; }
.SetNameDoc input{ width:98%; }
#ddlLoaiTaiLieu{ width:98%; }
.divMessageNameDoc{ padding-top:5px; }
#ButtonContainer{ padding-right:2px; }
/*-------------- Chart ----------------*/
.divVanBan { background: url("/PublishingImages/eoffice/bg-chart.png") repeat-x; }
.divVanBan .div_Chart_left{ width:25%; border-right:0; padding:0; }
.divVanBan .Report_Title { padding-left:30px; padding-bottom:15px; }
.divCalendar_meeting .Report_Title{
	background:transparent; margin-bottom:12px; padding-top:62px;
}
.divVanBan .Report_Title span{
	background:transparent; color:#fff; font-size:15px; font-weight:bold;  padding:0;
}
.divVanBan .div_ddCate{ padding-left:30px; }
.divVanBan .div_ddCate select{ width:82%; padding-bottom:1px; }
.divVanBan .div_Chart_Center{ width:41%; border-right:0; text-align:left; }
.divVanBan .div_Chart_right{ width:26%; text-align:left; padding-left:50px; }
.item_right{ margin-bottom:8px; }
.item_right .div_numberTask{
	width:45px; text-align:center; padding:0; font-size:21px;  display:inline-block; 
	background-color:#035396; color:#fff; padding:2px 10px 3px 10px; vertical-align:middle; border-radius:4px;
}
.div_main_Time_Overview .div_numberTask{ font-size:23px; }
.item_right .number_02{ background-color:#1dafec; }
.item_right .number_03{ background-color:#f19d1f; }
.item_right .div_nameTask { display:inline-block; vertical-align:middle; padding-left:12px; width:52%; }
.divVanBan .icon_lb{ margin-right:10px; }
.divVanBan .div_iconChart a{ color:#fff; }
.divVanBan .MTChart_css{ padding:0; height:155px; }
.divVanBan .MTChart_css svg > g > path{ fill:transparent; }
.divVanBan .div_Chart_right .item_right:first-child{ margin-top:25px; }

/*-------------------------------
		expard
--------------------------------*/
.expard{ display:none;width:15px;height:8px;overflow:hidden;position:absolute;top:13px;right:12px;}
.expard.down img{ margin-top:-8px;}

a.expardrb{ background: url("/PublishingImages/eoffice/expard.gif") no-repeat center -8px; 
	width:16px; height:8px; position:relative; left:5px; top:0; z-index:9; display:none; margin-bottom:8px;
}
a.expardrb.down{background: url("/PublishingImages/eoffice/expard.gif") no-repeat;}

/*-------------------------------
		Menu config
--------------------------------*/
.menuconfig{ position:absolute; right:405px; top:-5px; z-index:2; }
.MenuHortical div{ display:table-cell; padding:13px 10px 8px 10px;
	background: url("/PublishingImages/eoffice/line-reply.gif") no-repeat right 14px;
}
.MenuHortical a:link,.MenuHortical a:visited{ color:#666; }
.MenuHortical a:hover{ color:#d00; }
.MenuHortical .selected a{ color:#005296; }
.MenuHortical .selected{ background: url("/PublishingImages/eoffice/select-menu.gif") no-repeat right top; }
.MenuHortical .selected.end{ background-position:0 0; }

/*-------------------------------
		Menutop mobile
--------------------------------*/
.listmenu{ background:url("/PublishingImages/eoffices/e-sprite.png") no-repeat 4px -134px;
 	 width:24px; height:24px; vertical-align:top; font-size:0; opacity:.7; margin:11px 0 0 0;
 	 display:none;
}
.listmenu:hover{ opacity:1; }
.listmenuLeft{
	background-position:-42px -176px; margin:0;
	position:absolute; top:67px; right:10px;
}

/*---------- menuleft -------------*/
.ms-datepickerouter{ background-color:#fff; }
#MenuLeft{ margin:0; margin-right:1px; margin-left:10px;}
#MenuLeft li a{ display:block; margin-top:1px; color:#555; padding:6px 10px 6px 10px; cursor:pointer; }
#MenuLeft > li > a {
	background:url("/PublishingImages/eoffice/menu-expard.png") no-repeat 0 9px;
	padding-left:22px; font-size:13px; color:#252525;
}
#MenuLeft li a.deactive{ background:url("/PublishingImages/eoffice/menu-Focused.png") no-repeat 0 9px; }
#MenuLeft li:first-child a:first-child{ margin-top:0; }
#MenuLeft .sub-menu{ padding-left:12px; }
#MenuLeft .sub-menu a{ border-left:0; background-color:transparent; margin-top:0; font-size:13px; font-weight:normal; }
#MenuLeft .sub-menu a:hover{ color:#d00; }
#MenuLeft .sub-menu a.selected{ font-weight:bold; color:#111; }
#MenuLeft .sub-menu a span{ display:block; margin-left:28px;}
#MenuLeft .sub-menu a span:first-child{ width:28px; float:left; padding-top:0; margin-left:0; }

/*-------------------------------
		MenuVB
--------------------------------*/
.vb-tt,.menuvb-item a{background:#005296;padding:7px 10px;font-size:16px;color:#fff; display:block;
	border-bottom:1px #fff solid;
}
.menuvb-item a{color:#fff;cursor:pointer;padding:5px 10px;}
.vb-items{min-height:185px;}
.vb-items ul{margin:0; padding:0;}
.vb-items a{display:block;background-color:#f1f1f1;padding:6px 10px;color:#303641;}

/*---------------------------------- 
			Menu breakum
-----------------------------------*/
.items-menubreakum{color:#8d8d8d; border-radius:5px; margin-bottom:6px;
	background:url("/PublishingImages/eoffice/bg-menubreakum.png") repeat-x;
}
.itemcung-con{display:inline-block; margin-right:1px; }
.itemcung-con a{display:inline-block; background-color:#9b9b9b; color:#fff; 
	text-align:center; font-weight:bold; padding:0 25px 0 25px; line-height:29px;
}
.itemcung-con:first-child a{ border-radius:5px 0 0 5px; }
.itemcung-con.selected{ background:url("/PublishingImages/eoffice/selected-item.png") no-repeat center 29px; 
	height:37px; 
}
.itemcung-con a:hover,.itemcung-con.selected a{ background-color:#1dafec; color:#fff; }
.VuThao_Views{ display:none; }

/*------------------------------
		listviewtable 
--------------------------------*/
.ms-csrlistview-controldiv{ text-align:right; }
.ms-pivotControl-container{ vertical-align:top; padding-top:2px; margin-right:0; }
.ms-InlineSearch-Outline-Baseline{ margin:0; background-color:#fff; margin-bottom:10px; }
.ms-InlineSearch-SearchProgress{ margin:0; display:none; }
.ms-InlineSearch-Outline-Empty{ border-color:#ebebeb; margin-left:20px; }
#scriptWPQ3 #Hero-WPQ3{ float:left; margin-bottom:10px; }
table.ms-listviewtable,table.ms-emptyView { width:100%; background-color:#fff; border-radius:3px; 
	border:1px #ebebeb solid; border-spacing:0; clear:both;
}
.ms-listviewtable tr th,.ms-emptyView tr th{ 
	background-color:#f5f5f5; color:#303641; padding:8px 10px; font-size:13px; font-weight:bold;
}
.ms-listviewtable tr th:first-child{ border-radius:3px 0 0 0; }
.ms-listviewtable tr th:last-child{ border-radius:0 3px 0 0; border-right:0; }
.ms-listviewtable tr:last-child td:first-child{ border-radius:0 0 0 3px; }
.ms-listviewtable tr:last-child td:last-child{ border-radius:0 0 3px 0; }

table.ms-list-emptyText-compact{ border-radius:0 0 3px 3px; }
form.k-popup, div.k-popup{ border-radius:0; border:0; box-shadow:none; }
.k-multicheck-wrap { min-width:180px; }
.k-popup li.k-state-selected{ 
	border-color:transparent; background-image:none; background-color:#303641;
}
.k-popup li.k-state-hover{
	border-color:transparent; background-image:none; background-color:#ddd;
}
.k-popup li.k-state-selected.k-state-hover,.k-popup li.k-state-selected.k-state-hover .k-link{
	background-color:#303641; color:#fff;
}

.ms-formbody .sp-peoplepicker-errorMsg span{ position:absolute; right:15%; top:-1px; white-space:nowrap; }
.ms-listviewtable > tr > th a,.ms-listviewtable > * > tr > th a,.ms-emptyView tr th a,
.ms-listviewtable > tr > th span, .ms-listviewtable > * > tr > th span{ color:#303641; }
.ms-listviewtable .ms-core-menu-list span,.ms-listviewtable .ms-core-menu-list a{ color:#303641; }
.s4-ctx > a > img{ opacity: 0.6; filter: alpha(opacity=60); }
.ms-formbody table td img{ max-width:386px; }
a.ms-headerSortArrowLink{ display:inline-block; cursor:pointer; }

.ms-cellstyle table{ border-spacing:0; }
.ms-cellstyle .ms-listlink{ float:left; }
.ms-cellstyle .ms-newdocument-iconouter{ top:0; }

.ms-listviewtable > tr > td, .ms-listviewtable > * > tr > td{
	padding:8px 10px; border-top:1px #ebebeb solid;
}
.ms-listviewtable > tbody > tr:first-child > td{
	border-top:0;
}
.ms-listviewtable > tbody > tr > td .ms-number{
	padding-right:0;
}
.ms-listviewtable > tr > td.ms-gb, .ms-listviewtable > * > tr > td.ms-gb{
	border-right:0; border-bottom-color:#ebebeb; border-radius:0!important;
	padding:8px 10px;
}
.ms-vb-imgFirstCell.ms-vb-imgFirstCell.ms-vb-imgFirstCell{
	border-right-width:0; border-top:1px #ebebeb solid;
}
.ms-listviewtable tbody tr:first-child .ms-vb-imgFirstCell.ms-vb-imgFirstCell.ms-vb-imgFirstCell{
	border-top:0;
}
table.ms-listviewtable tbody > tr.ms-itmhover > td.ms-vb-lastCell{
	border-radius:0
}
.ms-cellstyle{ border:0; }
.ms-itmHoverEnabled:hover > *{ border:0; border-top:1px #ebebeb solid; border-right:0; }

.ms-listviewtable tr.ms-alternating{ background-color:#fafafa; }
.ms-listviewtable .ms-vb-firstCell .s4-itm-cbx{ margin:0; padding:0; }
.ms-newgif{ float:right; margin-top:4px; display:none; }
.ms-list-itemLink .ms-ellipsis-a {
	background:url("/PublishingImages/eoffice/e-sprite.png") no-repeat 0 -200px; padding-right:3px;
	height:14px;
}
.ms-list-itemLink{ height:auto; }
.ms-lstItmLinkAnchor{ margin-top:0; }
.ms-list-itemLink .ms-ellipsis-a .ms-ellipsis-icon{ display:none; }

.ms-listviewtable .ms-vb-title .ms-vb{ padding:0; }

.ms-formtable .ms-accentText{color:#f00;}
.ms-formtable td h3 { font-family:Arial, Helvetica, sans-serif; font-size:13px; }
.Footer_Table{ width:100%; background-color:#fff; }
.Footer_Table .ButtonColumn{ padding:10px 5% 20px 10px; text-align:right;}

.divCustomSharepointForm .Header_Table{ width:100%; border-collapse:collapse; }
.Header_Table .ButtonColumn{ text-align:right; padding-bottom:6px; }

.ms-formtable{ border-collapse:separate; width:100%; background-color:#fff; border-radius:3px; }
.ms-formtable .ms-formlabel{ width:120px; font-weight:bold; padding:10px 10px 5px 12px; white-space:normal; vertical-align:top; }
.ms-formbody input[type=text]{ width:94%; border-color:#cdcdcd; }
.ms-formbody input.sp-peoplepicker-editorInput{ width:auto; }
.ms-formbody select{ width:94.5%; border-color:#cdcdcd; }
.ms-formbody .sp-peoplepicker-topLevel{ width:94%; }
.ms-formbody textarea{ width:93.5%; padding-left:0.5%; border-color:#cdcdcd; }
.ms-formbody .ms-taxonomy { width:auto!important; }
.ms-formbody .ms-taxonomy .ms-long{ width:94%!important; }
.ms-long .ms-input select{width:47%!important; height:180px!important;}
.ms-long td.ms-noWrap{white-space:normal;}
.ms-formbody .sp-peoplepicker-errorMsg span{ left:auto; right:-40px; top:6px; }
.ms-formtable .ms-formlabel h3{ font-weight:bold;}
.ms-formtable .ms-formbody{ min-width:440px; position:relative;  padding:5px 0;}
.ms-formtable .ms-formbody > div > span > div > div{ float:none!important; display:inline-block; }
.ms-formtable .ms-formbody > div > span > div > div:first-child{ width:95.5%; }
.ms-formtable .ms-formbody > div > span > div > div .sp-peoplepicker-topLevel{ width:98.4% }
.ms-formbody .btnSearch{ 
	background:url("/PublishingImages/eoffice/e-sprite.png") no-repeat -46px -70px;
	display:inline-block; width:25px; height:25px; font-size:0; vertical-align:top; cursor:pointer;
}

.ms-formbody .ms-dtinput input[type=text]{ width:auto; }
table.ms-long .ms-noWrap input{ margin-left:0; }
.ms-formbody .k-autocomplete {	width:94.5%!important; padding:0; background:transparent; border-radius:0; }
.ms-formbody .k-autocomplete input#txtDepartment{ padding:0; height:23px;}

.ms-formline{ border-top:0; }
.SaveButton,.CloseButton{ display:inline-block; vertical-align:top; }
.CustomClientPeoplePickerMainDiv{ white-space:nowrap; }
.CustomClientPeoplePickerMainDiv img{ cursor:pointer; vertical-align:middle; }
table.ms-list-emptyText-compact{ background-color:#fff; width:100%; }
table.ms-list-emptyText-compact td{ font-size:13px; padding:3px 10px; }

.ms-authoringcontrols input[type="submit"]{ padding:5px 12px; }
table.ms-formtoolbar{ padding-right:4%; }
/*------------------------------
		Form
--------------------------------*/
.Form{ position:relative;}
.ms-webpart-titleText.ms-webpart-titleText{ font-family:Arial, Helvetica, sans-serif; color:#51555d; }
.TitleF span,.ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a{ 
	display:inline-block; margin-bottom:12px; vertical-align:top; font-size:18px; 
}
.TitleF span:empty,.vanban .TitleF{
	display:none;
}
.Form-ds,.Form .form-ds { border:1px #ebebeb solid;  padding:15px; background-color:#fff; 
	border-radius: 0 0 3px 3px;
}
.main-ds,.news-ds{
	padding:15px; border:1px #ebebeb solid; border-radius: 0 0 3px 3px;
}
.ItemRow { display:table; width:100%; table-layout:fixed; }
.ItemRow > div:empty{ display:none; }
.ItemRow .ItemText,.ItemRow .ItemInput{
	display:table-cell; padding:5px 0; vertical-align:top;
}
.ItemRow .ItemText{ width:120px; padding-right:10px; font-weight:bold;}
.ItemText label{ color:#f00; }
.ItemInput input,.ItemInput select, .ItemInput textarea{
	width:94%; border-color:#cdcdcd; 
}
.ItemInput select{
	width:94.5%;
}
.ItemInput textarea{
	width:93.5%; padding-left:0.5%; height:60px; margin-bottom:8px;
}
.ItemInput .RadEditor textarea{
	width:100%; padding-left:0; height:100%; margin-bottom:0;
}
.four-col .ItemInput input,.four-col .ItemInput select,.four-col .ItemInput textarea{
	width:87%;
}
.four-col .ItemInput select{
	width:87.5%;
}
.four-col .ItemInput textarea{
	width:86.5%;
}
.ItemInput .RadEditor {
	width:94.5%!important;
}
.Metro.RadEditor .reModule{
	display:none;
}
.ItemInput input[type=button]{ padding:5px 10px; }
.four-col .insertN input[type=text]{ width:60% }
.ItemRow .ItemInput .chkInsertNum{ display:inline-block; width:auto; }
.chkInsertNum input{ margin-left:12px; }
input.txtSoNgayXemViec{ border-width:1px; border-style:solid; }
.ItemRow .ItemInput > .FileUpload-DropDownList{ display:block; }
.FileUpload-DropDownList select{ width:auto; }
#divScanFiles{ color:#f00; }
#ddlScanTemplate{ margin-left:8px; }
.FileUpload-DropDownList input[type=image]{ margin-left:5px; }
.vbden .Row06 .ItemInput,.VanBanBanHanhDV .Row09 .ItemInput,.VanBanBanHanhTCT .Row09 .ItemInput{ 
	display:block; 
}
.ItemRow .FileName{ display:block; }
.RadDropDownTree_Default span.rddtFocused{ color:#51555d; border-color:#cdcdcd; }
.ItemRow .ItemInput > div.uploadImage{ position:relative; width:auto; }
.uploadImage{ margin-top:8px; }
.lblImage img{ max-width:30%; }
a.ClearImage{ cursor:pointer; }
a.ClearImage img{ margin:0 5px; }

/*-- y kien --*/
.ItemInput .ykien{ padding-bottom:5px; }
.ykien .title{ font-weight:bold; }
.cm-item > span{ padding-right:6px; display:inline-block; padding-top:6px; vertical-align:top; }
.cm-item span.cm-sp1 br{ display:none; }

.cm-item > span.cm-sp1,.cm-item > span.cm-sp1 a{ font-weight:bold; }
.cm-item > span.cm-sp3{ padding-top:0; }
.cm-item > span.cm-sp3{ display:block; font-weight:normal; margin:3px 0 5px 0; }
.Form-group .ykienQT .cm-sp3{ padding-left:20px; }

.Idea{ display:block; }
.Idea div.ItemText, .Idea div.ItemInput{ display:block; }
.Idea div.ItemText{ text-transform:uppercase; width:auto; padding:10px 0;  
	border-bottom:1px #eee solid; font-size:14px; margin:0 20px 10px 0;
}
.Idea div.ItemInput{ padding-right:20px; }

/**** two-col ***/

/**** six-col ***/

/*-- Buttons --*/
.Buttons{ padding:8px 15px 8px 5px; border:1px #ebebeb solid; background-color:#f0f0f1;
	border-bottom:0; position:relative; border-radius:3px 3px 0 0; text-align:right;
}
.Button-vb,.button-share{ border:0; padding:0; position:relative;}
.RateHotel .Buttons{ min-height:25px; }
.NewWebProject .Buttons{ padding-top:8px; }
.CustomButton{ display:inline-block; vertical-align:top; }
.ButtonSharepoint{ display:inline-block; vertical-align:top; }
.tdButtons{ white-space:nowrap; text-align:right; }
.tdButtons img{ display:inline-block; vertical-align:top; margin:0 6px; cursor:pointer; }
.tdButtons a.ic-wfdefine{
	display:inline-block; width:20px; height:16px; 
	background:url("/PublishingImages/eoffice/e-sprite.png") no-repeat -23px -352px; 
}
.NewWebProject .msgError{ bottom:17px;top:inherit }
.Buttons input,.Buttons .btnAdd a{ padding:2px 0 3px 25px; background-color:transparent; border-radius:0; 
	color:#303641; text-align:center; min-width:inherit; font-size:13px; margin-left:15px; outline:0;
	background:	url("/PublishingImages/eoffices/btn.png") no-repeat; opacity: 0.85; filter: alpha(opacity=85);
}
.Buttons .btnAdd a{
	background-position:0 -719px; display:inline-block;
}
.Buttons input:hover{ background-color:transparent; color:#000; opacity: 1; filter: alpha(opacity=100);}
.Buttons input[type=button][disabled],.Buttons input[type=submit][disabled]{
	background-color:transparent; opacity: 0.6; filter: alpha(opacity=60);
}
.Buttons input[type=button][disabled]:hover,.Buttons input[type=submit][disabled]:hover{ 
	color:#888; 
}
.Buttons .btnPulish{ background-position:0 -2124px; }
.Buttons .btnSave,.Buttons .btnDanhGia,.Buttons .btnLuu{ background-position:0 -105px; }
.Buttons .btnSend{ background-position:0 -775px; }
.Buttons .btnCancel,.Buttons .btnThoat,.Buttons .btnExit,.Buttons .btnClose{ 
	background-position:0 -157px; 
}
.Buttons .btnEdit { background-position:0 -367px; }
.Buttons .btnComplete{ background-position:0 -209px; }
.Buttons .btnNext,.Buttons .btnSelect,.Buttons .btnSubmit,.Buttons .btnOK,.Buttons .btnDuyet { 
	background-position:0 -775px;
}
.Buttons .btnHSDT{ background-position:0 -262px; }
.Buttons .btnHaBai{ background-position:0 -2573px; }
.Buttons .btnShowHistory{ background-position:0 -2474px; }
.Buttons .btnHSXL,.Buttons .btnLPGQ{ background-position:0 -315px; }
.Buttons .btnDelete{background-position:0 -1160px; }
.Buttons .btnAdd,.Buttons .btnNew,.Buttons .btnNewChild{ background-position:0 -719px; }
.Buttons .btnDoAgain{ background-position:0 -625px; }
.Buttons .btnSearch{ background-position:0 -521px; }
.Buttons .btnConfirm,.Buttons .btnComplete{ background-position:0 -775px; }
.Buttons .btnTrinhLanhDao{ background-position:0 -822px; }
.Buttons .btnCXL{ background-position:0 -1929px; }
.InKiemSoatVanban .btnPDF,.Buttons .btnPrint{ background-position:0 -879px; }

.Buttons .btnForward{ background-position:0 -1931px; }
.Buttons .btnView{ background-position:0 -469px; }
.Buttons .btnRemove,.lich-buttonxuly .btnDelete{ background-position:0 -1160px; }
.Buttons .btnReturn{ background-position:0 -1211px; }
.Buttons .btnHuy{ background-position:0 -1975px; }
.Buttons .btnRequest{ background-position:0 -1878px; }
.Buttons .btnApprove{ background-position:0 -774px; }
.lich-buttonxuly .btnEdit{ background-position:0 -1053px; }
.lich-buttonxuly .btnEditAll{ background-position:0 -1107px; }
.lich-buttonxuly .btnAccept{ background-position:0 -209px; }
.Buttons .btnDenied,.Buttons .btnRejected{ background-position:0 -1825px; }
.Buttons .btnLibrary{ background-position:0 -2523px; }
.Buttons .btnAddRecall{ background-position:0 -1377px; }
.Buttons .btnAssignee{ background-position:0 -315px; }
.Buttons .btnRecall,.Buttons .btnDisplayThucHienLai{ background-position:0 -1435px; }
.Buttons .btnMuonTaiLieu{ background-position:0 -1551px; }
.Buttons .btnMuonTaiLieu{ background-position:0 -1551px; }
.Buttons .btnTraTaiLieu{ background-position:0 -1609px; }
.Buttons .btnEvaluate{ background-position:0 -1493px; }
.Buttons .btnChuyen { background-position:0 -1667px; }
.Buttons .btnFavourite,.Buttons .btnFavouriteDocs{ background-position:0 -1721px; }
.Buttons .btnApproved{ background-position:0 -775px; }
.Buttons .btnRequestInfo,.Buttons .btnDeNghiDieuChinh{ background-position:0 -1211px; }
.Buttons .btnShare{ background-position:0 -2026px; }
.Buttons .btnIdeal{ background-position:0 -571px; }
.Buttons .btnExls{ background-position:0 -2124px; }
.Buttons .btnXuatExcel{ background-position:0 -2174px; }
.Buttons .btnResetWorkflow{ background-position:0 -2225px; }
.Buttons .btnDownload{ background-position:0 -2271px; }
.Buttons .btnCheckLists{ background-position:0 -2318px; }

.Buttons.bottom{ padding:8px 4.5% 0 0; border:0; background-color:transparent; border-radius:0; text-align:right; }
.Buttons.bottom input { margin-bottom:0;
	padding:6px 20px; border:0; background:#303641; color:#fff; border-radius:4px;
}
.Buttons.bottom input:hover{ background-color:#1a1e24; color:#fff; }

/*-- notice error --*/
.msgError,.div-message{ position:absolute; top:12px; right:15px; color:#f00; z-index:10; 
	width:60%; text-align:right; word-wrap:break-word;
}
.noItem{ text-align:left; }
.msgError span{ display:block; padding-left:10px; }
.EditFormTemplate .msgError{ background-color:transparent; padding-left:10px; }
.NewProject .msgError,.DisplayProject .msgError{ top:29px; }

.msg{ color:#f00; }
.ms-formvalidation span{ display:none; color:#f00; }
.sp-peoplepicker-errorMsg span{ display:inline-block; padding-top:5px; }
.ItemInput .user .sp-peoplepicker-errorMsg span,.ItemInput.user .sp-peoplepicker-errorMsg span{ padding-top:0; }
.ItemInput .sp-peoplepicker-errorMsg{ position:absolute; right:7%; top:0; white-space:nowrap;}

.TimKiemThungKho .div-message{ color:#f00!important; }
.UyQuyen_MainDiv .msgError{ top:52px; }
.Warning.msgError span{ display:inline-block; vertical-align:top; } 

/*------------------------------- 
		Print
--------------------------------*/
.logo-img{ float:right; display:block; margin:15px 15px 0 0;}
.logo-img span{ display:inline-block; width:214px; height:40px; padding:0;
	background: url('/PublishingImages/eoffice/logo-petrolimex.png') no-repeat;
}
.title-form,.Form-title{ 
	padding:22px 0; vertical-align:top; color:#015196; font-size:24px; text-align:center;
}
/*-- css daytime --*/
.ItemInput > table{ width:100%; }
.ItemInput > table.chkblistMail{ width:auto; }
.ItemInput table > tbody > tr > td.ms-dtinput:first-child{ width:90%; }
.ItemRow .ItemInput table > tbody > tr > td.ms-dtinput input{ width:97%; }
.ItemInput .ms-dtinput,.ms-dttimeinput { padding-right:0;}

.reminder .Row05 > div{ display:table-cell; }
.reminder .ItemInput > table{ width:auto; }
.reminder .reminder{ padding-left:130px; }
.reminder .reminder input{ margin-left:0; }
.reminder .ItemInput table > tbody > tr > td.ms-dtinput:first-child{ width:auto; }

.ms-dtinput a{ display:inline-block; width:16px; height:18px; position:relative; margin-right:6px; }
.ms-dtinput img{ float:right; position:absolute; top:-3px; left:-4px; }
.EventDate,.EndDate{ position:relative; }
.EventDate span span,.EndDate span span{ color:#f00; }

/*-- authors --*/
.divInfoModified{ padding:6px 10px 0 0; color:#9B9B9B; float:left;}
.divBottom.divInfoModified{ float:none; }
.divHistory { padding:6px 0 0 0; }
.ItemModified > div{ padding-top:5px; padding-right:20px; }
.divHistory a{ cursor:pointer; padding-left:20px; }
.divHistory a:first-child{ padding-left:0; }
.divHistory a:hover{ color:#d00; }

.congviec .Row19.two-col a{ color:#303641; cursor:default; }
.ItemInput .ms-rtefield{ width:574px; border:1px #ababab solid; }

/*----------- DispForm --------------*/
.EditForm .FileName,.DispForm .FileName{ padding-top:0; }
.FileName table.tbFile,.Att table.tbFile{ margin-left:0; }
.FileName td a,.tbl-uploadfile td a{padding-right:5px; cursor:pointer; }
.xoaDK{
	margin-left:10px; padding-left:16px; 
	background: url("/PublishingImages/eoffice/delete12.png") no-repeat 0 center;
}
/*-------- edit view --------------*/
.ThongTin { padding-bottom:6px; }

.mCustomScrollBox .s4-specialNavLinkList{ display:none; }
.ms-core-form-error, .ms-error, .ms-formvalidation, .ms-diffdeletenostrike, .ms-diffdelete{
	color:#f00;
}
#dtStartDateErrorMessage,#dtDueDateErrorMessage{
	display:block;
}
/*-- --*/
.div-link-topLeft .btnClose {
	position:absolute; right:40px; top:24px; z-index:1003; width:34px; text-align:center; 
	cursor:pointer;
}
.div-link-topLeft .icClose{
	background:#fff url("/PublishingImages/eoffices/btn.png") no-repeat 8px -928px;
	display:block; width:34px; height:18px; margin-bottom:8px;
}
.FrameShowOffice{
	position:absolute; left:0; top:0; background-color:#fff;
	z-index:208; width:100%; border:0;
}
.FrameShowOffice iframe{
	width:100%!important; height:300px; box-shadow:3px 3px 6px -4px rgba(0,0,0,0.3), -3px 3px 6px -4px rgba(0,0,0,0.3);
}
.cls-fileupload-callout a{ cursor:pointer; }

/*-- divFollowUpInformation --*/
.divFollowUpInformation{
	background:#f0f9ff url("/PublishingImages/eoffices/e-sprite.png") no-repeat -68px -329px;
	padding:5px; border-radius:3px;
}
.divFollowUpInformation img{
	vertical-align:middle; margin-right:5px; margin-bottom:8px; float:left; visibility:hidden; 
}
.divFollowUpInformation:empty{ display:none; }
.divFollowUpInformation .divNote{padding-left:24px;}
.thongtinphanphoitct .ItemRow{ border-bottom:1px #E8E8E8 solid; }
.thongtinphanphoitct .Row03,.thongtinphanphoitct .Row4{ border-bottom:0; }

/*-------------------------------------
		Color
--------------------------------------*/
.FillColor.red{ background-color:#F44336; }
.FillColor.yellow{ background-color:#FFEB3B; }
.FillColor.purple{ background-color:#9C27B0; }
.FillColor.green{ background-color:#4CAF50; }
.FillColor.black{ background-color:#000; color:#fff; }

.black,.black a,.black.k-state-selected{ color:#2e2e2e; }
.red,.red a,.red.k-state-selected{ color:#F44336; }
.blue,.blue a,.blue.k-state-selected{ color:#005296; }
.yellow,.yellow a,.yellow.k-state-selected{ color:#ecc800; }
.purple,.purple a,.purple.k-state-selected{ color:#9C27B0; }
.green,.green a,.green.k-state-selected{ color:#4CAF50; }

/*-- user --*/
.ItemRow .ItemInput > div{ display:inline-block; width:95%; }
.ItemRow .ItemInput > div > div{ position:relative; }
.four-col .ItemInput > div{ display:inline-block; width:88%; }
.gender input{ margin-top:1px; }
.gender img{ display:inline-block!important; }
.sp-peoplepicker-topLevel { padding:4px 0.5% 4px 0; margin-right:5px; width:99%; border-color:#cdcdcd;} 
input.sp-peoplepicker-editorInput[type=text]{ width:auto; margin-left:0; }

.tb-form td.user{ white-space:nowrap; min-width:180px; }
.ms-inputuserfield{ height:18px; }
.pedLineManager > tbody > tr > td,.pedAccount > tbody > tr > td{ float:none!important; vertical-align:middle; text-align:left; }
.pedLineManager > tbody > tr > td:first-child,.pedAccount > tbody > tr > td:first-child{ width:94.60%!important; }
.ItemInput .ms-inputBox{ border-color:#cdcdcd; }
.ItemInput.user,.ItemInput .user{ position:relative; }

.ItemInput.user span.tb-user,.ItemInput .user span.tb-user{ clear:both; display:block; padding-top:3px; }
.user img,.ParticipantsPicker img{ cursor:pointer; }
.user a{ color:#005296; }
.four-col .user .sp-peoplepicker-errorMsg span{ position:static; }
.four-col .user > a > img {/* position:absolute; top:0; right:20px;*/ }

.tb-form td.user > div{
	display:inline-block; width:94%;
}
.tb-form td.user > div .sp-peoplepicker-topLevel{
	width:96%;
}
.tb-form td.user > a img{
	vertical-align:middle;
}
/*-- RadListBox --*/
div.RadListBox_Default{ font-family:Arial, Helvetica, sans-serif; }
.ms-taxonomy .ms-taxonomy-control-holder .ms-taxonomy-fieldeditor{ width:auto!important; }
.ms-taxonomy-browser-button{ cursor:pointer; }
.ItemRow.RadListBox{ display:table; }
.ItemInput .RadListBox{ width:47.2%!important; }
.ItemRow .ItemInput > div.RadDropDownTree{ width:94.7%; }
.RadListBox_Default div.rlbGroup{ border-color:#cdcdcd; height:218px; overflow:auto; }
.RadListBoxScrollable{ height:220px!important; }
.DashboardProjects .RadListBoxScrollable{ height:100px!important; }

.VanBanBanHanh .Row17 .rlbGroupRight{ width:260px; }
.VanBanBanHanh .Row17 .rlbGroupRight{ left:auto; }
.VanBanBanHanh .Row17 .RadListBoxButtonAreaRight .rlbGroupRight{ left:0; }

.ms-ButtonHeightWidth{ margin-left:0;white-space:nowrap; font-size:11px; }
.vanban .Row12 .RadListBoxScrollable,.VBdi .Row12 .RadListBoxScrollable{
	height:110px!important;
}
table.rlbButtonAreaRight{margin-top:60px;}
.DashboardProjects table.rlbButtonAreaRight{margin-top:0px;}
.vanban .Row12 table.rlbButtonAreaRight,.VBdi .Row12 table.rlbButtonAreaRight{
	margin-top:4px;
}
/*-- ykienlanhdao --*/
.ykienlanhdao{ padding-top:12px; }
.EditForm .ykienlanhdao:first-child { padding-top:0; }
.ykienlanhdao br{ display:none; }
.ykienlanhdao .noidung{ color:#666; line-height:135%; }	
.noidung.title{ padding-bottom:5px;padding-top:12px; display:block; font-weight:bold; }
.noidung.title:first-child{ padding-top:0; }
.ykienlanhdao .title{ padding-bottom:8px; display:block; color:#303641; }
.ykienlanhdao .ykienthem-title,.ykienlanhdao .ykienthem-noidung{ color:#d00; }
.tb-YKienChiHuy .ykienlanhdao:first-child{ padding-top:0; }

.vbden .Row02 .InputR br{ display:none; }
.vbden .Row02 .InputR a{ padding-left:4px; }
.vbden.EditForm .Row18,.vbden.EditForm .Row19{ padding-top:0; border-top:0; }

.cls-debiet-label{ padding-bottom:6px; }
.VanBanBanHanhTCT .Row03,.congviec .Row04{ position:relative; }
.ItemInput .RadDropDownTree{ width:230px; }
.tb-form .RadDropDownTree{ width:244px;}
.rddtSlide{ right:7%; bottom:8px; }
.rddtIcon{ cursor:pointer; }
div.rddtPopup{ height:100%; width:auto;}
.rddtPopup .rddtScroll{ height:94%!important; }

div.RadTreeView_Default,div.RadDropDownTree_Default{ font-family:Arial, Helvetica, sans-serif; font-size:13px; }
div.RadDropDownTree_Default .rddtInner{ background:none; border-radius:0;  }

/*-- callout --*/
.js-callout-body table{ border-collapse:collapse; width:100%; }
.js-callout-body table td{ padding:4px 5px; border-bottom:1px #fff solid; }

/*-- Table tb-form --*/
.tb-form{ border-collapse:separate; width:100%; margin-bottom:10px;
	position:relative; border:1px #ebebeb solid; border-radius:3px; border-spacing:0;
}
.k-grid table.tb-form{
	border-width:1px; /*padding:10px 1% 12px 1%;*/
}
.ItemRow .tb-form{ margin-bottom:0; }
.ItemRow .wrapper-tochucthuchien,.tbl-xemvanban { margin-bottom:0; }
.Form-ds .tbl-danhsachxuly{ margin-top:8px; }

.tb-form th { 
	padding:8px 10px; text-align:left; font-size:13px; background-color:#f5f5f5; color:#303641;
}
.tb-form th:first-child{ border-radius:3px 0 0 0; 
	border-left:0;
}
.tb-form th:last-child{ border-radius:0 3px 0 0; }

.tb-form > tr > td, .tb-form > * > tr > td{
	padding:6px 10px; border-top:1px #ebebeb solid; border-left:0; line-height:150%;
}
.tb-form > tbody > tr:first-child > td{
	border-top:0; 
}
.tb-form tr:last-child td:first-child{ border-radius:0 0 0 3px; }
.tb-form tr:last-child td:last-child{  border-radius:0 0 3px 0; }

.DelegateVanBan{ margin-bottom:15px; }	
.tb-form th.right, .tb-form td.right { text-align:right; } 
.tb-form th.center, .tb-form td.center { text-align:center; }

.tb-form tr{ background-color:#fff; }
.tbGridview.tb-form td tr{background-color:transparent}

.tb-form tr:nth-child(odd){
	background-color:#fafafa;
}
.tb-form tr.Selected,.tb-form tr.selected{ background-color:#e5f2fa; }

.tb-form textarea { width:94%; }
.tb-form .sp-peoplepicker-topLevel { font-weight:normal; text-align:left; padding-right:6px; }

.tb-form .cls-item-01.user .sp-peoplepicker-resolveList{
	display:inline-block; overflow:hidden;
}
.tbl-danhsachxuly2 .cls-item-04{ white-space:nowrap; }
.tbl-danhsachxuly2 .cls-item-04 input:first-child{ margin-right:6px; }
.tb-form .cls-item-01.user .ms-entity-resolved{ max-width:none!important; }
.tb-form .cls-item-01.user .sp-peoplepicker-userSpan{ display:block; }

#div-detailstatus .td1{ text-align:center; }
#div-detailstatus span.k-widget { display:block; }
#div-detailstatus span.k-widget { display:block; width:auto; }
#div-detailstatus td select{ width:98%; }

.aIconComment label{ cursor:pointer; }
.aIconComment img{ vertical-align:middle; margin-right:5px; }
.tb-form td input[type=image]{ margin-left:10px; }

.tb-form .icon{ display:inline-block; width:16px; height:16px; cursor:pointer;
	background:url("/PublishingImages/eoffices/icon.png") no-repeat 0 -933px; margin-left:8px; 
}
a:first-child span.icon{ margin-left:0; }
.tb-form .icon-delete{ background-position:0 -911px; }
.tb-form .ic-edit{ background-position:0 -933px; }
.tb-form .ic-cancel{background-position:0 -866px; }
.tb-form .ic-download{background-position:0 -1124px; }

/*---------------- table File -----------------*/
.tbFile td.VCol-Type{ text-align:left; }
.tbFile .TCol-Delete,.tbFileUpload .th2{ width:50px; text-align:center; }
.TCol-Type{ width:134px; }
.VCol-Delete{ text-align:center; }
.tbFile td.VCol-Dot{ text-align:center; width:50px; }
#LisstAttachFile .delete{ padding-left:5px; }

.uploadfile table tr td{ padding-top:6px; }
.uploadfile table tr:first-child td{ padding-top:0; }

.tbFileVIB{ margin-top:8px; }
.tbFileVIB,.tbFileVIB tr td { border:0; width:auto;}
.tbFileVIB tr:nth-child(even){ background-color:transparent; }
.tbFileVIB tr td { padding-left:0; }
.tbFileVIB td.td01{ padding-right:30px; }
.tbFileVIB td.td01 a{
	background:url("/PublishingImages/eoffice/ic-btn.png") no-repeat 0 -436px;
	padding-left:25px;
}
/*-- div table --*/
.d-grid-table{ display:table; width:100%; background-color:#fff;}
#FormInputItem,.divLstItem{ display:table-row-group; }
.d-grid-table{ border:1px #ebebeb solid; border-radius:3px;}
.grid-row{ display:table-row; }
.bg-row{ background-color:#f5f5f5; }
.AllSub{ display:table-row-group; }
.grid-header{ background-color:#004996; color:#fff; font-weight:bold; }
.grid-header .grid-col{ vertical-align:middle; }
.grid-header .grid-col:first-child{ border-radius:3px 0 0 0; }
.year{ text-align:right; padding-bottom:10px; font-weight:bold; }
.year span{ font-weight:bold; }
.grid-header .grid-end{  border-radius:0 3px 0 0; }
#ListCViec .grid-header{ white-space:nowrap; }
.grid-col{ display:table-cell; padding:8px 10px; border-left:1px #ebebeb solid; 
	border-top:1px #ebebeb solid; 
}
.Forms-rpt_Resource .grid-col{ font-weight:bold; }
.Forms-rpt_Resource .AllSub .grid-col{ font-weight:normal; }
.grid-header .grid-col{ border-top:0; }
.grid-header .grid-col{ border-left:1px transparent solid; }
.grid-col:first-child{ border-left:0; }
.grid-col label{ vertical-align:top; }

.grid-col .click, .grid-col .search:first-child{ display:inline-block; width:16px; height:16px; font-size:0;
	background:url("/PublishingImages/eoffice/ic-btn.png") no-repeat 0 -525px; vertical-align:top;
	float:right; cursor:pointer; padding:0; margin:0;
}
.grid-col .search:first-child{ background-position:0 -551px; }
.grid-header .grid-col span{ display:block; text-align:center; }
.first-year{ background-color:#F44336; }
.grid-row .orange{ background-color:#ffd9c5; }
.grid-row .yellow{ background-color:#f7edbf; }
.grid-row .blue{ background-color:#a6e7ff; }
.grid-row .orange a,.grid-row .yellow a, .grid-row .blue a{
	color:#303641;
}

/*--------------------------------------*
.tb-thongtinluanchuyen .col-header-01,.tbl-xemvanban .col-header-01,
.tbl-xemvanbandonvi .col-header-01,.wrapper-donvi .col-header-01{
	text-align:center; width:30px;
}
.tb-thongtinluanchuyen .col-header-02,.tbl-xemvanban .col-header-02,
.tbl-xemvanbandonvi .col-header-02,.wrapper-donvi .col-header-02{
	text-align:center; width:15%;
}
.wrapper-donvi th.col-header-03{ width:100px; }
.ChenVanBanLienQuan .header-02,.ChenVanBanLienQuan .header-03,
.tbl-xemvanbandonvi .col-header-03{ width:220px; }
.ChenVanBanLienQuan .k-autocomplete{ display:block; width:auto; }
.ChenVanBanLienQuan .grid-col select{ width:100%;  }
.ChenVanBanLienQuan .grid-col{  vertical-align:middle; }
.ChenVanBanLienQuan .header-04{ width:50px; }
.ChenVanBanLienQuan .content-04,.form-mainhr-qlhs .content-04{ text-align:center; }
.VBChoXuLy #ListCViec .content-04{ text-align:left; }
#divNoteMess{ padding-top:8px; color:green; padding-left:11px; }
.wrapper-donvi .col-group{ font-weight:bold; } 

#ListCViec .grid-end{ width:100px; }
#ListCViec .header-01{ width:20px; }

#ListVBChoXuLy .grid-end{ text-align:center; }

.form-mainhr-qlhs .Row01 .ItemInput,.form-mainhr-qlhs .Row02 .ItemInput{ 
	position:relative;
}
.form-mainhr-qlhs .Row01 .ItemInput .sp-peoplepicker-errorMsg,
.form-mainhr-qlhs .Row02 .ItemInput .sp-peoplepicker-errorMsg{
	right:85px;
}
/*-- RadTreeList --*/
.divViewProjectsAndTasks{ margin-top:10px; }
body .RadTreeList{ border:0; background:transparent; }
body .RadTreeList .rtlTable{ border-radius:3px; border:1px #ebebeb solid; }
body .RadTreeList_Default .rtlHeader th{
	border:0; background:#004996; color:#fff; padding:8px 10px; font-weight:bold;
}
body .RadTreeList_Default .rtlHeader th:first-child{
	border-left:0; border-radius:3px 0 0 0;
}
body .RadTreeList_Default .rtlHeader th:last-child{
	border-radius:0 3px 0 0;
}
body .RadTreeList .rtlVBorders tr {
	background-color:#fff; 
}
body .RadTreeList .rtlVBorders tr td{
	border:0; border-left:1px #ebebeb solid; border-top:1px #ebebeb solid;
	padding:6px 10px;
}
body .RadTreeList .rtlVBorders tr:last-child td:first-child{
	border-radius:0 0 0 3px;
}
body .RadTreeList .rtlVBorders tr:last-child td:last-child{
	border-radius:0 0 3px 0;
}
.RadTreeList .rtlHeader th.ColTinhTrangIcon,.wrapper-task-da-phan-cong td.cls-col-05,
.wrapper-task-da-phan-cong .cls-col-06 { text-align:center; }
.RadTreeList td.rtlCF { text-align:left; }
.wrapper-task-da-phan-cong td.cls-col-04{ white-space:nowrap; }
th.ColTienDo{ white-space:nowrap; }
.RadTreeList .rtlHeader th.ColHanHoanThanh,.RadTreeList .rtlHeader th.ColNgayHoanThanh{
	text-align:center;
}
.divOverviewGiaoViec_ViecDaPhan table.rtlTable{ table-layout:inherit; }
div.RadTreeList .rtlTable{ table-layout:auto; }
.RadTreeList .rtlTable input{ min-width:inherit; }

/*-- link thong tin luan chuyen van ban --*/
.div-link { padding:8px 0 0 0; }
#s4-bodyContainer .div-link a{ font-style:italic; text-decoration:underline; padding-right:15px; }
.div-link div {display:inline-block; }
.div-link a{ cursor:pointer; }
.div-link a:hover { color:#d00; }
.item-delete { color:#f00; }

/*----------- Version history --------------*/
.ViewHistory{ padding-right:20px; }
.ViewHistory .FormTitle,.ViewHistory .RowTitle { overflow:hidden; padding:8px 0; }
.ViewHistory .FormTitle{ background-color:#f1f1f1; font-weight:bold; }
.ViewHistory .RowTitle { background-color:#F7F7F7; }

.RowItemVersion{ border-top:1px #e7e7e7 solid; }
.ViewHistory .FormTitle div,.RowTitle div,.ViewHistory .RowCol div{ float:left; }
.ViewHistory .RowCol div div{ float:none; }
.FormTitle .STT,.RowTitle .Version{ width:50px; text-align:center; }
.FormTitle .NDThayDoi,.RowTitle .NgaySua{ width:320px; }
.FormTitle .NguoiThayDoi,.RowTitle .NguoiSua{ width:150px; }
.ViewHistory .RowCol{ padding:7px 0; overflow:hidden; }
.ViewHistory .RowCol .TCol{ width:180px; margin-left:50px; font-weight:bold; }
.VCol p{ margin:0 0 15px 0; }
.ViewHistory .RowCol div.VCol{ float:none; margin-left:170px; }

/*-- title CM --*/
.sub-title,.title-cm > span,.TitleGrid span{
	display:inline-block; margin:12px 0; vertical-align:top; font-size:18px; color:#0d5cab;
}
.tb-YKienChiHuy .sub-title{ color:#303641; border-bottom:0; width:120px; 
	float:left; padding:0; background-color:transparent; margin:0; font-size:13px;
}
.tb-YKienChiHuy .ykienlanhdao{ margin-left:130px; }

.TitleGrid span{ background-color:transparent; margin-bottom:0; padding:4px 30px 8px 20px;
	cursor:pointer; position:relative; z-index:124; font-weight:bold; color:#303641; font-size:13px;
}

/*-------------------- end Form ---------------------*/

/*----------------------------------------
			Dashboard
-----------------------------------------*/
.RadGrid_Default table.rgMasterTable{ font-family:Arial, Helvetica, sans-serif; }
.rgMasterTable{
	border-collapse:separate; border-radius:3px; border:1px #ebebeb solid; 
}
body .RadGrid{ border:0; height:auto!important;}
body .RadGrid:focus{ outline:0; }
body .rgMasterTable td{ border-bottom:0; vertical-align:top; color:#303641;}
body .rgMasterTable td a{ color:#303641; }

body .RadGrid .rgAltRow > td,body .RadGrid .rgRow > td{ 
	padding:8px 10px; border:0; border-top:1px #ebebeb solid; 
}
body .RadGrid tbody > tr:first-child td{ border-top:0; }
body .RadGrid .rgFooterWrapper { font-weight:bold; text-align:right;}

.RadGrid_Default .rgMasterTable th { 
	background:#f5f5f5; color:#303641; border-bottom:0;
	padding:8px 10px; font-size:13px; font-weight:bold; vertical-align:top;
}

.RadGrid_Default .rgMasterTable tr:first-child th:first-child{
	border-radius:3px 0 0 0;
}
.RadGrid_Default .rgMasterTable tr:first-child th:last-child{
	border-radius:0 3px 0 0;
}
body .RadGrid_Default .rgAltRow{
	background-color:#fafafa;
}
.rgNoRecords td{
	padding-top:8px;
}
body .RadGrid_Default .rgPager{
	background:transparent;
}
.RadGrid_Default .rgPager td.rgPagerCell{
	border:0; border-top:1px #eee solid;
}

body .rgHeaderWrapper .rgHeaderDiv,body .RadGrid .rgFooter{ background-color:#f8f7f7; }
body .RadGrid .rgSelectedRow{ background-color:#cde6f7; }
body .RadGrid .rgFilterRow input[type=text],body .RadGrid .RadComboBox{ border:1px #dedddd solid; background:none; }
body .RadGrid .rgFilterRow .RadComboBox input{ border:0; }
body .RadGrid .RadComboBox td.rcbInputCellLeft{ background:none; }
body .RadGrid .RadComboBox td.rcbArrowCellRight{
	background: url("/PublishingImages/eoffice/down-search.gif") no-repeat 4px 8px;
}

body .RadGrid_Default .rgNumPart a.rgCurrentPage,body .RadGrid a.rgCurrentPage{ 
	background:#0070bb; border:0; border-radius:3px; 
}
body .RadGrid_Default .rgNumPart a.rgCurrentPage span{ background:none; color:#fff; }

div.k-task-summary-complete{ height:15px; }

.rgEditForm .Form-ds{ border:0; height:auto!important; overflow:visible!important;}
.rgEditForm .ItemText{ width:80px;}
.rgEditForm .two-col.ItemRow .ItemInput{ margin-left:90px;}
.rgEditForm .two-col .ItemInput input[type=text]{ width:350px;}
.rgEditForm .ItemInput textarea{ width:350px; height:60px;}
.rgEditForm .two-col .ItemInput select{ width:362px;}
.rgEditForm .two-col .ms-dtinput input[type=text]{ width:193px;}
.rgEditForm .two-col .ms-dttimeinput select{ width:60px;}
.rgEditForm .Buttons{ padding:0 18px 10px 0; }
.rgEditForm .Buttons input{ margin-top:0; }
input.imgUpdateItem,input.imgReadItem{ max-width:16px; }
input.imgUpdateItem { margin-right:10px; }
.rgHeaderWrapper .divButtons{ white-space:nowrap;  }
.rgHeaderWrapper .divButtons div{ display:inline-block; }

.NextPrevAndNumeric a{cursor:pointer;}
.RadGrid .NextPrevAndNumeric .rgArrPart1{padding-right:8px;}
.RadGrid .NextPrevAndNumeric .rgArrPart2{padding-left:8px;}

#DeltaPlaceHolderMain .rgNoRecords td{ color:#ed720b; padding:8px; }

.Form div.k-grid-toolbar{padding:5px 10px; text-align:right; border:0; border-radius:3px 3px 0 0; }
.Form .k-selectable{ clear:both }
.k-selectable .k-grid-edit-row .k-i-calendar{ margin-top:4px; }
.ms-list-emptyText-compact{ padding-bottom:0 }
.Form .k-button,.k-numeric-wrap .k-input{ border-radius:0;}
.k-widget .k-state-focused .k-input{ border:0; }
.k-widget .k-numeric-wrap .k-select{ border-left-color:transparent; }
.Form-group .k-datetimepicker .k-picker-wrap .k-icon,.k-select .k-i-arrow-s{
	margin-top:4px;
}
html body .RadInput_Default input.riTextBox{
	border-color:#cdcdcd; padding:3px 0;
}
/*------------------------------- 
		Report
--------------------------------*/
.bao-cao .RadGrid{ width:100%!important }
/*------------------------------- 
		Foot 
--------------------------------*/
#footer{ display:none; }
.foot{ color:#aaabae; overflow:hidden; width:100%; position:relative; z-index:101; }
.foot ul{ margin:0; padding:0; list-style:none; display:table; width:100%;}
.foot p{ margin:3px 0; }
.foot li{ display:table-cell; padding:5px 0 6px 0;}
.foot li.foot-R{ text-align:right; }
li.foot-R span:first-child{	 padding-right:20px; }
.foot a:link,.foot a:visited{ color:#4d4d4d; }
.foot a:hover{ color:#d00; text-decoration:none; }
@media screen and (max-width: 600px) { .pb,.foot-R { display:none; } }

/*-- Feedback --*/
.feedback{ position:fixed; right:0; top:50%; margin-top:-51px; }
.feedback a{ display:inline-block; width:33px; height:102px; 
	 background:url("/PublishingImages/eoffice/feedback.png") no-repeat; 
}

/*-- Paging --*/
.PagingDiv{float:right;clear:both;margin-top:8px;}
.PagingDiv div{display:inline-block; margin-left:6px; vertical-align:top;}
.PagingDiv div a{display:inline-block;padding:0px 2px 2px 2px;cursor:pointer;}
.PagingDiv a:hover{color:#d00}
.PagingDiv .Pageof,.PagingDiv .active{font-weight:bold}
.PagingDiv .active{font-weight:bold;color:#fff;background:#0072bb; margin-left:2px;
	border-radius:2px;
}
.PagingDiv .active a{color:#fff}
.page-next a,.btn-cuoi a,.btn-dau a,.page-pre a{ width:14px; height:16px; font-size:0; }
.page-next a{ background:url('/_layouts/15/Images/VuThao.Notify/WR-next.gif') no-repeat -5px -2px;} 
.btn-cuoi a{ background:url('/_layouts/15/Images/VuThao.Notify/WR-last.gif') no-repeat -5px -2px; }
.btn-dau a{ background:url('/_layouts/15/Images/VuThao.Notify/WR-first.gif') no-repeat -5px -2px; }
.page-pre a{ background:url('/_layouts/15/Images/VuThao.Notify/WR-prev.gif') no-repeat -5px -2px; }

/*------ DocumentsSet ----------*/
.Form-DocSet{ background-color:#fff; display:table; width:100%; }
.Form-DocSet .FormL{ width:33%; }
.Form-DocSet .FormC,.Form-DocSet .FormR{ width:34%; padding-bottom:15px; }
.Form-DocSet .ItemRow { overflow:hidden; }
.Form-DocSet div.ItemText{ width:110px; }
.Form-DocSet .FormL{ width:20%;vertical-align:middle; }
.Form-DocSet .FormC,.Form-DocSet .FormR{ width:38%; }
.form-img span{ display:block; text-align:center; padding:0 15px; }
.form-img span:first-child{ margin-bottom:15px; }
.Form-DocSet .ItemText{ width:140px;} 
.FormL, .FormC, .FormR {  display: table-cell;  padding: 20px 0; vertical-align: top;}
.FormL, .FormC { border-right: 1px #d1d1d1 solid;}

.QuanLyTabMainDiv{ padding-top:10px; }
.QuanLyTabTitle .TitleTab,.TabLisView .ms-listviewtable th,.TabLisView .ms-listviewtable td,
.TabLisView .ms-listviewtable td a,.TabLisView .ms-listviewtable th a{
	font-size:13px!important;
}
.TabLisView .ms-emptyView th a{ color:#003759!important; }
.ItemInfo_MainDiv{ padding-bottom:10px; display:table; width:100%; background-color:#fff; }
.ItemInfo_MainDiv .Header{ 
	font-size:13px!important; margin-top:15px; margin-bottom:6px; padding:0 20px;
}
.ItemInfo_MainDiv .TableInfo{ border-bottom:1px #e5e5e5 dotted; position:relative; 
	background-color:#fff; display:table-cell; width:100%; border-spacing:0; 
}
td.UserField table{ width:100%; }
td.UserField tr{ display:block; float:left; margin-right:10px; }

.TableInfo .FieldRow td.FieldDislayName,.TableInfo .FieldRow td.FieldValue{
	padding:5px 0 8px 0; font-size:13px;
}
.TableInfo .FieldRow tr:first-child td{ border-top:0 }
.TableInfo .FieldRow td.FieldDislayName{ padding:5px 10px 8px 0; width:auto; min-width:150px; 
	white-space:nowrap; font-weight:bold; 
}
.TableInfo .FieldRow td.FieldValue{ width:76%; padding-left:15px;}
.ItemInfo_MainDiv .DocsetIcon{ float:none; display:table-cell; margin-right:0; width:120px;
	padding:15px 0 0 15px; vertical-align:top;
}
.DocsetIcon img{ max-width:100px; }
.div-docset-btn { position:relative; }
.div-docset-btn-ds{ position:absolute; z-index:20; text-align:right; }
.div-docset-btn-ds div{display:inline-block; vertical-align:top; margin-left:15px; 
	background-color:transparent; 
}
.div-docset-btn input{
	background: url("/PublishingImages/eoffice/ic-send.png") no-repeat 0px 3px;
	border:0; padding:1px 0 0 36px; color:#0072bc; min-width:inherit;
}
input.Button1{ background:none; border:1px #ababab solid; padding:5px 10px 5px 10px; color:#303641 }
.btn-show input{
	background: url("/PublishingImages/eoffice/chuyenPH.png") no-repeat 0 2px; 
	padding-left:20px;
}
.btn-show input:hover{ background:none; color:#f00; }

.GuiKiemDuyetbtn input:hover,.DongHoSoDangXuLy_MainDiv input:hover{
	background-color:transparent; color:#d00;
}
a.ViewAllProperties{
	display:none;
}
a.EditProperties{
	background: url("/PublishingImages/eoffice/btn-DocumentsSet.png") no-repeat 0 -140px!important;
	position:absolute; top:11px; right:20px;  padding:5px 0px 5px 36px!important; font-size:13px;
}
.TableInfo .Button a{ color:#005296!important;}
.TableInfo .Button a:hover{ color:#d00; }
.button-share a{ background:url("/PublishingImages/eoffice/btn.png") no-repeat 0 -357px; 
	padding-left:22px;
}

/*---------  -------- */
.TabLisView{ margin-top:14px; padding:8px 8px; border:1px #e8e8e8 solid; }
.not-top{ padding:8px 0 }
.not-tt{ padding-bottom:8px; }
.not-input textarea{ width:803px; }

.not-btn{ text-align:right; padding:8px 0 }
.not-bottom{ padding-bottom:8px; }
.not-bottom .cm-img{ float:left; margin-right:12px; }
.not-bottom .cm-img img{ width:80px; }
.cm-note,.note-date{ font-weight:bold; }
.cm-note{ float:left; padding-right:8px; }
.note-date{ color:#676767; }
.note-nd{ padding-top:10px; }
.note-item{ overflow:hidden; padding:8px 0; border-bottom:1px #e1e1e1 dotted; }

.ms-list-addnew{ font-size:14px; padding:0; }
.ms-addnew .s4-clust {
	height:16px!important; width:16px!important; float:left; margin-top:5px;
	background: url('/_layouts/15/images/spcommon.png') no-repeat -233px -138px;
}
.ms-addnew .s4-clust img{ visibility:hidden; }
.ms-addnew a.ms-addnew{
	 font-size:14px; color:#005296; display:inline-block; margin-top:3px;
}
.divContainLinkButton{ position:relative; margin-right:20px; z-index:98; }
.divContainLinkButton a{
	color:#303641; cursor:pointer; display:inline-block; font-size:13px; position:absolute; 
	left:250px; top:7px; padding:5px 0 5px 35px; 
	background: url("/PublishingImages/eoffice/btn-DocumentsSet.png") no-repeat; 
}
#divLinkNewTemplate a{ background-position:0 -36px; }

.Form-ds .divContainLinkButton a{ background-position:0 -240px; padding:2px 0 2px 28px; font-size:13px;}
.Form-ds .divLinkNewTemplate a{ background-position:0 -266px; font-size:13px;}

.divContainLinkButton a:hover,.ms-addnew a.ms-addnew:hover,divContainLinkButton a:hover {
	color:#004d85;
}
.ms-heroCommandLink span{ font-size:14px; }

.LinkNewTemplate{ padding:10px 15px 10px 20px; border-top:1px #eee solid; margin-bottom:10px; 
	border-radius:0 0 3px 3px; height:25px; background-color:#f7f7f7; 
}
.Form-ds .LinkNewTemplate{ border-top:0; padding:10px 0 10px 130px; height:auto; margin-bottom:0; 
	background-color:transparent;
}

.LinkNewTemplate a{ position:static; left:auto; top:0; }
.LinkNewTemplate .divContainLinkButton{ display:inline-block; }
.LinkNewTemplate .divContainLinkButton:first-child{ margin-right:25px; }

.LuanChuyenQuyTrinh .Form-ds{
	padding:0; border:0; height:auto!important;
}
/*--- Announcements ---*/
.ms-announcementtitle{ display:inline-block; padding-bottom:4px; font-weight:bold; }
.ms-announcementtitle a:hover{ color:#d00; }

/*--- DashboardProjects ---*/
.DashboardProjects .Form-ds{ height:auto!important; overflow-y:inherit!important; }
.lbNameProjects,.TextTienDo{ font-weight:bold; }

/*----------------------------------
		k-grid kendo
-----------------------------------*/
div.k-widget{border:0; background-color:transparent; }
.k-widget a{ cursor:pointer; }
div.k-grid{ border-radius:3px; }
.k-widget .k-selectable{ table-layout:fixed; background-color:#fff; 
	border:1px #ebebeb solid; border-radius:3px;
}
.k-widget div.k-header{background:none; text-align:right;}
.k-window div.k-window-titlebar{ background-color:#fff; text-align:left; }
#DynamicManage div.k-header{ float:right; }
.k-grid-toolbar:first-child, .k-grouping-header+.k-grid-toolbar{
	border-bottom:0;
}
.k-calendar div.k-header{ text-align:center; }
.k-header{ background:transparent; }
.k-widget .k-grid-header{ border-bottom:1px #d9d9d9 solid; border-radius:3px 3px 0 0; background:none; }
.k-widget .k-grid-header-wrap{border:0;}
div.k-widget th.k-header{ 
	background-image:none; color:#303641; padding:8px 10px; font-weight:bold;
}
.expense .Form-group{ padding-left:35px; }
.expense .TitleGrid span{ padding-left:0; }
.expense .TitleGrid a.expcoll-group{ margin-left:-20px; }

div.k-widget .k-grid-header th.k-header{ 
	background-color:#f5f5f5; border:0; font-weight:bold; font-size:13px; 
}
.k-widget th.k-header:first-child{ border-left:0; border-radius:3px 0 0 0; }
.k-widget th.k-header:last-child{ border-radius:0 3px 0 0; }
.k-widget .k-selectable tr:last-child td:first-child{ border-radius:0 0 0 3px; }
.k-widget .k-selectable tr:last-child td:last-child{ border-radius:0 0 3px 0; }
.k-widget th.k-header:first-child{ border-radius:0\0; }
.k-widget th.k-header:last-child{ border-radius:0\0; }
.k-widget .k-selectable tbody tr{ background-color:#fff; }
.k-widget .k-selectable tbody tr.k-alt{ background-color:#fafafa; }
.k-widget .k-selectable tbody tr.k-state-selected{ background-color:#e5f2fa; }

.k-widget .k-grid-header th.k-header a{ color:#303641; line-height:normal; min-height:inherit; }
.k-widget .k-header>.k-header-column-menu{ padding:.5em 0 .4em; }
thead.k-grid-header th.k-with-icon .k-link{ margin-right:10px; }
.k-grid-header th.k-header .k-link{ color:#fff; }
span.k-i-arrowhead-s,.k-grid-filter span.k-filter{ 
	background: url("/PublishingImages/eoffices/e-sprite.png") no-repeat -483px 1px;  
	opacity:.7; height:14px; 
}
.k-widget th.k-header .k-state-active{ background-color:rgba(255,255,255,.9); }
.k-state-active span.k-i-arrowhead-s{ -webkit-filter: none; filter: none; opacity:1; }
ul.k-menu-vertical{ background:#eee; }
ul.k-menu-vertical .k-separator, .k-menu .k-menu-group .k-separator{ border:0; }
.k-menu .k-item>.k-link{ font-weight:normal; }
div.k-grid-content{ overflow-y:hidden; min-height:1px;}
.k-widget table.k-selectable td{ 
	border:0; border-top:1px #ebebeb solid; padding:8px 10px; 
	line-height:normal; white-space:nowrap; 
}
.k-widget table.k-selectable tbody tr:first-child td{
	border-top:0;
}
.k-widget table.k-selectable td.right{ text-align:right; }
.k-widget table.k-selectable td.right input{ text-align:right; }

.k-widget .k-tooltip-validation{ z-index:78; }
.div-note{ display:inline; }

.k-grid-content td a{ color:#005296; }
.k-grid-content td a:visited{ color:#b10069; }
.k-grid-content td a:hover{ color:#d00; }
.k-selectable td a.aAttack{ text-align:center; display:block; }
.k-grid-content .k-icon{ background-image:none; }
.k-widget tbody a.k-button{ min-width:inherit; border:0; background:none; border-radius:inherit; }
.k-animation-container{ margin-top:5px; }

li .k-animation-container{ border:0; background:transparent; }
/*li .k-animation-container .k-popup{ box-shadow:none; -webkit-box-shadow:none; border:0; }*/
li .k-animation-container .k-content,.k-menu .k-group{ background-color:#eee; }
li .k-animation-container input.k-textbox,li .k-animation-container .k-dropdown-wrap,
li .k-animation-container .k-picker-wrap{ border-radius:0; }

form.k-filter-menu{ min-width:150px; }
.k-list-container .k-list .k-item,.k-filter-menu .k-dropdown .k-input{ font-weight:normal; }
form.k-filter-menu span.k-i-arrow-s{ margin-top:0; }
span.k-dropdown-wrap.k-state-default{ background:#fff; }
.k-tabstrip-wrapper .k-tabstrip{ background-color:transparent; }
.k-tabstrip:focus{ -webkit-box-shadow::none!important; box-shadow:none!important }

.ItemInput .k-autocomplete{width:94.60%; }
.ItemInput .k-autocomplete.k-input{ width:94.60%!important; }
.four-col .ItemInput .k-autocomplete{width:87.5%; }
.four-col .ItemInput .k-autocomplete.k-input{ width:87.5%!important; }
.ItemInput .k-autocomplete .k-input{ padding:4px 0.5% 4px 0; }
.ItemInput .k-autocomplete.k-state-focused .k-input{ border-color:transparent;}
.hotelrating .styleInput { display:inline-block; }

.ItemInput .k-select span.k-icon{ margin-top:3px;}

.ecm .k-numeric-wrap,.k-popup .k-numeric-wrap { padding-right:5px; }
.ecm .k-numeric-wrap .k-select,.k-popup .k-numeric-wrap .k-select{ display:none; }
.ItemInput .k-select span.k-i-arrow-n,.ItemInput .k-select span.k-i-arrow-s{ 
	margin-top:0; display:none;
}
.k-expand-padding.k-numeric-wrap span.k-input{ border-radius:0; }

.ecm .k-widget table.k-selectable .k-footer-template td{
	border-left:0;
}
.k-editor .k-tool-text{
	font-size:0;
}
.ItemInput .k-multiselect-wrap{ border:1px #cdcdcd solid; border-radius:0; min-height:inherit; padding:1px; }
.ItemInput .k-multiselect-wrap span.k-icon{ margin-top:0; }
#divPopup{padding-top:10px;}
/*------------------------- Tree ---------------------------*/
.k-tabstrip-wrapper .k-tabstrip-items .k-state-active,
.k-tabstrip-wrapper .k-tabstrip .k-state-active{
	border-color:#c5c5c5;
}
#jstreeDepartment span.k-state-hover{
	background:#eee;
}
#jstreeDepartment span.k-state-selected,.k-treeview li.k-item span.selected{
	background:#eee; color:#ed720b;
}
#jstreeDepartment span.rootfolder,#jstreeDepartment span.folder,#jstreeDepartment span.k-sprite{
	background:url("/PublishingImages/eoffice/tree.png") no-repeat!important;
}
.k-treeview li.k-item{
	padding:2px 0 2px 16px;
}
.k-treeview li.k-item span.k-in{ cursor:pointer; }
.k-treeview li.k-item span.k-icon{ width:14px; margin-right:2px; vertical-align:top; margin-top:5px; }
.k-treeview li.k-item span.k-minus{
	background:url("/PublishingImages/eoffices/e-sprite.png") no-repeat -202px 0;
}
.k-treeview li.k-item span.k-plus{
	background:url("/PublishingImages/eoffices/e-sprite.png") no-repeat -216px 0;
}
.k-treeview-lines .k-in .k-button{
	padding:0; line-height:normal;
}
/*-- button add, delete, edit kendo --*/
.k-widget tbody a.k-button,.RequestTravelDesk .k-grid-toolbar a.k-grid-add{
	width:14px; height:14px; display:inline-block; margin-left:6px;
	background:url("/PublishingImages/eoffice/btn.png") no-repeat;
}
.k-widget tbody a.k-button span{ background:none; }
.k-widget tbody a.k-button:first-child{ margin-left:0; }
.k-widget tbody a.k-grid-update{ background-position:0 -27px; }
.k-widget tbody a.k-grid-cancel{ background-position:0 -53px; }
.k-widget tbody a.k-grid-delete,.expense .k-widget tbody a.k-grid-cancel,
.RequestTravelDesk .Tab-02 .k-widget tbody a.k-grid-cancel{ 
	background-position:0 -81px;
}

.RequestTravelDesk .Tab-02 .k-grid-toolbar a.k-grid-add{ 
	padding:0; border:0; margin-bottom:5px; margin-top:-25px;
}
.k-widget tbody a.k-grid-detail,a.k-grid-xemhs .k-xemhs,.k-widget tbody a.k-grid-chitiet{
	width:14px; height:14px; display:inline-block;
	background: url("/Publishingimages/eoffice/view-list.png") no-repeat; font-size:0;  
}
a.k-grid-xemhs .k-xemhs{
	background: url("/PublishingImages/eoffice/list-hs.png") no-repeat; cursor:pointer;
}
.k-widget tbody a.k-grid-chitiet{
	background: url("/Publishingimages/eoffice/detail-list.png") no-repeat;
}
.k-filter-menu button.k-button{
	 border:0; background-color:#383838; color:#fff; background-image:none; 
	 padding:2px 5px 2px;
}
.k-filter-menu button.k-primary{ background:#1dafec; }

.k-nav-prev .k-link,.k-nav-next .k-link{ padding:3px 0 2px 0; }
.k-widget .k-pager-wrap{background:none; padding:8px 0 8px 3px;}
.k-widget .k-pager-wrap a.k-pager-nav span{ margin-top:4px; vertical-align:top; }

.k-state-selected .manager-link{ color:#fff; }
.k-button-icontext span.k-add{ margin:0;}
.CayNhanVien span.k-state-selected,.CayNhanVien span.k-state-selected:link,
.CayNhanVien span.k-state-selected:visited{ background-color:#ebebeb; }
span.k-state-focused{ box-shadow:none!important; -webkit-box-shadow:none!important; }
tr.k-state-selected, tr.k-state-selected:link, tr.k-state-selected:visited{ background:#e3f3ff; color:#303641; }

.k-widget .k-button{ margin:0 .26em; }
.k-widget .k-header .k-button{ padding: 1px 0 1px 22px; line-height:normal; border-radius:3px; 
	border:0; background: url("/PublishingImages/eoffices/icon.png") no-repeat 0 -843px; margin:0;
}
.k-widget .k-header .k-button .k-icon{ display:none; }
.k-widget .k-header .k-button:hover{ background-color:transparent; color:#2e2e2e; }
.k-widget .k-header .k-grid-delete{ background-position:0 -911px }
.k-widget .k-header .k-grid-cancel{ background-position:0 -866px }
.k-widget .k-header .k-grid-update{ background-position:0 -888px }
.k-grid-diagram span{ background:url("/PublishingImages/eoffice/ic-diagram.png") no-repeat 0 2px; }

.Form-group .k-grid-toolbar a.k-button{
	padding:0; width:16px; height:16px; border:0; margin-bottom:8px;
	background:url("/PublishingImages/eoffice/e-sprite.png") no-repeat 0 -368px;
}
.expense .k-grid-toolbar{ margin-top:-24px; }

/*-- buttons --*/
.buttons{ padding:8px 15px 8px 5px; background-color:#f0f0f1; 
	border:1px #ebebeb solid; border-radius:3px 3px 0 0; border-bottom:0;
}
.bottom,.div_toolgird{ background-color:transparent; border:0; padding:0; }
.div_toolgird{ padding-bottom:10px; }

.buttons input{  padding:2px 0 3px 25px; min-width:inherit; border:0; font-size:13px;
	background-color:transparent; border-radius:0; color:#303641; text-align:center;
	background:url("/PublishingImages/eoffices/btn.png") no-repeat 0 top;
}
.buttons input[type=button][disabled]{
	background-color:transparent;
}
.buttons input:hover{ background-color:transparent; color:#015196; }

.buttons input.btnLuu,.buttons input.btnSave{ background-position:0 -105px; }
.buttons input.btnThoat,.buttons input.btnHuy,.buttons input.btnCancel,.buttons input.btnClose{ 
	background-position:0 -159px; 
}
.buttons .btnAdd,.buttons input.btnNew,.buttons input.btnThem{ background-position:0 -719px; }
.buttons input.btnSelect,.buttons input.btnSubmit{ background-position:0 -774px; }
.buttons input.btnXem{ background-position:0 -472px; }
.buttons input.btnCreate{ background-position:0 -719px; }
.buttons input.btnEdit{ background-position:0 -367px; }
.buttons .btnDelete{background-position:0 -1160px; }
.buttons input.btnSearch{ background-position:0 -521px; }
.buttons input.btnChuyen{ background-position:0 -1667px; }
.buttons .btnRemove{ background-position:0 -1160px; }
.buttons .btnExport{ background-position:0 -2175px; }
.btnDuKien{ display:none; }
.CayDonVi{ height:450px; }
.ItemInput .btnSearch,.td-04 .btnSearch,.k-selectable .btnSearch{ 
	background:url("/PublishingImages/eoffice/e-sprite.png") no-repeat -48px -72px;
	font-size:0; display:inline-block; width:18px; height:16px; vertical-align:top; margin-top:2px; cursor:pointer;
}
.k-selectable .HotelClass span.k-widget{ width:90%; }
.k-selectable .btnSearch{ margin-top:4px; }
.ItemInput > a > img,.user a img{ vertical-align:middle; cursor:pointer; }
.Att a > img{ width:12px; margin-left:4px; }
.k-widget tbody a.k-grid-edit .k-edit{ background:transparent; width:16px; height:16px; }

/*-------------------------------
		Dashboard
--------------------------------*/
.div_Chart_content .k-chart{ height:auto; }
div.k-gantt{ padding-right:10px; }
.k-gantt .k-grid-header{ border-bottom-color:#d1d1d1; border-bottom-width:0; padding-right:0; }
.k-gantt .k-gantt-timeline tr:first-child th{ border-bottom:1px #095bb1 solid; }
div.k-gantt th.k-header{ color:#fff; vertical-align:middle; }
div.k-gantt .k-gantt-treelist .k-grid-header tr{ height:63px; }
div.k-gantt .k-gantt-timeline .k-grid-header tr{ height:30px; }
div.k-gantt-timeline{ background-color:#fff; }
.k-gantt-timeline .k-grid-header-wrap{ border-radius:0 3px 0 0; background-color:#004996; }

div.k-gantt>.k-header ul{ background:none; }
div.k-gantt>.k-header li{ border:0; line-height:normal; margin-left:6px; background:none; }
div.k-gantt th.k-header:last-child,.k-gantt-timeline th.k-header:first-child{ border-radius:0; }
div.k-gantt li .k-link{ line-height:22px; padding:2px 15px; }
div.k-gantt>.k-header a.k-link{ background:#f2f2f2; color:#303641; text-transform:none; border-radius:3px;}
div.k-gantt>.k-header .k-state-selected a.k-link{ background:#1dafec; color:#fff; }
div.k-gantt .k-gantt-toolbar{ padding-right:0; border-bottom:0; }
div.k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover { border-color:transparent; background:none; }
div.k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover a.k-link{ background:#9b9b9b; color:#fff; border-color:transparent; }
div.k-gantt .k-gantt-toolbar .k-gantt-toggle,.k-gantt-toolbar .k-current-view{ visibility:hidden; }
div.k-gantt .k-grid-header .k-header{ font-weight:bold; }
div.k-gantt .k-splitbar{ background:#ebebeb; border:0; width:3px; }
div.k-gantt .k-treelist{ background-color:#fff; }
div.k-gantt .k-treelist .k-alt{ background-color:#fafafa; }
div.k-gantt .k-grid-content table td{ padding:6px 8px; border-color:#ebebeb; cursor:pointer; }
div.k-gantt .k-i-collapse,div.k-gantt .custom-icon-expanded,div.k-gantt .k-i-expand,div.k-gantt .custom-icon-collapsed{
	background:url("/PublishingImages/eoffice/e-sprite.png") no-repeat -6px -91px;
	width:16px; height:12px; display:inline-block;
}
div.k-gantt .k-i-expand,div.k-gantt .custom-icon-collapsed{ background-position:6px -90px; }
div.k-gantt .k-i-collapse,div.k-gantt .k-i-expand{ visibility:hidden; }
body div.k-gantt .k-tooltip{ border:0; box-shadow:none; background:none!important; padding:0; }
.gantt-tooltip{ background:rgba(0,0,0,0.70); color:#fff; padding:10px 15px; text-align:left; min-width:200px; border-radius:5px; }
.gantt-tooltip div{ margin-bottom:5px; }
div.gantt-tooltip-title{ font-weight:bold; margin-bottom:12px; font-size:16px; }
div.gantt-tooltip-percent{ margin-bottom:8px; font-size:24px; }
div.k-gantt .k-treelist .k-state-selected,div.k-gantt .k-treelist .k-state-selected>td,
div.k-gantt .k-treelist .k-alt.k-state-selected>td{ 
	background-color:#e5f2fa; color:#303641; border-bottom-color:#ebebeb; 
}
.div-gantt-chart .k-milestone-wrap{ margin-left:-12px; }

.ItemInput span.k-widget,.grid-col span.k-widget{ border:1px #cdcdcd solid; border-radius:0; padding:0; background:#fff;}
.ItemInput span.k-picker-wrap{ border-radius:0; background-color:#fff; border:0; }
.k-webkit .k-combobox span.k-dropdown-wrap:before, .k-webkit span.k-picker-wrap:before, .k-webkit span.k-numeric-wrap:before{
	height:1.50em;
}
div.k-gantt .k-treelist .k-grid-content{ border-left:1px #ebebeb solid; border-bottom:1px #ebebeb solid; }
.ItemInput span.k-picker-wrap input{ min-height:16px; }
.ItemInput span.k-picker-wrap .k-select{ border-color:#ababab; }
.ItemInput span.k-numerictextbox{ width:208px; }
.two-col .ItemInput span.k-numerictextbox{ width:578px; }
.ItemInput span.k-numerictextbox .k-numeric-wrap{ border-radius:0; border:0; background:transparent; }
.ItemInput span.k-numerictextbox .k-state-disabled{ background-color:#e3e3e3; }
.ItemInput span.k-widget{ width:94.5%; }
.four-col .ItemInput span.k-widget{ width:87.5%; }
.ItemRow .ItemInput span.k-datepicker{ width:12.4em; }
.ItemInput span.k-select{ border-left:0; }
.ItemInput .k-combobox span.k-i-arrow-s{ display:inline-block; }
.ItemInput .k-textbox,.ItemInput .k-autocomplete,.ItemInput .k-dropdown-wrap,.ItemInput .k-picker-wrap,.ItemInput .k-numeric-wrap{
	border:0;
}
.k-numeric-wrap.k-expand-padding input.k-input{
	border-radius:0; border:0;
}
.ItemInput .k-numeric-wrap .k-icon{ margin-top:0; }
.ItemInput span.k-widget input{ 
	border:1px transparent solid; border-radius:0; height:auto; line-height:normal; 
	background-color:transparent;
}
.ItemInput span.k-picker-wrap input{ border:0; }
.k-webkit .k-picker-wrap:before{ padding-bottom:0; }

div.k-gantt .k-task-single{ margin-top:0; border:0; }
div.k-task-summary{ height:auto; }

.k-gantt-timeline .k-grid-content{ overflow-y:auto; border-bottom:1px #ebebeb solid; border-right:1px #ebebeb solid; }

div.k-gantt .k-task-summary-progress{ height:16px; }
div.k-gantt .k-task-summary{ background-color:#c9e7ff; border-color:transparent; }
div.k-gantt .k-task-summary-complete{ background-color:#1dafeb; border-color:transparent; height:16px; }
div.k-gantt .k-task-single{ background-color:#ffdac1; border-color:transparent; }
div.k-gantt .k-task-complete{ background-color:#f09c12; border-color:transparent; }
div.k-gantt .k-line{ background-color:#A0A0A0; color:#A0A0A0; }
div.k-gantt .k-task-milestone{ background-color:#A0A0A0; color:#A0A0A0; border-color:#A0A0A0; }

/*---------------------- Process -----------------*/
.workflows{ overflow-x:auto; overflow-y:hidden; position:relative; }
.Process{ display:table; margin-bottom:10px; margin-top:20px; }
.ic-start,.ic-end{ display:none; }

.step-process{ display:table-cell; min-width:160px; vertical-align:top; padding-right:15px; }
.process-one .step-process { background:transparent; min-width:120px;}
.steps .step-process{ display:block; }

.img-process{ 
	background:url("/PublishingImages/eoffice/ic-process.png") no-repeat 0 -59px; 
	position:relative; display:inline-block; width:25px; height:18px;
}
.steps .img-process{ visibility:hidden; }
.steps .item1 .img-process{ visibility:visible; }
.step-active .img-process{ background-position: 0 -59px; }
.approval .img-process{ background-position: 0 -82px; }
.step-active .approval .img-process{ background-position: 0 -59px; }
.steps .approval .user-process{ color:#44aa00; }
.pending .img-process{ background-position: 0 -105px;  }
.step-process .text{ display:block; color:#8d8d8d; padding:0 0 0 28px; margin-top:-18px;
	position:relative;
}
.step-process .text a{ cursor:pointer; }
.iconSelectPeople{ position:absolute; top:-24px; left:10px; white-space:nowrap }
.iconSelectPeople span{
	background:url("/PublishingImages/eoffice/ic-process.png") no-repeat -9px -29px; 
	display:inline-block; width:11px; height:16px; margin-right:7px; margin-top:-1px;
}
.person{ display:none; }
.persons{ background-position:center 0; }

.user-process{ white-space:nowrap; font-size:13px;}
.steps div.user-process{ margin-top:-22px;}
.step-process.item1 div.user-process,.steps-1 div.user-process{ margin-top:0;}

div.user-process > span{ vertical-align:top; padding-top:5px; padding-left:28px; display:block;}
div.user-process > label{  padding-top:5px; padding-left:28px; display:inline-block; }
div.user-process > span label{ padding-right:5px; }

.user-active,.user-active a.ms-subtleLink{ color:#ffbf00; }
.user-approval,.user-approval a.ms-subtleLink{ color:#44aa00; }

.steps{ position:relative; display:table-cell; padding-right:30px;}
.step-text { display:table-cell; vertical-align:middle;}
.step-text span{ display:block; margin-left:-10px; margin-top:-20px; padding-right:15px; 
	white-space:nowrap;
}
.steps .text{ z-index:21; width:99%; color:#8d8d8d; position:absolute;top:1px; left:28px; 
	position:relative;
}
.steps a{ cursor:pointer; }
.steps .item1 .img-process{
	position:absolute; left:0; top:0;
}
.steps .text label{background-color:rgba(255,255,255,0.6); font-weight:bold;}
.DK-line .steps .text{background-color:#fff;}
.steps .person{margin-top:0;}
.steps .lineR{ font-size:0; padding-bottom:4px;}
.note-step{ position:relative; padding-left:16px; font-size:0;}
.node{ width:20px; height:5px; display:inline-block; background-color:#d7d7d7; cursor:pointer;}
.note-frame{ 
	position:absolute; left:19px; z-index:98; white-space:nowrap;
	border:1px #d7d7d7 solid; background-color:#fff; padding:8px 20px 8px 8px;
}
.note-step .note-frame{ border:0; background-color:transparent; padding:0; margin-top:-10px;}
.note-frame a{ display:inline-block; padding:0 15px 0 20px; vertical-align:top;}
/*-------- Viec can xu ly -----*/
.ViecCanXuLy div.k-grid-toolbar{ padding:0; }
.ViecCanXuLy table.k-selectable{ margin-top:10px; }
.ViecCanXuLy .TitleF span{ margin-bottom:0; }
.ViecCanXuLy table.k-selectable td{ vertical-align:middle; }
.ViecCanXuLy .k-selectable td.div-button{ white-space:nowrap; text-align:center; text-overflow:inherit; }
.ViecCanXuLy .k-selectable .k-grouping-row td.div-button{ text-align:left; }
.ViecCanXuLy tbody a.k-button{ width:16px; height:16px; }
.ViecCanXuLy tbody a.k-button span{ background:none; }
.ViecCanXuLy .grid-help{ float:left; padding:5px 0 0 0; }
.ViecCanXuLy .grid-help img{ margin-right:8px; margin-left:12px; }
.ViecCanXuLy tbody a.k-grid-update{ background:url("/PublishingImages/eoffice/e-sprite.png") no-repeat 0 -350px; }
.ViecCanXuLy tbody a.k-grid-cancel{ background:url("/PublishingImages/eoffice/e-sprite.png") no-repeat 0 -331px; }
.ViecCanXuLy .k-widget tbody a.k-grid-reminder{ 
	background:url("/PublishingImages/eoffice/reminder.png") no-repeat; width:16px; height:16px;
}
.ViecCanXuLy .k-widget tbody a.k-grid-edit{ 
	background:url("/PublishingImages/eoffice/e-sprite.png") no-repeat 0 -310px; 
}
/*-- Form VB --*/
.FormOverCenter{ display:table; width:100%; }
.Form-VB .FormLeft{ width:50%; padding:6px 30px 0 0; border-right:0; }
.Form-VB .FormLeft .ItemInput textarea{ width:98%; height:60px; }
.Form-VB .FormRight{ width:50%; padding:6px 0 0 0; }
.Form-VB .FormLeft .ItemInput,.Form-VB .FormRight .ItemInput { width:auto; float:none;}
.FormRight .ItemInput .tbFile{ width:100%; }
.FormRight .FileUpload-DropDownList input[type=file]{ width:200px;}
.FormRight .FileUpload-DropDownList select{ width:120px; }

/*-- Co quan goi --*/
.CoQuanGuiManagement{ background-color:#fff; padding:1px 0; }
.CoQuanGuiManagement li span{ font-size:0; }
.CoQuanGuiManagement ul{ list-style:none; }
.CoQuanGuiManagement li{ display:inline-block; padding:5px 0; }
.CoQuanGuiManagement li span.spIcon{
	background:url("/PublishingImages/eoffices/e-sprite.png") no-repeat -216px 0;
	width:14px;height:14px; float:left; margin-top:1px; margin-right:8px;
}
.CoQuanGuiManagement li span.Expand{ background-position:-202px 0; }
.CoQuanGuiManagement li label{
	background:url("/PublishingImages/eoffice/tree.png") no-repeat; padding-left:20px; padding-bottom:1px;
}
.CoQuanGuiManagement .FormInput{ min-width:590px; }
.CoQuanGuiManagement .TitleF{ 
	padding:6px 12px 7px 12px; height:auto; line-height:normal; margin-bottom:0;
	background:#303641;color:#fff; font-size:13px; border-radius:3px 3px 0 0;
}
.CoQuanGuiManagement .Group{ border:1px #cdcdcd solid; border-top:0; background:#fff; 
	border-radius:0 0 3px 3px ; padding-right:10px;
}
.CoQuanGuiManagement .Group > div{ display:inline-block; padding:10px 0; vertical-align:top; }
.CoQuanGuiManagement .Title a{
	text-align:center; display:inline-block; padding:4px 0 4px 22px; margin-left:10px;
	background: url("/PublishingImages/eoffices/icon.png") no-repeat 0 -885px; cursor:pointer;
}
.CoQuanGuiManagement .New a{ background-position:0 -839px; }
.CoQuanGuiManagement .Edit a{ background-position:0 -929px; }
.CoQuanGuiManagement .Delete a{ background-position:0 -907px; }
.CoQuanGuiManagement .Cancel a{ background-position:0 -862px; }
#divControlNew,#divControlRename{ white-space:nowrap;  padding-left:8px;}
.CoQuanGuiManagement .Control input[type=text]{ width:220px; }
.CoQuanGuiManagement .Control input[type=submit]{ padding:4px 10px; margin-left:6px; min-width:inherit; }
.CoQuanGuiManagement span,.CoQuanGuiManagement label{ cursor:pointer }
.CoQuanGuiManagement .msgError{ position:static; padding:0 0 8px 12px; }
.CoQuanGuiManagement .msgError:empty{ padding-bottom:0; }

/*------------------------Chart--------------------*/
#FormDetails{ clear:both; }
.divMyTaskCT .Report_Title span{
	display:inline-block; margin-bottom:15px; vertical-align:top; font-size:20px; 
}
.DashboardViecGiao .Form-ds,.DashboardViecGiaoDetails .Form-ds,.SearchStatistical{
	height:auto!important; overflow:visible!important; margin-bottom:15px;
}
.chart-ct{ overflow:hidden;}
.chart-ct table{ width:	100%; border-collapse:collapse; }
.div_main_Chart{overflow:hidden;width:100%}
.divMyTaskCT .divMyTaskCT{ background-color:#fff; border:1px #ebebeb solid; }
.MTChart_css svg{ min-height:180px; }
#chart_main{ display:table-cell; padding-right:10px; width:50%; vertical-align:top;}
.div_Chart_left{width:55%; display:table; vertical-align:top; float:left; min-height:155px;}
.div_Chart_right,.div_Chart_Center{ display:table; text-align:center; width:22%; 
	vertical-align:top; float:left; min-height:183px;
}
.div_Chart_left,.div_Chart_Center{border-right:1px #e5e5e5 solid;}

.MTChart_css{ display:table-cell; width:50%; }
.MTChartInfo_css{ display:table-cell; padding:15px; vertical-align:middle; }
.div_iconChart{	padding:8px 0; position:relative; margin-left:-20px; }
.div_iconChart a{color:#303641;vertical-align:middle; cursor:default; }
.div_numberTask{font-size:50px; color:#1dafec; padding-top:40px; padding-bottom:10px;}
.div_nameTask{ padding:0 10px; font-size:13px;}
.div_main_Time_Overview .div_nameTask{ padding:0; }
.CompleteTask_Css{width:150px;float:left;text-align:center}

.icon_lb{ display:inline-block; width:10px; height:10px; vertical-align:middle; 
	margin-right:8px; margin-top:-1px;
}
.iconchart_a .icon_lb{ margin-right:4px; }
.opening-color{ background-color:#e81d25; }
.complete-color{ background-color:#f19d1f; }
.tontruoc-color{ background-color:#e74c3c; }
.phatsinh-color{ background-color:#2980b9; }
.htdh-color{ background-color:#2980b9; }
.htth-color{ background-color:#e74c3c; }
.dth-color{ background-color:#f1c40f; }
.dthth-color{ background-color:#9b59b6; }

.report2 .divMyTaskCT{min-height:235px;}
.ms-WPBorderBorderOnly{	border:0}
.div_Chart_content{ display:table; width:100%; border:1px #ebebeb solid; border-radius:3px; 
	background:#fff; min-height:165px; margin:0 10px 10px 0;
}
.DashboardViecGiao .div_Chart_content{ margin:0; margin-bottom:10px; }
.div_Chart_content .Chart_Left{ display:table-cell; width:50%; padding-top:1px; }
.div_Chart_content .Chart_Left svg{ max-width:190px; }

.Info_ChartTitle a,.Info_ChartTitle a:visited{color:#005296;font-weight:bold}
.Info_ChartTitle{font-weight:bold; font-size:18px; padding-bottom:12px;}
.Info_ChartTitle a:hover,.GetReportDashboardProcessStep .k-selectable td span:hover{color:#d00}
.div_Chart_content .Chart_description div{display:block;}
.div_content_Right{	float:left;width:68%}
.div_content_Left{width:30%;padding-left:10px;float:right;}
.content_left{ background-color:#fff; border-radius:5px; padding:10px 15px;}
.roster_item{padding:10px 0; border-top:1px #e1e1e1 solid;}
.roster_item:first-child{ border-top:0; }
.roster_avartar{ width:48px;height:48px; margin-right:12px; float:left;
	background:url("/PublishingImages/eoffice/no-img.png") no-repeat; overflow:hidden;
}
.roster_avartar img{ width:48px; min-height:48px; }
.dep_avartar{ background:url("/PublishingImages/eoffice/department-icon.png") no-repeat; }
.roster_userName{color:#005296;font-weight:bold; padding-bottom:5px;}
.roster_value{ padding-top:3px; }
.pieChart_admin,.chart-clock .clCompleteToDayChart{	height:200px;}
.div_Title span{color:#303641;font-size:16px;padding-left:10px;display:block}
.div_chart_item_content{ padding:10px 0; }

.div_chart_main_content{ margin-top:15px; }
.chart_main_content {
	padding:0 15px; border-radius:3px; overflow:hidden; background-color:#fff;
	border:1px #ebebeb solid;
}
a.linkDepart,a.linkDepart_User{
	background:url("/PublishingImages/eoffice/arrow-app2.gif") no-repeat 0 6px;
	display:inline-block; padding-left:12px; margin-top:8px; padding-right:20px;
}
.divLink a:hover{ color:#f00; }
.Chart_Right .Info_ChartTitle,.Chart_description .divLink{ margin-left:-20px; position:relative; }

/*----------------------- Department -------------------*/
.k-widget .k-grouping-header { 
	background:none; border-bottom:0; 
}

.k-widget .k-grouping-row td,.k-widget td.k-group-cell,.k-widget .k-resize-handle-inner{
	background-color:#f5f5f5;
}
.k-grid-toolbar .toolbar input{ margin-bottom:5px; }
.k-grid-toolbar .toolbar input:first-child{ margin-left:0; }

/*-- icon loading --*/
.loading,#loading,#processcustome{
    width:100%; height:100vh; position:absolute; left:0; top:0; z-index:1504;
    background: url("/PublishingImages/eoffice/trans.png") repeat;
    background: rgba(0, 0, 0, 0.4); opacity:0.4; filter:alpha(opacity=40); 
}
.loading img,#loading img,#processcustome img{ 
	position:absolute; top:48%; left:48%; z-index:1600; 
}
.processcustome{display:none; }
.processcustome.select{ display:block; }

.upload-main #messDialog{ right:0; left:auto; }
.btnUploadImage{ display:inline-block;line-height:16px }
.ms-formtable div img{ max-width:200px }

/*---------------------------------
		Screen
----------------------------------*/
@media screen and (max-width: 1024px){
/*-------  Show menutop ----*/
.listmenu{ display:inline-block; background-position:-44px -146px; margin-right:10px; margin-left:20px; }
div#DeltaTopNavigation{ display:none; border-bottom:1px solid rgba( 239, 239, 239, 0.78 );
	position:absolute; left:0; right:0; top:46px; background-color:#f2f2f2; height:36px; z-index:8;
}
.ms-core-listMenu-horizontalBox ul li.selected:first-child{ margin-left:0; }
.ms-core-listMenu-horizontalBox > ul > li a{ padding:9px 20px; }
.ms-core-listMenu-horizontalBox > ul > li a span.menu-item-text{ color:#51555d; }
.ms-core-listMenu-horizontalBox > ul > li a.selected span.menu-item-text{ color:#ed720b; }
a.LinkToRedirectSite{ padding:10px 20px; }
a.LinkToRedirectSite:link, a.LinkToRedirectSite:visited{ color:#51555d; }
.ItemInput .sp-peoplepicker-errorMsg{ position:static; }
.ItemInput > a > img, .user a img{ vertical-align:top; margin-top:4px; }

}/*-- end  max-width: 1024px --*/

@media screen and (max-width: 768px){
body{ overflow:visible; }
html,body,form{ font-size:10pt; height:auto; }
#s4-bodyContainer{ height:auto; }
.ms-dlgFrameContainer iframe{ min-width:inherit; min-height:inherit; }
/*-- header --*/
.userInfo{ padding-left:10px; }
#welcomeMenuBox{ padding-right:0; }
.ms-welcome-root > a.ms-core-menu-root{ font-size:13px; }
#menusetting-main{ padding:5px 0 0 0; }
/*-------  Show menutop ----*/
.listmenu{ background-position:2px -136px; width:20px; height:20px; margin:12px 15px 0 15px; border:1px rgba(255,255,255,0.5) dotted; }
.linkadd li{ padding:0 8px; }
.linkadd li.showAlert{ padding-left:0; }
.linkadd li.ChangeLanguage{ padding-right:0; }
.formChangeLanguage #ibtnVietNam{ margin-right:12px; }
div#DeltaTopNavigation{ text-align:center; padding-top:4px; height:42px; }
.ms-core-listMenu-horizontalBox > ul > li a{ padding:10px 10px; }
#suiteBarLeft .title-site{ display:none; }
a.LinkToRedirectSite{ display:none; }
.lst_social_chat{ display:none; }
/*-- sideNavBox --*/
#DeltaPlaceHolderMain{ padding:10px; }
#sideNavBox{ width:auto; height:auto; float:none; border-right:0; }
.logo{ position:static; width:auto; display:none; }
#sideNavBox #SearchBox{ width:92%; }
#sideNavBox .ms-mpSearchBox{ padding:54px 10px 8px 10px; }
.div_HelpDesk{ display:none; }
/*-- contentBox --*/
#s4-workspace{ height:auto!important }
#suiteBar{ position:absolute; left:0; top:0; }
#s4-ribbonrow{ display:none; }

/*-- Form --*/
.sub-title, .title-cm > span, .TitleGrid span{
	border-bottom:1px #ebebeb dotted; padding-bottom:10px; display:block;
}
.Form-ds{ height:auto!important; overflow:visible!important; }
.Form-ds, .Form .form-ds{ padding:10px 0; border:0; }
.ItemRow{ display:block; }
.ItemRow .ItemText, .ItemRow .ItemInput{ display:block; }
.ItemRow .ItemText{ width:auto; padding-top:10px; }
.ItemRow .ItemInput{ padding-top:0; padding-bottom:10px; }
.EditForm .ItemRow .TextR{ display:block; border-top:1px #ebebeb solid; }
.EditForm .ItemRow { border-bottom:1px #ebebeb solid; }
.ItemRow .ItemInput > div{ width:90%; }
.ItemRow .FileName > div{ width:100%; }
.Form-DocSet .ItemInput > div{ width:auto; }
.ItemInput textarea{ height:100px; }
.four-col .ItemInput input, .four-col .ItemInput select, .four-col .ItemInput textarea{ width:94%; }
.ItemRow .ItemInput > div.RadDropDownTree{ width:88.2%; }
.ItemInput .k-autocomplete{ width:88%; } 
.ItemInput .k-autocomplete.k-input{ width:88%!important; }
.sp-peoplepicker-topLevel{ width:94.5%; }
.ItemRow .ItemInput > .FileUpload-DropDownList{ width:auto; }
.FileUpload-DropDownList input[type=file]{ max-width:180px; }
.ItemInput .RadEditor{ height:300px!important; }
.ItemInput .Metro.RadEditor .reNoBorder div.reContentArea{ height:100%!important; }
.FileUpload-DropDownList select{ max-width:110px; }
.CoQuanGuiLevel > ul,.ulLinhVucLevel{ padding-left:0; min-width:600px; }
.CoQuanGuiManagement .FormInput{ min-width:650px; }

.divInfoModified{ float:none; }

.ViewHistory { min-width:768px; }
.msgError, .div-message{ position:static; width:auto; padding-top:8px; text-align:left; }
.vanban .msgError{ padding-top:0; padding-bottom:8px; }
.FileUpload-DropDownList input[type=image]{ margin-left:10px; }
.Buttons{ border-radius:3px; border:0; padding-bottom:0; }
.Buttons .btnAdd a{ padding-bottom:8px; }
.Buttons.bottom{ padding-right:0; }
.Buttons input{ margin-bottom:8px; }

/*-- tb-form --*/
.tb-form{ min-width:600px; }
.tbFile{ min-width:100%; }
.TCol-Type{ width:auto; }
.ms-formtable .ms-formbody{ min-width:inherit; display:block; }
.ms-formtable .ms-formlabel{ padding-left:0; width:auto; display:block; }

/*-- kendo --*/
.k-widget .k-selectable{ display:block; overflow:auto; }
.k-widget .k-selectable thead,.k-widget .k-selectable tbody{ display:table; width:100%; table-layout:fixed; min-width:850px;}

}/*-- end  max-width: 768px --*/

@media screen and (max-width: 380px) {  /*-- Iphone 6 --*/

}/*-- end  max-width:380px --*/

@media screen and (max-width: 340px) { /*-- Iphone 5 --*/
.linkadd li.ChangeLanguage{ display:none; }
.linkadd li.showAlert{ padding-right:0; }
.ms-core-listMenu-horizontalBox > ul > li a{ padding:10px 8px; }

}/*-- end  max-width: 340px --*/

@media only screen  /* Ipad */
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) { 

}/*-- end Ipad --*/

@media only screen /* Ipad Vertical */
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

}/*-- end Ipad Vertical--*/

@media screen and (min-width: 1200px) {
.msgError { font-size:13px; width:auto;}
.ms-formbody .sp-peoplepicker-errorMsg span{ right:11%; }
.BoxedLayout .ms-core-listMenu-horizontalBox > ul > li a{ padding-left:15px; padding-right:15px; }

}/*-- end  min-width: 1200px --*/

@media screen and (min-width: 1360px) { 
.ms-core-listMenu-horizontalBox > ul > li a{ padding-left:20px; padding-right:20px; }
body .menuleft ul.rpGroup li.rpItem a span{ font-size:13px; }
.ItemRow .ItemText{ width:140px; }
.tb-YKienChiHuy .sub-title{ width:150px; }
.Form-ds .LinkNewTemplate{ padding-left:150px; }
.tb-YKienChiHuy .ykienlanhdao{ margin-left:150px; }
.status-vb > div{ width:146px; }
.ItemInput table > tbody > tr > td.ms-dtinput:first-child{ width:89%; }
.ItemRow .ItemInput table > tbody > tr > td.ms-dtinput input{ width:98%; }

} /*-- end  min-width: 1360px --*/

@media screen and (min-width: 1400px){
.peopleDraff > div{width:85%}

}/*-- end  min-width: 1400px --*/

.ItemInput input[type=checkbox],.ItemInput input[type=radio],.ItemInput input[type=image],
.ItemInput input[type="file"],.ItemInput input[type=button]{
	width:auto;
}
.ItemRow .ngayden-tu table > tbody > tr > td.ms-dtinput input,
.ItemRow .ngayden-den table > tbody > tr > td.ms-dtinput input{
	width:95%;
}

/*-- css firefox, Chrome --*/
@-moz-document url-prefix() {  /* Firefox */
input[type="file"] { border:0; }
select{ min-height:inherit; }
.ms-core-listMenu-horizontalBox > ul > li a{ padding:18px 20px;}
.ItemInput input[type=file],.FileUpload-DropDownList input[type=file] { 
	width:auto; border:0; padding:0; background-color:transparent; 
}
.Buttons input, .Buttons .btnAdd a{ line-height:12px; }
.tbAddComment-Col-button { padding-right:0; }
.Create-Row .Control td input[type=file] { width:auto; }
.k-nav-prev .k-link,.k-nav-next .k-link{ padding:0; }
.k-widget .k-selectable{ clear:both; }

}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* chrome and safari */
input[type="file"] { border:0; }
.ItemInput input[type=file],.FileUpload-DropDownList input[type=file] { 
	width:auto; border:0; padding:0; background-color:transparent; 
}
.tbAddComment-Col-button { padding-right:0; }
.Create-Row .Control td input[type=file] { width:auto; }
.k-nav-prev .k-link,.k-nav-next .k-link{ padding:2px 0; }

}
@media screen and (max-width: 768px){ body { position:static;} }

/*-- IE8 --*/
@media \0screen {
.ms-core-needIEFilter #suiteBarLeft{ background-color:transparent; }
.ms-core-needIEFilter #suiteBarRight{ filter:none; }
body .ms-srch-sbLarge > input{ line-height:22px; }
body .sp-peoplepicker-userPresence,body .ms-entity-unresolved{ vertical-align:middle; }
body #PreviewZone #ButtonContainer input{ min-width:inherit; width:75px; }
body .ItemInput .k-datepicker .k-input{ border:0; }
body .ItemInput .ms-ButtonHeightWidth{ max-width:72px; min-width:50px; }
body .UserSectionTitle{ filter:none; }
body .ms-dlgOverlay{ background: url("/PublishingImages/eoffice/trans.png") repeat; }

.gantt-tooltip{ background:#4b4b4b; }
.MTChart_css > div{ min-height:180px; margin-left:-4px; }
td.ms-positionRelative{ position:static; }
.ms-srch-sbLarge{ background-color:#003d6f;	}
#DeltaTopNavigation .dynamic-children UL.dynamic{ border:1px solid #d1d1d1; border-top:0; }
.Buttons input[type=button][disabled],.Buttons input[type=submit][disabled]{ filter: none; }
.ms-list-itemLink-td{ position:static; }

}

/*-- IE9 --*/

@media all and (min-width:0\0) and (min-resolution: .001dpcm){

}



/*-- 29/03/2017 --*/