/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/
.displayNone{
	display: none;
}
th {
	text-align: center;
}

.td-center {
	text-align: center !important;
}

.td-right {
	text-align: right;
}

.td-left {
	text-align: left;
}

.div-center {
	text-align: center;
}

.div-right {
	text-align: right;
}

.div-underline {
	border-bottom: 1px solid grey;
}

.div-hide {
	display:none;
}

.md-checkbox-inline {
	margin-top: 8px !important
}

.md-checkbox {
	margin-left: 15px;
}

.icon-btn .fa-search {
	padding-bottom: 10px;
}

.portlet-tools {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.label-form {
	color: #999;
}

.page-mask {
	position:absolute;
    left:0;
    top:0;
    z-index:9999;
    background-color:#000;
    display:none;
}
.page-spinner {
	display: none;
    background-color: #ffffff;
    height: 100px;
    width: 250px;
    padding: 20px;
    text-align: center;
    border-radius: 10px;
    z-index:99999;
    background-color: #666666;
    color: #ffffff;
}

.page-spinner .text-loading{
	font-size: 20px;
}

.page-spinner .fa-spin{
	font-size: 20px;
}

.tr-feedback {
	background-color: #fff7ef !important;
}

.table tbody>tr>td.td-vertical{
	vertical-align: middle;
}

.img-thumbnail {
	width: 100% !important;
	display: block !important;
}

.btn-search-1x {
    height: 34px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 6px;
}

.feeds li .col2 {
    width: 200px !important;
    margin-left: -200px !important;
}

.popup-info {
	top:300px;
	left:300px;
	position:fixed;
	z-index:99999;
	padding:1px;
	background-color:#ffffff;
	box-shadow: 1px 1px 5px 1px #000000;
}

.nav-notification {
	margin-top: 30.500;
    margin-right: 10px;
    margin-left: 0px;
    margin-top: 25px;
}

.a-notification {
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
}

.print-table>tbody>tr>td, .print-table>tbody>tr>th, .print-table>tfoot>tr>td, .print-table>tfoot>tr>th, .print-table>thead>tr>td, .print-table>thead>tr>th {
    padding: 4px;
}

.tr-show {
	display : table-row !important;
}

.modal-body {
	overflow-y: auto;
}

.modal-open {
	overflow: hidden;
}

.green-hl {
	border-color : #A4CFD3 !important;
	background-image : none !important;
	background-color : #A4CFD3 !important;
	color : #FFFFFF !important;
}
.green-hl-1 {
	border-color : #D9EBEC !important;
	background-image : none !important;
	background-color : #D9EBEC !important;
	color : #73B6BB !important;
}
.green-hl2 {
	border-color : #73B6BB !important;
	background-image : none !important;
	background-color : #73B6BB !important;
	color : #FFFFFF !important;
}
.green-hl3 {
	border-color : #356A6F !important;
	background-image : none !important;
	background-color : #356A6F !important;
	color : #FFFFFF !important;
}

label.required:after {
  content:" *";
  color:red;
}

table.tr-middle tbody tr th {
	vertical-align: middle;
}
.reference-code-table tbody tr td{
	text-align: center;
}
.ml-0 {
	margin-left: 0 !important;
}
.mb-10 {
	margin-bottom: 10px !important;
}
.mt-15 {
	margin-top: 15px !important;
}
.mb-15 {
	margin-bottom: 15px !important;
}
.mb-25 {
	margin-bottom: 25px !important;
}

.p-0 { padding: 0 !important; }
.m-0 { margin: 0 !important; }