.page-content-wrapper .no-top-padding {
    padding: 0px 0px 0px 20px; /* LPK : 10px 0 0 20px : Remove top padding from page title, overwrite assets\global\css\layout.css */
}

.page-head .page-title > h1 {
    color:#ffffff; /* LPK : #697882 : Page title text color, overwrite assets\global\css\layout.css */
}

.breadcrumb {
    color: #E9EDF3; /* LPK : #c5ccd5 : Page sub title text color, overwrite assets\global\css\layout.css */
}

.quick-nav .quick-nav-bg {
    background: #80b30d; /* LPK : #36C6D3 : Quick navigation background, overwrite assets\global\css\layout.css */
}
  
.form-control {
    background-color: #f8fbfd; /* LPK : #ffffff : Textbox background, overwrite assets\global\plugins\bootstrap\css\bootstrap.css */
    font-weight: 600; /* LPK : NONE : Textbox background, overwrite assets\global\plugins\bootstrap\css\bootstrap.css */
    border: 1px solid #CACFD2; /* LPK : #c2cad8 : Border color, overwrite assets\global\plugins\bootstrap\css\bootstrap.css */
}

.pagination li.active a {
	background-color: #80b30d; /* LPK : #337ab7 : Table pagination button background, overwrite assets\global\plugins\bootstrap\css\bootstrap.css */
	border-color: #80b30d; /* LPK : #337ab7 : Table pagination button border, overwrite assets\global\plugins\bootstrap\css\bootstrap.css */
}

.pagination > .active > a:hover {
  background-color: #80b30d; /* LPK : #337ab7 : Table pagination button background, overwrite assets\global\plugins\bootstrap\css\bootstrap.css */
  border-color: #80b30d; /* LPK : #337ab7 : Table pagination button border, overwrite assets\global\plugins\bootstrap\css\bootstrap.css */
}

table.dataTable thead tr th.sorting_asc {
    font-weight: bolder;  /* LPK : NONE : Table header font, overwrite assets\global\plugins\datatables\plugins\bootstrap\datatables.bootstrap.css */
    color:#FFFFFF; /* LPK : NONE : Table header font, overwrite assets\global\plugins\datatables\plugins\bootstrap\datatables.bootstrap.css */
	background-color: #B0BED9; /* LPK : NONE : Table header background color, overwrite assets\global\plugins\datatables\plugins\bootstrap\datatables.bootstrap.css */
}

table.dataTable thead tr th.sorting_desc {
    font-weight: bolder;  /* LPK : NONE : Table header font, overwrite assets\global\plugins\datatables\plugins\bootstrap\datatables.bootstrap.css */
    color:#FFFFFF; /* LPK : NONE : Table header font, overwrite assets\global\plugins\datatables\plugins\bootstrap\datatables.bootstrap.css */
	background-color: #B0BED9; /* LPK : NONE : Table header background color, overwrite assets\global\plugins\datatables\plugins\bootstrap\datatables.bootstrap.css */
}

table.dataTable thead tr th.sorting {
    font-weight: bolder;  /* LPK : NONE : Table header font, overwrite assets\global\plugins\datatables\plugins\bootstrap\datatables.bootstrap.css */
    color:#FFFFFF; /* LPK : NONE : Table header font, overwrite assets\global\plugins\datatables\plugins\bootstrap\datatables.bootstrap.css */
	background-color: #B0BED9; /* LPK : NONE : Table header background color, overwrite assets\global\plugins\datatables\plugins\bootstrap\datatables.bootstrap.css */
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 10px; /* LPK : 10px 18px : Table header font, overwrite assets\global\plugins\datatables\datatables.min.css */
}

.nav-tabs li a {
    color: #000; /* LPK : NONE : Tab font, overwrite assets\global\plugins\bootstrap\css\bootstrap.css */
    background-color:#eee; /* LPK : NONE : Tab background, overwrite assets\global\plugins\bootstrap\css\bootstrap.css */
	border: 1px solid #ddd; /* LPK : 1px solid transparent : Tab border, overwrite assets\global\plugins\bootstrap\css\bootstrap.css */    
}

.nav-tabs li a:hover {
    background-color:#ddd; /* LPK : #fff : Tab font, overwrite assets\global\plugins\bootstrap\css\bootstrap.css */
	border-color: #ddd #ddd #ddd; /* LPK : #eeeeee #eeeeee #ddd : Tab font, overwrite assets\global\plugins\bootstrap\css\bootstrap.css */
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    font-weight: bold; /* LPK : NONE : Tab font, overwrite assets\global\plugins\bootstrap\css\bootstrap.css */
}

.panel-default .panel-section { /* LPK : NONE :  Portlet panel font , overwrite assets\global\plugins\bootstrap\css\bootstrap.css */
    font-weight: bold; 
    font-size: 14px; 
    color: #ffffff;
    background-color: #2a7b9b; 
    padding: 8px;
}

body {
    background: #94a0b2; /* LPK : #e9ecf3 : Body background, overwrite assets\global\css\default.css */
}

.page-header.navbar {
    background: #ffffff; /* LPK : #3B3F51 : Header background, overwrite assets\global\css\default.css */
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
    background-color: #eeeeee; /* LPK : #3f4457 : Header navigation button background when hover, overwrite assets\global\css\default.css */
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
    background-color: #eeeeee; /* LPK : #3f4457 : Header navigation button background when clicked, overwrite assets\global\css\default.css */
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
    color: #000000; /* LPK : #aeb2c4 : Header user name font, overwrite assets\global\css\default.css */
}

.page-header.navbar .search-form {
    background: #ffffff; /* LPK : #3B3F51 : Search box background, overwrite assets\global\css\default.css */
}

.page-header.navbar .menu-toggler {
    background-image: url(../../../img/sidebar.png);
}

.select2-container--bootstrap .select2-selection {
    background-color: #f8fbfd; /* LPK : #fff : Textbox background, overwrite assets\global\plugins\select2\css\select2-bootstrap.min.css */
    border-color: #CACFD2; /* LPK : #93a1bb : Textbox background, overwrite assets\global\plugins\select2\css\select2-bootstrap.min.css */
    font-weight: 600;
}

.chats li {    
    font-size: 14px; /* LPK : 12px : Chat item content, overwrite assets\global\css\components-rounded.css */
}

.form .form-body {
    padding: 20px 20px 0px 20px; /* LPK : 20px : Form body borders, overwrite assets\global\css\components-rounded.css */
}

.form .control-label {
    font-weight: 600; /* LPK : normal : Form label, overwrite assets\global\css\components-rounded.css */
}

.form .form-actions {
    padding: 10px 20px 10px 20px; /* LPK : 20px 20px : Form action borders, overwrite assets\global\css\components-rounded.css */
}

.btn.green-sharp:not(.btn-outline) {
    background-color: #36A3F7; /* LPK : #2ab4c0 : Button background, overwrite assets\global\css\components-rounded.css */
    border-color: #36A3F7; /* LPK : #2ab4c0 : Button border, overwrite assets\global\css\components-rounded.css */
}

.btn.green-sharp:not(.btn-outline):focus, .btn.green-sharp:not(.btn-outline).focus {
      background-color: #2592E6; /* LPK : #218d96 : Button on click background, overwrite assets\global\css\components-rounded.css */
      border-color: #2592E6; /* LPK : #135257 : Button on click border, overwrite assets\global\css\components-rounded.css */
}

.btn.green-sharp:not(.btn-outline):hover {
      background-color: #2592E6; /* LPK : #218d96 : Button background on hover, overwrite assets\global\css\components-rounded.css */
      border-color: #2592E6; /* LPK : #1f858e : Button border on hover, overwrite assets\global\css\components-rounded.css */
}

.control-label {
    color: #0E6986; /* LPK : NONE : Label font, overwrite assets\global\css\components-rounded.css */
}

.portlet.box.green-sharp {
    border: 1px solid #0e6986; /* LPK : #46cbd7 : Portlet title border, overwrite assets\global\css\components-rounded.css */
}

.portlet.box.green-sharp > .portlet-title {
    background-color: #07485C; /* LPK : #2ab4c0 : Portlet title background, overwrite assets\global\css\components-rounded.css */
}

.portlet.box.green-sharp > .portlet-title > .actions .btn-default {
    border: 1px solid #ffffff; /* LPK : #79d9e2 : Portlet action button border, overwrite assets\global\css\components-rounded.css */
}

.portlet.box.green-sharp > .portlet-title > .actions .btn-default > i {
    color: #ffffff; /* LPK : #9ae3e9 : Portlet action button icon, overwrite assets\global\css\components-rounded.css */
}

.table.table-bordered thead > tr > th {
    background-color: #f8f8f8; /* LPK : NONE : Table header background, overwrite assets\global\css\components-rounded.css */
}

.table-scrollable {
    border-width: 3px 2px 2px 3px; /* LPK : 1px : Table border, overwrite assets\global\css\components-rounded.css */
}

.table-hover > tbody > tr:hover, .table-hover > tbody > tr:hover > td {
    background: #D3F89E !important; /* LPK : #f3f4f6 : Table row on hover, overwrite assets\global\css\components-rounded.css */
}

table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
    background-color:#D8F781; /* LPK : #B0BED9 : Selected row color, overwrite assets\global\plugins\datatables\datatables.min.css */
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before {
    background-color: #b0c1d2; /* LPK : #36c6d3 : Table collapse button background color, overwrite assets\global\css\plugins.css */
}

div.spacetop {
    padding-top: 5px; /* LPK : NONE : Increase the spacing before the tab and the 1st line control */
}

span.spacebutton {
    margin-left:20px; /* LPK : NONE : To replace the &nsbp; usage for the label of dynamic add button */
}

hr.spaceline {
    margin-top: 21px; /* LPK : NONE : Adjust to top of the line for dynamic add section */
    margin-bottom: 16px; /* LPK : NONE : Adjust to bottom of the line for dynamic add section */
    height:3px;
    border:none;
    color:#eee;
    background-color:#eee;
}

div.sectiontitle {
    margin-top: 21px !important; /* LPK : NONE : Adjust header margin */
    margin-bottom:10px !important; /* LPK : NONE : Adjust header margin */
}

strong.select2-results__group { 
    font-weight: 700; /* LPK : 600 : Adjust font weight for select group option, overwrite assets\global\css\plugins.css */
    background-color: #eee; /* LPK : NONE : Adjust backgroup color for select group option, overwrite assets\global\css\plugins.css */
}

.page-spinner-bar > div, .block-spinner-bar > div {
    background: red; /* LPK : #6fa7d7 : Adjust loading spinner color, overwrite assets/global/css/default.css */
    width: 20px; /* LPK : 18px : Adjust loading spinner szie, overwrite assets/global/css/components-rounded.css */
    height: 20px; /* LPK : 18px : Adjust loading spinner szie, overwrite assets/global/css/components-rounded.css */
}

label.name {
    color:#0e6986;
}

label.value {
    color:black;
}