.view-admin {
	background-color: #fff;
	overflow: auto;
	border-radius: 5px;
	box-shadow: 0px 0px 5px #888;
	line-height: 22px;
	letter-spacing: 0.5px;
}
.view-admin > form > div {
	padding: 3px 10px; 
}

.pg-search > div, .pg-input > div, .pg-info > div {
	margin-top: 1px;
	margin-bottom: 1px;
}
.pg-info > div label {
	font-size: 13px;
	font-weight: normal;
	float: left;
	padding-right: 5px;
	padding-left: 10px;
}
.pg-search > div label, .pg-input > div label {
	font-size: 13px;
	font-weight: normal;
	float: right;
	padding-right: 5px;
	padding-left: 10px;
}
.pg-input-info > div.col-lg-2 label {
	font-weight: bold;
}
.pg-input-info > div label:nth-child(1) {
	float: left;
}
.pg-search > div input, .pg-input > div input, .pg-input > div textarea {
	border: 1px solid #CCD0D4 !important;
}
.pg-input > div textarea {
	min-height: 70px;
	height: auto;
	resize: vertical !important;
	overflow: auto !important;
}
.pg-input > div .ui-autocomplete {
	padding: 0px !important;
	border: none !important;
	width: 100%;
	box-shadow: none;
}
.pg-search .div-search-date > div {
	padding: 0px;
}

.pg-button {
	padding: 0.6em 1em;
}

.pg-button button, .pg-search button, .pg-config button {
	margin-right: 5px;
	background: none !important;
/*     background-color: #ed1a3b !important; */
    background-color: #CCD0D4 !important;
    padding: 3px 10px !important;
    color: #222 !important;
    border: none !important;
    border-radius: 0px;
}
.btn-icon-common.ui-button {
    background: none;
    border: none;
    width: 27px;
    height: 24px;
}
.btn-icon-common.ui-button:hover {
    padding: 0px !important;
    width: 27px;
    background-color: #FFFF99;
}
.pg-button button span, .pg-search button span, .pg-config button span {
	font-size: 13px !important;
	font-weight: normal;
	padding: 1px 7px 3px 7px !important;
}
.pg-button button:HOVER, .pg-search button:HOVER, .pg-config button:HOVER {
    padding: 3px 10px !important;
    font-size: 13px !important;
    background: #999 !important;
}

.pg-data .ui-datatable thead tr th
, .pg-data .ui-datatable .ui-datatable-footer {
	background: none;
	background-color: #CCD0D4;
	color: #222;
}
.pg-data .ui-datatable thead tr th {
	padding: 3px 0px;
}
.pg-data .ui-datatable .ui-datatable-footer {
	line-height: 22px;
	padding: 0px 0px;
}
.pg-data .ui-datatable .ui-datatable-footer label {
	margin: 0px;
}
.pg-data-custom .ui-datatable thead tr th:FIRST-CHILD {
	width: 50px;
}
.pg-data-custom .ui-datatable thead tr th:last-child {
	width: 50px;
}
.pg-data .ui-datatable tbody tr td {
	vertical-align: middle;
}
.pg-data .ui-datatable tbody tr td label {
	font-size: 13px;
	font-weight: normal;
	word-break: break-all;
}
.pg-data .ui-datatable tbody tr td img {
	max-width: 100%;
}
.pg-data .ui-datatable tbody tr td:FIRST-CHILD
,.pg-data .ui-datatable thead tr td:last-child
,.pg-data .ui-datatable tbody tr .date
,.pg-data .ui-datatable tbody tr .center {
	text-align: center;
}
.pg-data .ui-datatable tbody tr .number {
	text-align: right;
}
.pg-data .ui-datatable thead tr td:last-child > button {
	padding: 0px;
	margin: auto;
}
.pg-data .ui-datatable tr td textarea {
	height: 90px !important;
	border: none;
	line-height: 22px;
	letter-spacing: 0.5px;
}
.pg-data .ui-menubutton button {
	width: 34px;
	padding: 0px !important;
	height: 34px;
	background: none;
	border: none;
	background-image: url("common/images/icons/icon-menu.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 34px;
}
.pg-data .ui-menubutton button .ui-icon {
	display: none;
}
.pg-data .ui-menubutton:HOVER {
	background-color: #ccc;
}
.ui-menu {
	width: auto !important;
/* 	background-color: #fff; */
}

.btn-none {
	background: none !important;
	border: none !important;
}
.p-upload > .ui-panel-content > div > .ui-panel-content > div
, .p-upload > .ui-panel-content > div > .ui-panel-content > div > .ui-panel-content
, .p-upload, .p-upload > .ui-panel-content {
	border: none;
	padding: 0px !important;
	margin: 0px;
}
.p-upload .ui-fileupload-buttonbar .ui-button {
	background: none;
    background-color: #CCD0D4;
    padding: 0px;
    color: #222;
    border: none;
    border-radius: 0px;
    height: 24px;
    width: 100%;
}
.p-upload .ui-fileupload-buttonbar .ui-button:HOVER {
	color: #000;
	background-color: #999;
	font-size: 12px !important;
}
.p-upload .ui-fileupload-buttonbar .ui-button .ui-icon {
	background: none;
}
.p-upload > .ui-panel-content > div
, .p-upload > .ui-panel-content > div > .ui-panel-content {
	border-radius: 0px;
}
.p-upload > span > div {
	margin-top: 5px;
	margin-bottom: 5px;
}
.p-upload > span > div:nth-child(2) label {
	float: left;
	margin-top: 5px;
}

.loading-upload {
	display: none;
	width: 100%;
	position: absolute;
	height: 100%;
	z-index: 30000;
	text-align: center;
	padding-top: 10px;
}
.p-upload > div > div > div > div label {
	width: 100% !important;
}
.d-block {
	display: block !important;
}

/* Grip Info */
.grid-info {
	width: 100%;
}
.grid-info, .grid-info tr, .grid-info tr td {
	border: none !important;
}
.grid-info > tbody > tr > td:nth-child(n) {
	width: 25%;
}
.grid-info > tbody > tr > td:nth-child(n+1) {
	width: 75%;
}
/* /Grip Info */

.div-info {
	max-height: 500px !important;
	min-width:700px;
}
.div-info .div-info-content .title-info {
	text-align: right;
}
.div-info .div-info-content .content-info {
	text-align: left;
	padding-left: 10px;
}

.lbl-title {
	padding-left: 30px;
	font-size: 18px;
}
.lbl-title, .lbl-title label {
	color: #777 !important;
}

.lbl-title label {
	margin-left: 7px;
}

.hr-title-admin {
	margin: 0px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

.fs-search, .fs-input, .fs-data {
	border: none !important;
}
.fs-data {
	margin-top: 30px;
}
.fs-search, .fs-input {
	border-left: 1px solid #ccc !important;
	border-right: 1px solid #ccc !important;
}
.lbl-detail-title {
	font-size: 16px;
	margin: 20px 0px;
}
.lbl-detail-title::BEFORE {
	content: "";
/* 	content:url("images/icon/icon-arrow-right.png"); */
	background-image: url("images/icon/icon-arrow-right.png");
	background-size: 16px;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
	margin-right: 5px;
}
.pg-input-label {
	font-size: 25px !important;
	margin-bottom: 15px !important;
	float: left !important;
}
.fs-data-content {
	max-height:85px;
	overflow:auto;
	display:block;
}

.container-custom {
	max-width: 1200px !important;
	padding-left: 0px;
	padding-right: 0px;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
}

.detail-sim-selled {
	color: red;
	font-weight: bolder;
}

.pg-input>.subject-note > label{
	float:left;
	padding: 0px;
}

.pg-data-custom .ui-datatable thead tr th.action:last-child {
    width: 10%;
}

.pg-data-custom .ui-datatable tbody tr td.action .action-item {
    margin-right: 10px;
}

.pg-input .required{
	font-weight: bold;
}
.pg-note .note{
	font-weight: bold;
}
.pg-data-custom .ui-datatable tbody tr td.col-name img {
     margin-right: 10px;
}
label.pg-note-label {
    float: right;
    font-weight: bold;
    font-size: 20px;
    color: #1a1fc5;
}
label.pg-note-content {
    color: #1a1fc5;
    font-weight: bold;
}
.pg-input .button-edit-data:hover {
    padding: 3px 10px !important;
    font-size: 13px !important;
    background: #999 !important;
}
.div-edit-data-content .ui-button:hover {
    padding: 3px 10px !important;
    font-size: 13px !important;
    background: #999 !important;
}
.div-edit-data-content .div-button .ui-button {
	float:left;
	margin-right:10px;
}
.div-edit-data-content .dtEditData .ui-button{
	width:16px;
	height:16px;
	padding:0px!important;
}
.div-edit-data-content .dtEditData .ui-button .ui-icon{
	left:-1px;
}
.div-edit-data-content .dtEditData thead tr th:last-child {
	width: 50px;
}
.div-edit-data-content .dtEditData{
    overflow: auto;
    height: 200px;
}
.pg-upload-soft-input .label-link-download{
	color:blue;
}
.list-subjects.ui-selectcheckboxmenu{
	width: 100%;
    height: 25px;
}
.list-subjects.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label{
	float:left;
    padding: 0px;
}
.list-subjects.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
    width: 25px;
}
.list-subjects.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
    margin-top: 4px;
    margin-left: 2px;
}