/*-----------------------------------*/
/* Body Background and general style */
/*-----------------------------------*/
body 
{
   width:100%;
   height:100%;
   line-height: 10px;
   background-color: white;
   font: 9pt verdana, arial,helvetica, sans-serif;
   margin:0px;
   scroll-behavior: smooth;
   background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover;
}

/*-----*/
/* DIV */
/*-----*/

#div_logo         {visibility: visible;  position: fixed;     height: 32px;  width: 100%;   left: 0px;       top: 0px;     z-index: 8;  border: 0px solid #000000;  background-color:white; padding-left: 5px; }
#div_lng          {visibility: visible;  position: fixed;     height: 20px;  width: 140px;  right: 0px;      top: 3px;     z-index: 9;  border: 0px solid #000000;  background-color:white; padding-left: 5px; }
#div_title        {visibility: visible;  position: absolute;  height: 20px;  width: 600px;  left: 50%;       top: 10px;    z-index: 9;  border: 0px solid #000000;  background-color:white; transform: translate(-50%, -50%); }
#div_title_mobile {visibility: visible;  position: absolute;  height: 20px;  width: 100%;   left: 50%;       top: 10px;    z-index: 9;  border: 0px solid #000000;  background-color:white; transform: translate(-50%, -50%); }
#div_main         {visibility: visible;  position: relative;  height: auto;  width: 90%;    margin: 0 auto;  top: 60px;    z-index: 6;  border: 0px solid #000000; }
#div_main_left    {visibility: visible;  position: absolute;  height: auto;  width: 400px;  left: 20px;      top: 0px;     z-index: 7;  border: 0px solid #000000; }
#div_main_right   {visibility: visible;  position: absolute;  height: auto;  width: auto;   left: 450px;     top: 0px;     z-index: 7;  border: 0px solid #000000;  min-width:calc(90% - 450px);}
#div_bottom       {visibility: visible;  position: fixed;     height: auto;  width: 99%;    left: 0px;       bottom: 0px;  z-index: 9;  border: 0px solid #000000;  background-color:white; opacity: 0.6; filter: alpha(opacity=60);}
#div_main_mobile  {visibility: visible;  position: relative;  height: auto;  width: 100%;   left: 0px;       top: 0px;     z-index: 7;  border: 0px solid #000000; }


/*----------------------*/
/* Form configuration   */
/*----------------------*/
.input
{ 
   border-top: 0px solid #000000;
   border-right: 0px solid #000000;
   border-left: 0px solid #000000;
   border-bottom: 1px solid #9ACD32;
   border-radius: 5px;
   background-color: #F9FBFA;
   font-size: 14px;
   font-weight: normal;
   color: #2B2B2B;
   padding: 5px;
}

.input:focus
{
   outline: none;
   border: 1px solid #9ACD32;
   background-color: #e6fabe;
}

img
{
   border:0px solid #000000;
}



a {
   font-size: 14px;
   font-weight: normal;
   color: #808080;
   text-decoration: none;
}

a:hover {
   color: #9ACD32;
}

a.button_return
{ 
   border: 0px solid #000000;
   font-size: 14px;
   font-weight: normal;
   color: #808080;
   text-decoration:none;
}

a.button_return:hover
{ 
   color: #9ACD32;
}

.button
{ 
   border: 2px solid #9ACD32;
   border-radius: 5px;
   background-color: #9ACD32;
   font-size: 16px;
   font-weight: normal;
   color: white;
   padding-top: 2px;
   padding-bottom: 2px;
   padding-left: 20px;
   padding-right: 20px;
   cursor: pointer;
}

.button:hover
{ 
   color: #808080;
}

.radio
{
   border-radius: 5px;
   font-size: 14px;
   font-weight: normal;
   padding-top: 2px;
   padding-bottom: 2px;
   padding-left: 20px;
   padding-right: 20px;
   cursor: pointer;
}

.label-container
{
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.label-block
{
  height:30px;
  display: flex;
  padding: 5px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-size: 14px !important;
  font-weight: normal;
  align-items: center;
}

/*---------------*/
/* Table style   */
/*---------------*/
table, th, td
{
   background-color: transparent;
   border: 0px solid #000000;
}

tr.menu_left
{
   height: 30px;
   valign: top;
}

td.td_block_align
{
   align: right;
}

td.td_button_align
{
   text-align: right;
}

.panel
{
   background-color: #F1F2F2;
   border: 1px solid #F1F2F2;
   border-radius: 5px;
   padding: 10px;
   width: 100%;
   max-width: 100%;
   overflow-x: auto;
   height: 1%;
}

.panel_field
{
   background-color:white;
   border-bottom:1px solid #9ACD32;
   display: block;
   vertical-align: top;
}

.panel_field_min50px
{
   background-color:white;
   border-bottom:1px solid #9ACD32;
   display: block;
   vertical-align: top;
   min-height: 50px;
   height: auto;
   _height: 50px;
   width: 100%;
}

/*------------*/
/* Text style */
/*------------*/
h1 
{
   font-size: 24px;
   font-weight: bold;
   color: #9ACD32;
   margin-top: 3px;
   margin-bottom: 3px;
}

h2 
{
   font-size: 18px;
   font-weight: bold;
   color: #4D4E4E;
   margin-top: 3px;
   margin-bottom: 3px;
   text-align:left;
}

h3 
{
   font-size: 18px;
   font-weight: normal;
   color: #9ACD32;
   margin-top: 3px;
   margin-bottom: 3px;
   margin-left: 3px;
}

h4
{
   font-size: 14px;
   font-weight: normal;
   color: #808080;
   margin-top: 3px;
   margin-bottom: 3px;
   margin-left: 3px;
}

h5
{
   font-size: 12px;
   font-weight:lighter;
   color: #5C5F5E;
   margin-top: 3px;
   margin-bottom: 3px;
   margin-left: 3px;
}

h6
{
   font-size: 9px;
   color: #5C5F5E;
   margin-top: 1px;
   margin-bottom: 1px;
}

p
{
   font-size: 16px;
   font-weight: normal;
   color: #808080;
}

.pointer
{
   cursor: pointer;
}

select {
  cursor: pointer;
}

/*------------*/
/* SMARTPHONE */
/*------------*/
.show-if-smartphone { display: none !important;  }
.hide-if-smartphone { display: inline-block !important; }

@media only screen and (max-width: 980px)
{
   .show-if-smartphone { display: inline-block !important; }
   .hide-if-smartphone { display: none !important;  }

   #div_logo    {visibility: visible;  position: relative;  height: 40px;  width: 99%;  left: 0px;    top: 0px;     z-index: 8;  border: 0px solid #000000;  background-color:white;  }
   #div_lng     {visibility: visible;  position: relative;  height: 30px;  width: 99%;  left: 0px;    top: 0px;     z-index: 9;  border: 0px solid #000000;  background-color:white;  }
   #div_main    {visibility: visible;  position: relative;  height: auto;  width: 95%;   left: 0px;    top: 20px;    z-index: 7;  border: 0px solid #000000;  padding: 5px; }

   .input
   { 
      border-top: 0px solid #000000;
      border-right: 0px solid #000000;
      border-left: 0px solid #000000;
      border-bottom: 1px solid #9ACD32;
      border-radius: 5px;
      background-color: #F9FBFA;
      font-size: 14px;
      font-weight: normal;
      color: #2B2B2B;
      padding:5px;
      display: block;
      width: 100%;
      height: 50px;
   }

   .button
   { 
      border: 2px solid #9ACD32;
      border-radius: 5px;
      background-color: #9ACD32;
      font-size: 16px;
      font-weight: normal;
      color: white;
      padding-top: 2px;
      padding-bottom: 2px;
      padding-left: 20px;
      padding-right: 20px;
      cursor: pointer;
      width: 100%;
      max-width: 100%;
   }

   .radio
   {
      border-radius: 5px;
      font-size: 14px;
      font-weight: normal;
      padding-top: 2px;
      padding-bottom: 2px;
      padding-left: 20px;
      padding-right: 20px;
      cursor: pointer;
   }

   a {
      font-size: 14px;
      font-weight: normal;
      color: #808080;
      text-decoration: none;
   }

   a.button_return
   { 
      border: 0px solid #000000;
      font-size: 14px;
      font-weight: normal;
      color: #808080;
      text-decoration: none;
   }
   
   table
   {
      width: 100%;
   }

   td.td_block
   {
      width: 100%;
      display: block;
      padding-bottom: 10px;
   }

   td.td_block_align
   {
      align: center;
   }

   td.td_button_align
   {
      text-align:center;
   }

   h1
   {
      font-size: 24px;
      text-align: center;
   }

   h2
   {
      font-size: 18px;
      text-align: center;
   }

   h3
   {
      font-size: 18px;
      text-align: center;
   }

   h4
   {
      font-size: 14px;
      text-align: center;
   }

   h5
   {
      font-size: 12px;
      text-align: center;
   }

   h6
   {
      font-size: 9px;
      text-align: center;
   }
}

/*------*/
/* Date */
/*------*/
.calendar_date {
   position: relative;
   border: 1px solid #9ACD32;
   border-radius: 5px;
   background-color: #F1F2F2;
   height: auto;
   display: block;

}