:root {
  --blue: #1e81c0;
  --red: red;
  --grey: grey;
  --ltcol: rgb(62, 62, 108, 0.7);
  --mtcol: rgb(42,123,155, 0.7);
  --btcol: rgb(47, 186, 173.7);
  --temi: rgb(251, 152, 0, 0.7);
}

html{font-family: Verdana, Arial, Tahoma;text-align: center;}
body{background: #f1f6f7;}
h1{text-align: center; }


/* BUTTON FOR TIMEFRAME SELECTOR*/
.row-full {
  width: 100%;
  position: fixed;
  margin-top: 0px;
  height: 30px;}

.btn-group{float: left;}

.btn {border: 2px solid white;fontpadding: 10px 30px; font-size: 16px; cursor: pointer; border-radius: 8px;}
.btgreen {border-color: #04AA6D;color:white;background-color: #04AA6D;}
.btgreen:hover {background-color: #04AA6D;color: white;}

.btgreenlt {color: white;background-color: var(--ltcol);}
.btgreenlt:hover {}
.btgreenmt {color:white;background-color: var(--mtcol);}
.btgreenmt:hover {}
.btgreenbt {color:white;background-color: var(--btcol);}
.btgreenbt:hover {}
.btorange {color: white;background-color: var(--temi);}
.btorange:hover {}

.btblue {border-color: #2196f3; color:dodgerblue;}
.btblue:hover {background-color: #2196f3;color: white;}

.btred {border-color: #f44336;color:red;}
.btred:hover {background-color: #f44336;color: white;}


/* BACKGROUND TABLE COLORS */
.nts {padding-top:30px;}
.nc {text-align: center; padding: 5px 20px;
    background-color: #c0c0c0;
    color:black;
    border:1px solid rgb(0, 0, 0, .7);
    font-size:0.7em;
    white-space: nowrap;}
.nr {text-align: center;
    color: rgb(0,0, 0, 0.7);
    border:1px solid rgb(0, 0, 0, .3);
    font-size:0.8em;
    white-space: nowrap;}


.dis {background-color: #f2f2f2;}
.par {background-color: #e6e6e6;}

.wingding {font-weight: bold;font-size: 1.1em;font-family: wingdingss;}
.alignright {text-align: right;}
.alignleft {text-align: left;}
.blue {background-color: var(--blue);}
.red {background-color: var(--red);}
.grey {background-color: var(--grey);}
.textred {color: var(--red);}
.textblue {color: var(--blue);}
.wblue {color: var(--blue);}
.textbold {font-weight: bold;}
.rsihigh {background-color: yellow; color: red; font-weight: bold;}
.rsilow {background-color: red; color: yellow; font-weight: bold;}
.rsiAww {background-color: var(--blue); color: var(--red); font-weight: bold;}
.rsiAw {background-color: var(--blue); color: black; font-weight: bold;}
.rsiAhr {background-color: var(--red); color: black; font-weight: bold;}
.rsiAr {background-color: yellow; color: black; font-weight: bold;}

.rsilow{
		color:yellow ;
		animation: blinkingBackground 1s infinite;
	}
	@keyframes blinkingBackground{
		0%		{ background-color: red; color: yellow;}
		50%		{ background-color: #ffc300; color: red;}
		100%	{ background-color: red; color: yellow;}
	}


/* SPECIFICHE TAB HEADER */
.estesa {padding: 5px 140px;}
.mezzaestesa {padding: 5px 70px;}
.ticker {font-size: 0.8em; font-weight: bold;}
.descrizione {font-size: 0.8em; font-weight: bold;}
.rating {min-width: 70px; font-size: 0.7em;}
.bggrlt {background-color: var(--ltcol);color: white;}
.bggrmt {background-color: var(--mtcol);color: white;}
.bggrbt {background-color: var(--btcol);color: white;}