.aui .admin-organ-portlet fieldset{
	border: none !important;	
}
.bold{
	font-weight: bold;
}
.aui .w96p{
	width: 96%;
}
.aui .w46p{
	width: 46%;
}

.list-bcategory{
	background-color: whitesmoke;
    border: 1px solid #ddd;
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    margin-bottom: 20px;
    min-height: 20px;
   
    .bcategory-header {
	    background-color: #f6f6f6;
	    background-image: linear-gradient(to bottom, #f9f9f9, #f3f3f3);
	    background-repeat: repeat-x;
	    border-radius: 2px;
	    height: 47px;
	    line-height: 48px;
	    text-align: center;
	    border-bottom: 1px solid #ddd;
	}
	
    ul {
	    list-style: outside none none;
	    margin: 0;
	    max-height: 600px;
	    overflow-y: auto;
	    padding: 0;
	}
    li{
    	color: #2aaae6;
	    cursor: pointer;
	    line-height: 24px !important;
	    padding: 3px 10px;
	    position: relative;
	    .icon{
	    	display:none;
	    	position: absolute;
	    }
	    .edit{
	    	right: 20px;
    		top: 0;
	    }
	    
	    .delete{
	    	top: 0;
	    	right: 0;
	    }
    }
    
    li:hover{
    	background-color: #e5f5fc;
    	line-height: 24px;
    	.icon{
    		display:block;
    	}
    }
    
    .selected {
	    background-color: #2aaae6;
	    
	}
	
	.selected a{
	    color: #fff;
	}
    
    
	.paging {
	    background-color: #d9d8d7;
	    border-color: #e3e3e3 #ccc #ccc;
	    border-top: 1px solid #e3e3e3;
	    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
	    height: 32px;
	    line-height: 32px;
	    text-align: center;
	    color: #2aaae6;
	    span{
	    	cursor: pointer;
	    }
	}
}
.tbl-boss-selected{
    border-collapse: collapse;
    margin-top: 10px;
}

.tbl-boss-selected tr,td, th{
	border : solid 1px #ddd;
    border-collapse: collapse;
    padding:4px;
}

.boss-list{
	width : 100%;
	max-width : 100%;
	height : auto;
	box-sizing :border-box;
}

.boss-list a{
	display : inline-block;
	width : 100%;
	max-width : 100%;
}

.boss-list a img{
	width : 100%;
}

.td-fn-column{
	width: 32px;
	font-weight: bold;
	text-align: center;
	font-size: 110%;
	cursor: pointer;
}

.card {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	margin: 0.5rem 0 1rem 0;
    background-color: #fff;
    transition: box-shadow .25s;
    border-radius: 2px;
}
.card .card-content {
    padding: 15px;
    border-radius: 0 0 2px 2px;
    box-sizing : border-box;
    color: rgba(0, 0, 0, 0.87);
}

.card:hover .card-content{
	color : #0095d9 !important;
}

.link-block {
    background-color: #e3f2fd !important;
    border-radius: 4px;
    padding: 1rem 1.5rem;
    display:block;
    width : 100%;
    box-sizing : border-box;
}
.link-block img {
    display: inline-block;
    height: 36px;
    width : 36px !important;
}

.link-block h6 {
    margin: 0 1.5rem;
    font-weight: 500 !important;
    color: rgba(0, 0, 0, 0.87);
    font-size: 1rem !important;
    line-height: 110%;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    max-width: 130px;
    vertical-align: middle;
}

.valign-wrapper {
    display: flex;
    align-items: center;
}
.mt25{
	margin-top: 25px;
}
.mb15
{
	
	margin-bottom :15px;
}
.boss-update-form{
	float: left;
}
.boss-update-forms{
	float: left;
	margin-left: 200px;
}

    .boss-item
    {
    	margin:0.5%;
        width:25%;
        text-align:left;
        display:inline-block;  
    }
    .boss-item img{
	    width: 150px !important;
	    max-width: 100%;
	    height: 225px;
	    display: block;
	    margin-left: auto;
	    margin-right: auto;
    }
    .boss-row
    {
    	text-align:center;
        display:inline-block;
    	width:100%;
    	min-height: 80pt;
    	margin-top: 20px;
    }
    .boss-pos{
    	width: 100%;
    	max-width: 100%;
    	text-align: center;
    	font-weight: bold;
    	padding-top: 5px;
    }
    
    .boss-name{
    	width: 100%;
    	max-width: 100%;
    	text-align: center;
    }
    
/** Phần hiển thị các đơn vị chức năng **/
.o-tree{
  border-spacing: 0px;
  width:100%;
  border :none;
}
.o-tree tr, .o-tree td{
	border:none;
}
.o-root-tree{
  height:48px;
  padding:0;
  margin:0;
}

.o-root-tree div{
  width:30%;
  margin:0 auto;
  height : 48px;
  text-align:center;
  padding-top:14px;
  box-sizing:border-box;
  max-height:48px;
  font-weight: bold;
      background: #221181;
    color: white;
    border: none;
    text-transform: uppercase;
}
.o-tree-path{
  height:30px;
  padding:0;
  margin:0;
}

.o-tree-path div.path{
  height:30px;
  max-height:30px;
  margin:0 auto;
  border-left:solid 1px gray;
  width:0px;
}

.o-tree-leaf{
  height:30px;
  max-height:30px;
  width:33%;
  vertical-align:top;
}

.o-tree-leaf div.leaf-box{
  height:100%;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  position:relative;
}

.o-tree-leaf div.leaf-box div.right{
  height:0;
  width:51%;
  box-sizing:border-box;
  position:absolute;
  border-top:solid 1px gray;
  right:-1%
}
.o-tree-leaf div.leaf-box div.path{
  height:30px;
  max-height:30px;
  margin:0 auto;
  border-left:solid 1px gray;
  width:0px;
}
.o-tree-leaf div.leaf-box div.left{
  height:0;
  width:51%;
  box-sizing:border-box;
  position:absolute;
  border-top:solid 1px gray;
  left:-1%
}

.o-tree-leaf div.leaf-box div.center{
  height:0px;
  border-top:solid 1px gray;
  width:100%;
  position:absolute;
  top:0;
  right:0;
  left:0;
}

.o-tree-content{
	width:100%;
	max-width: 100%;
}
.o-tree-content .content-box{
	margin:5px;
	margin-top:-1px;
	border:solid 1px gray;
}

.o-tree-content .content-box div.title{
	font-weight: bold;
	padding: 5px;
	width: 100%;
	max-width: 100%;
	box-sizing:border-box;
	    /* border-bottom: solid 1px gray; */
    background: #221181;
    color: white;
}

.aui .o-tree-content .content-box ul{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
}

.aui .o-tree-content .content-box ul li{
	width: 100%;
	max-width: 100%;
	padding: 5px;
	padding-left: 3px;
	box-sizing:border-box;
	border-bottom: solid 1px lightgray;
}

.aui .o-tree-content .content-box ul li:last-child{
	border-bottom: none;
}

.aui .o-tree-content .content-box ul li a{
	display: inline-block;
	width: 100%;
	max-width: 100%;
	box-sizing:border-box;
}

.aui .display-boss-portlet div,
.aui .dept-tree-portlet div{
	line-height: 24px;
}

.aui .display-boss-portlet legend,
.aui .dept-tree-portlet legend{
    display: block;
    padding-inline-start: 2px;
    padding-inline-end: 2px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    width: auto;
        padding: 0;
    margin-bottom: 5px;
    font-size: 120%;
    line-height: inherit;
    color: #333333;
    
    color: #4792d3;
    font-weight: bold;
}

.aui .display-boss-portlet fieldset,
.aui .dept-tree-portlet fieldset {
     display: block;
    margin-inline-start: 2px;
    margin-inline-end: 2px;
    padding-block-start: 0.35em;
    padding-inline-start: 0.75em;
    padding-inline-end: 0.75em;
    padding-block-end: 0.625em;
    min-inline-size: min-content;
    border-width: 2px;
    border-style: groove;
    border-color: threedface;
    border-image: initial;
}