@import url(https://www.e-oppi.fi/pedanet/css/e-oppi-tyylit.css);
@import url(https://www.e-oppi.fi/pedanet/css/oppiaine-lu-aidinkieli.css);
.enclose, .textmodule, .document h1 {
padding-left:1rem;
margin-top: 1.5rem;

}



h3 {
padding-left: 2rem;
margin-top: 1.5rem;
}

h3 .kolme 
{
color: #a52f2f;

}

.summary {
    background: #E5F0F6; /* 10% Logosininen ---  replaced by subject color */
    border-top: 1px solid #98C4DC; /* 40% Logosininen ---  replaced by subject color */
    border-bottom: 1px solid #98C4DC; /* 40% Logosininen ---  replaced by subject color */
    border-left: 1px solid #98C4DC; /* 40% Logosininen ---  replaced by subject color */
    border-right: 1px solid #98C4DC; /* 40% Logosininen ---  replaced by subject color */
clear: both;
    padding: 1rem;
    overflow: hidden;
margin-left: 2rem;
margin-right: 2rem;
margin-top: 1rem;
border-radius: 15px;
}

.summary h3 {
margin-top: 0;
padding-right: 0;
}
.summary2 {
    background: #CCEAFF; /* 10% Logosininen ---  replaced by subject color */
    border-top: 1px solid #98C4DC; /* 40% Logosininen ---  replaced by subject color */
    border-bottom: 1px solid #98C4DC; /* 40% Logosininen ---  replaced by subject color */
    border-left: 1px solid #98C4DC; /* 40% Logosininen ---  replaced by subject color */
    border-right: 1px solid #98C4DC; /* 40% Logosininen ---  replaced by subject color */
clear: both;
    padding: 1rem;
    overflow: hidden;
margin-left: 6rem;
margin-right: 6rem;
border-radius: 15px;
}
.summary2 h3 {
padding-left: 0;
border-bottom:1px solid #98C4DC;
background: #F7F7F7;
font: 1.6rem "Fira Sans", sans-serif;
font-size: 145%;
text-align: center;
margin-left: -2rem;
margin-right: -2rem;
margin-top: -2rem;
padding-top: 2rem;
padding-bottom: 0.5rem;

}

.highlight {
    background: #f3f3f3; /* 5% Musta */
    border-left: 0.5rem solid #98C4DC; /* 40% Logosininen ---  replaced by subject color */
 border-right: 1px solid #98C4DC; /* 40% Logosininen ---  replaced by subject color */
 border-top: 1px solid #98C4DC; /* 40% Logosininen ---  replaced by subject color */   
 border-bottom: 1px solid #98C4DC; /* 40% Logosininen ---  replaced by subject color */ 
clear: both;
    margin: 1rem 2rem;
    padding: 1rem;
    overflow: hidden;
}

.eoppi-highlight {
    background: #f3f3f3; /* 5% Musta */
    border-left: 0.2rem solid #98C4DC; /* 40% Logosininen ---  replaced by subject color */
 border-right: 1px solid #98C4DC; /* 40% Logosininen ---  replaced by subject color */
 border-top: 1px solid #98C4DC; /* 40% Logosininen ---  replaced by subject color */   
 border-bottom: 1px solid #98C4DC; /* 40% Logosininen ---  replaced by subject color */ 
clear: both;
    margin: 1rem 2rem;
    padding: 1rem;
    overflow: hidden;
}

.eoppi-highlight p:first-of-type { margin-top: 0; }
.eoppi-highlight p:last-of-type  { margin-bottom: 0; }

.eoppi-highlight > .eoppi-highlight {
    margin: 1rem 0;
}

.eoppi-highlight > .eoppi-highlight:last-of-type {
    margin-bottom: 0;
}

.eoppi-highlight.color-1 { background: #d4c4e2; border-color: #baa1d0; }
.eoppi-highlight.color-2 { background: #c8cdda; border-color: #a7b0c4; }
.eoppi-highlight.color-3 { background: #cddcc8; border-color: #b0c7a8; }
.eoppi-highlight.color-4 { background: #e6dcd2; border-color: #d7c8b8; }
.eoppi-highlight.color-5 { background: #f2d5c4; border-color: #eabca2; }
.eoppi-highlight.color-6 { background: #e8c4c4; border-color: #d0a69e; }

.eoppi-highlight.color-3.correct,
.eoppi-highlight.color-6.incorrect {
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 3rem;
    padding-right: 3.5rem;
}

.eoppi-highlight.color-3.correct {
    background-image: url('https://e-oppi.fi/pedanet/icons/highlight/highlight-correct.png');
}

.eoppi-highlight.color-6.incorrect {
    background-image: url('https://e-oppi.fi/pedanet/icons/highlight/highlight-incorrect.png');
}

hr .dotted{
    border: 1px dotted #ff0000;
    
}

 ul {line-height: 120%;	
margin-bottom: 0.5rem;	
margin-top: 1rem;}
ul li {line-height: 150%;
margin-bottom: 0; 
margin-top: 0; 
margin-left: 1rem;
color:#404040; 
margin-right: 1rem; 
text-align: left;
}