/*
#EDDED5
#E79B5C
#354748
#141725
#866B54
#F5C978
*/
.invalidlogin{
    color:yellow;
    background-color:red;
}

.screensize{
	font-size:0.6em;
}	
.hiclass{
    background-color:green;
    color:white;
}
.ss{
    background-color:#FBF5D0;
}

.popcol1{
    width:100px;
    /*background-color:red;*/
    padding:3px;
    font-weight:bold;
    text-transform: capitalize;
}

.t_ss_p{
    text-align:center;
}
.tscol1{
    width:100px;
}
.tscol2{
    width:100px;
}
.headerrow{
    background-color:#866B54;
    color:#F5C978;/*FBF5D0*/
    padding:2px;
}
.tableheader{
    background-color:#866B54;
    color:#F5C978;
	font-size:0.8em;
}	
.column1{
    background-color:#866B54;
    color:#F5C978;
	font-size:0.8em;
}

.tabletotals{
    background-color:#354748;
    color:#EDDED5;
}
.hide {
    display: none;
}
.myDIV:hover + .hide {
display: block;
color: red;
}
.chart-container1 {
    position: relative;
    height: 40vh; /* 40% of viewport height */
    width: 80vw; /* 80% of viewport width */
  }

.paidint{
    background-color: rgb(185, 105, 105) !important;    
    color:white;
}

.targets{
    background-color: orange;    
    color:white;
}

.clicky1{
    width:200px;
}
.clickcol{
    width:320px;
}
.underline{
    border-bottom-style: dotted; 
    border-width: 3px;
    border-color:black;
}
.break1 {
    width:10px;
    background-color: red;
}

.break2{
    width:10px;
    background-color: red;
}
.break3{
    /*width:10px;*/
    background-color: purple;
color:white;
}
.paid1{
    background-color: darkgrey;
    border-left: orange;
    border-width: 3px;
    border-style: line;
}

.paid2{
    background-color: gray;
}

.lp1{
    background-color: white;
}
.lp2{
    background-color: lightgrey
}
.lp3{
    background-color: gray;
}
.org1{
    background-color:darkgreen;
    color:white;
}
.org2{
    background-color:lightgreen
}
.orga{
    background-color: green
}
.orgb{
    background-color: green
}
.high{
/*color:red;*/
color:green;
background-color: yellow;
font-weight:bold;
}
.orggood{
    background-color: yellow;
    color:green;
}
.lpgood{
    background-color: yellow;
    color:green;
}
.lpbad{
    background-color: orange;
    color:black;
}

  