html, 
body {
  height: 100%; /* This is needed to have a sticky footer */
}

body {
    padding-top: 4rem;
    color: #262626;
}

body main {
	max-width: 991px;
	margin: auto;
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: mediumblue;
}

a:after {
    content: "";
    display: inline-block;
}

.link-main {
    color: #0047b3; /*#0252ca/2e359e/29707d*/
	font-weight:410;
}

.link-internal-anchor {
    color:SteelBlue;
}

.link-blue {
    color:SteelBlue;
}

.btn-primary-AR {
    background-color: #2e359e !important; 
}

.btn-primary-AR:hover {
    background-color: #272e86 !important;
}

.btn-read-more {
    margin-top: -0.25rem;
    padding: 0px;
    border: 0px;
    font-size: 0.9rem;
    /*color: darkgrey;*/
    text-decoration: none;
}

.btn-deploy {
    margin-top: -0.30rem;
    margin-left: 0rem;
    padding: 0px;
    font-size: large;
    text-decoration: none;
}

:target::before { /* Adding a fixed-height to the ::before pseudo-element (:target pseudo-class), to avoid internal anchors hidden by the fixed navbar in the top */
    content: "";
    display: block;
    height: 60px; /* fixed header height*/
    margin: -60px 0 0; /* negative fixed header height */
}

ul {
    margin-top: -8px;
}

li {
    margin-top: 0.5rem;
}

h1 {
    text-align: center;
    padding: 0.5rem;
    font-size: 2rem;
}

em {
    font-weight: 610; /* bold = 700 */
    color: #666666; /* 1 point darker : #595959 */
    font-style: normal;
}

cite {
    font-size: small;
}

main {
    flex: 1; /* Flex needed to have a sticky footer */
}

#global-wrapper { /* Using a global wrapper with flex property is required to have a sticky footer */
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

nav {
    background-color: #fbeee9; /* f7ded4 fbeee9 #fff1e6  */
}

.nav-link {
    color: black;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background: #efbda9;
    border-color: #efbda9;
}

.nav-tabs .nav-item {
    border: 2px solid white;
    /*border-bottom: 0px solid #efbda9;  This is to avoid a large white border at the bottom */
    background: #f7ded4;
}

.nav-tabs-top .nav-item.show .nav-link, .nav-tabs-top .nav-link.active {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.nav-tabs-top .nav-item {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.nav-tabs-below {
  border-bottom-width: 0px;
  border-top: 1px solid #dee2e6;
}

.nav-tabs-below .nav-item.show .nav-link, .nav-tabs-below .nav-link.active {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.nav-tabs-below .nav-item {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

@media only screen and (max-width: 600px) {
    .nav-tabs .nav-item {
        border-radius: 12px;
    }
}

.tab-headline {
    margin-left: -2px;
    padding-top: 0.4rem;
    padding-bottom: 1px;
}


.list-group-item {
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom: 1px inset lightgray;
    /*box-shadow: 0px 1px 3px lightgray;
    border-radius: 6px; */
}

.AR-text-color {
    color:#e67112;
}

.big {
    font-size: 1.05rem;
}

.bigger {
    font-size: 1.15rem;
}

#collapseIntro p {
    text-indent: 2rem;
}

.strategy {
	margin-top: 0.8rem;
	margin-bottom: 0.8rem;
    padding-right: 4px;
    /*border-radius: 4px;
	box-shadow: -2px 0px teal;*/
}

.strategy ul {
    /*list-style-image: url(../images/ulLine.png);*/
    margin-top: 0.5rem;
}

.strategy li {
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
    padding-top: 0.3rem;
    padding-bottom: 0.5rem;
    margin-left: 0.75rem;
	border-bottom: 1px solid lightgray;
}

.strategy-sub-ul {
    list-style-type: none;
	border-bottom: none;
}

.strategy-head {
    font-size: 1.1rem;
	font-weight: normal;
}

.strategy-pill {
    margin-top: 0.1rem;
    padding: 0rem 0.3rem 0rem 0.3rem;
    border-radius: 0.6rem; 
    background-color: #b6f0fb; 
    white-space: nowrap;
	font-weight: normal;
}

.btn-strategy {
    margin-top: -0.2rem;
    margin-bottom: 0.1rem;
    padding: 0rem 0.3rem 0rem 0.3rem;
    border-radius: 0.6rem; 
    background-color: #b6f0fb; 
}

.bg-headline {
    border-radius: 2px;
    background-color: #efbda9;
}

.bg-doses {
    background-color: #dceffa; 
    border-radius: 6px;
}

.bg-values {
    background-color: #f2f7f4;
    border-radius: 6px;
}


.tooltip-grey {
    text-decoration: underline grey dotted; 
    color: grey;
}

.tooltip-black {
    text-decoration: underline black dotted; 
    color: black;
}

footer { 
    background-color: #f6f3ee; 
}

.badge-edited {
	font-size: 0.9rem;
	color: green;
	padding: 0px;
	margin-top: -0.3rem;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.badge-non-edited {
	font-size: 0.9rem;
    color: lightgray; 
	padding: 0px;
	margin-top: -0.3rem;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.categoryTag {
    font-size: 0.90rem;
    font-weight: 600;
}

.priorityHigh, .priorityDanger {
	color: crimson; 
}

.priorityModerate {
	color: #70412E;
}

.priorityLow {
	color: #BD816A; /**/
}

.priority1stLineTt, .priority1stLineTest {
    color: #009959; /*#00b368 #006633 teal*/
}

.priority2ndLineTt, .priorityAccessoryTest {
    color: #397D75; /*teal seagreen*/
}

.prioritySomePatients {
    color: #84A38C; /*olive #9f6060 */
}

.strategy1stLine {
    color: darkSlateGrey; 
	/*color: #3c5d58 #7a5a4d;*/
}

.strategy2ndLine {
    color: #396060;
	/*color: #507c75 #5a8c84;*/
}

.ARcheck {
    display: none;
}