@font-face {
  font-family: optima;
  src:
url(../webfonts/unicode.optima-webfont.woff2)  format("woff"),
url(../webfonts/unicode.optima-webfont.woff)  format("woff");
  font-weight: 400;
  font-style: normal;}
@font-face {
  font-family: text;
  src:
url(../webfonts/cgor45w-webfont.woff)  format("woff");
  font-weight: 400;
  font-style: normal;}
body {
  font-family: optima, text, Arial, sans-serif;color:#595959;font-size:1.2rem;line-height:1.25;
background-color:#e5eaef;
  margin: 0;
}
.dimmed {opacity: 0.5}
.dimmed:hover {opacity: 1}
.justify {text-align: justify}
h1 {
color: rgb(119, 158, 188);}
.home h1 {width:100%;text-align: center;
padding-top: 25px;
}
h2 {color: rgb(119, 158, 188);}
h3 {color: rgb(119, 158, 188);}
p {color:#595959; font-family: text;font-size: 1.2rem}
pb, .pb {font-weight: bold;color:#595959; font-family: text;font-size: 1.2rem}

.panel {
overflow:auto;
background-color: white;
padding: 0.7rem;
border-radius:0.7rem;
border:1px solid #bfd1dd;

margin-top: 1rem;
box-shadow: 0.1rem 0.1rem rgba(0, 0, 0, 0.1); }

.home table {
    width: 100%;
    padding-top: 30px;
    border-collapse: collapse;
}
.home table thead {
    background-color: #efefef;
    border-bottom: 1px solid #d3dae0;
}
.home table thead td {
    padding: 10px;
    font-weight: 700;
    color: #779ebb;
    font-size: 14px;
}
.home table tbody tr {
    border-bottom: 1px solid #d3dae0;
}
.home table tbody tr:nth-child(even) {
    background-color: #fafafa;
}
.home table tbody tr td {
    padding: 10px;
}
.home table tbody tr td:nth-child(1) {
    color: #a5a7a9;
}

.border {
    border-radius: 0.5rem;
    border: 1px solid #828282;
}
.borderd {
    border-radius: 0.5rem;
    border: 1px double #e1e1e1;
}
.bordert {
    border: 2px solid #d2d2d2;
    border-collapse: collapse;
}
.borderx {
    border: 1px solid #d3dae0;
    border-collapse: collapse;
}
.custom-tooltip {
  --bs-tooltip-bg: var(--bs-tooltip);}
.footer {text-align: center;margin-top: 12px; color: #878787}
/* Add opinion Form */
.newstext{width:100%;padding:2px 5px;margin-top:5px;border:1px dotted #828282;overflow:auto;}
.newstext-short{width:50%;padding:2px 5px;margin-top:5px;border:1px dotted #828282;}
.textbox{padding:5px;margin-top:5px;min-height:400px;border:1px dotted #828282;}
.label{float:left;}
.blr{border:1px solid #5f93bd;border-top:0;border-bottom:0;padding:0 10px;}
.br{border-right:1px solid #5f93bd;padding:0 10px}
.bg-grey {background-color: #EAEEF3}
.bg-bg {background-color: #ebf0f6}

input[type=radio]{  transform:scale(1.1);}
.yellow{color:#ffff24;}
.orange {color:#F7A202}
.green {color:#00C700}
.teal {color:#06C6C5}
.white{color:white;}
.black{color: black;}
.red{color:red;}
.blue{color:#227fd5;}
.txt {color:#595959;}
.txt:hover {color:rgb(0, 131, 255);}
li > a {color:#595959;}
li > a:hover {color:rgb(0, 153, 255);}
.month{width:65px;background-color:red;font-size:1.0rem;color:white;padding:3px 10px;text-align:center;font-weight:bold;}
.day{font-size:16px;text-align:center;margin:5px 0 3px 0;font-weight:bold;padding:0 6px;}
.year{background-color:#b7b7b7;text-align:center;font-weight:bold;font-size:1.0rem;color:white;}
/*.year{background-color:#ffffff;text-align:center;font-weight:bold;font-size:1.0rem;color:rgb(146, 146, 146);}*/
.right{float:right;font-size:.8rem;font-weight:bold;text-align:right;margin:0 4px}
.left{float:left;font-size:.8rem;font-weight:bold;text-align:right;margin:0 4px}
.btn-grad
{
padding: 5px 10px;
background-image: linear-gradient(180deg, rgba(44,93,122,1) 0%, rgba(62,131,172,1) 0%);
background-size: auto;
background-position: 0% 0%;
background-repeat: repeat;
background-color: rgba(102,163,200,1);
border: none;
border-radius: 8px;
color: white;
}
.btn-grad:hover{
background-image: linear-gradient(180deg, rgba(62,131,172,1) 0%, rgba(44,93,122,1) 100%);
background-size: auto;
background-position: 0% 0%;
background-repeat: repeat;
background-color: rgba(102,163,200,1);
color: white;
}
.btn-grad2
{padding: 5px 10px;
background-image: linear-gradient(180deg, rgba(213,234,237,1) 0%, rgba(104,151,149,1) 100%);
background-size: auto;
background-position: 0% 0%;
background-repeat: repeat;
background-color: rgba(0,135,117,1);
border: none;
border-radius: 8px;
color: white;
}
.btn-grad2:hover{
background-image: linear-gradient(180deg, rgba(213,234,237,1) 0%, rgba(104,151,149,1) 58%);
background-size: auto;
background-position: 0% 0%;
background-repeat: repeat;
background-color: rgba(0,135,117,1);
color: white;
}
.btn-am {
  --bs-btn-color: #fff;
  --bs-btn-bg: #779ebb;
  --bs-btn-border-color:transparent;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ff2f00;
  --bs-btn-hover-border: 10px solid #ffffff;
}
fieldset{width:100%;padding:0 30px 20px 30px;border:1px solid #dddddd;border-radius:10px;background-color:#f3f7fa;margin-top:10px;position:relative}
.dotted {border-radius:8px;border:1px dashed black; padding:6px;background-color: white;max-width: 200px;overflow: auto;text-align: center;}
legend { color: #006ac0;  font-size:2rem; font-weight: bolder; padding: 5px 10px; width: auto; background-color:#ffffff; border:1px dotted rgb(113, 113, 113);}
legend, .rounded {border-radius: 12px;}
@media (min-width: 1200px) { legend {font-size: 1.8rem;  }}
legend + * {clear: left;}