@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;
*/
html, body { padding:0; margin:0;font-family: 'Manrope', sans-serif; font-weight:400; font-size:16px;  }

body {}




/*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 #EB313E;   border-radius: 35px;    color: #EB313E;   padding: 4px 4px 0px 4px;    font-size: 16px;}

:root {
  --primary-color:#EB313E;
  --secondary-color:#232323;

  --spcl-color:#2d5c88; 
  --spcl-color2:#1d1d1d;
  
  --button-bg:#01636B;
  --button-text:#ffffff;
  --button-bghover:#ECFFF8;
  --button-texthover:#01636B;
  
  --button-secndry:#ECFFF8;  /*secondry button */
  --button-text-sec:#33373C;
  --step-color:#EB313E;
  
  --headercolor:#03373C; /*Event -  h1 */
  --headersmlcolor:#000000; /*Event -  h2, h4 */
  --headerfont:'Manrope', sans-serif; 
  
  
/*****************Nav styles change here*****************/
--left-nav-bg:#e5e5e5; 
--left-nav-bghover:#E2ECED; 
--left-nav-txt:#33373C;
--left-nav-txthover:#000000;
--left-nav-subtxt :#33373C;


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




div#MainContent_updateCategory.alert-warning.updateCategory { display: none;}


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

.copyrightrow { padding:15px 0px; font-size:0.9rem; 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!important;}

.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: 1px 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;   }

button.mat-focus-indicator.bg-primary.text-white.mat-raised-button.mat-button-base { text-decoration: none; line-height:30px; border-radius:3px;
    border: 1px solid var(--button-bg)!important;    background:var(--button-bg)!important;    color: var(--button-text);transition: background-color 0.25s ease-in-out 0s;}

button.mat-focus-indicator.bg-primary.text-white.mat-raised-button.mat-button-base:hover, button.mat-focus-indicator.bg-primary.text-white.mat-raised-button.mat-button-base: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;
}