#miniHoverDiv {
	position: absolute;
    z-index: 10002;
	display: none;
}

.miniHoverDivBody {
    background: white; /*#474747;*/
    color: #474747;
    width: 200px;
    border-radius: 4px;
    /* padding-right: 8px; */
    /* border: 1px solid #474747; */
    overflow: hidden;
    box-shadow: 0px 0px 2px 0px black;
}

.miniHoverDivTriangle {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #474747;
    margin-left: 18px;
    position: relative;
}
.miniHoverDivTriangleInner {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid white;
    position: absolute;
    top: -6px;
    left: -5px;
}
.longSentHoverDiv, .passiveVoiceHoverDiv, .readabilityHoverDiv, .gradeLevelHoverDiv, .whitelistHoverDiv, .watchWordsHoverDiv, .noIgnoreScoreHoverDiv {
    display: none;
    position: fixed;
    z-index: 10005;
}

.hoverDivBody {
    width: 285px;
    /* height: 100px; */
    background: white;
    position: absolute;
    z-index: 11000;
    box-shadow: #888 0px 2px 6px 1px;
    border-radius: 2px;
    /* border-left: 6px solid; */
    padding-left: 6px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 12px;
    color: black;
    border: 1px #aaa solid;
    border-left: 6px solid;
}


.whitelistHoverDiv, .watchWordsHoverDiv {
	position: relative;
}


.whitelistHoverDiv .hoverDivBody,
.watchWordsHoverDiv .hoverDivBody {
    border-radius: 2px;
    border-left: none;
    padding-left: 12px;
    
    position: absolute;
    top: -52px;
    left: 100%;
    
    z-index: 10000;
}

@media only screen and (max-width: 1640px) {
	.whitelistHoverDiv .hoverDivBody,
	.watchWordsHoverDiv .hoverDivBody {
	    position: absolute;
	    top: -8px;
	    left: -98px;
	}
}

.hoverDivTriangle {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #999;
    margin-left: 18px;
    position: absolute;
}

.hoverDivTriangleOverlay {
    border-bottom-color: white !important;
    position: relative;
    top: 1px;
    left: 18px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid;
    z-index: 11001;
    width: 0;
    height: 0;	
}

.hoverDivBody p {
    font-size: 13px;
    border-bottom: #ddd 1px solid;
    padding-bottom: 4px;
    margin: initial;
}

.no-ignore-group .hoverDivBody {
    /*left: 0px;
    top: 111px;*/    
    left: -106px;
    top: 8px;
}

.no-ignore-tooltip {
    display: none;
    position: relative;
}

.no-ignore-holder:hover .no-ignore-tooltip {
    display: block;
}

.no-ignore-group .hoverDivTriangle {
    margin-left: 25px;
}

.no-ignore-group .hoverDivTriangleOverlay {
    left: 25px;
}

.hoverDivBody.green {
    border-left-color: #299c21;
}
.hoverDivBody.yellow {
    border-left-color: #ffb200;
}
.hoverDivBody.red {
    border-left-color: #d90000;
}

.whitelistedTerms .term-holder,
.watchWordTerms .term-holder {
    background-color: white;
    margin: 4px 0px;
    border-bottom: 1px dashed lightgray;
    padding: 0px 0px;
}
.watchWordTerms .term {
    border-left: 4px solid #ffff55;
    margin: 4px 0px;
    padding-left: 4px;
}

.hoverDivBody .occurrences {
	float: right;
}

.readabilityHoverDiv li {
    padding-left: 12px;
}

.hoverDivBody ul {
    padding-left: 16px;
    margin-bottom: 0px;
}