@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
/*
font-family: 'Manrope', sans-serif;
font-family: 'Inter', sans-serif;
*/
@font-face {
	font-display: fallback;
	font-family: DNB;
	font-style: normal;
	font-weight: 400;
	src: url(/fonts/DNB-Regular-54d35ae78c18491c35feab30a836875a.woff2) format("woff2"), url(/fonts/DNB-Regular-a7ae8b2681fd8678c211233076f9f29c.woff) format("woff"), url(/fonts/DNB-Regular-f364797131936f728edc6226da691b61.ttf) format("truetype")
}
@font-face {
	font-display: fallback;
	font-family: DNB;
	font-style: normal;
	font-weight: 500;
	src: url(/fonts/DNB-Medium-8e57bfcd9fcbc6f0e1160901cf7f1e98.woff2) format("woff2"), url(/fonts/DNB-Medium-7cce6852953c579bfbed4a607380a6b8.woff) format("woff"), url(/fonts/DNB-Medium-8d30b22d4ce585272e9905f9bdc8c75b.ttf) format("truetype")
}
@font-face {
	font-display: fallback;
	font-family: DNB;
	font-style: normal;
	font-weight: 600;
	src: url(/fonts/DNB-Bold-b402be656a707d3bbdcfe490893c5b5a.woff2) format("woff2"), url(/fonts/DNB-Bold-fa1efe4a49f2a9349c8fc11240b3395d.woff) format("woff"), url(/fonts/DNB-Bold-14a475c28b37e391d7d510fda03162e6.ttf) format("truetype")
}
@font-face {
	font-display: fallback;
	font-family: DNBMono;
	font-style: normal;
	font-weight: 400;
	src: url(/fonts/DNBMono-Regular-322db7bbbe1d833cb61311e4f598b3fb.woff2) format("woff2"), url(/fonts/DNBMono-Regular-0d773822320524493918b50ce1d2e50c.woff) format("woff"), url(/fonts/DNBMono-Regular-44317dd874e330d3f858d4490f776057.ttf) format("truetype")
}


html, body { padding:0; margin:0;font-family: "DNB", Manrope, sans-serif; font-weight:400;  font-size:16px;  }

body {}


.RadGrid_Bootstrap .rgMasterTable, .RadGrid_Bootstrap .rgDetailTable, .RadGrid_Bootstrap .rgGroupPanel table, .RadGrid_Bootstrap .rgCommandRow table, .RadGrid_Bootstrap .rgEditForm table, .RadGrid_Bootstrap .rgPager table { font-family:var(--font-family)!important; }


/*Styles NEED Change*/

a {  color: var(--primary-color);  text-decoration: none;}
a:hover,a:focus {  color: var(--secondary-color);  text-decoration: underline;}
a:focus {  outline: thin dotted;  outline: 5px auto -webkit-focus-ring-color;  outline-offset: -2px;}

.nav-login i.fas.fa-user {    border: 1px solid var(--spcl-color);   border-radius: 35px;    color: var(--spcl-color);   padding: 4px 4px 0px 4px;    font-size: 16px;}

:root {
  --primary-color:#007272;
  --secondary-color:#333333;

  --spcl-color:#14555a; 
  --spcl-color2:#00343e;
  
  --button-bg:#007272;
  --button-text:#ffffff;
  --button-bghover:#00343e;
  --button-texthover:#ffffff;
  
  --button-secndry:#f2f4ec;  /*secondry button */
  --button-text-sec:#333333;
  
  --step-color:#d2f0e9;
  
  --headercolor:#333333; /*Event -  h1 */
  --headersmlcolor:#333333; /*Event -  h2, h4 */
  --headerfont:"DNB", Manrope, sans-serif; 
  
  --font-family:"DNB", Manrope, sans-serif; 
  
  
  
  
/*****************Nav styles change here*****************/
--left-nav-bg:#f2f4ec; 
--left-nav-bghover:#e9f8f4; 
--left-nav-headbg:#d2f0e9; 

--left-nav-txt:#33373C;
--left-nav-txthover:#000000;

--left-nav-subtxt :#33373C;


/**************************/
}	







footer { background:#01636B; color:#ffffff; }

.copyrightrow { padding:15px 0px; font-size:15px; color:#ECFFF8;  }
.copyrightrow a, .copyrightrow a:link, .copyrightrow a:active, .copyrightrow a:visited { color:#ECFFF8;}
.copyrightrow a:hoover, .copyrightrow a:focus { color:#ffffff; text-decoration:none; }
.btm-icons { display:inline-block; padding:0px 3px; }



.CreditsTabMenuWrap {     display: table;    padding: 20px;  background: #ECFFF8;}

.CreditsTabMenuWrap a {   display: block;    padding: 4px 0px;    line-height: 1.4; cursor:pointer;cursor:hand;    margin: 0; color:#000000!important; }
.CreditsTabMenuWrap a:hover, .CreditsTabMenuWrap a:focus { color:#01636B; text-decoration:none;cursor:pointer; cursor:hand;}
.CreditsTabMenuWrap br { line-height:0.1; display:none; }



	
.Sitename { text-align:center; color:#ffffff; font-size:16px; padding-bottom:20px;  }
.LOGINuname {    color: #fcfcfc;}
	
.OrgMainInner h1 { color:var(--headercolor); font-weight:600; padding-bottom:16px; font-family: var(--headerfont);   }

.navbar-brand>img {  display: block;   max-height: 52px;}

.nav-register {background-color:var(--secondary-color)!important; color:#fff!important;   padding: 5px 15px!important;
    border-radius: 15px;
}
.nav-register:hover,.nav-register:focus,.navbar-collapse .nav-link.nav-register:focus,.navbar-collapse .nav-link.nav-register:hover {background-color:#000!important; color:#fff!important;}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link { color:var(--primary-color);}


/*******Top Logo Padding if required***********/
.TopLogo {}
/*******************< />************/


/** Bottom credit Shadow for visibility ***/
.BTMCredit, .BTMCredit a, .BTMCredit a:link, .BTMCredit a:active, .BTMCredit a:visited { text-shadow: 5px 3px 6px #000000, 2px 1px 3px #000000, 2px -2px 3px #000000, -2px 2px 3px #000000; }
/*******************< />************/
#selectimagewrapper img#image {
    max-width: 400px;
}

/****Left Menu Styles ****/	
div.Leftmenu_header a.LogOutBtn { background:var(--primary-color); color:#ffffff; border:0; transition: background-color 0.25s ease-in-out 0s; }
div.Leftmenu_header a.LogOutBtn:hover, div.Leftmenu_header a.LogOutBtn:focus { background:var(--secondary-color); color:#ffffff;border:0; transition: background-color 0.25s ease-in-out 0s; }

ul.Leftmenu, ul.Leftmenut  { display:block!important; } /* Toggle Style*/

/************** < /> *******************/

div.step { background:var(--step-color); border:var(--step-color) solid 1px;}

/*******Button Styles*******************/

.button_off, .BTNdefault, .button_on{ text-decoration: none; line-height:30px; border-radius:3px;
    border: 2px solid var(--button-bg)!important;    background:var(--button-bg);    color: var(--button-text);transition: background-color 0.25s ease-in-out 0s;}
.button_off:hover, .BTNdefault:hover, .button_on:hover,.button_off:focus, .BTNdefault:focus, .button_on:focus { background:var(--button-bghover); color: var(--button-texthover);
transition: background-color 0.25s ease-in-out 0s; outline:none;   }

input[type="button"], input[type="reset"], input[type="submit"] {  line-height:30px; border-radius:3px; text-decoration: none; font-size:15px; font-weight:bold;  border: 1px solid var(--button-bg)!important;    background:var(--button-bg);    color: var(--button-text);  transition: background-color 0.25s ease-in-out 0s;}

.button_on,input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background:var(--button-bghover); color: var(--button-texthover); transition: background-color 0.25s ease-in-out 0s; outline:none; }

.linkBTN-td a, .linkBTN-div a{   text-decoration: none; line-height:30px; border-radius:3px;
    border: 1px solid #999!important;    background: #ccc;    color: #333!important; font-weight:600; font-size:14px;}
.linkBTN-td a:hover, .linkBTN-td a:focus, .linkBTN-div a:hover, .linkBTN-div a:focus {   background:#aaa; transition: background-color 0.25s ease-in-out 0s; outline:none;}

/***************************************/


.RadGrid_Cotech .rgRow a, .RadGrid_Cotech .rgAltRow a, .RadGrid_Cotech .rgEditRow a, .RadGrid_Cotech tr.rgEditRow a, .RadGrid_Cotech tr.rgHoveredRow a, .RadGrid_Cotech tr.rgActiveRow a, .RadGrid_Cotech .rgFooter a, .RadGrid_Cotech .rgEditForm a { color: #0068a5!important; text-decoration:none;}
.RadGrid_Cotech .rgRow a:hover, .RadGrid_Cotech .rgAltRow a:hover, .RadGrid_Cotech .rgEditRow a:hover, .RadGrid_Cotech tr.rgEditRow a:hover, .RadGrid_Cotech tr.rgHoveredRow a:hover, .RadGrid_Cotech tr.rgActiveRow a:hover, .RadGrid_Cotech .rgFooter a:hover, .RadGrid_Cotech .rgEditForm a:hover { color: var(--secondary-color)!important; text-decoration:underline;}


/*****************************************/
		
.BottomWrap { }
.BottomWrap .container { background: none repeat scroll 0 0 #A3A9A8 /*#428BCA*/; border-top:2px solid #1b1b1b; padding:10px 0px;}
h1.BtmLink {  font-size: 24px; line-height: 30px;    margin: 0; padding:0; }
h1.BtmLink a { color: #FFFFFF;    text-decoration: none; }
.FooterClient .FooterCredit { }
.FooterCredit { line-height:30px;  color:#ffffff!important; text-decoration:none; font-size:13px;}
.FooterCredit a {color:#ffffff!important; text-decoration:none; font-size:13px;}
.FooterCredit a:hover, .FooterCredit a:focus  {color:#ffffff!important; text-decoration:underline; }

.ui-dialog{ z-index:100001 }
@media screen and (min-width: 320px) and (max-width: 480px) {
}
@media screen and (max-width: 767px) {
h2.topBanner {    text-align: center; }
.right-lg {    clear: both;    display: block;}
}
@media (min-width: 768px) {
h2.topBanner {    text-align: center;}
.right-lg {    clear: both;    display: block;}
}
@media (min-width: 992px) {
h2.topBanner {    text-align: right;}
.container {    width: 100%;}
.midwrap {  border-top: 0 none;}
.right-lg {  float: right;}
}
@media (min-width: 1200px) {
.container {  max-width: 1180px; width: 100%;}

}



ul.socialmedia 
{
    text-align:right;
    float:right;
    height:24px;
    list-style: none outside none;
    margin:0;
    padding:0;
    width:134px;
}
ul.socialmedia li 
{
    float:left;
}
ul.socialmedia li a 
{
    display:block;
}
ul.socialmedia li a.facebook 
{
    background: url("/images/icons/facebook.png") no-repeat scroll 0 0 transparent;
    height:14px;
    margin: 5px 4px 0 5px;
    width:14px;
}
ul.socialmedia li a.linkedin 
{
    background: url("/images/icons/linkedin.png") no-repeat scroll 0 0 transparent;
    height:14px;
    margin: 5px 4px 0 5px;
    width:14px;
}
ul.socialmedia li a.twitter 
{
    background: url("/images/icons/twitter.png") no-repeat scroll 0 0 transparent;
    height:14px;
    margin: 5px 4px 0 5px;
    width:14px;
}