*       {box-sizing: border-box;}

body    {       font-size:1.25rem;
                line-height: 1.5;
                accent-color:#1d70b8;
                color:#0b0c0c;
                text-size-adjust:100%;
                font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                background-color: rgba(248,249,252,1);
                margin:0;padding:0;
                overflow-y: scroll;
        }

h1,h2,h3,h4,h5,h6   {   text-wrap:balance;      }

img     {       max-width:100%;         }
p       {       max-width:85ch;         }

.button-green           {background:#00703C;box-shadow:0 2px 0 #002d18;text-align:center;padding:8px 10px;border:2px solid transparent;cursor:pointer;color:#ffffff;text-decoration:none;}
.button-blue            {background:#1d70b8;box-shadow:0 2px 0 #002d18;text-align:center;padding:8px 10px;border:2px solid transparent;cursor:pointer;color:#ffffff;text-decoration:none;}
.button-blue-noline     {background:#1d70b8;text-align:center;padding:8px 10px;border:2px solid transparent;cursor:pointer;color:#ffffff;text-decoration:none;}


.float-right            {float:right;}
.bubble-active          {padding:3px 6px;border:1px solid #1A5319;color:#1A5319;background:#80AF81;font-size:medium;border-radius:5px;font-weight:lighter}
.flex-box               {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:20px;}
.px1000                 {width:clamp(320px,95%,1000px);margin:0 auto;padding:5px 10px;}
.small                  {font-size:small;}
.medium                 {font-size:medium;}
.large                  {font-size:large;}
.bolder                 {font-weight:bolder;}
.lighter                {font-weight:lighter;}
.move-inline            {margin:0 1.25%;}
.gap-10px-top           {margin-top:10px}
.overflow-ellipsis      {text-overflow: ellipsis;}
.gap-20px-left          {margin-left:20px;}
.gap-20px-left          {margin-left:10px;}
.white-space-nowrap     {white-space:nowrap;}

.textarea-full          {margin:0 1.25%;padding:10px;width:clamp(320px,95%,1000px);min-height:4lh;font-family:inherit;resize:vertical;font-size:medium;}
.textarea-single        {margin:0 1.25%;padding:10px;width:clamp(320px,95%,1000px);min-height:2lh;font-family:inherit;resize:vertical;font-size:medium;}
.textarea-half          {margin:0 1.25%;padding:10px;width:clamp(320px,46%,500px);min-height:2lh;font-family:inherit;display:inline;resize:vertical;font-size:medium;}
.textarea-small         {margin:0 1.25%;padding:10px;width:6ch;min-height:2lh;font-family:inherit;display:inline;resize:vertical;font-size:medium;}

.remove-dials           {appearance:none;}


nav.global-navigation-bar       {width:100%;background:#1d70b8;margin:0;padding:0;}
nav.global-navigation-bar ul    {margin:0 auto;padding:20px 0;list-style:none;display:flex;flex-direction:row;width:clamp(320px,95%,1000px);flex-wrap:wrap;align-items:center;}
nav.global-navigation-bar li    {margin:0 10px;padding:10px;list-style:none;}
nav.global-navigation-bar li:first-child    {margin-left:0}
nav.global-navigation-bar a     {font-weight:normal;color:#FFFFFF;font-size:medium;text-decoration:none;height:1lh;vertical-align:middle;}



/* Main Page breadcrum and title */
section.global-page-breadcrumb-title    {width:100%;background:#FFFFFF;margin:0;padding:0;min-height:4lh;}

nav.global-page-breadcrumb              {width:clamp(320px,95%,1000px);margin:0 auto;padding-top:10px;}
nav.global-page-breadcrumb ul           {margin:0;padding:0;list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;align-content:center;}
nav.global-page-breadcrumb li           {vertical-align:middle;align-items:center;margin:0 10px;padding:5px 10px;}
nav.global-page-breadcrumb a            {font-size:medium;color:#505a5f;text-decoration:none;height:1lh;vertical-align:middle;}
nav.global-page-breadcrumb li:first-child{margin:0;}
nav.global-page-breadcrumb a:hover      {text-decoration:underline;}

header.global-page-title                {width:clamp(320px,95%,1000px);margin:0 auto;}
header.global-page-title h1             {font-size:xx-large;font-weight:bold;padding:5px 10px;margin:0;margin-top:10px;}



section.dashboard-block                        {width:100%;margin:0;padding:15px 0;}
section.dashboard-block h2                     {font-size:x-large;margin:0 auto;padding:10px;width:clamp(320px, 95%,1000px);text-align:left;}




div.dashboard-my-details-registration   {width:clamp(320px,95%,1000px);margin:0 auto;padding:5px 10px;}
div.dashboard-my-details-registration-row p {margin:0;border-bottom:1px solid #000000;padding:5px;vertical-align:middle;min-height:1lh;}

div.dashboard-supporting-information    {width:clamp(320px, 45%, 400px);padding:5px 10px;border:1px solid #000000;background:#FFFFFF;}
div.dashboard-supporting-information p  {border-left:3px solid #1d70b8;padding-bottom:5px;min-height:2lh;font-size:large;padding-left:20px}



section.supporting-information-outline          {width:100%;margin:10px auto;padding:0;padding-top:20px;}
section.supporting-information-outline h2       {font-size:large;padding:10px;text-align:left;margin:0;}
section.supporting-information-outline h3       {font-size:medium;padding:10px;text-align:left;margin:0;font-weight:normal;}

div.supporting-information-inner           {width:clamp(320px, 95%, 1000px);margin:0 auto;padding:0;}

.radio-list                                     {width:clamp(120px, 20%, 200px);display:inline;padding-right:10%;}
.radio-list:first-child                         {padding-left:10px;}


div.supporting-information-big-list             {width:100%;margin:10px 0;padding:10px;background:#FFFFFF;border:1px transparent #FFFFFF;border-radius:5px;box-shadow:0px 0px 4px 1px #EFEFEF;}


div.supporting-information-article h2           {font-size:x-large;font-weight:normal;border-bottom:1px solid #EFEFEF;padding:0;margin:0 10px;padding-bottom:20px;}
div.supporting-information-article h3           {font-size:x-large;font-weight:normal;border-bottom:1px solid #EFEFEF;padding-bottom:20px;}
div.supporting-information-article p            {font-size:medium;font-weight:normal;}

div.supporting-information-article .flex        {width:clamp(350px, 90%, 1000px);border:none;
                                                 display:flex;justify-content:flex-start;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;}

div.supporting-information-article .flex-item   {width:clamp(350px, 50%, 500px);}