/*      #5C6971         gray 
        #81AFB1         azure 
        #EF181E         red
        #D1D2D4         grigio chiar0
        #C20041         ciliegia
----------------------------------------------------------------------------------------------------*/
html {          font-size: 11px;
                font-family: 'Montserrat', sans-serif; }
html,body {     margin: 0;
                padding:0;
                width: 100%;
                height: 100%; }
body {          font-family: arial,sans-serif;
                font-size: 76%; }
div#container { position: relative;
                width: 140em;
                margin: 1px auto;
                background-color: white; }
/*---------------------------------------------CLASSI---------------------------------------------*/
a.bottone, [type=button], [type=submit]  { text-decoration: none;
        text-align: center; }
.pointer {      cursor: pointer;}
.selez {        color: #C20041; }
.notselez {     color: gray; }
.disabled {     pointer-events: none;
                cursor: default; }
.silver {       background-color: silver; }
.clear {        clear:both; }
.evid {         border: solid 1px red;
                background-color: #FFE1DC;   }
.inline {       display: inline; }
.grigio {       color: gray; }
.nomargin{      margin: 0; }
.miatabella {   border-collapse: collapse;
                margin: 0em auto;
                border: 1px solid gray;
                text-align: center;
                font-size: 125%;
                background-color: whitesmoke; }
input:required,
select:required { border: 1px solid #C20041; }
/*------------------------------------------- HEADER-----------------------------------------*/
div#header {                    height: 17em;
                                padding: 1% 2% 0%;}
div.head_img, div.head_cent {   float:left;
                                display: inline-block;
                                height: 50%; }
div.head_img {                  width:22%;
                                background-color: transparent;
                                box-shadow: 3px 8px 3px rgba(0,0,0,0.5); }
div.head_cent {                 width:56%; }
#header img {                   width: 100%;
                                height: 100%;
                                border-radius: 8px; }
#img_sx, #img_dx {              cursor: pointer; }
div#titolo {                    width: 100%;
                                height: 75%;
                                font-family: fantasy;
                                font-weight: bold;
                                font-style: italic;
                                color: #C20041; 
                                text-shadow: 5px 14px 15px rgba(0,0,0,0.5);
                                text-align: center; }
span#pagetitle,span#onlytitle  {    display: block;
                                    font-size: 600%;
                                    width: 90%;
                                    margin: 1% auto;}
span#pagesubtitle {             font-size: 300%;
                                line-height:50%; }
/*----------------------------------------------------------------------------------------------------*/
div#footer, div#content {                       position: static;
                                                width: 100%; }
div#content {                                   padding: 2% 0% 0%; }
div#footer {                                    min-height: 5em;
                                                padding: 1% 0% 2%; }
div#content_inn, div#footer_inn {               position: relative;
                                                overflow: hidden;
                                                margin: 0 auto;
                                                max-width: 94%;
                                                padding: 1%;
                                                padding-bottom: 10%;
                                                border: 1px solid gray;
                                                border-radius: 8px; 
                                                background-color: silver;
                                                box-shadow: 3px 8px 3px rgba(0,0,0,0.5); }
div#footer_inn {                                position: relative;
                                                overflow: hidden;
                                                margin: 0 auto;
                                                max-width: 94%;
                                                padding: 1%;
                                                padding-bottom: 10%;
                                                border: 1px solid red;
                                                border-radius: 8px; 
                                                background-color: black;
                                                box-shadow: 3px 8px 3px rgba(0,0,0,0.5); 
                                                min-height: inherit; }
div#leftcol, div#centralcol, div#rightcol {     float:left;
                                                min-height: inherit; }
div#rightcol {                                  min-width: 18%;
                                                max-width: 18%; }
div#leftcol {                                   min-width: 38%;
                                                max-width: 38%; }
div#centralcol {                                min-width: 44%;
                                                max-width: 44%; }
div#footer_inn a {                              width: 15%;
                                                border: 1px solid whitesmoke;
                                                color: whitesmoke; 
                                                box-shadow: 3px 8px 3px rgba(250,250,250,0.5);   
}
/*-------TOP BAR------------*/
div#top_bar {       height:6em;
                    margin:1em;
}
div#social_link, 
div#contact,
div#language {      overflow: scroll; }
div#contact {       height: 80%;
                    font-size: 1.5vw;
                    width: 48%; 
                    float: left;
                    margin-top: 1%;
                    text-align: center;
                    color: darkgrey; }
div#language {      height: inherit;
                    width: 24%;
                    float: left;
                    margin-right: 1em;
                    text-align: left; }
div#social_link {   height: inherit;
                    width: 24%;
                    float: right;
                    margin-right: 1em;
                    text-align: right; }
div#language img,
div#social_link img {   height: 70%;
                        display: inline;
                        cursor: pointer;
                        border-radius: 6px; }
div#language img {      width: 18%;
                        margin: 0.8em 2%;}
div#social_link img {   width: 15%;
                        margin: 0.8em 2%; }
/*---------------------------------------FINE LAYOUT---------------------------------------------------*/
div#log {       position: absolute;
                top: 20em;
                left: 40em;
                width: 60em;
                height: 30em;
                border: 1.5px solid gray;
                box-shadow: 0 14px 15px rgba(0,0,0,0.5);
                border-radius: 8px; 
                background-color: #81AFB1; }
table#log {     height: 100%;
                width: 100%;
                vertical-align: middle;
                text-align: center;
                font-size: large;
                color: whitesmoke;
                text-shadow: -1px 0 gray, 0 1px gray, 1px 0 gray, 0 -1px gray;
                font-weight: bold; }
input#sublog {  width: 10em;
                font-size: large; 
                color: #00323F;
                padding: 0.5em 3em;
                box-shadow: 8px 8px 8px rgba(0,0,0,0.5);
                border-radius: 8px; }
input#sublog:hover {    font-weight: bold;
                        cursor: pointer;  }
/*-----------------------------------------PAGINA DI LOGIN------------------------------------------------*/
.inside { width:98%;
        height: 98%;
        padding: 0;
        margin: 0;
        border:none;
        background-color:inherit; }
.info { font-size: 130%;
        background-color: #D2D2D2; }
input.testo { width: 60%; }
div.card { position: relative;
                width: 88%;
        margin: 1.5% auto;
        padding: 2% 4%;
        border: solid 1px gray; }
#riass { width: 98%;
        height: 10%;
        line-height: 1.5em;
        margin: 1% 0%;
        padding: 1%;
        border: solid 1px gray;
        font-family: verdana, arial, sans-serif;
        font-size: 150%;
        background-color: whitesmoke; }
#riass div { display: inline-block;
                min-width: 10%;
                margin-left: 8%;}
div.totheig { height: inherit; }
/*--------------------------------------------------TABELLA PRINCIPALE-------------------------------------------*/
table#maintab th  {                     border: 1px solid gray; }
table#maintab {                         border-collapse: collapse;
                                        width: 100%;
                                        margin: 0em auto;
                                        border: 1px solid gray;
                                        text-align: center;
                                        font-size: 125%;
                                        background-color: whitesmoke; }
table#maintab tr.tab_thead {            height: 3em;
                                        background-color: #D1D2D4; }
table#maintab tr {                      height: 2em; }
table#maintab tbody tr:hover {          cursor: pointer;
                                        background-color: #E29FFF; }
table#maintab td {                      width: 17%; }
table#maintab th.selez {                background-color: #D1D2D4; }
/**--------------------------------------------------TABELLA PRINCIPALE-------------------------------------------*/
table#eventi th  {                  border: 1px solid gray; }
table#eventi {                      border-collapse: collapse;
                                    width: 100%;
                                    margin: 0em auto;
                                    border: 1px solid gray;
                                    text-align: center;
                                    font-size: 125%;
                                    background-color: whitesmoke; }
table#eventi tr.tab_thead {         height: 4.5em;
                                    background-color: #D1D2D4; }
table#eventi tr {                   height: 2em; }
table#eventi tbody tr:hover {       cursor: pointer;
                                    background-color: #E29FFF; }
/*----------------------------------------------tabella crescita------------------------------------------------------*/
table#tab_cre {                                 font-size: 80%;
                                                border-collapse: collapse;
                                                width: 100%;
                                                margin: 3em auto;
                                                border: 1px solid gray;
                                                text-align: center; }
table#tab_cre th {                              height: 3em;
                                                min-width: 6em;
                                                border: 1px solid gray;
                                                background-color: #D1D2D4; }
table#tab_cre tr {                              height: 3em; }
table#tab_cre td {                              min-width: 6em; }
/*--------------------------classe menu orizzontale----------------------------------*/
div.menu_oriz ul {              display: inline;
                                list-style-type: none;
                                padding-left: 0px; }
ul.menu_oriz li {               display: inline; }
ul.menu_oriz a {                display: inline-block;
                                text-align: center;
                                text-decoration: none; }
/*-------------------------------------menu orizzontale header---------------------------------- */
div#div_menu_header                 {   position: relative;
                                        width: 100%;    }
div#div_menu_header .disabled       {   color: gray;
                                        background-color: #A2A2A2;
                                        border: none;   }
ul.menu_header                      {   position: absolute;
                                        width: 98%;
                                        margin: 0% auto;    }
ul.menu_header > li                 {   box-shadow: 3px 8px 3px rgba(0,0,0,0.5); }               
ul.menu_header > li > a:hover,
ul.menu_header > li > input:hover   {     font-weight: bold; }
/*--------------------------------------homepage----------------------------------------------------*/
ul#menu_head_homepage > li:nth-child(1) {       margin-left: 3.5em; }
ul#menu_head_homepage > li > a {                min-width: 8em;
                                                padding: 0.3em;
                                                font-size: medium; 
                                                border: solid 1px gray;
                                                color: whitesmoke;
                                                background-color: #81AFB1; }
/*----------------------------------------paziente----------------------------------------------------------*/
#conf {margin-right: 18%;}
ul#menu_head_paziente > li:nth-child(1) {       margin-left: 18%; }
ul#menu_head_paziente > li > a {                min-width: 11em;
                                                padding: 0.3em;
                                                font-size: medium; 
                                                border: solid 1px gray;
                                                color: whitesmoke;
                                                background-color: #81AFB1; }
ul#menu_head > li > input[type=button],
ul#menu_head > li > input[type=submit]         {        float: right;
                                                margin-left: 2%;
                                                box-shadow: 3px 8px 3px rgba(0,0,0,0.5);
                                                min-width: 11em;
                                                padding: 0.3em;
                                                font-size: medium; 
                                                border: solid 1px gray;
                                                color: whitesmoke;
                                                background-color: #81AFB1;
                                                cursor: pointer; }
/*-----------------------------------------menu orizzontale filtri---------------------------------------------------------------- */        
div#filtri {                    height: 3em;
                                line-height: 3em;
                                margin: 3em auto 1em; }
ul.etifiltri li > input {       width: 11em;}
ul.etifiltri li > input:hover { cursor: pointer; }
span#ot {                       margin-left: 18em; } 
input#mostra {                  margin: 2em 9em 1em;
                                height: 1.8em;
                                background-color: whitesmoke;
                                color: gray;
                                width: 20em; }
input#mostra:hover {            cursor: pointer;
                                border: solid 1px #C20041;
                                color: #C20041;
                                background-color: whitesmoke; }
/*----------------------------------------------------etichette colonne---------------------------------------------------*/
input.titolo {                  font-size: 150%;
                                font-weight: bold;
                                height: 2em;
                                line-height: 1.5em;
                                width: 50%;
                                margin: 3% 25% 2%;
                                border: solid 1px gray;
                                border-radius: 8px; 
                                background-color: whitesmoke;
                                box-shadow: 0 2px 2px rgba(0,0,0,0.5);}
input.titolo:hover {            cursor: default; }
/*----------------------------------------tasti precedente e sucessivo pagina paziente--------------------------------------------*/
div#psb {                       margin: 3em 1em 1.5em 2em; }
div#psb input {                 width: 16.5em; }
div#psb input:hover {           border: solid 1px #C20041;
                                color: #C20041; }
div#psb input:disabled:hover {  cursor: default;
                                border: solid 1px #C0C0C0;
                                color: gray; }
/*---------------------------------------------------------dati paziente------------------------------------------------------*/
ul#menu_head_dati_ril > li:nth-child(1) {       margin-left: 50em; }
ul#menu_head_dati_ril > li > a {                min-width: 11em;
                                            padding: 0.3em;
                                            font-size: medium; 
                                            border: solid 1px gray;
                                            color: whitesmoke;
                                            background-color: #81AFB1; }
div#eti_dati_paz {              margin: 0em 1em 0em 2em; }
div#eti_dati_paz input {        width: 11em;
                                margin-right: 0.2em;
                                margin-bottom: 0.2em; }
/*div#eti_dati_paz input:nth-child(1), div#eti_dati_paz input:nth-child(4) { margin-left: 0em;}*/
div#eti_dati_paz input:hover {  cursor: pointer; }
div#dati_paz {                  margin: 0.5em 1em 0em 2em;
                                width: 88%;
                                height: 45em;
                                background-color: whitesmoke;
                                border: solid 1px gray;
                                box-shadow: 2px 7px 8px rgba(0,0,0,0.5); }
div#int_dati_paz {              font-size: 140%;
                                margin: 2% auto;
                                width: 90%;
                                height: 96%;}
div#int_dati_paz div.voce {     float: left;
                                width: 50%;
                                height: 2em;
                                line-height: 2em; }
div#int_dati_paz div.valore {   float: right;
                                width: 50%;
                                height: 2em;
                                line-height: 2em; }
div#tst_eti {                   margin-top: 1em;
                                color:gray; }
div.sch, div.sch_ts {           margin-top: 2em;
                                margin-left: 1em; }
input.et_ts {                   min-width: 7em;
                                margin-left: 0.4em;
                                margin-bottom: 0.2em;
                                color: gray;}
/*---------------------------------------------------------colonna dx dati paziente*/
div.col_dx{                     display: inline-block;
                                width: 86%;
                                font-weight: bold;
                                text-align: center;
                                color: #E1E1E1;
                                font-size: 170%;
                                background-color: whitesmoke;
                                box-shadow: 2px 7px 8px rgba(0,0,0,0.5); }
div#stato {                     margin: 1.8em 1.3em 0em;           
                                height: 6em;
                                line-height: 6em;
                                border: solid 1px #E1E1E1; }
div#studio {                    margin: 1.3em 1.3em 0em;           
                                height: 10em;
                                border: solid 1px gray;
                                color: gray; }                          
div#attach {                    margin: 1em 1.3em 0em;
                                height: 13.7em;
                                border: solid 1px gray; }
div.col_dx span.etich {         display: inline-block;
                                text-align: center;
                                width: 100%;
                                height: 2em;
                                line-height: 2em;
                                color: #E1E1E1;
                                background-color: #006062; }
a.bottone {                     text-decoration: none;
                                display: block;
                                margin: 1em auto;
                                width: 9em;
                                height: 1.5em;
                                line-height: 1.5em;
                                background: #D2D2D2;
                                padding: 2%;
                                text-align: center;
                                border: solid 1px gray;
                                border-radius: 2px;
                                color: #2F2F2F;
                                font-weight: 300; }
a.bottone:hover {               color: #C20041; }      
div#anag input {                margin: 2em 1.5em; }
div#anag input:hover {          border: solid 1px #C20041;
                                color: #C20041; }
/*---------------------------------------------inserimento dati-----------------------------------------*/
div#etich_cen { margin: 2% 0% 1% 30%; }
div#etich_cen input { font-size: large;
                height: 1.5em;
                min-width: 10em; }
div#new_test select, div#new_test [type=text] {  margin-left: 5%;
                text-align: center;
                width: 100%; }
table.new_test { margin-top: 7%;
                border: dashed;}
table.new_test td { min-width: 10em;
                text-align: center;
                padding: 0.3em 0em; }
table.new_test td:nth-child(1),table.new_test td:nth-child(3) {  font-size: 85%;
                border: solid 1px #5C6971;
                background-color: #C20041;
                min-width: 15em; }
table.new_test td:nth-child(2), table.new_test td:nth-child(4) { 
                width: 17em;
                padding: 0em 0em;
                min-width: 17em; }


/*---------------------------- PAGINA NUOVO PAZIENTE -----------------------------------------------------*/
div.settore {                                   position: relative;
                                                float: left;
                                                margin: 1% 0%;
                                                width: 33%; }
div.subcont {                                   margin: 1%;
                                                width: 98%; }
div.base_bassa {                                clear: both;
                                                width: 98%;
                                                height: 12em; }
div.base_alta {                                 padding: 0.5em;
                                                line-height: 0em;
                                                margin: 0.8em auto 0em;
                                                width: 99%; }
div.base_alta a:link                            {  margin: 0.2em;  
                                                    padding: 1em;
                                                    text-align: center;
                                                    text-decoration: none;
                                                    display: inline-block;  }
div#giorn                                       {  overflow: visible;         }
div.base_alta div#giorn a,
div.base_alta div#giorn a.pres
div.base_alta div#giorn a.npres                  {  width: 4em;
                                                    font-weight: bold; }
div.base_alta div#giorn a                       {   background-color: whitesmoke;
                                                    color: gray;
                                                    border: solid 1px gray; }
div.base_alta div#giorn a.pres                  {   background-color: #81afb1;
                                                    color: whitesmoke;
                                                    border: solid 1px gray; }
div.base_alta div#giorn a.npres                  {  color: #c20041;
                                                    border: solid 2px #c20041;}
div.base_alta div#giorn a.bc_red,
div.base_alta div#giorn a.pres .bc_red               { background-color: #c20041; 
                                                    border: solid 2px whitesmoke; }
  
table.insdati select,
table.insdati [type=text]                       {   text-align: center;
                                                    width: 100%;    }
table.insdati [type=text].double {              width: 48%;}
table.insdati [type=text].triple {              width: 31.5%; }
table.insdati {                                 margin: 5% 0% 0% 2%;
                                                font-size: 150%;
                                                border-collapse: collapse; }
/*table.insdati th {                              padding: 0.5em 0em; }*/
table.insdati td {                              text-align: center;
                                                padding: 0.3em 1em; }
table.insdati td:nth-child(1) {                 font-size: 80%;
                                                min-width: 14em; }
table.insdati td:nth-child(2) {                 width: 12em;
                                                padding: 0em 0em;
                                                min-width: 12em; }
table.insdati td:nth-child(1) input[type=button] { min-width: 10em;
                                                color: #FFFFD0;
                                                border: solid 1px whitesmoke;
                                                border-radius: 8px; 
                                                box-shadow: 0 2px 2px rgba(0,0,0,0.5); }
input[type=button].ndato {                      background-color: #8F8F8F; }
input[type=button].dato {                       background-color: #C20041; }
input[type=button].clicc {                      cursor: pointer; }
.notvis {                                       display: none; }                                              
button.sub {                                    width: 25%;
                                                height: 2.5em;
                                                line-height: 1.5em;
                                                margin-top: 3em;
                                                margin-left: 0.5em;
                                                padding: 0em;
                                                font-size: 175%;
                                                font-weight: bold;
                                                color: gray;
                                                background-color: whitesmoke; }
button.sub:nth-child(1) {                       margin-left: 19em; }
button.sub:hover {                              cursor: pointer;
                                                color: #C20041;
                                                border: 1px solid #C20041;}
span.pi {                                        position: absolute;
                                                top: 0.35em;
                                                left: 0.35em;
                                                width: 1em;
                                                padding: 0em 0em;
                                                min-width: 1em;
                                                background-color: #104160;
                                                color: #FFFFD0;
                                                border: solid 1px whitesmoke;
                                                border-radius: 8px; 
                                                box-shadow: 0 2px 2px rgba(0,0,0,0.5);
                                                cursor: help; }                
/*---------------------------- PAGINA PAZIENTE -----------------------------------------------------*/
#centralcont {  position: relative;
                float: left;
                width: 63%;
                background-color:  #81AFB1;
                border: 1px solid gray;}
#rightcont {    position: relative;
                float: left;
                width: 20%; }
#leftcont {     position: relative;
                float: left;
                width:15%; }
#rightcontof2 { position: relative;
                float: left;
                width: 50%; }
#leftcontof2 {  position: relative;
                float: left;
                width: 50%; }
#leftcont div, #rightcont div { width: 90%;
                height: 100%;
                margin: 0% auto;
                border: 1px solid gray; }   
#statediv, #statesuspdiv { height: 6em;
        border: solid 1px black;
        font-weight: bold;
        font-size: 150%; }
#statediv { line-height: 6em; }
#statesuspdiv { height: 4em;
        line-height: 1em;
        padding-top: 2em;
        background-color: #C0C0C0; }
#updowncont img { display: inline-block;
        float: right;
        width: 1.5em;
        height: auto;
        border: 1px solid #C0C0C0;
        border-radius: 40%;
        background-color: whitesmoke;
        margin: 0.15em -0.5em 0em 3em; }
table#tab_cre {}
/*------------------------------------------------stabilita------------------------------------------------*/
/*
input.ore_vent {   width:40%;
                    margin-left:3%; }
*/


/*------------------------------------------------radio and checkbox styling------------------------------------------------*/
input[type=checkbox]:not(old),
input[type=radio   ]:not(old) {
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}
input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label {
  display      : inline-block;
  margin-left  : -2em;
  margin-right: 1em;
  line-height  : 1.5em;
}
nput[type=checkbox]:not(old) + label > span,
input[type=radio   ]:not(old) + label > span {
  display          : inline-block;
  width            : 0.875em;
  height           : 0.875em;
  margin           : 0.25em 0.5em 0.25em 0.25em;
  border           : 0.0625em solid rgb(192,192,192);
  border-radius    : 0.25em;
  background       : rgb(224,224,224);
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom;
}
input[type=radio   ]:not(old).req + label > span { border           : 0.0625em solid #c20041; }
input[type=checkbox]:not(old):checked + label > span,
input[type=radio   ]:not(old):checked + label > span {
  background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :      -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));
}
input[type=checkbox]:not(old):checked + label > span:before {
  content     : 'x';
  display     : block;
  width       : 1em;
  color       : rgb(153,204,102);
  font-size   : 0.875em;
  line-height : 1em;
  text-align  : center;
  text-shadow : 0 0 0.0714em rgb(115,153,77);
  font-weight : bold;
}
input[type=radio]:not(old):checked + label > span > span {
  display          : block;
  width            : 0.5em;
  height           : 0.5em;
  margin           : 0.125em;
  border           : 0.0625em solid rgb(115,153,77);
  border-radius    : 0.125em;
  background       : rgb(153,204,102);
  background-image :    -moz-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :     -ms-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :      -o-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image : -webkit-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :         linear-gradient(rgb(179,217,140),rgb(153,204,102));
}
input[type=radio]:disabled:not(old):checked + label > span > span {
  background-image :    -moz-linear-gradient(rgb(229,229,229),rgb(229,229,229));
  background-image :     -ms-linear-gradient(rgb(229,229,229),rgb(229,229,229));
  background-image :      -o-linear-gradient(rgb(229,229,229),rgb(229,229,229));
  background-image : -webkit-linear-gradient(rgb(229,229,229),rgb(229,229,229));
  background-image :         linear-gradient(rgb(229,229,229),rgb(229,229,229));
}
/*-----------------------------------FUMETTO DESCRIZIONE------------------------------------------*/
.tt,.aa {
    position: relative;
    display: inline-block;
}
.tttt,.aaaa             {   visibility: hidden;
                            text-align: center;
                            border-radius: 6px;
                            padding: 6px;
                            position: absolute;
                            z-index: 1;
                                }
.tttt::after, .aaaa::after {
    content: "";
    position: absolute;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
}
.tttt { width: 800%;
    background-color: #104160;
    color: #fff;
    font-size: 120%;
    top: 100%;
    right: -150%;}
.tttt::after {
    bottom: 100%;
    left: 75%;
    border-color: transparent transparent #104160 transparent;
}
.aaaa {  width: 8em;
                height: 50%;
                line-height: 100%;
                font-weight: bold;
                color: gray;
                background-color: whitesmoke;
                top: -3em;
                left: 0em; }
.npres .aaaa {  color: #c20041; }
.aaaa::after, .pres .aaaa::after,
.bbbb::after, .pres .bbbb::after {  bottom: -45%;
                left: 1em;  }
                
.pres .aaaa {   color: whitesmoke;
                background-color: #81afb1;  }
.aaaa::after {  border-color: whitesmoke transparent transparent transparent;  }
.pres .aaaa::after {  border-color: #81afb1 transparent transparent transparent;  }
.bc_red .aaaa::after {  border-color: #c20041 transparent transparent transparent;  }
.ad_red { background-color: red; }