/*!
 * Bootstrap v5.0.0 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */: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: #06BBCC;
   --bs-secondary: #6c757d;
   --bs-success: #198754;
   --bs-info: #0dcaf0;
   --bs-warning: #ffc107;
   --bs-danger: #dc3545;
   --bs-light: #F0FBFC;
   --bs-dark: #181d38;
   --bs-h: #06bbcc;
   --bs-font-sans-serif: system-ui, -apple-system,"K2D", "Sarabun","Segoe UI", Roboto, "Helvetica Neue", Arial, "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))
 }
 *,
 . * {
margin: 0;
padding: 0;
  },
 *::before,
 *::after {
   box-sizing:border-box
 }
 .clearfix{
	clear: both;
}
 @media (prefers-reduced-motion: no-preference) {
   :root {
    scroll-behavior:smooth
  }
}
body {
 margin:0;
 padding: 0;
 font-family: 'K2D','Sarabun','tohoma', sans-serif;
 /* font-family:"Heebo",sans-serif;*/
 font-size:20px;
 font-weight:400;
 line-height:1.5;

 color:#000;
 background-color:#eae5e5;
 -webkit-text-size-adjust:100%;
 -webkit-tap-highlight-color:rgba(0,0,0,0)
}
fieldset {
      /*background-color: #eeeeee;*/
    }

    legend {
      /* background-color: gray;*/
      color: white;
      padding: 5px 10px;
    }
 .bt_green {
          background-color: white;
          color: black;
          border: 1px solid #4CAF50;
          border-radius: 10px;
          height: 40px;
          width: auto;
          font-size: large;
      }
      .bt_green:hover {
          background-color: #4CAF50;
          color: white;
      }
      /* ********************** button Green ***************************************** */
      .bt_red {
          background-color: white; 
          color: black; 
          border: 1px solid #F10D16;
          border-radius: 10px;
          height: 40px;
          width: auto;
          font-size: large;
      }
      .bt_red:hover {
          background-color: #F10D16;
          color: white;
      }
.form-control {
 display:block;
 width:100%;
 padding:.375rem .75rem;
 font-size:1rem;
 font-weight:400;
 line-height:1.5;
 color:#52565b;
 background-color:#fff;
 background-clip:padding-box;
 border:1px solid #ced4da;
 appearance:none;
 border-radius:0px;
 transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out

}

@media (prefers-reduced-motion: reduce) {
 .form-control {
  transition:none
}
}
.form-control[type="file"] {
 overflow:hidden
}
.form-control[type="file"]:not(:disabled):not(:read-only) {
 cursor:pointer
}
.form-control:focus {
 color:#52565b;
 background-color:#fff;
 border-color:#83dde6;
 outline:0;
 box-shadow:0 0 0 .25rem rgba(6,187,204,0.25)
}
.form-control::-webkit-date-and-time-value {
 height:1.5em
}
.form-control::placeholder {
 color:#6c757d;
 opacity:1
}
.form-control:disabled,
.form-control:read-only {
 background-color:#e9ecef;
 opacity:1
}
.form-control::file-selector-button {
 padding:.375rem .75rem;
 margin:-.375rem -.75rem;
 margin-inline-end:.75rem;
 color:#52565b;
 background-color:#e9ecef;
 pointer-events:none;
 border-color:inherit;
 border-style:solid;
 border-width:0;
 border-inline-end-width:1px;
 border-radius:0;
 transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out
}
@media (prefers-reduced-motion: reduce) {
 .form-control::file-selector-button {
  transition:none
}
}
.form-control:hover:not(:disabled):not(:read-only)::file-selector-button {
 background-color:#dde0e3
}
.form-control::-webkit-file-upload-button {
 padding:.375rem .75rem;
 margin:-.375rem -.75rem;
 margin-inline-end:.75rem;
 color:#52565b;
 background-color:#e9ecef;
 pointer-events:none;
 border-color:inherit;
 border-style:solid;
 border-width:0;
 border-inline-end-width:1px;
 border-radius:0;
 transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out
}
@media (prefers-reduced-motion: reduce) {
 .form-control::-webkit-file-upload-button {
  transition:none
}
}
.form-control:hover:not(:disabled):not(:read-only)::-webkit-file-upload-button {
 background-color:#dde0e3
}
.form-control-plaintext {
 display:block;
 width:100%;
 padding:.375rem 0;
 margin-bottom:0;
 line-height:1.5;
 color:#52565b;
 background-color:transparent;
 border:solid transparent;
 border-width:1px 0
}
.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
 padding-right:0;
 padding-left:0
}
.form-control-sm {
 min-height:calc(1.5em + .5rem + 2px);
 padding:.25rem .5rem;
 font-size:.875rem;
 border-radius:.2rem
}
.form-control-sm::file-selector-button {
 padding:.25rem .5rem;
 margin:-.25rem -.5rem;
 margin-inline-end:.5rem
}
.form-control-sm::-webkit-file-upload-button {
 padding:.25rem .5rem;
 margin:-.25rem -.5rem;
 margin-inline-end:.5rem
}
.form-control-lg {
 min-height:calc(1.5em + 1rem + 2px);
 padding:.5rem 1rem;
 font-size:1.25rem;
 border-radius:.3rem
}
.form-control-lg::file-selector-button {
 padding:.5rem 1rem;
 margin:-.5rem -1rem;
 margin-inline-end:1rem
}
.form-control-lg::-webkit-file-upload-button {
 padding:.5rem 1rem;
 margin:-.5rem -1rem;
 margin-inline-end:1rem
}
textarea.form-control {
 min-height:calc(1.5em + .75rem + 2px)
}
textarea.form-control-sm {
 min-height:calc(1.5em + .5rem + 2px)
}
textarea.form-control-lg {
 min-height:calc(1.5em + 1rem + 2px)
}
.form-control-color {
 max-width:3rem;
 height:auto;
 padding:.375rem
}
.form-control-color:not(:disabled):not(:read-only) {
 cursor:pointer
}
.form-control-color::-moz-color-swatch {
 height:1.5em;
 border-radius:0px
}
.form-control-color::-webkit-color-swatch {
 height:1.5em;
 border-radius:0px
}