* {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

body {
	padding: 3px 3px 3px 3px;
	background-color: #D8DBE2;
	font-family: Ubuntu, Verdana, sans-serif;
	font-size: 11pt;
	text-align: center;
}

input[type=text], input[type=password], input[type=submit] {
	font-size: 11pt;
}
	
.errcls{
	margin: 20px;
	padding: 5px;
	background-color: salmon;
}

.content_area{
	min-height:350px;
	border: solid #8E9CB2 2px;
}

	div.main_page {
		position: relative;
		display: table;

		width: 1000px;

		margin-bottom: 3px;
		margin-left: auto;
		margin-right: auto;
		padding: 5px;

		border-width: 2px;
		border-color: #212738;
		border-style: solid;

		background-color: #FFFFFF;

		text-align: center;
	}

  div.content_section_text {
    padding: 4px 8px 4px 8px;

    color: #000000;
    font-size: 100%;
  }

  div.content_section_text pre {
    margin: 8px 0px 8px 0px;
    padding: 8px 8px 8px 8px;

    border-width: 1px;
    border-style: dotted;
    border-color: #000000;

    background-color: #F5F6F7;

    font-style: italic;
  }

  div.content_section_text p {
    margin-bottom: 6px;
  }

  div.content_section_text ul, div.content_section_text li {
    padding: 4px 8px 4px 16px;
  }

  div.section_header {
  
    padding: 3px 6px 3px 6px;
    background-color: #8E9CB2;

    color: #FFFFFF;
    font-weight: bold;
    font-size: 112%;
    text-align: center;
    margin-top: 10px;
  }

  div.content_section_text a {
    text-decoration: none;
    font-weight: bold;
  }


  div.content_section_text a:link,
  div.content_section_text a:visited,
   div.content_section_text a:active {
    background-color: #DCDFE6;
    color: #0e3f2b;
  }
	
  div.content_section_text a:hover {
    background-color: #0e3f2b;
    color: #DCDFE6;
  }
  
.tblcenter {
	width: 100%;
	margin-left: 10px;
	margin-right: 10px;
	text-align: left;
}
	
.flex_header{
   display: flex;
   justify-content: space-between;
   align-items: stretch;
   background-color: #0e3f2b;
   border: solid lightgray 1px;
   border-bottom: solid gray 1px;
   min-height: 50px;
   margin-bottom: 10px;
}

.shb_Title img {
   margin: 3px 3px 3px 5px;
}

.flex_header .shb_Title {
   display: flex;
   flex-direction: row;
   align-items: center;		
   color: #cfa949;
   font-size: 18px;
   font-weight: bold;
   font-family: Helvetica, Arial, sans-serif;
   margin-left: 0px;
}

.flex_header .shb_TitleRHS {
	display: flex;
	flex-direction: row;
	align-items: center; /*align-items is perpendicular to the flex-direction*/
	color: #c9bda2;
}

.page_inner{
	margin-left: 10px;
	margin-right: 10px;	
}

.btn_mse:hover {
	cursor: pointer;
}

.btn_exec{
	background-color: #04AA6D;
	border: none;
	color: white;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;	
	border-radius: 8px;
}
.btn_small {
	font-size: 10px;
	border-radius: 6px;
	padding: 2px 5px 2px 5px;
}

.td_label_bkup{
	text-align: right;
	padding-right: 15px;
}

table tr.high-row-style td {
	padding-top: 15px;	
}

table tr td.td_icon {
	width: 35px;
}

.two-col-panel {
  padding-top: 15px;	
  text-align: left;
  display: grid;
  grid-template-columns: 200px auto;  
}

.two-col-panel > div {  
  margin-top: 5px;  
}

.two-col-panel input {  
  width: 300px;  
}

.two-col-panel textarea {  
  width: 300px;
}