html,body{
  height: 100%;
  padding: 0;
  margin: 0;
}
input{outline:none}
:root {
  --header-height: 50px;
  --footer-height: 40px;
}
.an{display:none}
.buttonT{cursor:pointer}
.buttonT{background: #333; color: #fff; width: 16px; line-height: 16px; text-align: center;margin:3px}
.buttonT:hover{background:#f7ad3d}
.mn-left-item{line-height:20px; padding:3px}
.mn-left-item:hover{background:#eee}
.icon-person2T{margin:10px}
.logo{margin:5px}
.icon-person2T svg{fill: #fff; width: 24px; height: 24px;}
.panel-header, .panel-body{border-color:#411b0f;overflow:hidden}
.CapNhat{margin-left:10px !important}
*{ font-size:12px; padding:0; margin:0; } 
body { font-family: Poppins, Open Sans, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; padding: 0 0px; font-size: 12px; margin: 0; } 
h2 { font-size:18px; font-weight:bold; margin:0; margin-bottom:15px; } 
.demo-info{ padding:0 0 12px 0; } 
.demo-tip{ display:none; }
td, input, select{padding:3px}
.fl{float:left}
.fr{float:right}
@media screen and (max-width:1024px) and (min-width:1px){
  /*.layout-panel-west .panel-title{display:none!important}*/
}
.datagrid-toolbar{
	height: 30px;
  padding: 4px 5px;
}
button.form-button{
	padding: 3px 5px;
  border-radius: 5px;
  border: 1px solid #484f6894;
  outline: unset;
}
a.item-list{
	width: 100%;
  display: inline-block;
  color: #083463;
  text-decoration: unset;
  padding: 5px 3px;
  font-weight: 700;
  font-size: 15px;
}
.grid-toolbar{
	height: 30px;
  padding: 4px 5px;
}
.datagrid-header .datagrid-cell, .datagrid-cell-group {
    color: #052d60;
    font-weight: 600;
}
.ov{
  cursor: pointer;
}
.green{
  color: green;
}
.orange{
  color: orange;
}
.red{
  color: red;
}
.blue{
  color: blue;
}
.white{
  color: white;
}
.gray{
  color: gray;
}
.green{
  color: green;
}
.pink{
  color: pink;
}
.violet{
  color: violet;
}

.bg-green{
  background: green;
}
.bg-orange{
  background: orange;
}
.bg-red{
  background: red;
}
.bg-blue{
  background: blue;
}
.bg-white{
  background: white;
}
.bg-gray{
  background: gray;
}
.bg-green{
  background: green;
}
.bg-pink{
  background: pink;
}
.bg-violet{
  background: violet;
}

.ov-green:hover{
  color: green;
}
.ov-orange:hover{
  color: orange;
}
.ov-red:hover{
  color: red;
}
.ov-blue:hover{
  color: blue;
}
.ov-white:hover{
  color: white;
}
.ov-gray:hover{
  color: gray;
}
.ov-green:hover{
  color: green;
}
.ov-pink:hover{
  color: pink;
}
.ov-violet:hover{
  color: violet;
}

.ov-bg-green:hover{
  background: green;
}
.ov-bg-orange:hover{
  background: orange;
}
.ov-bg-red:hover{
  background: red;
}
.ov-bg-blue:hover{
  background: blue;
}
.ov-bg-white:hover{
  background: white;
}
.ov-bg-gray:hover{
  background: gray;
}
.ov-bg-green:hover{
  background: green;
}
.ov-bg-pink:hover{
  background: pink;
}
.ov-bg-violet:hover{
  background: violet;
}
.window-mash{
  position: fixed;
  z-index: 9002;
  width: 100%;
  height: 100%;
  background: #ffffff1f;
  top: 0;
  left: 0;
}
.edit-contain{
	position: relative;
}
.edit-contain .edit-mash{
    top: 0;
    left: 0;
    display: block;
    padding: 0;
    color: green;
    border-bottom: 1px dotted;
    min-height: 17px;
}
.edit-contain .edit-text{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0;
  opacity: 0;
  z-index: 1;
}
.edit-contain .edit-text:focus{
 	opacity: 1; 
}
.center{
	text-align: center;
}
.center *{
	text-align: center;
}
.left *{
	text-align: left;
}
.right *{
	text-align: right;
}
.opacity-1{
	opacity: 1 !important;
}
.btn{
	padding: 3px;
  border-radius: 5px;
  border-width: thin;
  border-color: #423b33;
}
button[disabled="disabled"]{
	  cursor: not-allowed;
    color: #9e9e9e;
    background: #dce2ea;
}
button[disabled="disabled"]:hover{
    cursor: not-allowed;
    color: #9e9e9e;
    background: #dce2ea;
}
.btn.btn-primary{
	background: dodgerblue;
}
/** main page **/
#container-body{
	height: calc(100vh - var(--footer-height) - var(--header-height));
	overflow-y: auto;
}
#container-body #col-left{
	width: 220px;
	float: right;
	height: 100%;
	overflow-y: auto;
	background: green;
}
#container-body #col-body{
	
}