.rowline {
    border-bottom: 2px solid var(--sharp-primary);
}
.text-default {  
  color: var(--text-default);
}
.text-primary {  
  color: var(--text-primary);
}
.text-danger {  
  color: var(--text-danger);
}
.text-success {  
  color: var(--text-success);
}
.text-info {  
  color: var(--text-info);
}
.text-warning {  
  color: var(--text-warning);
}
.text-light {  
  color: var(--text-light);
}
.text-dark {  
  color: var(--text-dark);
}

.table {
 margin-bottom: 0px;
}

.table>tbody>tr.primay>td, .table>tbody>tr.primay>th, .table>tbody>tr>td.primay, .table>tbody>tr>th.primay, .table>tfoot>tr.primay>td, .table>tfoot>tr.primay>th, .table>tfoot>tr>td.primay, .table>tfoot>tr>th.primay, .table>thead>tr.primay>td, .table>thead>tr.primay>th, .table>thead>tr>td.primay, .table>thead>tr>th.primay {
  background-color: var(--soft-primary);
}

.table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>thead>tr>td.danger, .table>thead>tr>th.danger {
  background-color: var(--soft-danger);
}

.table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>thead>tr>td.warning, .table>thead>tr>th.warning {
  background-color: var(--soft-warning);
}

.table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>thead>tr>td.info, .table>thead>tr>th.info {
  background-color: var(--soft-info);
}

.table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success {
  background-color: var(--soft-success);
}

.form-control {
  width: 100% !important;
  height: 34px;
}

.row-seperator {
  margin-bottom: 10px;
}

.btn-primary {
  background-color: var(--sharp-primary);
  border-color: var(--sharp-primary);
}

.btn-danger {
  background-color: var(--sharp-danger);
  border-color: var(--sharp-danger);
}

.btn-warning {
  background-color: var(--sharp-warning);
  border-color: var(--sharp-warning);
}

.btn-info {
  background-color: var(--sharp-info);
  border-color: var(--sharp-info);
}

.btn-success {
  background-color: var(--sharp-success);
  border-color: var(--sharp-success);
}

.panel-heading {
  padding: 10px 15px;
}

.panel-primary {
  border-color: var(--sharp-primary);
}

.panel-primary > .panel-heading {
  color: var(--text-light);
  background-color: var(--sharp-primary);
  border-color: var(--sharp-primary);
}

.panel-danger {
  border-color: var(--mid-danger);
}

.panel-danger > .panel-heading {
  color: var(--text-light);
  background-color: var(--mid-danger);
  border-color: var(--mid-danger);
}

.panel-success {
  border-color: var(--mid-success);
}

.panel-success > .panel-heading {
  color: var(--text-light);
  background-color: var(--mid-success);
  border-color: var(--mid-success);
}

.panel-warning {
  border-color: var(--mid-warning);
}

.panel-warning > .panel-heading {
  color: var(--text-light);
  background-color: var(--mid-warning);
  border-color: var(--mid-warning);
}

.panel-info {
  border-color: var(--mid-info);
}

.panel-info > .panel-heading {
  color: var(--text-light);
  background-color: var(--mid-info);
  border-color: var(--mid-info);
}

.panel-default {
  border-color: var(--mid-default);
}

.panel-default > .panel-heading {
  color: var(--text-light);
  background-color: var(--mid-default);
  border-color: var(--mid-default);
}

/* AB Breadcrumb */
.ABBreadcrumb {
  list-style: none;
  display: inline-block;
  margin: 0px;
  padding: 0px;
  margin-top: 5px;
}
.ABBreadcrumb .icon {
  font-size: 14px;
}
.ABBreadcrumb li {
  float: left;
}
.ABBreadcrumb li a {
  color: var(--text-dark);
  display: block;
  background: var(--mid-default);
  text-decoration: none;
  position: relative;
  height: 34px;
  line-height: 30px;
  padding: 1px 10px 0px 5px;
  text-align: center;
  margin-right: 23px;
}
.ABBreadcrumb li:nth-child(even) a {
  background-color: var(--mid-default);
}
.ABBreadcrumb li:nth-child(even) a:before {
  border-color: var(--mid-default);
  border-left-color: transparent;
}
.ABBreadcrumb li:nth-child(even) a:after {
  border-left-color: var(--mid-default);
}
.ABBreadcrumb li:first-child a {
 padding-left: 10px;
 -moz-border-radius: 4px 0 0 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px 0 0 4px;
 padding-right: 5px;
}

.ABBreadcrumb li:first-child a:before {
  border: none;
}
.ABBreadcrumb li:last-child a {
  padding-right: 15px;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0;
  border-radius: 0 4px 4px 0;
}
.ABBreadcrumb li:last-child a:after {
  border: none;
}
.ABBreadcrumb li a:before, .ABBreadcrumb li a:after {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid var(--mid-default);
  border-width: 17px 10px;
  width: 0;
  height: 0;
}
.ABBreadcrumb li a:before {
  left: -20px;
  border-left-color: transparent;
}
.ABBreadcrumb li a:after {
  left: 100%;
  border-color: transparent;
  border-left-color: var(--mid-default);
}
.ABBreadcrumb li a:hover {
  background-color: var(--mid-default);
}
.ABBreadcrumb li a:hover:before {
  border-color: var(--mid-default);
  border-left-color: transparent;
}
.ABBreadcrumb li a:hover:after {
  border-left-color: var(--mid-default);
}
.ABBreadcrumb li a:active {
  background-color: var(--soft-default);
}
.ABBreadcrumb li a:active:before {
  border-color: var(--soft-default);
  border-left-color: transparent;
}
.ABBreadcrumb li a:active:after {
  border-left-color: var(--soft-default);
}
/* End AB Breadcrumb */

/* ABMP Tags */

.ABMP_tag {
  margin-right: 2px;
  display: inline-block;
}

/* END ABMP Tags */

section.content-header {
  margin: 0px;
  padding: 0px;
}
div.ab-header-icon {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  margin-right: 10px;
}
div.ab-header-titles {
  display: inline-block;
}
section.content-header div.ab-header-titles h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  min-height: 39px;
}

section.content-header div.ab-header-titles h2 {
  margin-top: 0px;
  margin-bottom: 0px;
  min-height: 22px;
}
.headerrow {
  padding: 0px;
  margin: 0px;
  max-height: 45px;
  height: 45px;
}
h1 span.label {
  padding: 2px 7px 0px 7px;
  display: inline-block;
  vertical-align: top;
  margin-top: 3px;
  height: 33px;
}
h2 span.label {
  padding: 3px 7px 0px 7px;
  display: inline-block;
  vertical-align: top;
  margin-top: 0px;
  height: 22px;
}
/* Extra helpers */
label {
  margin-left: 10px;
  margin-right: 10px;
}

.panel-default .panel-heading,
.panel-info .panel-heading,
.panel-warning .panel-heading,
.panel-danger .panel-heading,
.panel-success .panel-heading {
  color: var(--text-dark);
  font-weight: bold;
}

.row [class*="col-"]:first-child  {
  padding-left: 0px;
}
.row [class*="col-"]:last-child  {
  padding-right: 0px;
}

.table.narrow th,
.table.narrow td {
  width: 1px;
  white-space: nowrap;
}

.table.narrow .expanded-1 {
  width: 100%;
}

.table.narrow .expanded-2 {
  width: 50%;
}

.table.narrow .expanded-3 {
  width: 33%;
}

.table.narrow .expanded-4 {
  width: 25%;
}

.table.td:has(i) {
  text-align: center;
}

button i.fas,
button i.far,
a i.fas,
a i.far {
  margin-right: 0px;
  margin-left: 0px;
}

.headerbuttons button i.fas,
.headerbuttons button i.far,
.headerbuttons a i.fas,
.headerbuttons a i.far {
  margin-right: 5px;
  margin-left: 0px;
}

a.disabled {
   pointer-events: none;
   cursor: not-allowed;
}

.headerrow .col-sm-6 {
  position: relative;
}

.headerbuttons {
  height: 44px;
  display: inline-block;
  float: right;
  bottom: -5px;
  position: relative;
}

/* ABToolTip */
.ABToolTip {
  display: inline-block;
  position:relative; /* making the .tooltip span a container for the tooltip text */
}

.ABToolTip > i  {
 color: var(--sharp-primary);
}

.ABToolTip.left:before {
  /* reset defaults */
  left:initial;
  margin:initial;

  /* set new values */
  right:100%;
  margin-right:15px;
}

.ABToolTip:before {
  content: attr(data-text);
  position:absolute;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.2s;
  transition-delay: 0.75s;
  display:block;
  
  /* vertically center */
  top:50%;
  transform:translateY(-50%);
  
  /* move to right */
  left:100%;
  margin-left:10px; /* and add a small left margin */
  
  /* box */
  padding:5px;
  background:var(--sharp-default);
  
  border-radius:5px;
  border: 1px solid #888888;
  box-shadow: 6px 5px 7px 0px #888888;
  z-index: 999;
  
  /* text */
  color: var(--text-dark);
  text-align:center;
  font-weight: normal;
}

.ABToolTip:hover:before 
{
  opacity: 1;
}

input.disabled {
 background-color: #f6f6f6;
    border: 1px solid #cacaca;
}

ul.admin-sidebar-menu > li > a > i,
ul.management-sidebar-menu > li > a > i,
ul.sidebar-menu > li > a > i {
  width: 20px;
}

/* 2024-05-27: New PageHeading */
.ABPageHeader {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.ABPageHeader .ABNavigation {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 2px solid var(--sharp-primary);
  margin: 0px;
  padding: 0px;
}

.ABPageHeader .ABNav-Breadcrumb {
  margin: 0px;
  padding: 0px;
  flex-grow: 1;
}

.ABPageHeader .ABNav-Buttons {
  margin: 0px;
  padding: 0px;
  margin-bottom: 5px;
}

.ABPageHeader .ABNav-Breadcrumb .ABBreadcrumb {
  margin: 0px;
  padding: 0px;
}