.furtherinfo { font-style: italic ; background-color: #cae7f7; border-radius: 10px; padding:10px;margin-top:20px;}

#article table { border-collapse: collapse; width: 100%; margin: 20px 0;}
#article table th { background-color: #011E41; padding: 10px 15px !important ;}
#article table th, #article table td { border: 1px solid #ddd; padding: 8px; text-align: left;} */

#article .custom-span { font-weight: bold; text-decoration: underline;}
#article .error-text { color: #dc3545;}
#article .articletitle {display: inline-block; width:80%;}
#article .highlight { background-color: #fff3cd; padding: 2px 4px;}
#article .noshadow { margin: 5px; padding: 15px ; border: none ; box-shadow:  none; font-size: 18px ; }
#article .section { margin-bottom: 40px; padding: 20px; border: 1px solid #ddd; border-radius: 5px;}
#article .section h2 { color: #333; border-bottom: 2px solid #007cba; padding-bottom: 10px;}
#article .special-div { background-color: #e7f3ff; padding: 15px; margin: 10px 0; border-left: 4px solid #007cba;}
#article .success-text { color: #28a745;}
#article .warning-text { color: #ffc107;}
#article { font-weight: 400; white-space: normal; word-break: break-word; }
#article  { margin: 25px 0px 15px 0px; border: 1px solid #CCC; padding: 15px; box-shadow: 0px 0px 28px 8px #CCC; border-radius: 10px; font-size: 18px ; overflow-x: scroll ; resize: vertical  ; min-height: 350px ; }
#articlecontent a { text-decoration: none ; font-weight: 700; }
#articlecontent a:hover { text-decoration: none ; color: red; }
#articlecontent a:visited { text-decoration: none ; color: #011E41;}
#articlecontent body { color:green ; font-family: sans-serif; line-height: 1.6; margin: 20px; font-family: Arial, sans-serif; max-width: 1200px; margin: 0 auto; padding: 20px; line-height: 1.6;}
#articlecontent h1 { font-size: 2.5rem; margin-bottom: 0.5rem; }
#articlecontent h2 { margin-bottom: 0.4rem; }
#articlecontent h3 { color:green ; margin-bottom: 0.3rem; }
#articlecontent h4 { color:green ; margin-bottom: 0.3rem; }
#articlecontent h5{ color:green ; margin-bottom: 0.3rem; }
#articlecontent li { color:green ; margin-bottom: 0.2rem; }
#articlecontent li { margin-left: 40px; padding-left: -40px ; text-indent: -25px  ; font-size: 18px  ; list-style-type : square  ; color : #011E41  ;}
#articlecontent ol { color:green ; list-style-type: decimal; margin-left: 20px; }
#articlecontent ol li { color:green ; margin-bottom: 0.2rem; }
#articlecontent p { font-size: 2rem ; margin-bottom: 6px ;}
#articlecontent table th:first-child, td:first-child { padding-left: 15px; }
#articlecontent ul { color:green ; list-style-type: disc; margin-left: 20px; }
#articlecontent ul { font-size: 2rem  ; list-style-type : square  ; color : #011E41  ;  }
#articlecontent ul { margin: 0; padding: 0; }
#articlecontent ul li { color:green ; margin-bottom: 0.2rem; }	#articlepriority1 { color: #011E41; }
#articlefooter { float:right  ; position: absolute  ; bottom: 90px  ;}
#articleinternal { font-weight:  700; color: #011E41;}
#articlepriority2 { font-weight:  700; font-size: 120%; color: maroon; }
#articlepriority3 { font-weight:  700; font-size: 120%; color: red; }
#articlepriority4 { font-weight:  700; font-size: 120%; color: red; }
#articlepriority5 { font-weight:  700; font-size: 120%; color: red; }
.pinshow { visibility:visible; position: relative; top: 10px; width: 4rem; }
hr {margin: 10px 0px;}

@media screen and (max-width: 416px) {
    p { font-size: 90%; }
    #articlepriority1 { font-size: 90%; }
    #articlepriority2 { font-size: 90%; }
    #articlepriority3 { font-size: 90%; }
    #articlepriority4 { font-size: 90%; }
    #articlepriority5 { font-size: 90%; }
}