:root{
    /* Title attribute */
    --CASETITLE-FONTSIZE: 1.6rem; /* case-title */
    --CASETITLE-FONTWEIGHT: 900;  /* case-title */  
    --PAGETITLE-FONTSIZE: 1.5rem; /* page-title */
    --PAGETITLE-FONTWEIGHT: 400;  /* page-title */
    --PAGETITLE-LINEFEED: 110%;   /* page-title */
    /* Matrix attributes */
    --PADDING-RIGHT-COL-MD-12:15px;
    --PADDING-LEFT-COL-MD-12:15px;
    --POSITION-COL-MD-12: relative;
    /* Border Radius setting */
    --4CORNERS-1REM: 1rem;              /* case-border */
    --4CORNERS-0: 0;                    /* case-border */  
    --xooxCORNER-1REM: 1rem 0 0 1rem;   /* case-border */
    --oxxoCORNER-1REM: 0 1rem 1rem 0;   /* case-border */
    /* margin setup */
    --MT-5: 3rem;           /* margin-top     case-margin */
    --MT-4: 1.5rem;         /* margin-top     case-margin */  
    --MT-3: 1.0rem;         /* margin-top     case-margin */
    --MT-2: 0.5rem;         /* margin-top     case-margin */
    --MT-1: 0.25rem;        /* margin-top     case-margin */
    /* padding setup */
    --PT-5: 1.8rem;         /* padding-top    case-padding */
    --PT-4: 1.5rem;         /* padding-top    case-padding */
    --PT-3: 1.0rem;         /* padding-top    case-padding */
    --PT-2: 0.5rem;         /* padding-top    case-padding */
    --PT-1: 0.25rem;        /* padding-top    case-padding */
    --P-4:  1.5rem          /* padding-top    case-padding */
    /* text align*/
    --CASE-TEXTALIGN: justify;
    /* background color*/
    --CASE-BGCOLOR-LIGHT: lightyellow;    /* case-bg */
    --CASE-BGCOLOR-DARK: darkblue;        /* case-bg */
    --CASE-1STROW-BGCOLOR-DARK: #000;       
    /* border setup*/
    --CASE-BORDER: medium none #000;      /* case-border */
    /* box shadow */      /* case-shadow */
    --CASE-BOXSHADOW: inset 5px 5px 10px 0 rgba(0, 0, 0, 0.5),inset -5px -5px 10px 0 rgba(0, 0, 0, 0.5);
    /* text shadow */     /* case-shadow */  
    --CASE-TEXTSHADOW: 2px 2px 1px rgba(0,0,0,0.35);

}

html{
    scroll-behavior: smooth;
}

body{
    overflow-x: hidden;
}

.text-setup{
    font-size:var(--PAGETITLE-FONTSIZE);
    font-weight:var(--PAGETITLE-FONTWEIGHT);
    line-height:var(--PAGETITLE-LINEFEED);
}

.case-collapse-menu {
    display:block;
    position: fixed;
    right: -7%;
    top: 30%;
    width:15%;
    z-index:300;
}

.multiple-cases-iframes{
    /* in case of matuliple cases page iframed menu opens fixed*/
    overflow-y:hidden;
    position: fixed;
    width: 60%;
    right: 20%;
    left: 20%;
    top:10%;
    height: 85vh;
    z-index:300;
}


.single-case-iframe{
    /* in case of single case page iframed menu opens absolute*/
    overflow-y:hidden;
    overflow-x:hidden;
    position: absolute;
    width: 70%;
    right: 15%;
    left: 15%;
    height: 85vh;
    z-index:300;
}


.collapse-setup{
    display:block;
    text-align:center;
}

.cslistopener{
    width: 40%;
}
.case-title-iframe{
    text-align: center;
    font-size: 2rem;
    font-weight: 500;
    color: darkblue;
    color: #000;  
}

.case-title{
    margin-left: 1.0rem;
    color: orange;
    text-align: justify;
}

.display-block{
    display: block;
}

.pdf-mark{
    width: 40%;
}

.cs-rel-images-div{
    margin-left: 0.25rem;
    padding: 1.0rem; /* p-3 */
    background-color: #000;
    border-radius:0 1rem 1rem 0;
    font-size:1.5rem;
}
.cs-rel-images{
    width: 100%;
    vertical-align: center;
}

.justify {
    text-align: var(--CASE-TEXTALIGN);
}

/* the table format conforming case-study information */
.cs-table-top-row {
    margin-top:  3rem;
    margin-left: 3rem;
}
.cs-table-row {
    margin-top:  0.25rem; /* mt-1*/
    margin-left: 3rem;    /* ml-5*/  
}

.cs-table-top-1st-column{
    color: #fff;
    padding: 1.5rem;    /* p-4 */
    background-color: black;
    border-radius: var(--xooxCORNER-1REM);    
}

.cs-table-row-1st-column {
    color: #fff;
    padding: 1.5rem;    /* p-4 */
    background-color: darkblue;
    border-radius: var(--xooxCORNER-1REM);
}

.cs-table-top-2nd-column{
    margin-left: 0.25rem;
    padding: 1.5rem;
    background-color:var(--CASE-1STROW-BGCOLOR-DARK);
    border-radius: var(--4CORNERS-0);
    font-size:1.6rem;
    font-weight:900;
    line-height:140%;
}

.cs-table-row-2nd-column{
    margin-left: 0.25rem;
    padding: 1.5rem;
    color: black;
    border-radius: var(--oxxoCORNER-1REM);
    background-color: var(--CASE-BGCOLOR-LIGHT);
    border: var(--CASE-BORDER);
    box-shadow: var(--CASE-BOXSHADOW);
    text-shadow: var(--CASE-TEXTSHADOW);
}

.embed-responsive{
    padding-left: unset;

}