.navbar_fixed {
  background-color: RGBA(33,37,41,var(--bs-bg-opacity,1))!important;
  padding: 3px 0 3px 0;
  position: fixed;
  top: 0;
  height: 38px;
  width: 100%;
  color: #fff;
  z-index:10000;
}
.table-transparent
{
  padding: 0;
  border: 0;
  margin: 0;
  border-spacing: 0;
}
.padding-3
{
  padding: 3px;
}
.center_container{
  text-align: center;
}
.centered_div{  
  display:inline-block;
  text-align: left;
}
.after_navbar {
  margin-top: 41px;
}
.textoverimg_parent {
  position: relative;
  text-align: center;
}
.textoverimg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size:10px;
}
.main_content_parent
{
  flex: 1;
  padding: 20px;
  text-align: center;
}
.main_content
{
  text-align: left;
  width: 100%;
  display:inline-block;
}
.align-right
{
  float:right;
}
.margin_top
{
  margin-top: 3px;
}
.padding
{
  padding: 5px;
}
h1
{
  font-size: 1.5em;
  color: #0C0452;
}
h2
{
  font-size: 1.1em;
  color: #0e0561;
}
h3
{
  font-size: 0.9em;
  color: #0e0561;
  margin: 3px;
  padding: 3px;
}
h2 > a
{
  color: #0e0561;
  text-decoration: none;
}
a.card-footer
{
  color: #0e0561;
  text-decoration: none;
}
.text1
{
  font-size: 1.5em;
}
.text2
{
  font-size: 1.1em;
}
.text3
{
  font-size: 0.9em;
}
.text35
{
  font-size: 0.8em;
}
.text4
{
  font-size: 0.7em;
}
.text5
{
  font-size: 0.5em;
}
.mono
{  
  font-family: monospace;
}
.text-black
{
  color: black;
}
.text-blue
{
  color: #0e0561;
}
.flex_div
{
  display: flex; flex-direction: row;
}
a
{
  color: rgb(48, 58, 192);
  text-decoration: underline;
}
a:hover
{
  color: #2d19da;
  text-decoration: none;
}
.a_h
{
  color: #0e0561;
  text-decoration: none;
}
body
{
  padding:0;
  margin:0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: 100%;
}
.stn {
  position: relative;
  text-align: center;
  color: white;
  padding:0;
  margin:0;
}
.center {
  margin: 0 auto;
  float: none !important;
}
.text-center{
text-align: center;
}
.text-right{
text-align: left;
}
.bg_s
{
position: absolute;
top: 8px;
left: 16px;
}
.h
{
padding-left: 50px;
padding-top: 50px;
}
.frm
{
  width: 100%;
  background-color: #FAFAFA;
  padding: 0;
  display: table;
  color: #0C0452;
}
.form-control
{
  display: block;
  overflow: hidden;
  padding-right:10px;
}
.grb
{
  width: 100%;
  background-color: #FAFAFA;
  padding: 0;
  display: table;
}
.brd1{
  border-width:1px !important;
  border-style: solid !important;
  border-color: black !important;
}
.bcg{  
  background: #0C0452 !important;
  color: white;
}
.tc{
  color: #0C0452;
}
.tab
{  
  border-width:1px !important;
  border-style: solid !important;
  border-color: black !important;
  color: #0C0452;
  text-align: center;
  cursor: pointer;
  padding: 10px !important;
}
.tab_sel:hover
{
  background: #e9e9e9;
}
.tab_active
{  
  background: #0C0452;
  color: white;
  cursor: auto;
}
.btn {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border-width: 0;
  color: #ffffff;
  font-size: 16px;
  background: #07617a;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}
.btn-small
{
  padding: 3px;
  height: 30px;
}
.btn:hover {
  background: #044152;
  text-decoration: none;
}
.input-label {
  display: block;
  padding-right: 5px;
  transform: translate(0, -2.75rem);
}

.input-text {
  width: 100%;
  margin-top: 1.5rem;
  padding: 0.25rem;
  border: none;
  border-bottom: 2px solid #111;
  transition: border-color 0.2s ease;
}

.input-text:focus {
    outline: none;
    border-color: green;
}
textarea {
  width: 100%;
  height: 150px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 16px;
  font-family: Arial, sans-serif;
  resize: vertical;
}

textarea:focus {
  border-color: #0066cc;
  outline: none;
}
label
{
  color: #434fff;
}
@supports (not (-ms-ime-align:auto)) {
  .input-label {
    color: #434fff;
    transform: translate(0.25rem, -1.5rem);
    transition: all 0.2s ease-out;
  }
  
  .input-text:not(:placeholder-shown) + .input-label {
    color: #434fff;
    transform: translate(0, -2.75rem);
  }
}
input.switch:checked + label.switch:after {
	left: calc(100% - 12px);
}
  
input.switch:checked + label.switch {
	background: blue;
}
input.switch:disabled + label.switch {
	background: grey;
  border: 1px solid #ffffff;
}
input.switch:disabled + label.switch:after {
	background: grey;
  border: 1px solid #ffffff;
}
.text_small
{
  font-size: 0.7em;
}
div.text_style
{
  font-size: 14px;
  display: block;
  width: 100%;
  height: 34px;
  background: #FAFAFA;
  color: #323840;
  border: 1px solid #3D85D8;
  border-radius: 4px;
  box-sizing: border-box;
}
div.text_checkbox
{
  padding-left: 5px;
  padding-bottom: 15px;
  color: #1e4c82;
  font-size: 13px;
  font-weight: normal;
    background-color: #FAFAFA;
    color: #000000;
    border: 1px solid #3D85D8;
    border-radius: 4px;
    box-sizing: border-box;
}
.autocomplete_main
{
  position:relative;
  width:100%;
  height:25px;
  border:0;
  padding:0;
  margin:0;
}
.autocomplete_input
{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:30px;
  border:1px solid #A9A9A9;
  margin:0;
  padding:3px;
  z-index:1000;
  box-sizing:border-box;
  border-radius: 5px;
}
.autocomplete_table
{
  position:absolute;
  top:30px;
  left:0px;
  width:100%;
  border:1px solid #A9A9A9;
  margin:0;
  padding:0;
  z-index:1000;
  background-color: white;
  display:none;
}
table.autocomplete_table tr
{
  background-color: #edeff381;
}
table.autocomplete_table tr:hover
{
  background-color: #dee3ee81;
}
table.autocomplete_table img
{
  width: 30px;
  height:30px;
}
input.switch:checked + label.switch:after {
	left: calc(100% - 12px);
}
  input {
    padding: 5px;
    font-size: 16px;    
    background-color: #FFFFFF;
    color: #000000;
  }
  :focus {
    outline:none;
  }
  input[type=checkbox].switch{
      height: 0;
      width: 0;
      visibility: hidden;
  }
  
  label.switch {
      white-space: nowrap;
      cursor: pointer;
      text-indent: 33px;
      width: 30px;
      height: 15px;
      background: white;
      border: 1px solid #3D85D8;
      display: block;
      border-radius: 10px;
      position: relative;
  }
  
  label.switch:after {
      content: '';
      position: absolute;
      top: 1px;
      left: 2px;
      width: 9px;
      height: 9px;
      background: #fff;
      border-radius: 8px;
      border: 1px solid #3D85D8;
      transition: 0.3s;
  }
.div-centered
{
  margin: auto;
}
.img-centered
{
  margin: auto;
  display: block;
}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .flex_1{ order: 2;}
    .flex_2{ order: 1;}
    .col-xs-1 {width: 8.33%;}
    .col-xs-2 {width: 16.66%;}
    .col-xs-3 {width: 25%;}
    .col-xs-4 {width: 33.33%;}
    .col-xs-5 {width: 41.66%;}
    .col-xs-6 {width: 50%;}
    .col-xs-7 {width: 58.33%;}
    .col-xs-8 {width: 66.66%;}
    .col-xs-9 {width: 75%;}
    .col-xs-10 {width: 83.33%;}
    .col-xs-11 {width: 91.66%;}
    .col-xs-12 {width: 100%;}
    .col-xs-0 {display: none;}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) and (max-width: 767px){
  .flex_1{ order: 2;}
  .flex_2{ order: 1;}
    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}
    .col-s-0 {display: none;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 991px){
  .flex_1{ order: 1;}
  .flex_2{ order: 2;}
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
    .col-m-0 {display: none;}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px)  and (max-width: 1199px){
  .flex_1{ order: 1;}
  .flex_2{ order: 2;}
    .col-l-1 {width: 8.33%;}
    .col-l-2 {width: 16.66%;}
    .col-l-3 {width: 25%;}
    .col-l-4 {width: 33.33%;}
    .col-l-5 {width: 41.66%;}
    .col-l-6 {width: 50%;}
    .col-l-7 {width: 58.33%;}
    .col-l-8 {width: 66.66%;}
    .col-l-9 {width: 75%;}
    .col-l-10 {width: 83.33%;}
    .col-l-11 {width: 91.66%;}
    .col-l-12 {width: 100%;}
    .col-l-0 {display: none;}
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .flex_1{ order: 1;}
  .flex_2{ order: 2;}
    .col-xl-1 {width: 8.33%;}
    .col-xl-2 {width: 16.66%;}
    .col-xl-3 {width: 25%;}
    .col-xl-4 {width: 33.33%;}
    .col-xl-5 {width: 41.66%;}
    .col-xl-6 {width: 50%;}
    .col-xl-7 {width: 58.33%;}
    .col-xl-8 {width: 66.66%;}
    .col-xl-9 {width: 75%;}
    .col-xl-10 {width: 83.33%;}
    .col-xl-11 {width: 91.66%;}
    .col-xl-12 {width: 100%;}
    .col-xl-0 {display: none;}
}
[class*="col-"] {
    float: left;
    border: 0;
    box-sizing:border-box;
    
  }
  .row::after {
    content: "";
    padding: 5px;
    clear: both;
    display: table;
  }