body {
 width: auto;
 max-width: 1000px;
 background-color: #CBB9CF;
 text-align: center;
 margin: auto; 
 color: black;
 font-family: Calibri, Arial;
 height: calc(2.25rem + 2px);
 padding: 0.375rem 0.75rem;
 font-size: 1rem;
 background-clip: padding-box;
 border-radius: 0.25rem;
 transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* ------------------ H ------------------ */

h1 {
 background-color: #40E0D0;
 border-radius: 0.25rem;
 text-align: center;
 margin: 2px; 
 color: black;
 height: calc(1.8rem + 2px);
 padding: 0.375rem 0.75rem;
 font-size: 1.5rem;
}

h2 {
 background-color: #B4DAF1;
 border-radius: 0.25rem;
 text-align: center;
 margin: 2px; 
 color: black;
 height: calc(1.60rem + 2px);
 padding: 0.375rem 0.75rem;
 font-size: 1.3rem;
}

h3 {
 background-color: #D5F7E7;
 border-radius: 0.25rem;
 text-align: center;
 margin: 2px; 
 color: black;
 height: calc(1.60rem + 2px);
 padding: 0.325rem 0.75rem;
 font-size: 1.2rem;
}

/* ------------------ TABLE ------------------ */

table.table_alap {
  width: 1000px;
  top: 1px;
  text-align: center;
  border: 5px #805090;
  border-radius: 5px;
  padding: 0px; 
  margin: 0px;
  background: white;
  border-style:ridge;
  height: 1.4rem;
  font-size: 1.3rem;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
table.table_alap th {
  border: 0px solid grey;
  text-align: left;
}
table.table_alap tr {
  width: auto;
  text-align: left;
  vertical-align: top;
}
table.table_alap td {
  width: auto;
  border: 1px solid grey;
  border-collapse: collapse;
  text-align: center;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

table.table_form {
  width: auto; 
  text-align: center;
  border: 0px #805090;
  border-radius: 5px;
  padding: 0px; 
  margin: 0px;
  background: white;
  border-style:ridge;
  height: 1.4rem;
  font-size: 1.3rem;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
table.table_form th {
  border: 0px solid grey;
  text-align: left;
}
table.table_form tr {
  width: auto;
  text-align: left;
  vertical-align: top;
}
table.table_form td {
  width: auto;
  border: 0px solid grey;
  border-collapse: collapse;
  text-align: left;
  border-radius: 0.25rem;
  vertical-align: middle;
}

table.table_azennapom {
  width: auto; 
  text-align: center;
  border: 0px #805090;
  border-radius: 5px;
  padding: 0px; 
  margin: 0px;
  background: white;
  border-style:ridge;
  height: 1.4rem;
  font-size: 1.3rem;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  vertical-align: top;
  border-collapse: collapse;
}
table.table_azennapom th {
  border: 0px solid grey;
  text-align: left;
  vertical-align: top;
}
table.table_azennapom tr {
  width: auto;
  text-align: left;
  vertical-align: top;
}
table.table_azennapom td {
  /*width: auto;*/
  border: 0px solid grey;
  border-collapse: collapse;
  text-align: center;
  border-radius: 0.25rem;
  vertical-align: top;
  /* transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; */
}

table.table_oldal_lapozas {
  width: 100%;
  text-align: center;
  border: 0px #805090;
  border-radius: 5px;
  padding: 2px; 
  margin: 0px;
  background: #E8E8E8;
  border-style:ridge;
  height: 1.4rem;
  font-size: 1.3rem;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
table.table_oldal_lapozas th {
  border: 0px solid grey;
  text-align: center;
}
table.table_oldal_lapozas tr {
  vertical-align: top;
  text-align: center;
}
table.table_oldal_lapozas td {
  width: 17%;
  border: 0px solid grey;
  border-collapse: collapse;
  border-radius: 0.25rem;
  vertical-align: middle;
  text-align: center;
}

table.table_button {
  width: auto; 
  text-align: center;
  border: 0px #805090;
  border-radius: 5px;
  padding: 0px; 
  margin: 0px;
  background: white;
  border-style:ridge;
  height: 1.4rem;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
table.table_button tr {
  width: auto;
  text-align: center;
  vertical-align: middle;
}
table.table_button td {
  width: auto;
  border: 0px solid grey;
  border-collapse: collapse;
  text-align: center;
  vertical-align: middle;
}

table.table1 {
    width: auto; 
    height: auto;
    text-align: left;
    border: 0px solid #D5D5D5;
    vertical-align: top;
    padding: 4px; 
    margin: 2px;
    background: auto;
}
table.table1 th {
  text-align: left;
  border: 0px solid black;
  border-collapse: collapse;
}
table.table1 td {
  text-align: left;
  border: 0px solid black;
  border-collapse: collapse;
  padding: 4px; 
  vertical-align: middle;
}
table.table1 tr {
  text-align: left;
  vertical-align: top;
}

table.login_info {
    width: 100%; 
    height: auto;
    text-align: left;
    border: 0px solid #D5D5D5;
    vertical-align: top;
    padding: 0px; 
    margin: 0px;
}
table.login_info td {
  /*width: 33%;*/ 
  text-align: center;
  border: 0px solid black;
  border-collapse: collapse;
  padding: 2px; 
  vertical-align: middle;
}

table.login {
    width: auto; 
    height: auto;
    text-align: left;
    border: 2px solid #D5D5D5;
    border-radius: 0.8rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    vertical-align: top;
    padding: 0px; 
    margin: 0px;
    text-align: left;
}
table.login tr {
  width: auto; 
  text-align: center;
  border: 0px solid black;
  border-collapse: collapse;
  padding: 1px; 
  text-align: left;
}
table.login td {
  width: auto; 
  text-align: left;
  border: 0px solid black;
  border-collapse: collapse;
  padding: 1px; 
  vertical-align: middle;
}

table.table_tartalom {
    width: 100%; 
    height: 1.2rem;
    font-size: 0.9rem;
    text-align: center;
    border: 0px solid grey;
    vertical-align: middle;
    padding: 0px; 
    margin: 0px;
    background: white;
}
table.table_tartalom th {
    text-align: center;
    border: 0px solid black;
    vertical-align: middle;
    border-collapse: collapse;
  background-color: #EBC0FD;
}
table.table_tartalom tr {
  text-align: left;
  background-color: white;
  vertical-align: middle;
}
table.table_tartalom td {
    text-align: left;
    border: 0px solid black;
    vertical-align: middle;
    border-collapse: collapse;
    padding: 4px; 
    margin: 0px;
}
table.table_tartalom tr:nth-child(even) {
  text-align: left;
  background-color: #F5F5F5;
}
table.table_tartalom tr:nth-child(odd) {
  text-align: left;
  background-color: #E8E8E8;
}            
table.table_tartalom tr:hover {background-color: #D0CDFF;}

table.azennapom_esemeny {
    width: 100%; 
    height: 1.2rem;
    font-size: 0.9rem;
    text-align: center;
    border: 0px solid grey;
    vertical-align: middle;
    padding: 0px; 
    margin: 0px;
    background: white;
}
table.azennapom_esemeny th {
    text-align: center;
    border: 0px solid black;
    vertical-align: middle;
    border-collapse: collapse;
  background-color: #EBC0FD;
}
table.azennapom_esemeny tr {
  text-align: left;
  background-color: #FFCC83;
  vertical-align: middle;
}
table.azennapom_esemeny td {
    text-align: left;
    border: 0px solid black;
    vertical-align: middle;
    border-collapse: collapse;
    padding: 4px; 
    margin: 0px;
}
table.table_tartalom tr:nth-child(even) {
  text-align: left;
  background-color: #F5F5F5;
}
table.table_tartalom tr:nth-child(odd) {
  text-align: left;
  background-color: #E8E8E8;
}            
table.table_tartalom tr:hover {background-color: #D0CDFF;}

 
table.menu {
  font-size: 0.9em;
  border: 2px solid black;
  text-align: left;
  position: relative;
  border-collapse: collapse; 
  width: auto;
  vertical-align: middle;
  /*background-color: white;*/
}
table.menu tr:nth-child(even) {
  background-color: #eee;
  border: 2px solid black;
}
table.menu tr:nth-child(odd) {
  background-color: #fff;
  border: 2px solid black;
}            
table.menu td {
  border: 2px solid black;
  padding: 6px;
  text-align: center;
  vertical-align: middle;
}
table.menu th {
  border: 2px solid black;
  background: #BB3B3B;
  color: white;
  border-radius: 0;
  position: sticky;
  top: 0;
  padding: 4px;
  vertical-align: middle;
  text-align: center;
}
table.menu.primary{
  background-color: #C04646
}

/* ------------------ DIV ------------------ */
div.noreg_foto {
    width: auto;
	height: auto;
	position: absolute;
	background-color: white;
    border: 1px solid gray;
	/*left: 10px;*/
    top: 203px;
    font-size: 1.2rem;
    color: black;
    margin: 5px;
    padding: 0px;
    font-weight:normal;
}

div.form_megjegyzes {
  font-size: 0.8em; 
  font-weight: normal; 
  font-style: italic;
  border: 0px solid black;
  letter-spacing: 0px; 
  color: #A85F5F;
  padding: 0px;
  display: inline-block;
  vertical-align: middle;
}

div.meghivo {
  border: 0px solid black;
  letter-spacing: 0px; 
  color: #A85F5F;
  font-weight: normal;
  padding: 0px;
}

div.meghivo_alert {
  border: 0px solid black;
  letter-spacing: 0px; 
  color: white;
  font-weight: normal;
  background-color: #F14F4F;
  padding: 1px;
}

div.no_esemeny {
  width: auto;
  border: 0px solid black;
  letter-spacing: 0px; 
  color: white;
  font-weight: normal;
  background-color: #39AEBF;
  padding: 10px;
}

div.utolso_login {
  border: 0px solid black;
  letter-spacing: 0px; 
  color: #535353;
  font-weight: normal;
  padding: 1px;
}

div.utolso_login_old {
  border: 0px solid black;
  letter-spacing: 0px; 
  color: #E84545;
  font-weight: bold;
  padding: 1px;
}

div.allomas {
  border: 0px solid black;
  letter-spacing: 1px; 
  color: black;
  font-weight: normal;
  display: inline-block;
  background-color: #8FCFD3;
  padding: 2px;
  height: 22px;
}

div.rendszam_figyelo {
    font-size: 0.7em;
}

div.fejlec_szoveg {
  letter-spacing: 20px; 
  font-size: 4rem;
/*  font-size: 60px; */
  color: #BD8BCA;
  font-weight: bold;
  -webkit-text-fill-color: #BD8BCA; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #AA45C6;
  display: inline-block;
}

div.ido {
  letter-spacing: 0px; 
  font-size: 0.8em;
  color: black;
  font-weight: normal;
  display: inline-block;
}

div.fejlec_bejelentkezve {
  letter-spacing: 0px; 
  font-size: 0.8em;
  color: black;
  font-weight: normal;
  display: inline-block;
}

div.figyelem {
  border: 0px solid black;
  letter-spacing: 3px; 
  color: black;
  font-weight: normal;
  display: inline-block;
  background-color: #FBFF86;
  padding: 5px;
  height: 22px;
}

div.betu30 {
  font-size: 1.5em;
  color: #E7AD3F;
  font-weight: bold;
  -webkit-text-fill-color: black; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #E7AD3F;
}

div.tartalom {
  text-align: left;
  font-size: 1.5em;
  color: black;
  font-weight: bold;
  padding: 10px;
}

/* ------------------ FORM ------------------ */

.form_button_lapozas {
  display: block;
  width: 120px;
  height: calc(1.55rem + 2px);
  font-size: 1rem;
  line-height: 1.2;
  color: white;
  background-color: #16787F;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.55rem;
  font-weight: bold;
}
.form_button_lapozas:hover {
  background-color: #4798C3;
}

.form_button_new {
  display: inline-block;
  width: auto;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.2;
  color: white;
  background-color: #BD8BCA;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-weight: bold;
}
.form_button_new:hover {
  color: white;
  background-color: #B668C9;
  background-clip: padding-box;
  border: 1px solid #ced4da;
}

.form_button_new_small {
  display: inline-block;
  width: auto;
  height: calc(1.45rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 0.8rem;
  line-height: 0.9;
  color: white;
  background-color: #72B1E1;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-weight: bold;
}
.form_button_new_small:hover {
  color: white;
  background-color: #B668C9;
  background-clip: padding-box;
  border: 1px solid #ced4da;
}

.form_button_new_keres {
  display: block;
  width: auto;
  height: calc(1.65rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 0.8rem;
  line-height: 0.9;
  color: white;
  background-color: #805BC9;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-weight: bold;
}
.form_button_new_keres:hover {
  color: white;
  background-color: #B668C9;
  background-clip: padding-box;
  border: 1px solid #ced4da;
}

.form_button_new_oldalankent {
  display: block;
  width: auto;
  height: calc(1.65rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 0.8rem;
  line-height: 0.9;
  color: white;
  background-color: #3C74C8;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-weight: bold;
}
.form_button_new_oldalankent:hover {
  color: white;
  background-color: #B668C9;
  background-clip: padding-box;
  border: 1px solid #ced4da;
}

.form_button_new_szur {
  display: block;
  width: auto;
  height: calc(1.65rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 0.8rem;
  line-height: 0.9;
  color: white;
  background-color: #586CDF;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-weight: bold;
}
.form_button_new_szur:hover {
  color: white;
  background-color: #B668C9;
  background-clip: padding-box;
  border: 1px solid #ced4da;
}

.form_button_new_rendez {
  display: block;
  width: auto;
  height: calc(1.65rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 0.8rem;
  line-height: 0.9;
  color: white;
  background-color: #6C8CC0;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-weight: bold;
}
.form_button_new_rendez:hover {
  color: white;
  background-color: #B668C9;
  background-clip: padding-box;
  border: 1px solid #ced4da;
}

.form_button_new_details {
  display: block;
  width: auto;
  height: calc(1.45rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 0.8rem;
  line-height: 0.9;
  color: white;
  background-color: #E6A945;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-weight: bold;
}
.form_button_new_details:hover {
  color: white;
  background-color: #B668C9;
  background-clip: padding-box;
  border: 1px solid #ced4da;
}

.form_button_new_small_alert {
  display: block;
  width: auto;
  height: calc(1.45rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 0.8rem;
  line-height: 0.9;
  color: white;
  background-color: #F14F4F;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-weight: bold;
}
.form_button_new_small_alert:hover {
  color: white;
  background-color: #B668C9;
  background-clip: padding-box;
  border: 1px solid #ced4da;
}

.form_button_new_cancel {
  display: block;
  width: auto;
  height: calc(1.45rem + 2px);
  padding: 0.375rem 1.75rem;
  font-size: 0.8rem;
  line-height: 0.9;
  color: white;
  background-color: #6571BD;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-weight: bold;
}
.form_button_new_cancel:hover {
  color: white;
  background-color: #B668C9;
  background-clip: padding-box;
  border: 1px solid #ced4da;
}

.form_button_logout {
  text-align: center;
  display: block;
  width: 100%;
  height: calc(1.25rem + 2px);
  padding: 0.205rem 0.75rem;
  font-size: 0.8rem;
  line-height: 1.3;
  color: white;
  background-color: #BD8BCA;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-weight: normal;
  letter-spacing: 7px; 
}

.form_button_logout:hover {
  color: white;
  background-color: #B668C9;
  background-clip: padding-box;
  border: 1px solid #ced4da;
}

.form_button {
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.2;
  color: white;
  background-color: #BD8BCA;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  /* box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); */
  font-weight: bold;
}

.form_button:hover {
  font-size: 1rem;
  color: white;
  background-color: #B668C9;
  background-clip: padding-box;
  border: 1px solid #ced4da;
}

.form_button_fomenu1 {
  text-align: center;
  width: auto;
  height: 1.3em;
  font-size: 1.1em;
  color: black;
  font-weight: normal;
  border: 1px solid;
  padding: 2px;
  box-shadow: 1px 3px 3px #4C4C4C;
  background-color: #FFC47A;
  vertical-align: middle;
  display: inline-block;
}

.form_button_fomenu1:hover {
  background-color: #CA0B0B;
  color: white;
  vertical-align: middle;
  display: inline-block;
}

.form_button_fomenu {
  text-align: center;
  width: auto;
  height: 1.3em;
  font-size: 1.1em;
  color: black;
  font-weight: normal;
  border: 1px solid;
  padding: 2px;
  box-shadow: 1px 3px 3px #4C4C4C;
  background-color: #A6CCF9;
  vertical-align: middle;
  display: inline-block;
}

.form_button_fomenu:hover {
  background-color: #CA0B0B;
  color: white;
  vertical-align: middle;
  display: inline-block;
}

.form_input {
  text-align: left;
  width: auto;
  max-width: 600px; 
  text-align: left;
  border: 1px #805090;
  border-radius: 0.25rem;
  border-style:ridge;
  padding: 1px; 
  margin: 1px;
  background-color: #FDFFEB;
  background-clip: padding-box;
  height: 1.5rem;
  font-size: 1.3rem;
}

.form_input_roll {
  text-align: left;
  width: auto;
  max-width: 600px; 
  text-align: left;
  border: 1px #805090;
  border-radius: 1px;
  padding: 1px; 
  margin: 1px;
  background-color: #FDFFEB;
  background-clip: padding-box;
  border-style:ridge;
  height: 1.8rem;
  font-size: 1.3rem;
  border-radius: 0.25rem;
}

.form_input_roll_alert {
  text-align: left;
  width: auto;
  max-width: 600px; 
  text-align: left;
  border: 1px #805090;
  border-radius: 1px;
  padding: 1px; 
  margin: 1px;
  background-color: #FEEBA6;
  background-clip: padding-box;
  border-style:ridge;
  height: 1.8rem;
  font-size: 1.3rem;
  border-radius: 0.25rem;
}

.form_input_upload {
  text-align: left;
  width: auto;
  max-width: 300px; 
  text-align: left;
  border: 2px #805090;
  border-radius: 0.25rem;
  border-style:ridge;
  padding: 1px; 
  margin: 1px;
  background-color: #FDFFEB;
  background-clip: padding-box;
  height: 1.2rem;
  font-size: 0.9rem;
}

/* ------------------ HR ------------------ */

hr {
  border: 3px solid #E4E4E4;
  border-radius: 2px;
}

hr.hr1 {
  border: 2px solid #BCBCBC;
  border-radius: 2px;
}

hr.hr_aktualis_kamerak {
  border: 4px solid #AC3030;
  border-radius: 2px;
}

hr.hr_piros {
  border: 10px solid red;
  border-radius: 4px;
}

/* ------------------ STYLE ------------------ */

.hibaablak {
    width: auto;
	height: auto;
	position: absolute;
	background-color: #B50F0F;
    border: 3px solid #B50F0F;
	/*left: 0px;*/
    top: 90px;
    font-size: 1rem;
    color: #FDFCF5;
    margin: 15px;
    padding: 5px;
    font-weight:bold;
}

.kozlemeny {
    width: auto;
	height: auto;
	position: absolute;
	background-color: #FEFC7E;
    border: 1px solid black;
	/*left: 0px;*/
    top: 86px;
    font-size: 1.2rem;
    color: black;
    margin: 15px;
    padding: 5px;
    font-weight:bold;
}


/* ------------------ LINK ------------------ */

A         { text-decoration: none; font-weight: normal; }
a:link    { color: black; text-decoration: none; }
a:active  { color: black; text-decoration: none; }
a:visited { color: black; text-decoration: none; }
a:hover   { background-color: #FEF8DF; color: black; text-decoration: none; }

#container {
    overflow:hidden;
    position:relative;
}
#hideMe {
    -webkit-animation: cssAnimation 7s forwards; 
    animation: cssAnimation 7s forwards;
}
@keyframes cssAnimation {
    0%   {opacity: 1;}
    90%  {opacity: 1;}
    100% {opacity: 0;}
}
@-webkit-keyframes cssAnimation {
    0%   {opacity: 1;}
    90%  {opacity: 1;}
    100% {opacity: 0;}
}

.tooltip {
  /*background-color: white;*/
  color: black;
  position: relative;
  display: inline-block;
  padding: 1px;
  margin: 2px;
  border-bottom: 0px dotted grey;
}

.tooltip .tooltiptext {
  border: 5px #DE3030;
  visibility: hidden;
  width: auto;
  background-color: #FFFFFF;
  color: #010101;
  text-align: left;
  border-radius: 6px;
  padding: 10px;
  position: absolute;
  z-index: 1;
    top: -180px;
    left: 100px;
}

.tooltip .tooltiptext2 {
  border: 0px black;
  visibility: hidden;
  width: auto;
  background-color: #FFFFFF;
  color: #010101;
  text-align: left;
  border-radius: 6px;
  padding: 10px;
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tooltip:hover .tooltiptext2 {
  visibility: visible;
}

textarea {
  text-align: left;
  width: 380px;
  max-width: 380px; 
  height: 12rem;
  text-align: left;
  border: 1px #805090;
  border-radius: 0.25rem;
  border-style:ridge;
  padding: 1px; 
  margin: 1px;
  background-color: #FDFFEB;
  background-clip: padding-box;
  font-size: 1.3rem;
  box-sizing: border-box;
  resize: vertical;
}

textarea.alert {
  text-align: left;
  width: 380px;
  max-width: 380px; 
  height: 8rem;
  text-align: left;
  border: 1px #805090;
  border-radius: 0.25rem;
  border-style:ridge;
  padding: 1px; 
  margin: 1px;
  background-color: #FEEBA6;
  background-clip: padding-box;
  font-size: 1.3rem;
  box-sizing: border-box;
  resize: vertical;
}