#topmenu {
  margin-bottom: 1px;
}

#content {
  margin: 0 auto;
  padding-left: 3px;
  padding-right: 3px;
}

#content.withsidebar {
  border-left-width: 125px;
}

h4 {
	font-size: 8pt;
}

h2, h3, h4 {
    font-weight: bold;
}

a {
    text-decoration: underline;
}

ul {
	margin-bottom: 0px;
}

code {
	font-size: unset;
}

button.button {
  width: 100px;
  color: #fff;
  background-color: #37b;
  border: 1px outset #37b;
  margin: 3px 3px 3px 0;
  font-size: 8pt;
  padding: 3px;
}

button.button.small {
	width: fit-content;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 90%;
}


/*
 * unset conflicting class
 */

div.box.progress {
    display: revert;
    height: revert;
    overflow: revert;
    line-height: revert;
    font-size: revert;
    /* this is not reverted, since it will also remove intranet framework's color... background-color: revert; */
    border-radius: revert;
}

/*
 * Additional classes
 */

.btn-group-xs > .btn, .btn-xs {
  padding: .25rem .4rem;
  font-size: .775rem; /* TJANDRA - 2024-05-15 16:48:43  --  original: .875rem */
  line-height: .5;
  border-radius: .2rem;
}


/*
 * Sidebar
 */

.left-sidebar {
  xposition: fixed;
  xtop: 0;
  xbottom: 0;
  xleft: 0;
  xz-index: 100; /* Behind the navbar */
  xpadding: 48px 0 0; /* Height of navbar */
  xbox-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
  width: 125px;
  margin-right: 2px;
}

.offset-left-sidebar {
  xpadding-left: 130px;
}

.xsidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .xsidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
  }
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}


/*
 * Sidebar + Form + Box (using Card)
 */

div.card.box {
  padding: 0px;
  margin-left: 2px;
}

div.card.box div.card-header.title {
  padding: 0;
}

div.left-sidebar {
  xxxxflex: 0 0 120px;
}

div.left-sidebar form {
  margin: 0;
}

div.left-sidebar div.form-group {
  margin-bottom: 0.5rem;
}

div.left-sidebar div.form-group label {
  margin-bottom: 0;
}


/*
 * Table
 */

table.result tbody td {
  background-color: unset;
}

table.result tbody tr:hover {
	background-color: rgba(255, 255, 221, 0.75) !important;
}

.table-striped tbody tr:nth-of-type(odd) { /* swap striping between odd and even rows */
    background-color: unset;
}

.table-striped tbody tr:nth-of-type(even) { /* swap striping between odd and even rows */
    background-color: rgba(0,0,0,.05);
}

/*
 * Go Top
 */

#gotop {
    display: none;
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 98;
    padding: 21px;
    height: 40px;
    width: 40px;
    background: url(../img/gotop.svg) no-repeat center 50%;
    background-color: rgba(204, 170, 85, .4);
}

#gotop:hover {
    background-color: rgba(204, 170, 85, .5);
}


/*
 * button colors
 */

button.red {
	background-color: #bb3333;
	border: 1px outset #bb3333;
}

button.green {
	background-color: #33aa33;
	border: 1px outset #33aa33;
}

button.lgreen {
	background-color: #DAF3DA;
	border: 1px outset #33aa33;
}

button.yellow {
	background-color: #999933;
	border: 1px outset #999933;
}

button.lyellow {
	background-color: #cccc99;
	border: 1px outset #cccc99;
}

button.purple {
	background-color: #B64BF3;
	border: 1px outset #7E24B2;
}

button.grey {
	background-color: #aaaaaa;
	border: 1px outset #cccccc;
}


/*
 * form control
 */

.form-control {  /* TJANDRA - this is mainly to reset for select.. but the "display" property is for other controls (since bootstrap set it to "display: block")  */
	font-size: 8pt;
	padding: 3px;
	display: inline;
	height: initial;
}

label { /* TJANDRA - label for radio and checkboxes in sidebar */
	margin-bottom: 0;
	display: unset;
}

input.text {
  height: auto;
  font-size: 8pt;
  color: unset;
  padding: 4px;
}

textarea.form-control {
	width: 400px;
	color: unset;
}


/*
 * alert boxes
 */

div.box.success, div.box.error, div.box.warning {
	xbackground-color: inherit;  /* TJANDRA - 2023-11-22 15:45:12  --  what is this for? because it cause box title issue.. */
}


/*
 * progress bar in boxes
 */

div.box.progress div.bar {
	margin-top: 1px;
	padding-bottom: 1px;
}


/*
 * reintroduce classes that needs high precedence here
 */

.hide {
	display: none;
}

.monofont {
	font-size: 9pt;
}


/*
 * print media
 */

@media print {

	@page {
		size: letter;
	}

	body {
		min-width: unset !important;
		line-height: 1.2;
	}
}