@charset "UTF-8";
:root {
	--bs-blue:   #0d6efd;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink:   #d63384;
	--bs-red:    #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green:  #198754;
	--bs-teal:   #20c997;
	--bs-cyan:   #0dcaf0;
	--bs-white:  #fff;
	--bs-gray:   #6c757d;
	--bs-gray-dark: #343a40;
	--bs-primary: #0d6efd;
	--bs-secondary: #6c757d;
	--bs-success: #198754;
	--bs-info: #0dcaf0;
	--bs-warning: #ffc107;
	--bs-danger: #dc3545;
	--bs-light: #f8f9fa;
	--bs-dark: #212529;

	--ms-soft-orange:#f7ecd6;
	--ms-soft-violet:#f9dbf5;
	--ms-soft-green :#d5fbd5;
	--ms-soft-yellow:#f7f7c9;
	--ms-bgc-gray:#666;
	--ms-border-dark:#333;
	
	--ms-font-sans-serif: Verdana,Helvetica,Arial, system-ui, -apple-system,  "Segoe UI", Roboto,  "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	--bs-gutter-x: 0.75rem;
	--bs-gutter-y: 0rem;
	--ms-gutter-x: 1.5rem;
	--ms-gutter-y: 0rem;
  
  
}

/* my definition */
.boBlackWi3 {border:3px solid #666;}
.boGrayWi3  {border:3px solid #999;}
.boRedWi3   {border:3px solid red;}
.wBorder    {border:1px solid #999;}
.tACenter   {text-align:center}
.tAJust     {text-align:justify}
.tARi       {text-align:right}
.bColor     {background-color:#666;}
.bColorE    {background-color:#eee;}
.bRad10     {border-radius:10px}
.fColor     {color:white}
.fSize16    {font-size:16px}
.fSize26    {font-size:26px}
.flRi       {float:right}
.flLe       {float:left}
.mHeight    {min-height:20px}
.height22   {min-height:22px}
.mMargin10  {margin:10px}
.mMargin20  {margin:20px}
.mMargin50  {margin:50px}
.mPadding35 {padding:3px 5px 3px 5px}
.mPadding10 {padding:10px}
.mPadding50 {padding:50px}
.error      {color:red;font-weight:600;}
.noerror    {color:blue;font-weight:600;}
.dGrid      {display:grid}
.mWi800     {width:800px}

h1 {margin:0;padding:0;color:black;text-align:left;font-size:16px;}
h3 {margin:0;padding:0;color:blue;text-align:left;font-size:16px;}
h4 {margin:0;padding:0;color:#1ec21f;text-align:left;font-size:16px;}/* hell gruen*/
h5 {margin:0;padding:0;color:red;text-align:left;font-size:16px;}

h6 {margin:0;padding:0;color:black;text-align:left;font-size:12px;}
h7 {margin:0;padding:0;color:blue;text-align:left;font-size:12px;}
h8 {margin:0;padding:0;color:#1ec21f;text-align:left;font-size:12px;}
h9 {margin:0;padding:0;color:red;text-align:left;font-size:12px;}

h1.entry-title {
    font-size: 36px;
}

table {
	border-collapse: collapse;
	border-spacing:0px;
}
table>thead>tr>th.normal {
	border:1px solid #dedede;
	padding:5px;
	white-space:nowrap;
	xbackground-color:#eee;
}
table>tbody>tr>td.normal{
	border:1px solid #dedede;
	padding:5px;
	white-space:nowrap;
}
table th.sticky {
	/* this is for all Safari (Desktop & iOS), not for Chrome */
	position: -webkit-sticky; 
	position: sticky;
    top: -3px;
    z-index: 10; 
}
.pPointer{
	cursor:pointer;
}
button {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  border-radius: 0;
  cursor:pointer;
  white-space:nowrap;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/* row 37  */
*, *::before, *::after {
    box-sizing: border-box;
}
/* row 47 */
body {
    margin: 0;
    padding: 0;
    font-family: var(--ms-font-sans-serif);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* row 143 */
ol, ul {
    padding-left: 2rem;
}
/* row 149 */
ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1rem;
}
/* row 204 */
a {
    color: #0d6efd;
    text-decoration: underline;
}
/* row 598 */
.container,.container-fluid,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm {
    width: 80%;
    padding-right: var(--ms-gutter-x);
    padding-left:  var(--ms-gutter-x);
    margin-right: auto;
    margin-left: auto;
}
/* row 607  */
@media (min-width: 576px){
	.container-sm, .container {
		max-width: 540px;
	}
}
/* row 631 */
.row {
    --ms-gutter-x: 1.5rem;
    --ms-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--ms-gutter-y) * -1);
    margin-right: calc(var(--ms-gutter-x) / -2);
    margin-left: calc(var(--ms-gutter-x) / -2);
}
/* row 640 */
.row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--ms-gutter-x) / 2);
    padding-left: calc(var(--ms-gutter-x) / 2);
    margin-top: var(--ms-gutter-y);
}
/* row 748 */
.col-12 {
    flex: 0 0 auto;
    width: 100%;
}
/* row 927   col-sm-6 */
@media (min-width: 576px){
	.col-sm-6 {
		flex: 0 0 auto;
		width: 50%;
	}
}
/* row 1343  col-lg-4 */
@media (min-width: 992px){
	.col-lg-4 {
		flex: 0 0 auto;
		width: 33.3333333333%;
	}
}



/* row 7400 */
.bg-light {
    background-color: #f8f9fa !important;
}

@media (min-width: 576px) {
	.navbar-expand-sm .navbar-nav {flex-direction: row;}
}
@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}