/*** FONT */

@font-face {
	font-family: 'Myriad Pro';
	src: url("fonts/myriad-pro/Myriad Pro Regular.ttf");
}
@font-face {
	font-family: 'Myriad Pro Light';
	src: url("fonts/myriad-pro/Myriad Pro Light.otf");
}
@font-face {
	font-family: 'Heebo';
	src: url("fonts/heebo/Heebo-Medium.ttf");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Heebo-Bold';
	src: url("fonts/heebo/Heebo-Bold.ttf");
	font-weight: normal;
}
@font-face {
	font-family: 'Heebo-Light';
	src: url("fonts/heebo/Heebo-Light.ttf");
	font-weight: 300;
}
@font-face {
	font-family: 'Myriad Pro';
	src: url("fonts/myriad-pro/Myriad Pro Regular.ttf");
}
@font-face {
	font-family: 'Proxima Nova';
	src: url("fonts/proxima-nova/Proxima-Nova.otf");
}
@font-face {
	font-family: 'Proxima Nova';
	font-weight: bold;
	src: url("fonts/proxima-nova/Proxima-Nova-Bold.ttf");
}
@font-face {
	font-family: 'Raleway';
	src: url("fonts/raleway/Raleway-Regular.ttf");
	font-weight:normal;
}
@font-face {
	font-family: 'Raleway';
	src: url("fonts/raleway/Raleway-Bold.ttf");
	font-weight: bold;
}
@font-face {
	font-family: 'Raleway';
	src: url("fonts/raleway/Raleway-ExtraBold.ttf");
	font-weight: 800;
}
@font-face {
	font-family: 'Noto Sans';
	src: url("fonts/noto-sans/NotoSans-Regular.ttf");
	font-weight: normal;
}
@font-face {
	font-family: 'Noto Sans';
	src: url("fonts/noto-sans/NotoSans-SemiBold.ttf");
	font-weight: bold;
}
@font-face {
	font-family: 'Noto Sans';
	src: url("fonts/noto-sans/NotoSans-Light.ttf");
	font-weight: 400;
}
@font-face {
	font-family: 'Ubuntu';
	src: url("fonts/ubuntu/Ubuntu-R.ttf");
	font-weight: normal;
}
@font-face {
	font-family: 'Ubuntu';
	src: url("fonts/ubuntu/Ubuntu-M.ttf");
	font-weight: bold;
}
@font-face {
	font-family: 'Ubuntu';
	src: url("fonts/ubuntu/Ubuntu-L.ttf");
	font-weight: light;
}
@font-face {
	font-family: 'Ubuntu';
	src: url("fonts/ubuntu/Ubuntu-I.ttf");
	font-style: italic;
}
@font-face {
	font-family: 'DINNI';
	src: url("fonts/din/DINNeuzeitGroteskStd-BdCond.otf");
	font-style: normal;
}
@font-face {
	font-family: 'DIN';
	src: url("fonts/din/DINPro-Regular.otf");
	font-style: normal;
}
@font-face {
	font-family: 'DIN';
	src: url("fonts/din/DINPro-Bold.otf");
	font-style: bold;
}
@font-face {
	font-family: 'DIN-Light';
	src: url("fonts/din/DINPro-Light.otf");
	font-style: normal;
}
@font-face {
	font-family: '646';
	src: url("fonts/646/646-font.otf");
	font-style: normal;
}
.ff-readable {
    font-family: 'Proxima Nova' !important;
    font-weight: normal;
}
.ff-style1 {
    font-family: 'Myriad Pro' !important;;
}
.ff-style2 {
	font-family: 'Proxima Nova' !important;;
}
.ff-style3 {
	font-family: 'Ubuntu' !important;
}
.ff-style4 {
	font-family: 'Noto Sans' !important;
}
.ff-style5 {
	font-family: 'Arial' !important;
}
.ff-style6{
	font-family: '646' !important;
}
.ff-style7{
	font-family: 'DINNI' !important;
}
.ff-style8{
	font-family: 'DIN' !important;
	letter-spacing: -1px;
}
.ff-style9{
	font-family: 'DIN-Light' !important;
}
.ff-style10{
	font-family: 'Arial Narrow' !important;
}
.letter-spaced-xxs {
	letter-spacing: 0.0125rem;	
}
.letter-spaced-xs {
	letter-spacing: 0.025rem;	
}
.letter-spaced-sm {
	letter-spacing: 0.07rem;	
}
.letter-spaced-md {
	letter-spacing: 0.14rem;
}
.letter-spaced-lg {
	letter-spacing: 0.21rem;
}
.icon-xl {
	font-size: 5.4rem !important;
}
.icon-lg {
	font-size: 3.6rem !important;
}
.icon-md {
	font-size: 1.8rem !important;
}
.icon-sm {
	font-size: 0.9rem !important;
}
span.multi-padded {
  line-height: 1.35em;
  margin-bottom: 0px;
}

span.multi-padded span { 
  padding: 0 0.25rem;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

/** ELEMENT COLOR */
input.input-dark{
      border: 1px solid transparent;
      background-color: #f1f1f1;
      padding: 10px;
      font-size: 16px;
}
input.input-dark {
  background-color: #f1f1f1;
  width: 100%;
}


/*** COLOR */
:root {
    --sb-header-height: 0rem;
    --sb-nav-width: 68px;
    --sb-default-color: #95ADBB/**#2B7F8A*/;
    --sb-hover-color:  #677D82;
    --sb-active-color: #0A6683;/**#687F97 /**#f7f6fb*/;
    --ci-width: 84rem;
    --wp-primary: #2F6E91;
}
.bg-primary {
	background: #196AB5 !important;
}
.bgh-whtblu1:hover {
	background: #0dcaf0;
	color: white;
}
.bgh-blugrn3:hover {
	background: #2F6E91;
	color: white;
}
.bgh-blu2 {
	background: white;
	color: #277BD3;
}
.bgh-blu2:hover {
	background: #4A9DD4;
	color: white;
}
.bgh-whtblu3:hover {
	background: #77B1DE;
	color: white;
}
.bg-info2 {
	background: #64BAD7;
	color: white;
}
.bgh-info:hover {
	background: #5bc0de;
	color: white;
}
.bgh-info1:hover {
	background: #64BAD7;/**#9ECDDB;*/
	color: white;
}
.bg-alert1 {
	background: #EEE6ED;
	text: #CCAAC8;
}
.bgh-blu3:hover {
	background: #77B1DE;
	color: white;
}
.bgt-whtblu1 {
	background: white;
	color: #226BAC;
}
.bgt-whtblu2 {
	background: white;
	border: 1px solid #0dcaf0;
	color: #3199A0;
}
.bgt-whtblu2:hover {
	background: #0dcaf0;
	color: white;
}
.bgt-grnwht3 {
	background: #5BABAD;
	color: white;
}
.bgt-whtgrn3 {
	background: white;
	color: #1A9C95;
}
.bgt-whtblu3 {
	background: white;
	color: #1A6AB3;
}
.bgt-whtblu3:hover {
	background: #77B1DE;
	color: white;
}
.bgt-whtblu4 {
	background: #579EC3; /**#3D85BD;*/
	color: white;
}
.bgt-blu3 {
	background: #77B1DE;
	color: white;
}
.bgt-blu4 {
	background: #77A8CF;
	color: white;
}
.bgt-blu5 {
	background: #337AB7;
	color: white;
}
.bgt-mos1 {
	background: #87ACB3;/**#7CA498;*/
	color: white;
}
.bgt-mos3 {
	background: #9DBEC6; /** #A3C1A9 /**97B288*/;
	color: white;
}
.bgt-blugrn3 {
	background: #27A6C3;
	color: white;
}
.bgt-blugrn4 {
	background: white;
	color: #2F6E91;
}
.bgt-blugrn4:hover {
	background: #27A6C3;
	color: white;
}
.bgt-red3 {
	background: #AC6974;
	color: white;
}
.bgt-gry3 {
	background: #959AAB;
	color: white;
}
.bgt-gry1 {
	background: #828BA6;
	color: white !important;
}
.bgt-gry2 {
	background: #8C9CAA;
	color: white !important;
}
.bgb-whtblu4 {
	border-bottom-color: #579EC3;
}
.bg-lighter {
	background: #f4f4f4 !important;
}
.bg-ccc {
	background: #ccc !important;
}
.bg-grnblu2{
	background: #87AFC5 !important;
}
.bg-blu0 {
	background: #F0F6F9;
}
.bg-blu1 {
	background: #ECF5FA;
}
.bg-blu2 {
	background: #277BD3 !important;
}
.bg-blu2:hover {
	color: #ccc;
}
.bg-blu3 {
	background: #77B1DE;
}
.bg-blu4 {
	background: #77A8CF;
}
.bg-blu5 {
	background: #3A8CCD;
}
.bg-blu7 {
	background: #19B5E2;
}
.bg-blu1-box {
	background: #ECF5FA;
}
.bg-blu1-box:hover, 
.bg-blu1-box:active, 
.bg-blu1-box:active {
	background: #E7F3F4 !important;
	color: #37576A !important;
}
.bg-footer {
	background: #436E96;
}
.bg-red1 {
	background: #DABCBD !important;
}
.bg-red3 {
	background: #DB7373 !important;
}
.bg-org2 {
	background: #F0EDDA !important;
}
.bg-gry0 {
	background: #E5E8EA !important;/**#E5E8EA*/
}
.bg-gry1 {
	background: #D7E0E4 !important;
}
.bg-blugry1 {
	background: #D9E5EA !important;
}
.bg-gry2 {
	background: #D9D9D9 !important;
}
.bg-gry3 {
	background: #90A0B2 !important;
}
.bg-gry4 {
	background: #9E9E9E !important;
}
.bg-gry5 {
	background: #90A0B2 !important;
}
.bg-lytred1{
	background: #F6E7E7 !important;
}
.bg-lytgry1 {
	background: #EAEAEA !important;
}
.bg-lytgry3 {
	background: #BDC8D6 !important;
}
.bg-lytgrn1 {
	background: #F0F9F9 !important;
}
.bg-lytblu1 {
	background: #F3F6FB !important;
}
.bg-grn0 {
	background: #E9F7F8 !important;
}
.bg-grn1 {
	background: #E7F3F4 !important;
}
.bg-grn2 {
	background: #E3EFF0 !important;
}
.bg-grn3 {
	background: #03B5AA;
}
.bg-grn4 {
	background: #A0DBD9;
}
.bg-grn5 {
	background: #4793BA;
}
.bg-drkgrn3 {
	background: #167381;
}
.bg-drkgrn4 {
	background: #046878;
}
.bg-mosgrn3 {
	background: #6DA8AD;
}
.bgs-active {
	background: #46d160;
}
.bgs-away {
	background: #CBD6E3;
}
.bg-blugrn2 {
	background: #2E79AB;
}
.bg-blugrn3 {
	background:var(--wp-primary); 
}
.bg-blugrn4 {
	background: #5C91AE;
}
.bg-blugrn5 {
	background: #177BA2;
}
.bg-skyblu0 {
	background: #DAE9F2;
}
.bg-skyblu1 {
	background: #B8E1FF;
}
.bg-skyblu2 {
	background: #C7DCE5;
}
.bg-skyblu3 {
	background: #CCE8F4;
}
.bg-skyblu4 {
	background: #DAE9F2 !important;
}
.bg-skyblu5 {
	background: #B6DEEE;
}
.bg-skyblu7 {
	background: #33BDE4 !important;
}
.bg-skyblu8 {
	background: #00ACDF !important;
}
.bg-shadow {
	background: #E8EEF1 !important;
}
.border-default {
	border-top: 1px;
	border-bottom: 1px;
	border-left: 1px;
	border-right: 1px;
	border-style: solid;;
	vertical-align: middle;
}
.border-gray {
	border-color: #ccc !important;
}
.border-blugrn1 {
	border-color: #ADCED0 !important;
}
.border-blugrn3 {
	border-color: #2F6E91 !important;
}
.border-skyblu8 {
	border-color:  #00ACDF !important;
}
.border-skyblu4 {
	border-color: #D8E1E6 !important;
}
.border-skyblu3 {
	border-color: #CCE8F4 !important;
}
.border-skyblu1 {
	border-color: #F0F6F9 !important;
}
.border-light {
	border-color: #F2F2F2 !important;
}
.border-lytgry2 {
	border-color: #C4D0D9 !important;
}
.border-right-blu1 {
	border-right: 0.1rem solid #ECF5FA;
}
.border-sides-bottom-ccc {
	border-top: 0;
	border-right: 0.1rem solid #ccc;
	border-bottom: 0.1rem solid #ccc;
	border-left:  0.1rem solid #ccc;
}
.border-left-bottom-ccc {
	border-top: 0;
	border-bottom: 0.1rem solid #ccc;
	border-right: 0;
	border-left:  0.1rem solid #ccc;
}
.border-right-bottom-ccc {
	border-top: 0;
	border-left: 0.1rem solid #ccc;
	border-right: 0;
	border-bottom:  0.1rem solid #ccc;
}
.border-sides-ccc {
	border-right: 0.1rem solid #ccc;
	border-left:  0.1rem solid #ccc;
	border-top: 0;
	border-bottom: 0;
}
.border-horizontal-ccc {
	border-right: 0 !important;
	border-left:  0 !important;
	border-top: 0.1rem solid #ccc !important;
	border-bottom: 0.1rem solid #ccc !important;
}
.border-left-ccc {
	border-left:  0.1rem solid #ccc;
	border-right: 0;
	border-top: 0;
	border-bottom: 0;
}
.border-bottom-777 {
	border-bottom: 0.15rem solid #777;
}
.gallery-item-box:hover {
    box-shadow: 0 0 11px rgba(33,33,33,.2); 
}
.text-sb-active {
	color: #0A6683;
}
.text-header {
	color: #2B4863; /**#205670;*/
}
.text-blulink {
	color: #44a6d5 !important;
}
.text-blugrn4 {
	color: #326D8D;
}
.text-blugrn3 {
	color:var(--wp-primary); 
}
.text-blugry3 {
	color: #789BB2;
}
.text-drkblu1 {
	color: #25689E !important;
}
.text-drkblu2 {
	color: #2E79AB;
}
.text-drkblu4 {
	color: #0E4C83;
}
.text-drkblu5 {
	color: #0D477A;
}
.text-drkgrn3 {
	color: #37576A;
}
.text-drkgrn4 {
	color: #006989;
}
.text-drkgrnr{
	color: #046878; /**#217987;*/
}
.text-blk2{
	color: #5E656C !important;
}
.text-blk4{
	color: #4F4F4F;
}
.text-mosgrn2 {
	color: #268FA0;
}
.text-gld1 {
	color: #FFD630;
}
.text-gld2{
	color: #FDD525;
}
.text-gld3{
	color: #DBA60E;
}
.text-grn3 {
	color: #3199A0;	
}
.text-grn5 {
	color: #115D66;
}
.text-grnblu2 {
	color: #2F5D85 !important;
}
.text-grnblu3 {
	color: #2e6aab !important;
}
.text-blugrn2 {
	color: #23576F;
}
.text-blugrn4{
	color: #137598;
}
.text-skyblu2 {
	color: #C4E4EF;
}
.text-skyblu4 {
	color: #ACCCDA;
}
.text-skyblu5 {
	color: #95B1BD;
}
.text-blu1 {
	color: #497EAA;
}
.text-blu2 {
	color: #1A6AB3;
}
.text-blu3 {
	color: #3B73A0;
}
.text-lytgry2 {
	color: #C4D0D9;
}
.text-lytgry3 {
	color: #BBC6CF;
}
.text-lytred3{
	color: #DB7373 !important;
}
/* .text-lytgry2 { */
/* 	color: #A5AFB7; */
/* } */
.text-blk1 {
	color: #424242 !important;
}
.text-gry1 {
	color: #313438 !important;
}
.text-gry2 {
	color: #5c7288!important;
}
.text-gry3 {
	color:  #39506f !important;
}
.text-gry4 {
	color: #0F2442 /**#39506f*/ !important;
}
.text-gry5 {
	color: #1C3144 !important;
}
.text-blk3 {
	color: #3F3C3D !important;
}
.text-org3 {
	color: #F57316 !important;/**#F89748*/
}
.text-org4 {
	color: #E46C0A !important;
}
.text-gbt- {
	color: #777 !important;
}
.text-gbt-1, .text-gbt-2 {
	color: #d9534f !important;
}
.text-gbt-3 {
	color: #FFD630 !important;
}
.text-gbt-4 {
	color: #5cb85c !important;
}
.text-gbt-rs{
	color: #EE6637 !important;
}
.text-gbt-ma{
	color: #F5A840 !important;
}
.text-gbt-ma{
	color: #F5A840 !important;
}
.text-gbt-vl{
	color: #E2394B !important;
}
.text-gbt-mc{
	color: #A7294B !important;
}
.text-gbt-li{
	color: #472C61 !important;
}
.text-gbt-ir{
	color: #165188 !important;
}
.text-gbt-pl{
	color: #2C7BAB !important;
}
.text-gbt-ct{
	color: #3B822D !important;
}
.text-gbt-lr{
	color: #86BC33 !important;
}
.bg-survey-blu2 {
	background: #4D78B0;
}
.bg-survey-grn1 {
	background: #95CCCA;
}
.bg-survey-grn2 {
	background: #00BD6E;
}
.bg-survey-gry0 {
	background: #F0F5FA !important;
}
.bg-survey-gry1 {
	background: #ECF1F7 !important;
}
.bg-survey-gry2 {
	background: #DEE6F2 !important;
}
.bg-survey-gry3 {
	background: #D3DAE6 !important;
}
.text-survey-gry2 {
	color: #919DB0 !important;
}
.text-survey-blkgry2 {
	color: #384C6B !important;
}
.bg-gbt-rs{
	background: #EE6637 !important;
}
.bg-gbt-ma{
	background: #F5A840 !important;
}
.bg-gbt-ma{
	background: #F5A840 !important;
}
.bg-gbt-vl{
	background: #E2394B !important;
}
.bg-gbt-mc{
	background: #A7294B !important;
}
.bg-gbt-li{
	background: #472C61 !important;
}
.bg-gbt-ir{
	background: #165188 !important;
}
.bg-gbt-pl{
	background: #2C7BAB !important;
}
.bg-gbt-ct{
	background: #3B822D !important;
}
.bg-gbt-lr{
	background: #86BC33 !important;
}
.border-gry0 {
	border-color: #F9F9F9 !important;
}
.border-gry1 {
	border-color: #E4E6EB !important;
}
.border-top-gry1-md {
	border-color: 3px solid #E4E6EB !important;
}
.hr-md {
	background-color: #fff;
    border-top: 2px solid #ccc;
}
.border-gry3 {
	border: #ccc;
}
.border-gry2 {
	border: 3px solid #B8DCEA ;
}

.border-survey {
	background: 3px solid #EBF0F5;
}
.border-grys {
	border: 3px solid #F3F8FC; /**#EBF0F5;*/
}
.border-gry5 {
	border: 5px solid gray; 
}
.border-skyblu2-sm {
	border: 2px solid #DAE9F2 ;
}
.border-skyblu4 {
	border-color: #DAE9F2 ;
}
.border-blu1-sm {
	border: 2px solid #ECF5FA ;
}
.border-blu1 {
	border: 3px solid #ECF5FA ;
}
.border-skyblu2 {
	color: 3px solid #C4E4EF !important;
}
.border-top-none {
	border-top: 0 !important;
}
.border-top-ccc {
	border-top: 1px solid #ccc !important;
	border-bottom: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
}
.border-bottom-ccc {
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	border-bottom: 2px solid #F3F3F3 !important;
}
.border-bottom-blu {
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	border-bottom: 2px solid #4A6482 !important;
}
.border-bottom-none {
	border-bottom: 0 !important;
}
.border-top-blugrn3 {
	border-top: 4px solidvar(--wp-primary); 
}
a h6:hover, a:hover .text-blu2, .text-link:hover {
	color: #44a6d5 !important;
}
.table-hover-light tr:hover td {
  background-color: #E5EAF2 !important;	
}
#screen-lg h6:hover  {
	color: #3593C3 !important;
}
.text-shadow-wht-sm {
	text-shadow: 2px 2px 4px white;
}
.text-shadow-gry-xs {
	text-shadow: 0.5px 0.5px 1px #ccc;
}
.text-shadow-gry-sm {
	text-shadow: 2.5px 2.5px 5px #677d82;
}
.text-shadow-blu-sm {
	text-shadow: 2.5px 2.5px 5px #77B1DE;
}
.underlined-link {
	border-bottom: 1px solid #5D9FFF;
	padding-bottom: 1px;
}
.radio-active-black {
	accent-color: #0F2442;
}

.form-control-radio {
/*   font-family: system-ui, sans-serif; */
  font-size: 2rem;
/*   font-weight: bold; */
/*   line-height: 1.1; */
/*   display: grid; */
/*   grid-template-columns: 1em auto; */
/*   gap: 0.7em; */
  width: 100%;
  height: 0.55em;
}

/*** BUTTON */
.bg-grn-btn {
	background: #64B2BF;
	border-radius: 0.5rem;
	border: 0;
	color: white !important;
}
.bg-grn-btn:hover {
	background: #03B5AA !important;
	color: white !important;
}
.bg-gry-btn {
	background: #90A0B2 !important;
	border-radius: 0.5rem;
	border: 0;
	color: white !important;
}
.bg-gry-btn:hover {
	background: #7B8A99 !important;
	color: white !important;
}
.bg-hover-btn {
	border-radius: 0.5rem;
	border-color: #cccccc !important;
	border-width: 1px;
	border-style: solid;
	background: white;
	color: white !important;
}
.bg-blu-btn {
	background: #1A6AB3 !important;
	border-radius: 0.5rem;
	border: 0;
	color: white !important;
}
.bg-blu2-btn {
	background: #648EBF;
	border-radius: 0.5rem;
	border: 0;
	color: white !important;
}
.bg-blu-btn:hover {
	background: #218BC7 !important;
	color: white !important;
}
#access__createpost .btn-outline-secondary {
	padding: 0.2rem 0.4rem;
	border: 1px solid #ccc;
}
.btn-survey-grn {
	background: #00BF6F;
	color: white;
}
.btn-survey-grn:hover{
	background: #00AD64;
	color: white;
}
.btn-survey-dsb,.btn-survey-dsb:hover{
	background: #9FA5AA;
	color: white;
}
.btn-survey-gry {
	background: #A0BABA;
	color: white;
}
.btn-survey-gry:hover{
	background: #91A8A8;
	color: white;
}
/** BORDER*/
.rounded-left-md {
	border-top-left-radius: 2rem;
	border-bottom-left-radius: 2rem;
}
.rounded-right-md {
	border-top-right-radius: 1.2rem;
	border-bottom-right-radius: 1.2rem;
}
.rounded-left-xs {
	border-top-left-radius: 0.5rem !important;
	border-bottom-left-radius: 0.5rem !important;
	border-top-right-radius: 0rem;
	border-bottom-right-radius: 0rem;
}
.rounded-right-xs {
	border-top-right-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
	border-top-left-radius: 0rem !important;
	border-bottom-left-radius: 0rem !important;
}
.rounded-top-left-lg {
    border-top-left-radius: 3rem;
}
.rounded-top-right-lg {
    border-top-right-radius: 3rem;
}
.rounded-top-right-md {
    border-top-right-radius: 2rem;
}
.rounded-top-left-md {
    border-top-left-radius: 2rem;
}
.rounded-top-right-sm {
    border-top-right-radius: 1.2rem;
}
.rounded-top-left-sm {
    border-top-left-radius: 1.2rem;
}
.rounded-bottom-left-lg {
    border-bottom-left-radius: 3rem;
}
.rounded-bottom-left-md {
    border-bottom-left-radius: 2rem;
}
.rounded-bottom-right-lg {
    border-bottom-right-radius: 5rem;
}
.rounded-bottom-right-md {
    border-bottom-right-radius: 2rem;
}
.rounded-pill-bottom-md {
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;	
}
.rounded-pill-top-md {
    border-top-right-radius: 2rem;
    border-top-left-radius: 2rem;	
}
.rounded-pill-top-sm {
    border-top-right-radius: 1.2rem;
    border-top-left-radius: 1.2rem;	
}
.rounded-pill-bottom-sm {
    border-bottom-right-radius: 1.2rem;
    border-bottom-left-radius: 1.2rem;	
}
.rounded-pill-right-sm {
    border-top-right-radius: 1.2rem;
    border-bottom-right-radius: 1.2rem;	
}
.rounded-top-md {
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
}
.rounded-bottom-md {
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
}
.rounded-pill-xl {
    border-radius: 4rem;	
}
.rounded-pill-lg {
    border-radius: 3rem;	
}
.rounded-pill-md {
    border-radius: 2rem;	
}
.rounded-pill-sm {
    border-radius: 1.2rem;	
}
.rounded-pill-xs {
    border-radius: 0.3rem;	
}
.rounded-circle {
	border-radius: 50% !important;
}
.border-bottom-0 {
	border-bottom:none !important;
}
.border-bottom-1 {
	border-bottom: 1px;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	padding-top: 2px;
	border-style: solid;
}
.border-bottom-3 {
	border-bottom: 3px;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	padding-bottom: 1px;
	border-style: solid;
}
.border-right-1 {
	border-right: 1px;;
	border-left: 0;
	border-top: 0;
	border-bottom: 0;
	padding-right: 2px;
	border-style: solid;
}
.border-radius-0 {
	border-radius: 0 !important;
}

/** SPACING */
.float-left {
	float: left !important;
}
.float-right {
	float: right !important;
}
.space-lg {
	margin-top: 7rem;	
}
.space-none {
	margin: 0 !important;
	padding: 0 !important;
	height: 0 !important;
	width: 0 !important;
}
.col-centered {
	margin: 0 auto;
    float: none;
}
.wrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}
.height-75prc {
	background-size: 100% 60vh;
}
.height-50prc {
	background-size: 100% 15vh;
}
.width-65prc {
	width: 65% !important;
}
.width-majority {
	width: 90% !important;
}
.width-minority {
	width: 10% !important;
}
.center-block {
    display: table;  /* Instead of display:block */
    margin-left: auto;
    margin-right: auto;
    float: none;
}
.fa-solid {
	padding-right: 0.1rem;
}
table.min td, table.min th{
	padding: 0 !important;
	margin: 0 !important;
}
.zebra-table td{
/* 	font-size: 0.87rem; */
	margin: 0;
}
.zebra-table tr th {
	font-family: 'Proxima Nova';
/* 	font-size: 0.97rem; */
	text-align: left;
}
.zebra-table input[type="text"],.zebra-table input[type="email"]{
/* 	font-size: 0.87rem; */
/* 	color: #39506f; */
	background: transparent;
	border: none;
	min-width: 2rem;
	max-width: 18rem;
}
.zebra-table input[type="text"].min_input{
	min-width: 2rem;
	max-width: 4rem;
}
.zebra-table textarea{
/* 	font-size: 0.87rem !important; */
/* 	color: #39506f; */
	background: transparent;
	border: none;
	padding: 0rem;
	margin: 0;
}
.zebra-table input[type="text"].text-link{
	color: #1A6AB3 !important;
	background: transparent;
	border: none;
}
.zebra-table tr:not(:first-child):hover {
    background: #E7E9EA;
}
.zebra-table, .zebra-table td, .zebra-table input[type="text"], .zebra-table textarea,.zebra-table select,
.zebra-div, .zebra-div td, .zebra-div input[type="text"], .zebra-div textarea, .zebra-div select, .note-editable
{
	font-size: 0.98rem;
	color: #0F2442;
	font-family: 'Proxima Nova'
}
.zebra-div label {
	font-size: 1.0rem;
	color: #1A6AB3;
}
.zebra-table resizer, .zebra-table -moz-resizer, .zebra-table ::-webkit-resizer,
.zebra-div resizer, .zebra-div -moz-resizer, .zebra-div ::-webkit-resizer  {
  	background: transparent !important;
  	box-shadow: 0  !important;
  	outline: 0  !important;
  	display:none;
}
.zebra-div textarea, .zebra-div input[type="text"] {
	border: 0;
	background: transparent;
/* 	color: #39506f; */
	width: 100%;
}

.compressed-table-xs th, .compressed-table-xs td{
	padding: 0.05rem 0.3rem !important;
}
.compressed-table-sm th, .compressed-table-sm td{
	padding: 0.08rem 0.5rem !important;
}
.compressed-table-md th, .compressed-table-md td{
	padding: 0.2rem 0.5rem !important;
}
#wpra-form textarea, #wpra-form input[type="text"]{
/* 	font-size: 0.9rem; */
} 
.bg-oval-sm select{
	border-radius: 0.5rem;
	border: none;
	font-size:0.8rem !important;
	padding: 0.15rem 0.25rem;
	color: white;
	text-align:center;
	appearance: none;
	width:auto;
	-moz-appearance: none;
	-webkit-appearance: none;
}
.bg-oval-md select{
	border-radius: 0.75rem;
	border: none;
	font-size: 1rem !important;
	padding: 0.25rem 0.6rem;
	text-align:center;
	appearance: none;
	width:auto;
	-moz-appearance: none;
	-webkit-appearance: none;
}
select.select_input {
	border-radius: 0.5rem;
	border: none;
/* 	font-size:0.88rem !important; */
	padding: 0.15rem 0rem;
/* 	color: #39506f; */
	background: transparent;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}


/** ELEMENT STYLE */
a {
	text-decoration: none;
}
select>option.text-muted{
	color: #999999 !important;
}
select.text-centered{
    text-align: center;
    text-align-last: center;
    -moz-text-align-last: center;
}
ol.fw-bold, ol.fw-normal, ul.fw-bold, ul.fw-normal, .fw-normal{
	font-weight: normal !important;
}
ol.fw-bold ::marker, ul.fw-bold ::marker{
	font-weight: bold !important;
}
ol.fw-normal ::marker, ul.fw-normal ::marker{
	font-weight: normal !important;
}
table.horizontal-border td, table.horizontal-border th{
	border-right: hidden !important;
	border-left: hidden !important;
	padding-left: 0.7rem;
	padding-right: 0.7rem;
}
.form-switch .form-check-input {
        width: 2rem !important;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='4' fill='white'/%3e%3c/svg%3e") !important;
}

.form-switch .form-check-input:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='4' fill='white'/%3e%3c/svg%3e") !important;
}

.form-check-input:not(:checked){
    background-color: #c0bfbc !important;
    border-color: #ccc !important;
}
.form-check-input:checked {
    background-color: #6DD4BF !important;
    border-color: #ccc !important;
}


/** ACCORDION */
button[aria-expanded="true"],div[aria-expanded="true"]{
	color: white !important;
	background: #77A8CF !important;
	font-family: 'Proxima Nova' !important;
}
div[aria-expanded="true"] input[type="text"]{
	color: white !important;
	font-weight: bold !important;
}
button[aria-expanded="false"],div[aria-expanded="false"]{
	color: #1A6AB3 !important;
	font-family: 'Proxima Nova' !important;
}


/** HEADER SHRUNK */
header {
	height: 5.5rem;
	transition: all 350ms ease;
}
header.shrunk {
  	height: 3.65rem;
}
.site-title {
	font-size: 1.1rem;
}
.site-title.shrunk {
	font-size: 0.98rem;
}
#notification-bar {
	min-height: 1.7 rem !important;
	transition: all 250ms ease;
	background:var(--wp-primary);
	transition-delay: 1s;
}
#notification-bar.shrunk {
	height: 1.3rem !important;
}

header #wpralliance-logo {
	width: 3.8rem;
	transition: all 350ms ease;
}
header #wpralliance-logo.shrunk {
	width: 2.5rem;
	margin-top:-10px;
	
}
.nav-link {
	font-family: 'Proxima Nova';
	transition: all 300ms ease;
	font-size: 1.05rem;
}
.nav-link.shrunk {
	font-size: 1rem;
}
	
	
/*** MENU */
ul li a {
	white-space: nowrap;
}
.navbar ul li a:hover, .dropdown-item {
	color: #43A4CD !important;
}
.navbar ul li a {
	color: #2E6AAB !important;/** #2E79AB !important;*/
	font-family: 'Proxima Nova';
	font-weight: 550;
	border-right: 1px solid #ccc;
/* 	letter-spacing: 0.04rem; */
	height: 65%;
	padding: 0rem 0.6rem 0.5rem 0.6rem !important;
}
.navbar ul li a.dropdown-item{
	color: #2E79AB !important;
	font-weight: bold;
	border-right: 1px solid #ccc;
	height: 65%;
	background: #C5DBE6;
	padding: 0.5rem 0.6rem 0.5rem 0.6rem !important;
}
.navbar ul li a.dropdown-item:hover{
	background: #F2F3F4;
}
#menu-login i{
	margin-top: 0.3rem;
}
#menu-login a {
	color: #848893 !important;
}
.navbar-toggler {
	border: 0 !important;
	margin-top: -0.6rem !important;
}
.navbar-toggler-icon {
}


/** SCROLL TOP BUTTON */
.scroll-top {
    width: 2.7rem;
    height: 2.5rem;
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    display: none;
}


/*** MENU SEARCH */
#menu-search input{
	height: 2rem;
	width: 15rem;
	margin: -0.3rem 0rem 0.5rem 1.2rem;
	font-size: 0.9rem;
	text-indent: 0.3rem;
    border: 2px solid #d6d4d4
}
#menu-search {
    position: relative;
    left: 0.6rem;
}
#menu-search input:focus {
    box-shadow: none;
    border: 2px solid #1A6AB3;
}
#menu-search .fa-search {
    position: absolute;
    top: 0.2rem;
    left: 12.7rem;
    color: gray;
}
#menu-search button {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 50px;
    width: 110px;
    background: blue
}


/** CONTEXT-MENU */
.context-menu {
    display: none;
    position: absolute;
    border-radius: 3px;
    width: 140px;
    background: #fff;
    box-shadow: 0 5px 5px rgba(0,0,0,.16)
}
.context-menu ul {
    list-style: none;
    padding: 0 2px !important;
    margin: 0;
}
.context-menu ul li {
    padding: 5px 0px;
    margin-bottom: 2px;
}
.context-menu ul li:hover {
    cursor: pointer;
    background-color: #D7E1EA;
}
.context-menu-area tr {
}
.context-menu-area tr:hover {
    cursor: pointer
}


/** ENTRY */
.newsbit p {
	line-height: 120%; 
	margin-bottom: 0.28cm;
}

.lh-0 {
	line-height: 5% !important;
}
.lh-pt5{
	line-height: 60% !important;
}
.lh-pt8{
	line-height: 80% !important;
}
.lh-1 {
	line-height: 115% !important;
}
.lh-1b {
	line-height: 125% !important;
}
.lh-2 {
	line-height: 160% !important;
}

.lh-3 {
	line-height: 240% !important;
}
.ls-2 {
	letter-spacing: 0.01rem !important;
}
/** IMAGES */

.bg-img1 {
    background-image: url("../resources/images/sections/section1-bg.png");
}

.bg-img2 {
    background-image: url("../resources/images/sections/section2-bg.png");
}

.bg-img2b {
    background-image: url("../resources/images/sections/section3-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-img3 {
    background: url("../resources/images/sections/section4-bg.png") right no-repeat !important;
}

.bg-img5 {
    background: url("../resources/images/sections/section5-bg.png") right no-repeat !important;
}

.bg-img-s1 {
    background-image: url("../resources/images/sections/banner_sub.png");
}

.bg-img-s2 {
    background-image: url("../resources/images/sections/banner_sub2.png");
}

.bg-img-l1 {
    background-image: url("../resources/images/sections/line_mid_gry1.png");
    background-position: center;
}
.bg-img-lr {
    background-image: url("../resources/images/sections/line_mid_gryr.png");
    background-position: center;
}
.bg-img-ll {
    background-image: url("../resources/images/sections/line_mid_gryl.png");
    background-position: center;
}
.bg-hoverable-1 {
    background: white;
}
.bg-hoverable-1:hover {
    background: #FAFAFA;
}
.bg-blu-hoverable:hover {
	background: #C1E3FF !important;
}
.bg-img-ba1 {
    background-image: url("../resources/images/sections/banner_abstract1.png");
    background-repeat: no-repeat;
}
.bg-img-bam1 {
    background-image: url("../resources/images/sections/banner_abstract1m.png");
    background-repeat: no-repeat;
}
.shape-bookmark-grn {
    background-image: url("../resources/images/sections/shape_bookmark_grn.png");
    background-repeat: no-repeat;
    background-position: left;
    text-align: center;
    width: 3.8rem;
    padding: 0;
    margin: 0;
    float:left;
}

.shape-bookmark-gry {
    background-image: url("../resources/images/sections/shape_bookmark_gry.png");
    background-repeat: no-repeat;
    text-align: center;
    width: 5rem;
    padding: 0;
    margin: 0;
}

.shape_rec_grnblu1 {
    background-image: url("../resources/images/sections/shape_rec_grnblu1.png");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    object-fit: cover;
    padding: 0;
    margin: 0;
}
.shape_rec_grnblu2 {
    background-image: url("../resources/images/sections/shape_rec_grnblu2.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    text-align: center;
    object-fit: cover;
    padding: 0;
    margin: 0;
}
.shape_rec_grnblu3 {
    background-image: url("../resources/images/sections/shape_rec_grnblu3.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    text-align: center;
    object-fit: cover;
    padding: 0;
    margin: 0;
}
.shape_rec_grnblu4 {
    background-image: url("../resources/images/sections/shape_rec_grnblu4.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    text-align: center;
    object-fit: cover;
    padding: 0;
    margin: 0;
}
.bg-img1, .bg-img2, .bg-img3, .bg-img {
/* 	opacity: 1; */
/* 	background-attachment: fixed; */
	background-position: center;
	background-repeat: no-repeat;
  	background-size: cover;
}
.bg-trending1{
	background-image: url("../resources/images/topics/covid19-mask.png");
/* 	url("https://media.istockphoto.com/photos/monkey-pox-cells-microscope-slide-picture-id1400375427?s=612x612");	 */
}
.bg-trending2{
	background-image: url("../resources/images/topics/monkeypox-hands.png");
/* 	background-image: url("https://media.istockphoto.com/photos/mutating-virus-variant-picture-id1356114754?s=612x612");	 */
}
.bg-trending3{
	background-image: url("https://media.istockphoto.com/photos/cropped-photo-doctors-hands-in-latex-gloves-put-a-prick-in-the-of-a-picture-id1299454214?s=612x612");	
}

.bg-bottom {
	background-position: bottom;
}
.bg-center {
	background-position: top;
}
.bg-top {
	background-position: center;
}


/** HOVER */
.cursor-default {cursor: default;}
.cursor-pointer {cursor: pointer;}
.cursor-zoom-in {cursor: zoom-in;}
.cursor-download {cursor: url('../resources/images/icons/download_icon.png'), pointer !important;}
.h-underline:hover {
	text-decoration: underline !important;
}


/* MODAL IMAGE */
.modal-img-src {
  cursor: zoom-in;
  transition: 0.3s;
}
.modal-img-src:hover {
/*   opacity: 0.9; */
}
/* The Modal (background) */
.modal-img {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 0; /* Location of the box */
  left: 0;
  top: 77px !important;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background: #555; /* Fallback color */
  outline: 0;
}


/* Modal Content (Image) */
/* .modal-img-content { */
/*   margin: auto; */
/*   display: block; */
/*   width: 68%; */
/*   height: 68%; */
/*   min-width: 38rem; */
/*   height: auto; */
/*   margin-top: 5rem; */
/*   z-index: 100 !important; */
/* } */

/* Modal Content (Image) */
/* .modal-img-content { */
/*   margin: auto; */
/*   display: block; */
/*   width: 85%; */
/*   max-width: 70rem; */
/*   max-height: 55rem; */
/*   margin-top: 5rem; */
/* } */

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#modal-img-caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}
/* Add Animation - Zoom in the Modal */
.modal-img-content, #modal-img-caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}
@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}
/* The Close Button */
.modal-img-close {
  position: absolute;
  top: 40px;
  right: 35px;
  color: #f1f1f1;
  font-size: 35px;
  font-weight: bold;
  transition: 0.3s;
}
.modal-img-close:hover,
.modal-img-close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-img-content {
    width: 100%;
  }
}


/** ANIMATED BOX */
.fade-in-cubic {
    -webkit-animation: fade-in 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
            animation: fade-in 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.fade-in {
    -webkit-animation: fade-in 2s;
            animation: fade-in 2s;
}
@-webkit-keyframes fade-in {
  0% {
    -webkit-transform: translate3d(0, 20px, 0);/**translateY(50px);*/
            transform: translate3d(0, 20px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: none;/**translateY(0);*/
            transform: none;
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: none;/**translateY(0);*/
            transform: none;
    opacity: 1;
  }
}

.opacity-md {
	opacity: 0.8;
}
.opacity-lg {
	opacity: 1;
}

/** OTHER EFFECTS */
.revealUp {
  opacity: 0;
  visibility: hidden;
}
.visible{
	visibility: visible  !important;
}
.hidden{
	visibility: hidden !important;
	height: 0 !important;
	width: 0 !important;
	opacity: 0.0 !important; 
	filter: alpha(opacity=0) !important; /* IE lt 8 */
	-ms-filter: "alpha(opacity=0)" !important; /* IE 8 */
	-khtml-opacity: 0.0 !important; /* Safari 1.x */
	-moz-opacity: 0.0;
}

/** BOX-SHADOW*/
.box-shadowed {
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.box-shadower:hover {
	box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
	border-radius: 1.2rem;
}
.box-shadowed-rounded {
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	border-radius: 1.2rem;
}
.box-shadowed-topsides {
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    clip-path: inset(-8px -8px 0px -8px);
}
.box-shadowed-bottomsides {
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    clip-path: inset(0px -8px -8px -8px);
}


/** FLASH */
.right-flash {
	position: absolute;
	right: 8rem !important;
	margin: 4rem 1.1rem;
	float: right !important;
	z-index: 2000;
	border-radius: 2rem;
	padding: 0.4rem 1rem;
}
.right-flash shrunk{
	margin-top: 3.7rem;
}
.topright-flash {
	position:absolute;
	right: 0 !important;
	top: 1rem !important;
	float: right !important;
	width: auto !important;
	padding: 0.4rem 0.4rem 0.4rem 0.4rem !important;
}
.bottomleft-flash {
	position: relative;
	right: 0 !important;
	margin: 0.9rem 1.1rem !important;
	top: 0rem !important;
	float: left !important;
	width: auto !important;
	padding: 0.4rem 0.4rem 0.4rem 0.4rem !important;
}
.flash {
	text-align:center! important;
	position:absolute;
	right:0 !important;
	z-index: 10000 !important;
	padding: 0.5rem 0.5rem 0.5rem 0.6rem !important;
}
.flash-textarea {
	width: 2.2rem !important;
	position:absolute;
	top: 1.4rem !important;
}
.flash-checkbox {
	width:1 rem !important;
	position:absolute;
	left: 10rem !important;
}
.alert-success {
	color: #0f5132 !important;
    background-color: #d1e7dd !important;
    border-color: #badbcc !important;
}
.alert-info {
	color: #39506f !important;
    background-color: #F0F6F9 !important;
    box-shadow: none !important;
    border: 0 !important;
}

.invisible {
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	display: none !important;
}

/** FLOATING LABEL */
.form-floating>.form-control,
.form-floating>.form-control-plaintext {
  padding: 0rem 0.75rem;
}
.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
  height: calc(2.5rem + 2px);
  line-height: 1;
}
.form-floating>label {
  padding: 0.5rem 0.75rem;
}
/* .form-floating input:focus + label { */
/*   color: #848893; */
/* } */
.form-floating label{
	color: #848893 !important;
}


*,
::before,
::after {
    box-sizing: border-box;
}
#sidebar-xp a {
    text-decoration: none;
}
#sidebar-xp .header {
    width: 100%;
    height: auto;
/*     height: calc(var(--sb-header-height)+1.3rem); */
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem !important;
    transition: 0.5s;
}
#sidebar-xp .header_toggle {
    font-size: 1.5rem;
    padding: 0 0.58rem;
    margin-top: 0.6rem;
    cursor: context-menu;
}
#sidebar-xp .l-navbar {
    position: absolute;
    left: 0;
    top: 0;
    width: var(--sb-nav-width);
    height: 88vh;
    transition: 0.5s;
    z-index:0;
}
#sidebar-xp .nav {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}
#sidebar-xp .nav_logo,
#sidebar-xp .nav_link {
    display: grid;
    grid-template-columns: max-content max-content;
    align-items: center;
    column-gap: 1rem;
    padding: 0.5rem 0 0.5rem 1.5rem;
}
#sidebar-xp .nav_logo {
    margin-bottom: 2rem;
}
#sidebar-xp .nav_logo-icon {
    font-size: 1.25rem;
    color: var(--sb-active-color);
}
#sidebar-xp .nav_logo-name {
    color: var(--sb-active-color);
    font-weight: 700;
}

#sidebar-xp .nav_link {
    position: relative;
    color: var(--sb-default-color);
    margin-bottom: 1rem;
    transition: 0.3s;
  	font-weight: 400;
}

#sidebar-xp .nav_link i{
	font-size: 1.2rem !important;
}
#sidebar-xp .nav_link span {
	font-size: 0.88rem;
	font-weight: 400;
}
#sidebar-xp .nav_link:hover {
    color: var(--sb-hover-color);
}

#open-panel #sidebar-xp .nav_link:active {
    color: var(--sb-active-color);
}

#open-panel #sidebar-xp .nav_link:hover {
    color: var(--sb-hover-color);
}
#open-panel .nav_link{
	color: #DAEBEB;
}
#sidebar-xp .nav_icon {
    font-size: 1.25rem;
}
#sidebar-xp .sidebar-show {
    left: 0;
}
#sidebar-xp .body-pd {
    padding-left: calc(var(--sb-nav-width) + 0rem);
}
#open-panel #sidebar-xp .body-pd {
    padding-left: calc(var(--sb-nav-width) - 3rem);
}
#sidebar-xp #body-pd {
    transition: 0.5s;
}
#sidebar-xp .active {
    color: var(--sb-active-color);
    font-weight: 400;
}
#sidebar-xp .active::before {
    content: "";
    position: absolute;
    left: 0;
    width: 2px;
    height: 32px;
    background-color: var(--sb-active-color);
}
#sidebar-xp .height-100 {
    min-height: 900px !important;
}

@media screen and (min-width: 100px) {
    #open-panel #opensidebar-xp .header {
        height: calc(var(--sb-header-height) - 1rem);
    }
    #open-panel #opensidebar-xp .l-navbar {
        left: 0;
        padding: 1rem 1rem 0 0;
    }
    #open-panel #opensidebar-xp .sidebar-show {
        width: calc(var(--sb-nav-width) - 170px);
    }
    #open-panel #opensidebar-xp .body-pd {
        padding-left: calc(var(--sb-nav-width) - 5.5rem);
    }
}

@media screen and (min-width: 100px) {
    #sidebar-xp .header {
        height: calc(var(--sb-header-height) + 1rem);
    }
    #sidebar-xp .l-navbar {
        left: 0;
        padding: 1rem 1rem 0 0;
    }
    #sidebar-xp .sidebar-show {
        width: calc(var(--sb-nav-width) + 170px);
    }
    #sidebar-xp .body-pd {
        padding-left: calc(var(--sb-nav-width) + 5.5rem);
    }
}

#sidebar-xp .dropdown-toggle::after {
    margin-left: 0px;
}
#sidebar-xp .second-nav{
    top: 64px;
    z-index:10;
}
#sidebar-xp .third-nav{
    top: 85px;
    z-index:0;
}
#sidebar-xp .main-frame {
    margin-left: 4.2rem;
}
#sidebar-xp {
	scrollbar-color: #C7DCE5 #CCE8F4;
}


/** TOPBAR */
#topbar ul {
     list-style-type: none;
     top: 0;
     left:0;
     padding: 0;
     text-align:center;
     position: relative;
     margin:0;
     z-index:0;
/*      background-color: #F2C777; */
   }
#topbar li a {
    display: block;
    padding: 14px calc(18vw / 6) 9px;
    font-size: 1rem;
    text-align: center;
    text-decoration: none;
/*     color: #7C785B; */
}
#topbar li {
    display: inline-block;
}
#topbar .dropbutton:hover .droplinks{
    /*Cause the div to be displayed only when a website visitor hovers their mouse over the list item containing the div*/
    display: block;
} 
#topbar .droplinks {
    /*Break the div out of the layout flow of the list*/
    position: absolute;
    /*Give the div a background color and width*/
	    background-color: #F2D299;
    min-width: 140px;
    /*Hide the div from view*/
    display: none;
}
#topbar .droplinks a {
    /*Match the padding applied to the other menu items*/
    padding: 10px;
    /*For the links to each fill a complete row in the containing div*/
    display: block;
}

#topbar ul li a {
	color: #75A4AF;
	border-bottom: 2px solid white;
}
#topbar ul li.active-link a {
	color: var(--sb-hover-color);
	border-bottom: 2px solid white;
}
#topbar {
	scrollbar-color: #C7DCE5 #CCE8F4;
}
.panel-title {
/* 	background: *#F2F4F6; */
/* 	color: #495057; */
	width:100%;
	padding: 3rem 0.8rem 0.8rem 0.8rem !important;
	text-align: center;
/* 	font-weight: 300; */
	text-transform:uppercase;
	letter-spacing:0.02rem;
}
.slogan {
    width: 32rem !important;
}
.carousel-caption {
	height: auto;
	margin: 0;
	padding: 0;
	border-radius: 30rem;
	width: 400;
}

.zindex-low {
	z-index: 0;
}

/** BS COLLAPSE */
.accordion .card-header:after {
    font-family: 'FontAwesome';  
    content: "\f068";
    float: right; 
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067"; 
}


/** VID */
.video-iframe {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-top: 56.25%; /* 16:9 Aspect Ratio */
}
.video-responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
}
.d-flex {
	display: flex;
}
.justify-content-center {
  justify-content: center;
}

/** DASHBOARD */
.text-r1{
	font-family: 'DIN-Light' !important;
	color: #4F4F4F !important;
	font-weight: bold !important;
}
.text-r2{
	font-family: 'DINNI' !important;
	color: #046878;
}
.text-r3{
	font-family: 'DINNI' !important;
	color: #046878;
	line-height: 100% !important;
	font-size: 1.7rem !important;
}
.text-r3b{
	font-family: 'DINNI' !important;
	color: #046878;
	line-height: 100% !important;
	letter-spacing: 1.5;
}
.text-r3a{
	font-family: 'DIN-Light' !important;
	color: #046878;
	line-height: 100% !important;
	font-size: 0.9rem !important;
	letter-spacing: 1.2;
}
.text-r5{
	font-family: 'DIN-Light' !important;
	color: #268FA0 !important;
	font-weight: bold !important;
}
.text-r6{
	font-family: 'DINNI' !important;
	color: #F89748;/**#F57215;*/
	font-weight: normal;
}
.text-r0{
	font-family: 'DINNI' !important;
	color: #F89748;/**#F57215;*/
	font-size: 1.25rem !important;
	font-weight: normal;
}
.text-p1 {
	font-family: 'Arial' !important;
	color: #424242 !important;
}
.w-30{
	width: 30% !important;
}
.w-40{
	width: 40% !important;
}
.w-60{
	width: 60% !important;
}
.w-65{
	width: 65% !important;
}
.w-70{
	width: 70% !important;
}
.w-80{
	width: 80% !important;
}
.w-85{
	width: 85% !important;
}
.w-88{
	width: 88% !important;
}
.w-90{
	width: 90% !important;
}
.w-95{
	width: 95% !important;
}
.w-medium{
	min-width: 80% !important;
	max-width: 90% !important;
}
.mh-small{
	min-height: 5rem !important;
}
.dropdown-menu {
	min-width: 30px !important; 
} 
.input-same-line .form-group div {
  display: flex;
  flex-wrap: wrap;
}
.input-same-line .form-group .input-same-label {
  display: inline-block; 
  /* add space after the input to separate it from the text */
  margin-right: 5px; 
}


/** MEDIA SCREEN */
@media (min-width: 481px) {
	
    #screen-sm { 
    	display: none !important;
    }
    .slider-img {
    	width: var(--ci-width);
    	height: calc(var(--ci-width)/2.4) !important;
    }
    .slider-img-a {
    	width: var(--ci-width);
    	height: calc((var(--ci-width) - 5.5rem) /2.4) !important;
    }
    .section4-img {
    	background: url("../resources/images/sections/section4-bg.png") right no-repeat !important;
    }
    .section4-content {
    	width: 45%
    }
    .form-floating-span {
		width:87.35% !important; 
	}
	.fw-500 {
		font-weight: 600 !important;
	}
	.fs-4b {
		font-size: 1.55rem !important;
	}
	.fs-5b {
		font-size: 1.37rem !important;
	}
	.fs-5c {
		font-size: 1.18rem !important;
	}
	.page-icon{
		font-size: 2.5rem !important;
	}
	.page-banner{
		font-size: 1.8rem !important;
	}
	.page-subbanner{
		font-size: 1.6rem !important;
	}
	.page-substantial {
		font-size: 1.45rem !important;
	}
	.page-title {
		font-size: 1.4rem !important;
	}
	.title {
		font-size: 1.35rem !important;
	}
	.heading {
		font-size: 1.3rem !important;
	}
	.subheading {
		font-size: 1.25rem !important;
	}
	.section-title {
		font-size: 1.21rem !important;
	}
	.entry {
		font-size: 1.2rem;
		line-height: 1.52rem !important;
	}
	.subentry {
		font-size: 1.18rem;
	}
	.statement {
		font-size: 1.15rem !important;
/* 		font-family: 'Proxima Nova'; */
	}
	.subtitle {
		font-size: 1.1rem !important;
/* 		font-family: 'Proxima Nova'; */
	} 
	.narrative {
		font-size: 1.06rem !important;
		line-height: 1.5rem;
/* 		font-family: 'Proxima Nova'; */
	}
	p {
		font-size: 1.05rem;
		line-height: 1.5rem;
		font-family: 'Proxima Nova';
	}
	.form-entry label {
		font-size: 0.98rem !important;
		font-family: 'Proxima Nova';
	}
	.form-entry input[type="text"], .form-entry input[type="email"], .form-entry input[type="password"], .form-entry label.form-check-label{
		font-size: 0.98rem !important;
		font-family: 'Proxima Nova';
	}
	::-webkit-input-placeholder, :-ms-input-placeholder {
		font-size: 0.98rem !important;
		font-family: 'Proxima Nova';
	}
	.subtext{
		font-size: 1.02rem !important;	
	}
	.label {
		font-size: 0.97rem !important;
	}
	.notes {
		font-size: 0.92rem !important;
	}
	.detail {
		font-size: 0.91rem !important;
	}
	.minute {
		font-size: 0.86rem !important;
	}
	.micro {
		font-size: 0.80rem !important;
	}
	.nano {
		font-size: 0.75rem !important;
	}
	.navbar ul li a.dropdown-item{
		font-size: 1.0rem !important;
/* 		font-family: 'Proxima Nova'; */
	}
	.modal-img-content {
		margin: auto;
	  	display: block;
	  	min-width: 38rem;
	  	height: auto;
	  	margin-top: 5rem;
	  	z-index: 100 !important;
	}
	
}
@media (min-width:1400px) {
    .navbar-container {
		/**margin-left:24.7rem;*/
		position:absolute;
		right:2.5rem !important;
		margin-left:1rem !important;
		transition: all 350ms ease;
	}
	.navbar-container.shrunk {
		top: -2px;
		padding-top:10px;
/* 		margin-left: 25.9rem; */
	}
    #nra-search {
    	width: 20rem !important;
    }	
}
@media (max-width: 1400px) {
	.navbar ul li a {
    	padding: 10px 20px !important;
    	background: #CCE8F4 !important;
    }
    li.nav-item.active-link a {
    	background: #64B2BF !important;
    	color: white !important;
    }
    .underline {
    	visibility: hidden;
    }
    .navbar ul li a:hover, .navbar ul li a:focus {
    	background: #C4E4EF !important;
    }
    .web-only {
		display:none !important;
	}
	.navbar-container {
		transition: all 400ms ease;
		margin-top: 0.0rem;
		background: #fafafa;
	}
	.navbar-container.shrunk {
		padding-top: 0;
		margin-top: -0.45rem;
	}
	.nav-link, .nav-link.shrunk {
		transition: all 350ms ease;
		font-size: 0.93rem;
	}
	.slider-img {
    	width: var(--ci-width) !important;
    	height: calc(55rem /2.4) !important;
    }
    .slider-img-a {
    	width: var(--ci-width);
    	height: calc((51rem) /2.4) !important;
    }
}
@media (max-width:500px) {
	.form-floating-span {
		width:85.7% !important; 
	}
}
@media (max-width: 480px) {
    #screen-lg { display: none !important; }
    #nra-search {
    	width: 15rem !important;
    }
    .slider-img {
    	width: var(--ci-width) !important;
    	height: calc(22rem /2.4) !important;
    }
    .slider-img-a {
    	width: var(--ci-width);
    	height: calc((14rem) /2.4) !important;
    }
    #news0-img {
		 width: 285px !important;
	}
	.section4-img {
    	background: url("../resources/images/sections/section4-bg-md.png") right no-repeat !important;
    }
	.form-floating-span {
		width:calc(78vw - 55px) !important; 
	}
	.page-icon{
		font-size: 1.9rem !important;
	}
	.page-banner {
		font-size: 1.57rem !important;
	}
	.page-subbanner {
		font-size: 1.37rem !important;
	}
	.page-substantial {
		font-size: 1.23rem !important;
	}
	.page-title {
		font-size: 1.17rem !important;
	}
	.title {
		font-size: 1.13rem !important;
		font-weight: bold;
	}
	.heading {
		font-size: 1.1rem !important;
	}
	.subheading {
		font-size: 1.08rem !important;
	}
	.section-title {
		font-size: 1.04rem !important;
	}
	.entry {
		font-size: 1.03rem !important;
		line-height: 1.52rem !important;
	}
	.subentry {
		font-size: 1.015 rem !important;
	}
	.statement {
		font-size: 1rem !important;
	}
	.subtitle {
		font-size: 0.97rem !important;
	}
	.narrative {
		font-size: 0.95rem !important;
		line-height: 1.52rem;
	}
	p {
		font-size: 0.95rem !important;
		line-height: 1.52rem;
	}
	input[type="text"], input[type="email"], input[type="password"], form label, label.form-check-label{
		font-size: 0.78rem !important;
		font-family: 'Proxima Nova';
	}
	::-webkit-input-placeholder, :-ms-input-placeholder {
		font-size: 0.78rem !important;
		font-family: 'Proxima Nova';
	}
	.form-entry label {
		font-size: 0.78rem !important;
		font-family: 'Proxima Nova';
	}
	.subtext {
		font-size: 0.91rem !important;	
	}
	.label {
		font-size: 0.87rem !important;	
	}
	.notes {
		font-size: 0.84rem !important;
	}
	.detail {
		font-size: 0.83rem !important;
	}
	.minute {
		font-size: 0.8rem !important;
	}
	.micro {
		font-size: 0.75rem !important;
	}
	.nano {
		font-size: 0.7rem !important;
	}
	.navbar ul li a.dropdown-item{
		padding-left: 0.9rem !important;;
		font-size: 0.95rem !important;
	}
	.site-title {
		font-size: 1.02rem !important;
	}
	.modal-img-content {
	  margin: auto;
	  display: block;
	  width: 85%;
	  height: auto;
	  max-width: 70rem;
	  max-height: 55rem;
	  margin-top: 5rem;
	}
}
@media (max-width: 430px) { /***/
    .form-floating-span {
		width:84% !important; 
	}
	.survey-navigator-button{
		padding-left: 4rem !important;
		padding-right: 0.2rem !important;;
		
	}
}
@media (max-width: 400px) {
    .form-floating-span {
		width:81.9% !important; 
	}
}
@media (max-width: 370px) { /***/
    .form-floating-span {
		width:80.5% !important; 
	}
}

.sticky-top-adjusted {
	position: sticky;	
}

@media print {
body {-webkit-print-color-adjust: exact;}
	.sticky-top-adjusted {
		position: static;		
	}
}