/* ---- Tables ---- */

section.content_block .table-responsive.header > table > tbody > tr:first-of-type {
    background-color: var(--extra-light-gray-color)
    
}

section.content_block p {
    margin: 10px 0 10px 0;
}

section.content_block div.table-responsive {
    margin-top: 28px;
}

section.content_block table.table {
    border-bottom: 1px solid var(--light-gray-color);
    width: 100%;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
max-width: 1024px;}

section.content_block table.table tr {
    border-top: 1px solid var(--light-gray-color)!important;
}

section.content_block table.table td,
section.content_block table.table th {
    background: transparent;
    border-spacing: 0px;
    padding: 8px !important;
    border: none!important;
}

/* ---- Headers ---- */

section.content_block h1,
section.content_block h2,
section.content_block h3,
section.content_block h4,
section.content_block h5,
section.content_block h6  {
    color: var(--dark-gray-color);
    font-weight: 700;
    font-size: 30px;
    line-height: 1.2;

    margin-top: 30px;
    margin-bottom: 20px;
}

/*
section.content_block h1 {
    color: var(--dark-gray-color);
    font-size: 68px;
    line-height: 96px;
    font-weight: 700;
    padding-top: 100px;
    margin-bottom: 48px;
}

section.content_block h1 + .descriptiontext {
    font-size: 24px;
    color: var(--gray-color);
    font-weight: 300;
    margin-top: -24px;
}

section.content_block h2 {
    font-size: 42px;    
    line-height: 1.2;
    font-weight: 700;
    color: var(--dark-gray-color);
    margin-bottom: 16px;
}

section.content_block h2::before {
    content: " ";
    display: block;
    border-bottom: 1px solid var(--light-gray-color);
    padding-top: 40px;
    margin-bottom: 40px;
}

section.content_block h3 {
    font-weight: 700;
    font-size: 30px;
    line-height: 1.2;

    margin-top: 60px;
    margin-bottom: 16px;
}

section.content_block h4 {
    font-weight: 600;
    font-size: 24px;
    line-height: 1.2;

    margin-top: 60px;
    margin-bottom: 16px;
}

section.content_block h5,
section.content_block .subheading {
    font-weight: 600;
    font-size: 20px;

    margin-top: 50px;
    margin-bottom: 16px;
}

section.content_block h6 {
    font-weight: 600;
    font-size: 20px;

    margin-top: 50px;
    margin-bottom: 16px;
}
*/


section.content_block p.sub_topic,
section.content_block p.sub_heading1,
section.content_block p.sub_heading2 {
    font-weight: 600;
    margin-top: 40px;
}

section.content_block p.sub_heading3 {
    font-weight: 600;
}

section.content_block p.sub_topic,
section.content_block p.sub_heading1 {
    font-size: 18px;
    line-height: 1.3;
}

/* ---- Centered text for tables ---- */ 

section.content_block .tableheadingcentered,
section.content_block .descriptiontextcentered,
section.content_block .descriptiontextcentered_small {
	text-align: center;
}

/* ---- Character ---- */ 

section.content_block .conditionheading,
section.content_block .exampleheading,
section.content_block .noteheading,
section.content_block .procedureheading,
section.content_block .scenarioheading,
section.content_block .tipheading,
section.content_block .relatedheading,
section.content_block .relatedheading_video {
    margin-top: 24px;
    font-weight: 600;
}

section.content_block .emphases {
    font-weight: 600;
}

section.content_block .code {
    font-family: monospace;
    word-wrap: break-word;
    display: inline-block;
    background-color: var(--extra-light-gray-color);
}

section.content_block .fileextract,
section.content_block .fileextract1continue,
section.content_block .fileextract2continue {
    font-family: monospace;
	white-space: pre-wrap;
    word-wrap: break-word;
    background-color: var(--extra-light-gray-color);
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 24px;
}


section.content_block .fileextract *:not(.fileextract){
    padding-bottom: 20px;
}


/* ---- Lists ---- */

section.content_block ol.procedure1 li::marker {
    font-weight: 600;
}

section.content_block ol.procedure2 {
    list-style-type: lower-alpha;
}



section.content_block ul.conditionlist,
section.content_block ul.conditionlist2,
section.content_block ul.examplelist,
section.content_block ul.listing1,
section.content_block ul.listing2,
section.content_block ul.listing3,
section.content_block ul.notelist,
section.content_block ul.orientationlist,
section.content_block ul.scenariolist,
section.content_block ul.tiplist {
    list-style-type: square;    
}

/*
section.content_block ul.conditionlist > li > p.conditionlist,
section.content_block ul.conditionlist2 > li > p.conditionlist2,
section.content_block ul.examplelist > li > p.examplelist,
section.content_block ul.listing1 > li > p.listing1,
section.content_block ul.listing2 > li > p.listing2,
section.content_block ul.listing3 > li > p.listing3,
section.content_block ul.notelist > li > p.notelist,
section.content_block ul.orientationlist > li > p.orientationlist,
section.content_block ul.scenariolist > li > p.scenariolist,
section.content_block ul.tiplist > li > p.tiplist {
    margin-bottom: 0;
}


section.content_block ul.conditionlist > li > p.conditionlistcontinue,
section.content_block ul.conditionlist2 > li > p.conditionlist2continue,
section.content_block ul.examplelist > li > p.examplelistcontinue,
section.content_block ul.listing1 > li > p.listing1continue,
section.content_block ul.listing2 > li > p.listing2continue,
section.content_block ul.listing3 > li > p.listing3continue,
section.content_block ul.notelist > li > p.notelistcontinue,
section.content_block ul.orientationlist > li > p.orientationlistcontinue,
section.content_block ul.scenariolist > li > p.scenariolistcontinue,
section.content_block ul.tiplist > li > p.tiplistcontinue {
    margin-top: 0;
    margin-bottom: 0;
}

section.content_block ol.procedure1 > li > p.procedure1,
section.content_block ol.procedure2 > li > p.procedure2,
section.content_block ol.procedure3 > li > p.procedure3 {
    margin-bottom: 0;
}


section.content_block ol.procedure1 > li > p.procedure1continue,
section.content_block ol.procedure2 > li > p.procedure2continue,
section.content_block ol.procedure3 > li > p.procedure3continue {
    margin-top: 0;
    margin-bottom: 0;
}
*/


/* ---- Icons/Images ---- */

section.content_block img {
  cursor: pointer;
}

section.content_block img[class*="linkedicon_react_"] {
    width: 24px;
    height: 24px;
}

section.content_block img[class*="linkedicon_"] {
    width: auto;
    position: relative;
    top: -4px;
    background-color: var(--extra-light-gray-color);
    padding: 4px;
    border-radius: 2px;
    pointer-events: none;
}


/* ---- Videos / Well ---- */

.well {
    box-shadow: none;
}


/* ---- Popover ---- */

section.content_block  .popover {
    max-width: 600px;    
}

section.content_block .popover .popover-title {
    display: none;
}

section.content_block .popover .popover-content { 
    padding-top: 10px
}


/* ---- Videos / Well ---- */

section.content_block .well,
section.content_block div[id^="expandblock"] .well {
    box-shadow: none;
}

section.content_block .well .video {
    line-height: 0;
}


/* ---- Links ---- */

/* Underline links for better accessibility SAG_2023_09_05 */
.content_container a {
     text-decoration: underline;
}

.content_container a:hover {
    cursor: pointer;
    text-shadow: none;
    text-decoration: underline;
}

/* Icon after links (replace padding by blank to achieve correct underline effect) SAG_2023_09_05 */

a[href^="http"]::after {
     content: " " var(--external-link-icon);
     padding-left: 0px;
 }																															

a[href^="#expandinline"]::after {
     content: " " var(--expand-inline-closed);
     padding-left: 0px;
}
 
a[href^="#expandinline"][aria-expanded="true"]::after {
     content: " " var(--expand-inline-open);
	 padding-left: 0px;
}
 
a[href^="#expandblock"]::after {
     content: " " var(--expand-block-closed);
     padding-left: 0px;
}
					 
a[href^="#expandblock"][aria-expanded="true"]::after {
     content: " " var(--expand-block-open);
	 padding-left: 0px;
}												 		   


/* icon after links (replace padding by blank to achieve correct underline effect) SUKS_2023_08_31*/
/*
a[href^="http"]::after {
     content: " " var(--external-link-icon);
     padding-left: 0px;
 }																															

a[href^="#expandinline"]::after {
     content: " " var(--expand-inline-closed);
     padding-left: 0px;
}
 
a[href^="#expandinline"][aria-expanded="true"]::after {
     content: " " var(--expand-inline-open);
	 padding-left: 0px;
}
 
a[href^="#expandblock"]::after {
     content: " " var(--expand-block-closed);
     padding-left: 0px;
}					 
a[href^="#expandblock"][aria-expanded="true"]::after {
     content: " " var(--expand-block-open);
	 padding-left: 0px;
}												   
*/

/* ---- Warnings ---- */

section.content_block .warningheading {
    font-weight: 600;
    background-color: var(--warningLight);
    margin-top: 20px;
    margin-bottom: 0;
    padding: 16px;
    border-left: 8px solid var(--warning);
}

section.content_block .warningheading + .warningtext {
    margin-top: -24px;
}

section.content_block .warningtext + .warningtext {
    padding-top: 0;
}

section.content_block .warningtext {
    background-color: var(--warningLight);
    padding: 16px;
    border-left: 8px solid var(--warning);
    margin-bottom: 0;
    margin-top: 0;
}

section.content_block .warningheadingprocedure1continue {
    font-weight: 600;
    background-color: var(--warningLight);
    margin-bottom: 0;
    padding: 16px;
    border-left: 8px solid var(--warning);
}

section.content_block .warningtextprocedure1continue {
    background-color: var(--warningLight);
    padding: 16px;
    border-left: 8px solid var(--warning);
}

section.content_block .warningheadingprocedure1continue + .warningtextprocedure1continue {
    margin-top: -24px;
}


/* ---- Modals ---- */

.modal-open .modal.fade.in {
    display: flex!important;
align-items: center;}

.modal-dialog {
    margin: auto;
    width: auto;
    height: auto;
    max-width: 90%;
}

.modal-content {
}

.modal-header {
    background-color: transparent;
    padding-bottom: 0;
}

.modal-title {
    display: none;
}

.modal-body {
    max-height: 100%;
    padding: 10px 30px;
}

.modal-body img {
    width: auto!important;
    height: auto!important;
}

.modal-footer {
    border-top: none;
}

/*#endregion COONTENT */