.numeric-column{
	text-align:right;
}

.k-state-selected > .numeric-column.editable{
	background-color: #3379b5; 
	color: white;
}

.k-state-selected .topping-item
{
		color:white; margin-left: 20px;	
}

.topping-item
{ 
	color:#0048cd; margin-left: 20px;
}

.bold-item
{ 
	font-weight:bold;
}

.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap
{
	height:2.4em;
	overflow:hidden;
}

.numeric-column.editable{
	background-color: #ffff90; 
	color: black;
}

.tree-quick-go {
	width: 16px;
	height: 16px;
	background-image: url('/Images/tree-quick-go.png');
	position: fixed;
	bottom: 7px;
	opacity: 0.2;
	left: 5px;
	cursor: pointer;
	transition: 0.3s;
}

.k-radio-label
{
	margin-right:20px;
}

.tree-quick-go:hover {	
	opacity: 1;
}

.k-dialog-title{
	position: absolute;
	left: 10px;
	top: 8px;	
}

.k-window-titlebar.k-header{
    background-color: #337ab7;
    color: white;
    font-size:12px;
}

.red-line-through
{
	color:red; 
	text-decoration: line-through;
}

.k-state-selected .red-line-through
{
	color:white;
}

.tree-disable {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	opacity: 0.1;
	background-color:lightgray;
}

.split-container.vertical
{
	display:flex;
}

.split-container.horizontal
{
	display:block;
}

@media (min-width:600px) {
	.k-tabstrip-wrapper
	{
		display:inline-table;
	}
	
	.form-box > li
	{
		display:flex;
	}
}

.node-cong-ty {font-weight:bold;}

.k-grid-header th.k-header{vertical-align:middle;}

.k-grid-header th.k-header>.k-link
{
	white-space:pre-line;
}

.btn-info.btn-grid
{
	width:100%;
	padding-left:0;
	padding-right:0;
}

.btn.iconpicker-component
{
	height:26px;	
}

@media (max-width:767px){
	.dropdown-menu>li>a
	{
		color:white;
	}
}

.virtual-panel
{
	background-color:white;
	border: 1px solid lightgray;
	border-radius: 10px;
	text-align: center;
}

.virtual-panel-text
{
	font-weight:bold;
	display: inline-block;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border: 1px solid lightgray;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 4px;
	border-top: none;
	padding-bottom: 4px;
}

.virtual-button
{
	
}

.virtual-button-a:hover
{
	border: 1px lightgray solid;
	border-radius: 5px;
	color: black;
	text-decoration: none;
}

.virtual-button-a
{
	background-repeat:no-repeat;
	padding-left: 50px;
	color: black;
	width: 100%;
	height: 100%;
	float: left;
	vertical-align: middle;
	font-size: 14px;
	padding-top: 10px;
	cursor:pointer;
	border: 1px solid white;
	background-position-x: 5px;
	background-position-y: 3px;
}

.toolstrip-item
{
	background-color:#eeeeee;
	color: black;	
	border-color:#cccccc;
	margin-right:2px;
}

.period-selector
{
	float:left;
}

.period-year
{
	margin-right: 4px;
}

.period-month
{
	margin-right: 4px;
	margin-left: 4px;
}

.toolstrip-item-combobox
{
	margin-top:3px !important;	
}

.toolstrip-item-label
{
	font-weight:normal;
	margin-top:8px;
	margin-right:2px;
}

.toolstrip-item-textbox
{
	margin-top:3px;
	margin-right:2px;
}

.toolstrip-item-left
{
	float:left
}

.toolstrip-item-right
{
	float:right
}

.k-dialog.k-dialog-titleless .holder.k-content
{
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.module-label
{
	width:109px;
	height:109px;
	font-weight:bold;
	display:table-cell;
	font-size:13px;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	color:white;
	position:absolute;
	padding-top: 47px;
}

.module-label:hover {
  background-image:url('/Upload/module-over.png');
  color:yellow;
  text-decoration: underline;
}

.k-toolbar
{
	border:none;
	height: 32px;
}

.k-toolbar .k-button
{
	margin-left:0;
}

.toolstrip-separator
{
	width: 1px;
	background-color: black;
}

.toolstrip-item.active,.toolstrip-item.focus,.toolstrip-item:active,.toolstrip-item:focus,.toolstrip-item:hover,.open>.dropdown-toggle.toolstrip-item{
    color:#fff;
    background-color:#449d44;
    border-color:#398439
}
.toolstrip-item.active,.toolstrip-item:active,.open>.dropdown-toggle.toolstrip-item{
    background-image:none
}
.toolstrip-item.disabled,.toolstrip-item.disabled.active,.toolstrip-item.disabled.focus,.toolstrip-item.disabled:active,.toolstrip-item.disabled:focus,.toolstrip-item.disabled:hover,.toolstrip-item[disabled],.toolstrip-item[disabled].active,.toolstrip-item[disabled].focus,.toolstrip-item[disabled]:active,.toolstrip-item[disabled]:focus,.toolstrip-item[disabled]:hover,fieldset[disabled] .toolstrip-item,fieldset[disabled] .toolstrip-item.active,fieldset[disabled] .toolstrip-item.focus,fieldset[disabled] .toolstrip-item:active,fieldset[disabled] .toolstrip-item:focus,fieldset[disabled] .toolstrip-item:hover{
    background-color:#c9ced0;
     color:#4a4848;
    border-color:#989898
}
.toolstrip-item .badge{
    color:#5cb85c;
    background-color:#fff
}

.tagPage
{
	overflow: hidden;
}

.toolbar-btn
{
	background-position-x:4px;
	background-repeat:no-repeat;
	background-position-y:5px;	
}

.menu-itm
{
	background-position-x:20px;
	background-repeat:no-repeat;
	background-position-y:8px;
}

body {
  min-height: 400px;
  padding-top: 51px;
  background-color:#EEE;
}

.panel
{
	background-color:#FFF;	
}

.H1Title
{
	font-size:14px;
	font-weight:bold;
	padding: 6px 10px 6px 20px;
	border-bottom: 1px solid #efefef;
	text-transform: uppercase;
	margin-bottom: 18px;	
	padding-top:10px;
	padding-bottom:10px;	
}

.panelBody
{
	display:inline-block;
	width:100%;
}

.span-form
{
	white-space:pre-wrap;
	display:inline-block;
	vertical-align:top;
	padding-top: 7px;
	height:100%;	
}

.k-menu>li
{
	white-space:nowrap;
}

.fa1
{
	padding-right:3px;
}

.childPanel
{
	padding: 6px 10px 6px 20px;
}

.mainNav ul li .fa
{
	margin-right: 5px;
}

.k-context-menu
{
	background-color: #fff;
}

.login
{
	background-color: #1abc9c;
}

.navbar-brand
{
	color:red;
}

.main-toolbar
{
	background-color:#dedcdc;	
}

.nav-toolbar>li a
{
	color: black;
}

.navbar-tv
{
	background-color:#4267b2;
	border-color:white;
}

.active-cell, .active-cell:hover, .k-grid td.active-cell:hover
{
	background-color:#833b01 !important;
	color:White;
}

.k-detail-cell.active-cell
{
	background-color:#FFFFFF;
}

.navbar-toggle .icon-bar
{
	background-color: white;
}

.dropdown-menu>li>a
{
	line-height:2;
}

.navbar-brand
{
	display:none;	
}

@media (max-width:600px) 
{
	.navbar-brand
	{
		display:block;
		color:White;
	}
}

.navbar-tv a
{
	color: #ffffff;
}

.nav-toolbar>li>a:focus,.nav-toolbar>li>a:hover
{
	background-color:#cecece;
	color: #333;
	border-radius:15px;
}

.navbar-tv .open>a, .navbar-tv .open>a:focus, .navbar-tv .open>a:hover
{
	background-color:#ffffff;
	color: #333;
}

.dlg-row
{
	margin-right:30px;
	margin-left:10px;
}

.msg-content
{
	min-height:45px;	
}

.msg-icon
{
	position:absolute;
	left:10px;
	top:10px;
	width:32px;
	height:32px;
}

.msg-icon-info
{
	background-image: url("../Images/info.png");
}

.msg-icon-warning
{
	background-image: url("../Images/warning.png");
}

.msg-icon-question
{
	background-image: url("../Images/question.png");
}

.msg-icon-error
{
	background-image: url("../Images/error.png");
}

.msg-message
{
	display:inline-block;
	margin-left:45px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right:5px;
}

.msg-button
{
	margin-bottom:5px;
	margin-top:10px;
	text-align:center;
}

.btn-msg
{
	width:40px;		
}

.form-box
{
	margin:0;
	list-style: none; 
	padding:0;
	font-size:12px;
	font-weight:normal;
}

.form-box input, .form-box textarea
{
	font-size:12px;
	font-weight:normal;
}

.form-box .image
{
	float:left;
}

.form-box > li
{
	float:left;
	width:100%;
	margin-top:3px;
}

.label-form
{	
    white-space: nowrap;        
    float:left;
}

.form-box > li input, .form-box > li textarea
{
	display:inline-block;
}

.form-box > li > span.combobox
{
	float:left
}

.radio-group
{
	display:inline-block;
	vertical-align:top;
}

.separator
{
	background-color:#efecec;
	margin-left:10px;
	margin-right:10px;
	height:1px;	
}

.icon16
{
	width:16px;
	height:16px;
	background-repeat:no-repeat;
	display:inline-block;
	margin-right:5px;	
}

.icon-folder
{
	background-image:url("../Images/16/folder.png");		
}

.icon-add
{
	background-image:url("../Images/16/add.png");		
}

.icon-edit
{
	background-image:url("../Images/16/edit.png");		
}

.icon-delete
{
	background-image:url("../Images/16/delete.png");		
}

.icon-separator
{
	background-image:url("../Images/16/separator.png");	
}

.icon-trash
{
	background-image:url("../Images/16/trash.png");	
}

.icon-property
{
	background-image:url("../Images/16/property.png");	
}

.icon-copy
{
	background-image:url("../Images/16/copy.png");	
}

.icon-refresh
{
	background-image:url("../Images/16/refresh.png");	
}

.icon-check
{
	background-image:url("../Images/16/check.png");	
}

.icon-export
{
	background-image:url("../Images/16/excel.png");	
}

@media (max-width:502px)
{
	.no1Btn
	{
		width:100%
	}
	
	.span-form
	{
		display:block;
	}
	
	.kPanel
	{
		margin-left:0px;
		margin-right:0px;
	}
	
	.label-form
	{
		width:100%;
	}
	
	.form-box > li input
	{
		width:100%;
	}
	
	.form-box > li .k-combobox
	{
		width:100%;
	}
	
	.form-box > li input[type=checkbox]
	{
		width:0;
	}
}

.k-treeview .k-top.k-bot
{
	background-image: none;
}

.k-treeview .k-top,
.k-treeview .k-mid,
.k-treeview .k-bot {
	background-image: url('../Images/treeview-nodes.png');
	background-repeat: no-repeat;
	margin-left: -16px;
	padding-left: 16px;
}

.k-treeview .k-item { background-image: url('../Images/treeview-line.png'); }
.k-treeview .k-last { background-image: none; }


.k-treeview .k-top { background-position: -91px -2px; }
.k-treeview .k-bot { background-position: -69px -22px; }
.k-treeview .k-mid { background-position: -47px -44px; }
.k-treeview .k-last.k-top { background-position: -25px -66px; }
.k-treeview .k-group .k-last .k-bot { background-position: -69px -22px; }

.k-treeview .k-item {
	background-repeat: no-repeat;
}

.k-treeview .k-first {
	background-repeat: no-repeat;
	background-position: 0 16px;
}

.flat-button.btn-link:hover
{
	color:#4267b2;	
}

.btn-cat
{
	cursor:pointer;
}

.btn-cat:hover
{
	color:#4267b2;	
}

.flat-button.btn-link.disabled
{
	opacity: 0.5
}

.flat-button.btn-link
{
	color:black;
}

.flat-button:focus {
  outline: none;
}


.k-grid tr{
   height: 26px;
}

.divFilterControl
{
	padding:5px;
}

.k-combobox.form-control
{
	border-width:0px;
}

.k-grid-header-wrap
{
	background-color:#efebde;
}

.k-grid-norecords
{
	min-height:100px;
}

.btn-command
{
	background-color: #d3f3cf;
}
     
.btn-close
{
	margin-right:5px;
}

.check_row
{
	width:100%;	
}

li.k-state-disabled
{
	pointer-events:none;
}

.numeric
{
	text-align:right;
}

.gCheckHolder
{
	width:11px;
	height:11px;
	font-size:1px;
	border-radius:0;
	-webkit-border-radius:0;
	border:1px solid gray;
	margin:0 4px 0 1px;
	vertical-align:text-bottom;
	background-color:White;
}

.gCheck
{
	top:-3px;
	position:relative;
	width:15px;
	height:15px;
	outline:0;
	left:0px;
}

.gCheckHolder:hover
{
	border:1px solid blue;
}

.gCheck-checked
{
	background: url("../Images/checkmark.png") no-repeat -5px -3px;
}

.k-dirty {
    border-color:transparent transparent transparent transparent;
}

.k-footer-template>td
{
	border-bottom:0px;
}

.k-widget.k-tabstrip *
{
	box-sizing:border-box;
}

.k-widget.k-tabstrip *
{
	box-sizing:border-box;
}

.k-grid-content input
{
	box-sizing:border-box;
}

.k-picker-wrap>input
{
	box-sizing:content-box;
}

.roweven
{
	background-color:#F2FBFD
}

.lookupitem
{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;

    align-items: center;
}

.faWithText
{
	margin-right:3px
}

.liHidden
{
	display:none !important;
}

.fixedLabel
{
	line-height:30px;
	float:left;
	vertical-align:middle;
}

.no1Btn
{
	white-space:pre-wrap;
	float:left;
	padding:0px;
}

.imgBtn
{
	margin-right:5px;
}

.k-state-selected a
{
	color:yellow;
}

.k-grid-content .btn
{
	color:white;
}

.k-state-selected .btn
{
	color:black;
}

.k-state-selected .btn-info
{
	background-color:white;
}

.active-cell a
{
	color:yellow;
}

.daterange
{
	float:left;
}

.k-dialog.k-dialog-titleless .holder.k-content
{
	border-top-right-radius:0px;
	border-top-left-radius:0px;
}

.col-code
{	
	width:50px;
}

.col-name
{
	padding-right:5px;
	font-weight:bold;
}

.col-address
{
	padding-left:15px;
	color:#676767;
}

.k-state-selected .col-tel
{	
	padding-left:15px;
	color:white;
}

.col-tel
{	
	padding-left:15px;
	color:#676767;
}

.tbl-gridlookup
{
	width:100%;
}

.gr-filter-txt
{
	width:90px;
}

.gr-filter-span
{
	margin-right:5px;
}

.gr-filter-div
{
	float:right; margin-top: 3px;
}

.label-invisible
{
	display:none;
}

.btn-white{
    color:black;
    background-color:#ffffff;
    border-color:#CACACA
}
.btn-white.active,.btn-white.focus,.btn-white:active,.btn-white:focus,.btn-white:hover,.open>.dropdown-toggle.btn-white{
    color:blue;
    background-color:#E9E8E8;
    border-color:#9A9A9A
}
.btn-white.active,.btn-white:active,.open>.dropdown-toggle.btn-white{
    background-image:none
}
.btn-white.disabled,.btn-white.disabled.active,.btn-white.disabled.focus,.btn-white.disabled:active,.btn-white.disabled:focus,.btn-white.disabled:hover,.btn-white[disabled],.btn-white[disabled].active,.btn-white[disabled].focus,.btn-white[disabled]:active,.btn-white[disabled]:focus,.btn-white[disabled]:hover,fieldset[disabled] .btn-white,fieldset[disabled] .btn-white.active,fieldset[disabled] .btn-white.focus,fieldset[disabled] .btn-white:active,fieldset[disabled] .btn-white:focus,fieldset[disabled] .btn-white:hover{
    background-color:#eaeaea;
    color:#4a4848;
    border-color:#989898
}
.btn-white .badge{
    color:#D7D7D7;
    background-color:#fff
}


.divider{
	position:relative;	
}

.divideClicker
{
	position:absolute;
	z-index:10;
	padding:5px;
	background-repeat: no-repeat;
	background-position: center;
	display:block;
	left: -3px;
}

.divideClicker.vertical{	
	cursor: col-resize;	
	background-image: url(Images/left1.png);
}

.divideClicker.horizontal{
	cursor: row-resize;	
	background-image: url(Images/right1.png);
}

.k-dialog.k-window .holder.tabPage.k-content.k-state-active.scrollable::-webkit-scrollbar {
  width: 2px;
  height: 1em; }


.k-dialog.k-window .holder.tabPage.k-content.k-state-active.scrollable::-webkit-scrollbar-thumb {
  background: #777;
  border-radius: 10px;
 }


.k-dialog.k-window .holder.tabPage.k-content.k-state-active.scrollable::-webkit-scrollbar-track {
  background: #d6d6d6;
  border-radius: 10px;
}

body {
  scrollbar-face-color: #777;
  scrollbar-track-color: #d6d6d6; 
}

.k-dialog.k-window .holder.tabPage.k-content.k-state-active.scrollable:hover{
	overflow: auto !important;
}

.tsbutton-blue
{
    background: rgb(50,102,119);
    background: linear-gradient(0deg, rgba(50,102,119,1) 0%, rgba(13,65,82,1) 47%);
}

.tsbutton{        
        border: 1px solid gray;
        border-radius: 5px;
        width: 115px;
        margin: 2px;
        height: 60px;
        color: white;
        border:none;
        font-size: 30px;
        font-weight: bold;
    }

.red-font { color:red; }
.blue-font { color:blue; }
.green-font { color:green; }
.maroon-font { color:green; }
.darkorange-font { color:green; }
.gray-font { color:green; }

.k-state-selected.red-font,
.k-state-selected.gray-font,
.k-state-selected.green-font,
.k-state-selected.blue-font,
.k-state-selected.maroon-font,
.k-state-selected.darkorange-font
{
	color:white;
}