@font-face {
  font-family: 'icomoon';
  src:  url('icomoon.eot?crx32y');
  src:  url('icomoon.eot?crx32y#iefix') format('embedded-opentype'),
    url('icomoon.ttf?crx32y') format('truetype'),
    url('icomoon.woff?crx32y') format('woff'),
    url('icomoon.svg?crx32y#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-circle-right:before {
  content: "\ea42";
}
.icon-circle-left:before {
  content: "\ea44";
}



/*Styles NEED Change*/

a {  color: #00A5B2;  text-decoration: none;}
a:hover,a:focus {  color: #58A4B0;  text-decoration: underline;}
a:focus {  outline: thin dotted;  outline: 5px auto -webkit-focus-ring-color;  outline-offset: -2px;}


.OrgMainInner h1 { color:#00A5B2; font-weight:600; padding-bottom:16px  }



/*******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; }
/*******************< />************/


/****Left Menu Styles ****/	
div.Leftmenu_header a.LogOutBtn { background:#00A5B2; 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:#58A4B0; 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:#58A4B0; border:#00A5B2 solid 1px;}

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

.button_off, .BTNdefault, .button_on{ text-decoration: none; line-height:30px; border-radius:3px;
    border: 1px solid #999!important;    background: #ccc;    color: #333;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:#aaa;
transition: background-color 0.25s ease-in-out 0s; outline:none;   }

input[type="button"], input[type="reset"], input[type="submit"] {   text-decoration: none; font-size:15px; font-weight:bold;  border: 1px solid #999!important;    background: #ccc;    color: #333;  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:#aaa; 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: #58A4B0!important; text-decoration:underline;}


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

.newEventLinkPreText{}
.newEventLink {padding: 25px 0px 40px 0;}
.newEventLinkPostText{font-weight:bold;padding-bottom:10px}

#UpdatePanel1 h1 {margin-bottom: 1rem;font-size: 1.875rem;line-height: 1.25rem;font-weight: 700;color: #02373c;}

#link_newEventLink {border-radius:.5rem; background-color: #23616b; padding: .5rem 1rem; font-weight: 500; line-height: 1.375; color: #ffffff;}
#link_newEventLink:hover { background-color: #045a62;}

#UpdatePanel1 #btn_next { border-radius: .5rem; border-width: 1px; border-color: #23616b; background-color: transparent; padding: .5rem 1rem; font-weight: 500; line-height: 1.375; color: #23616b; display: block; margin: 0 auto 0 0; }

#UpdatePanel1 #btn_next:hover { background-color:  background-color: rgba(4, 90, 98, 0.3);}
		
.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: 100%!important; width: 100%!important;}

}

@media (min-width: 2560px) {
.container {  max-width: 100%!important; width: 100%!important;}

}

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;
}

form[action*="/inviteerror.aspx"] .OrgLeftBox{ display:none }
form[action*="/inviteerror.aspx"] .OrgRightBox{ min-height:700px;width: 100%;text-align: center;font-weight: bold}
form[action*="/inviteerror.aspx"] .OrgMainInner {padding-top: 100px;}
/**************POP UP Styles*******/

	.event-setup-wizard-steps {
		top: 50px!important;
	}
	.nav-item {
		margin-right: 15px
	}
	#mask {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 9000;
		background-color: #26262c;
		display: none;
	}
	#boxes .window {
		position: absolute;
		left: 20%;
		top: 0;
		width: 440px;
		height: 850px;
		display: none;
		z-index: 9999;
		padding: 20px;
		border-radius: 7px;
		text-align: center;
	}
	#boxes #dialog {
		height: auto;
		padding: 0px;
		background-color: #ffffff;
		font-size: 15px;
		-webkit-box-shadow: 0px 0px 8px 1px rgba(102,102,102,1);
		-moz-box-shadow: 0px 0px 8px 1px rgba(102,102,102,1);
		box-shadow: 0px 0px 8px 1px rgba(102,102,102,1);
	}
	.agree:hover {
		background-color: #D1D1D1;
	}
	.popupoption:hover {
		background-color: #D1D1D1;
		color: green;
	}
	.popupoption2:hover {
		color: red;
	}

	@media screen and (max-width: 767px) {
	#boxes .window {
		top: 15px;
		left: 5%;
		width: 90%;
	}
	}

	@media (min-width: 768px) {
	#boxes .window {
		top: 15%;
		left: 25%;
		width: 50%;
	}
	}
	.covid-link {
		color: #101010;
		text-decoration: underline;
	}
	.covid-link:hover {
		color: #000000;
		text-decoration: none;
	}