﻿.headertext,.headertextMobile{padding:20px;font-size:20px;font-family:Calibri, helvetica, arial}.headertext,.headertextMobile,body{font-family:Calibri, helvetica, arial}.lbl,.welcometext,label>#LoginWindow_UserName{font-weight:700}body{margin:0}.PopupBackground{background-color:#000;filter:alpha(opacity=90);opacity:.8}.Popup{background-color:#FFF;border-width:3px;border-style:solid;border-color:#000;width:267px;height:116px}.LogoutDiv,.MainPageDiv,.welcometext{width:32%;float:left}.headertextMobile{color:#fff}.headertext{color:#686868}.MainPageDiv{padding:5px}.welcometext{padding:0 5px 3px;font-size:24px;color:#fff}.LogoutDiv{padding:5px}#HomePage,#Logout{background-color:#ffcf06;padding:8px;text-decoration:none;color:#000;cursor:pointer}.LoggedInDiv{height:41px;background-color:#627580;vertical-align:middle;text-align:center;margin:0 auto;padding-top:13px}.lbl{font-size:16px;font-style:italic}.LoginWindowCSS{background-color:#E1E1E1}.CloseButton,.LoginText{margin-top:10px;display:none}.bannerImageMobile{width:100%;height:100%;cursor:pointer}.bannerImageDivMobile{text-align:center;max-height:433px;height:auto;overflow:hidden}.bannerImage{width:100%;height:100%;cursor:pointer;max-height:276px}.bannerImageDiv{text-align:center;max-height:276px}.footertext{color:#08428c;font-size:12px}.RandomText{text-align:left;padding:25px 5%;background-color:#EBEBEB;width:90%;height:390px;}.ChatWindow{width:400px;height:200px}.ColumnClass{display:inline-block}.RowClass{width:100%}.RowMobileClass{width:100%;display:block;margin:auto;text-align:center}.ContainerClass,.ContainerMobileClass{text-align:center;margin:0 auto;width:100%}.ContainerClass{height:1250px}.GenericTextPanel,.SessionInfoPanel{width:100%;float:left}#twitter-widget-0{position:static;visibility:visible;display:inline-block;height:452px;padding:0;max-width:100%;min-width:180px;margin-top:0;margin-bottom:0;min-height:200px;float:left;border:1px solid #CFCFCF!important}.LoginTable,.LoginTableMobile{height:480px;position:relative}.Column_1{padding-right:5px}.Column_2{padding-left:5px}.SessionInfoPanelDiv{text-align:left}.LoginPanel{background:url(../images/background.jpg) no-repeat;width:100%;padding-top:5%;background-size:cover}.LoginPanelMobile{background:url(../images/background-mobile.jpg) no-repeat;width:100%;padding-top:5%;background-size:cover}.LoginTableMobile{width:80%;margin:0 10% 6%}.LoginTable{width:50%;background-color:#fff;border:2px solid;margin:0 35% 6%}.WebcastPlayer{width:97%;height:101%}#mediaspace_wrapper{float:left;padding-top:7.5px;width:100%;height:100%}.UserNameMobile{padding:40px 0 0;text-align:center}.PasswordMobile{padding:10px 0 30px;text-align:center}.UserName{padding:20px 0 0;text-align:center}.Password{padding:10px 0 30px;text-align:center}.FirstName{padding:40px 0 0;text-align:center}.VerifyPassword{padding:10px 0 30px;text-align:center}.EmailAddress,.LastName,.PasswordC,.UserNameC{padding:10px 0 0;text-align:center}.FirstNameMobile{padding:40px 0 0;text-align:center}.VerifyPasswordMobile{padding:10px 0 30px;text-align:center}.EmailAddressMobile,.LastNameMobile,.PasswordCMobile,.UserNameCMobile{padding:10px 0 0;text-align:center}.PasswordHeader,.PasswordHeaderMobile,.UserNameHeader,.UserNameHeaderMobile{float:left;width:100px;display:none}.EmailTextBox,.EmailTextBoxMobile,.FirstNameTextBox,.FirstNameTextBoxMobile,.LastNameTextBox,.Las<strong></strong>tNameTextBoxMobile,.PasswordTextBox,.PasswordTextBoxMobile,.UserNameTextBox,.UserNameTextBoxMobile,.VerifyPasswordTextBox,.VerifyPasswordTextBoxMobile{height:30px;width:80%;font-size:18px;padding-left:5px}.LoginButton,.LoginButtonMobile{margin:5px auto}.CreateAccountButtonMobile{margin:20px auto 5px}.CreateAccountButton{margin:5px auto}.CreateAccountButton a,.CreateAccountButtonMobile a{text-decoration:none;color:#fff} .floatingSessionTime{font-family: open sans, verdana;font-size: 12px;position:absolute;top:0;right:0;margin:7% 26% 0 0; font-weight:700;color:#FFFFFF;} .wcHomeButton,.wcFAQButton,.backFAQ,.wcLogoutButton{float:left;margin:-50px 0 0 10%;position:relative;border:2px solid #FFFFFF;-webkit-border-radius:5px;border-radius:5px;padding:8px;} .wcLogoutButton{float:right; margin:-50px 10% 0 0;} .wcHomeButton:hover,.wcFAQButton:hover,.backFAQ:hover,.wcLogoutButton:hover {border:2px solid #FFFFFF;text-decoration:underline;} .wcHomeButtonA,.wcFAQButtonA,.backFAQA,.wcLogoutButtonA{color: #FFFFFF;text-decoration: none;font-weight: 700;} #container{display:block !important;} .chatInstructions{position:relative;width:32%;float:left;top:0;right:0;z-index:2;} .closeChatInstX{cursor:pointer;float: right;font-size:28px;font-weight:700;color:#FFFFFF;margin:-20px 4px 0 0;} .extendChat{width:100% !important;} .closeChatInst{display:none;position:absolute;right:0;} .grayedOut{position:absolute;top:0;width:98% !Important;background-color:#000000;opacity:0.5;} #imgDivPhoto{width: 200px;} 
.headertext,.headertextMobile{padding:20px;font-size:20px;font-family:Calibri, helvetica, arial}.headertext,.headertextMobile,body{font-family:Calibri, helvetica, arial}.lbl,.welcometext,label>#LoginWindow_UserName{font-weight:700}body{margin:0}.PopupBackground{background-color:#000;filter:alpha(opacity=90);opacity:.8}.Popup{background-color:#FFF;border-width:3px;border-style:solid;border-color:#000;width:267px;height:116px}.LogoutDiv,.MainPageDiv,.welcometext{width:32%;float:left}.headertextMobile{color:#fff}.headertext{color:#686868}.MainPageDiv{padding:5px}.welcometext{padding:0 5px 3px;font-size:24px;color:#fff}.LogoutDiv{padding:5px}#HomePage,#Logout{background-color:#ffcf06;padding:8px;text-decoration:none;color:#000;cursor:pointer}.LoggedInDiv{height:41px;background-color:#627580;vertical-align:middle;text-align:center;margin:0 auto;padding-top:13px}.lbl{font-size:16px;font-style:italic}.LoginWindowCSS{background-color:#E1E1E1}.CloseButton,.LoginText{margin-top:10px;display:none}.bannerImageMobile{width:100%;height:100%;cursor:pointer}.bannerImageDivMobile{text-align:center;max-height:433px;height:auto;overflow:hidden}.bannerImage{width:100%;height:100%;cursor:pointer;max-height:452px}.bannerImageDiv{text-align:center;max-height:276px}.footertext{color:#08428c;font-size:12px}.RandomText{text-align:left;padding:25px 5%;background-color:#EBEBEB;width:90%;height:144px;}.ChatWindow{width:400px;height:200px}.ColumnClass{display:inline-block}.RowClass{width:100%}.RowMobileClass{width:100%;display:block;margin:auto;text-align:center}.ContainerClass,.ContainerMobileClass{text-align:center;margin:0 auto;width:100%}.ContainerClass{height:1250px}.GenericTextPanel,.SessionInfoPanel{width:100%;float:left}#twitter-widget-0{position:static;visibility:visible;display:inline-block;height:452px;padding:0;max-width:100%;min-width:180px;margin-top:0;margin-bottom:0;min-height:200px;float:left;border:1px solid #CFCFCF!important}.LoginTable,.LoginTableMobile{height:480px;position:relative}.Column_1{padding-right:5px}.Column_2{padding-left:5px}.SessionInfoPanelDiv{text-align:left}.LoginPanel{background:url(../images/background.jpg) no-repeat;width:100%;padding-top:5%;background-size:cover}.LoginPanelMobile{background:url(../images/background-mobile.jpg) no-repeat;width:100%;padding-top:5%;background-size:cover}.LoginTableMobile{width:80%;margin:0 10% 6%}.LoginTable{width:50%;background-color:#fff;border:2px solid;margin:0 35% 6%}.WebcastPlayer{width:97%;height:100%}#mediaspace_wrapper{float:left;padding-top:7.5px;width:100%;height:100%}.UserNameMobile{padding:40px 0 0;text-align:center}.PasswordMobile{padding:10px 0 30px;text-align:center}.UserName{padding:20px 0 0;text-align:center}.Password{padding:10px 0 50px;text-align:center}.FirstName{padding:40px 0 0;text-align:center}.VerifyPassword{padding:10px 0 30px;text-align:center}.EmailAddress,.LastName,.PasswordC,.UserNameC{padding:10px 0 0;text-align:center}.FirstNameMobile{padding:40px 0 0;text-align:center}.VerifyPasswordMobile{padding:10px 0 30px;text-align:center}.EmailAddressMobile,.LastNameMobile,.PasswordCMobile,.UserNameCMobile{padding:10px 0 0;text-align:center}.PasswordHeader,.PasswordHeaderMobile,.UserNameHeader,.UserNameHeaderMobile{float:left;width:100px;display:none}.EmailTextBox,.EmailTextBoxMobile,.FirstNameTextBox,.FirstNameTextBoxMobile,.LastNameTextBox,.Las<strong></strong>tNameTextBoxMobile,.PasswordTextBox,.PasswordTextBoxMobile,.UserNameTextBox,.UserNameTextBoxMobile,.VerifyPasswordTextBox,.VerifyPasswordTextBoxMobile{height:30px;width:80%;font-size:18px;padding-left:5px}.LoginButton,.LoginButtonMobile{margin:5px auto}.LoginButton a,.LoginButtonMobile a{text-decoration:none;color:#fff}.CreateAccountButtonMobile{margin:20px auto 5px}.CreateAccountButton{margin:5px auto}.CreateAccountButton a,.CreateAccountButtonMobile a{text-decoration:none;color:#fff} .floatingSessionTime{font-family: open sans, verdana;font-size: 12px;position:absolute;top:0;right:0;margin:7% 26% 0 0; font-weight:700;color:#FFFFFF;} .wcHomeButton,.wcFAQButton,.backFAQ,.wcLogoutButton{float:left;margin:-50px 0 0 10%;position:relative;border:2px solid #FFFFFF;-webkit-border-radius:5px;border-radius:5px;padding:8px;} .wcLogoutButton{float:right; margin:-50px 10% 0 0;} .wcHomeButton:hover,.wcFAQButton:hover,.backFAQ:hover,.wcLogoutButton:hover {border:2px solid #FFFFFF;text-decoration:underline;} .wcHomeButtonA,.wcFAQButtonA,.backFAQA,.wcLogoutButtonA{color: #FFFFFF;text-decoration: none;font-weight: 700;} #container{display:block !important;} .chatInstructions{position:relative;width:32%;float:left;top:0;right:0;z-index:2;} .closeChatInstX{cursor:pointer;float: right;font-size:28px;font-weight:700;color:#FFFFFF;margin:-20px 4px 0 0;} .extendChat{width:100% !important;} .closeChatInst{display:none;position:absolute;right:0;} .grayedOut{position:absolute;top:0;width:99% !important;background-color:#000000;opacity:0.6;} #imgDivPhoto{width: 200px;} 

/* Selena's new edits */


#HeaderPanel {
	display: block !important;
}	

body {
    background-color: white;
	background-size: 280px;
	overflow-x: hidden;
	height: 100%;
}

#headerPageText {
	background-image: url(https://www.softconference.com/WebcastSystem/images/sites/117/KNA-Banner.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 100%;
	background-position: center;
	padding-bottom: 35%;
}


#Row_3, #Row_4, #Row_8
{
	width: 80%;
}


#Row_3 {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    flex-direction: row;
    align-items: start;
	margin-bottom: 4%;
}

#Row_5 {
	margin-top: 5%;
	width: 100%;
}	

.Column_1 {
	padding-right: 0 !important;
}


/* Login Page Edits */
.LoginTable {
   background-color: transparent !important;
   border-color: transparent !Important;
   margin: 0 !important;
   width: 45% !important;
	height: 80% !important;
	z-index: 999999;
}


#LoginPanel {
	display: flex !important;
	flex-direction: row-reverse;
    align-items: flex-start;
    padding-bottom: 20%;
    position: absolute;
}


#LoginPanel #FooterPanel {
	display: block !important;
	height: 650px;
}

.UserName, .Password {
	text-align: left; !important;
}	

.LoginPanelMobile {
	display: none !important;
}


.LoginTable > .HeaderTextDiv {
	text-align: center;
}
#HeaderTextDiv {
	width: 100%;
    display: inline-block;
    text-align: left;
}

.headertext {
   color: black;
   font-family: Arial !important;
   padding-bottom: 0 !important;
   font-size: 50px;
   text-transform: uppercase !important;
   padding: 0 !important;
}

.subtext {
	font-size: 14px;
	width: 80%;
    text-align: left;
    text-transform: none;
	margin-top: 1%;
	line-height: 18px;
}

.subtext a {
  color: #0597e0;
}

.subtext a:hover {
  text-decoration: none;
}


#LoginError {
    margin-top: 4%;
	margin-bottom: 2%;
    text-transform: uppercase;
    color: red;
     font-size: 14px;
    font-weight: bold;
}

.LoginButton {
	float: left;
}

.LoginButton, .CreateAccountButton {
	background: #d14629 !important;
	border-radius: 4px;
    width: 81.5% !important;
	color: white !important;
}

#ssh-logo-login img {
	width: 40%;
	margin-bottom: 2%;
}

.CreateAccountButton {
	margin-top: 2%;
	display: none; !Important;
}	

.LoginButton a, .CreateAccountButton a {
    font-size: 14px !Important;
    font-family: Arial !Important;
    text-transform: uppercase !Important;
    line-height: 28px !Important;	
}

.EmailTextBox, .EmailTextBoxMobile, .FirstNameTextBox, .FirstNameTextBoxMobile, .LastNameTextBox, .LastNameTextBoxMobile, .PasswordTextBox, .PasswordTextBoxMobile, .UserNameTextBox, .UserNameTextBoxMobile, .VerifyPasswordTextBox, .VerifyPasswordTextBoxMobile {
	font-size: 14px !Important; 
}	

.CreateAccountButton,.CreateAccountButtonMobile,#LoginButton,.LoginButtonMobile{
	vertical-align: middle;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	text-decoration: none;
	color: black;
}

.LoginPanel .footertext {
	display: block !Important;
	position: absolute;
    top: 0;
	background-image: url("https://www.softconference.com/WebcastSystem/images/sites/117/Login-Banner.png");
	height: 100%; 
	background-repeat: no-repeat;
	background-size: 50% 100%;
	width: 100%;
	left: 0;
}

.LoginPanel .footertext .footerContainer {
	display: none !important;
}	

.LoginButton {
	width: 220px;
	height: auto !important;
}

#LoginButton {
	display: inline-block;
    width: 100% !important;
    padding-top: 2px;
	height: 30px !important;
}

#LoginButton:hover {
	background-color: #0597e0 !important;
}

#Sponsor-Box-Login {
	margin-top: 5%;
	width: 80%;
}

.ThankYou-Sponsors {
	color: #0597e0;
	font-size: 20px;
	text-transform: none;
}

.Logo-Gallery {
	display: flex;
}	

#Logo-Gallery-Login img {
	width: 100%;
}	
	
	
	#Logo-Gallery-Login a {
		width: 50%;
	}	
/*Login page edits end*/


/* menu bar edits */

.colorChat, .Sponsor, .button {
	background-color: #f4f8e7 !important;
}


	.TopMenuMobile {
		overflow: hidden;
		position: relative;
		text-align: center;
	}

.TopMenuMobile #myLinks {
  display: none;
}


.TopMenuMobile .icon {
	position: absolute;
	left: 0;
	top: 0;
    width: 70px;
    height: 3em;
    color: white;
    text-decoration: none;
    display: flex;
    font-size: 20px;
    align-items: center;
    justify-content: center;
    background-color: #d14629;
}

.TopMenuMobile .wcSocLi  {
    display: inline-block;
    width: 10%;
    text-align: center;
}



.TopMenuMobile {
	display: none !important;
}	

.active {
	background-color: #f68364;
	padding-top: 10px;
	padding-bottom: 10px;
}	


.welcome {
    display: none !important;
}

.TopMenu .logOut {
    width: 100% !important;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	height: 70px;
	align-items: center;
}

.aboutleft {
	display: flex;
    justify-content: space-between;
    align-items: center;
}	



.TechincalButton {
    line-height: 25px;
}
    
#chat-iframe {
    width: 85%;
    height: 280px;
}

    .ContainerClass {
        height: unset;
    }

    .bannerImageDiv {
        text-align: center;
        max-height: 276px;
        height: 276px;
    }

    .RowMobile_1_1 {
        /*height: 98px !important;*/
    }

    .RowMobile_2_1 {
        /*height: 600px !important;*/
    }

    .Row_2 {
        margin-top: 24%;
    }

    #PanelControl_2_myframe {
        height: 600px !important;
    }

    .WelcomeName {
        font-size: 24px;
        font-weight: bold;
        color: white;
        padding-top: 0px;
    }

    .WelcomeNameMobile {
        font-size: 16px;
        font-weight: bold;
        color: white;
    }

    .aboutcenter {
        font-size: 18px;
        font-weight: bold;
        color: white;
        padding-top: 0px;
        display: flex;
        vertical-align: top;
        width: 100%;
        justify-content: flex-end;
        align-items: center;
		margin-left: -3%;
    }

    .aboutright {
        font-size: 24px;
        font-weight: bold;
        color: white;
        padding-top: 13px;
        display: inline-block;
        vertical-align: top;
        width: 32%;
    }


    .aboutrightMobile {
        font-size: 16px;
        font-weight: bold;
        color: white;
        padding-top: 15px;
        width: 90%;
        padding-top: 2%;
    }

    .aboutleftMobile {
        display: inline-block;
        vertical-align: top;
        width: 41%;
        float: left;
    }

    .aboutrightMobile {
        display: inline-block;
        vertical-align: top;
        width: 90%;
    }

    .aboutcenterMobile {
        display: flex;
        vertical-align: top;
        width: 100%;
        font-size: 20px;
        font-weight: bold;
        color: white;
        text-align: right;
        justify-content: flex-end;
		position: absolute;
		top: 0;
    }
	
	.TopMenu .wcSocUl {    
		width: 200px;
	}
    .wcSocUl {
        display: inline-block;
        list-style: none;
        padding: 0;
        width: 100%;
    }

    .wcSocLi {
        display: inline-block;
    }


.TopMenu {
	display: flex !important;
    justify-content: center;
    position: fixed;
	width: 100%;
	z-index: 99999999999999;
	background-color: #dbeaff !important;
	align-items: center;
	box-shadow: 2px 3px 5px 0 rgb(0 0 0 / 25%);
	-webkit-box-shadow: 2px 3px 5px 0 rgb(0 0 0 / 25%);
	-moz-box-shadow: 2px 3px 5px 0 rgba(0,0,0,0.25);	
}	


.cahsah-logo-desktop {
	display: flex;
	justify-content: flex-end;
}

.cahsah-logo-desktop img {
	width: 150px;
	margin-top: 10px;
	display: none;
}	


.TopMenu #wcSocContainer {
	position: absolute;
    left: 79%;
	width: 200px;
}

.TopMenu .wcSocContainer a {
	font-size: 20px;
	color: #0597e0;
}	

.TopMenu .wcSocContainer a:hover {
	color: #d14629;
}	

#wcSocFbLi, #wcSocINLi, #wcSocTwitterLi {
	padding-right: 5%;
}	

.logOutMobile {
	display: flex !Important;
    flex-direction: column;
}

.logOutMobile a {
	margin-top: 5%;
}	

.logOutAMobile, .FAQAMobile, .HomeAMobile, .SponsorsAMobile, .ForumAMobile, .SessionAMobile, .CE-AMobile, .CEA-Mobile {
	font-size: 16px !important;
	font-family: Arial !important;
	font-weight: 700 !important;
	color: white !important;
 	text-decoration: none !important;
}

	

.logOutAMobile:hover, .FAQAMobile:hover, .HomeAMobile:hover, .ForumAMobile:hover, .SponsorsAMobile:hover, .CE-AMobile:hover, .CEA-Mobile:hover, .SessionAMobile:hover {
	background-color: #e6635f;
	padding-top: 10px;
	padding-bottom: 10px;
}


/* drop down desktop menu edits */

.Drop-Down-Content {
	display: none;
}


#Drop-Down-Content {
	background-color: #d14629;
	position: absolute;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 235px !important;
	box-shadow: 0px 8px 16px 0px #1f1f1fa1;
	margin-top: 2px;
	z-index: 99999;
}	

#Drop-Down-Content a {
	font-size: 12px !Important;
	font-family: Arial !important;
	font-weight: 700 !important;
	color: white !important;
 	text-decoration: none !important;
	text-transform: capitalize !Important;
	display: inline-block;
	width: 90%;
	margin-bottom: 5%;
	margin-top: 5%;
	text-align: left;
    padding-left: 10%;	
}	
	

.TopMenu .dropbtn, .TopMenu .dropbtn a {
	font-size: 12px !important;
	font-family: Arial !important;
	font-weight: 700 !important;
	color: black !important;
 	text-decoration: none;
	background: none !Important;
	cursor: pointer;
}	

.TopMenu .dropbtn a:hover {
	border-bottom: 5px solid #f3ec19 !important;
}


#Drop-Down-Content a:hover {
	background-color: #f68364;
	font-weight: 700;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 90%;
}

/*.Drop-Down:hover .Drop-Down-Content {
	display: block;
}*/

#Help-Drop-Down, #Education-Drop-Down, #Shop-Drop-Down, #Sponsor-Drop-Down, #Social-Drop-Down, #Membership-Drop-Down, #LogOut-Drop-Down, #Raffle-Drop-Down {
	margin-left: 3%;
}


/* dropdown menu mobile */

.Drop-Down-Mobile {
	margin-left: 0 !Important;
}


.Drop-Down-Mobile #Drop-Down-Content a {
	font-size: 16px !Important;
	font-family: Arial !important;
	font-weight: 700 !important;
	color: white !important;
 	text-decoration: none !important;
	text-transform: capitalize !Important;
	display: inline-block;
	width: 100%;
	margin-top: 5% !Important;
	text-align: center;
    padding-left: 0 !Important;
	margin-left: 0 !important;
}



.Drop-Down-Mobile #Drop-Down-Content {
	background-color: #2ab0f2;
    position: unset;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100% !important;
    box-shadow: none;
    margin-top: 0px;
    z-index: auto;
}	


.Drop-Down-Mobile .dropbtn {
	font-size: 16px !important;
	font-family: Arial !important;
	font-weight: 700 !important;
	color: white !important;
 	text-decoration: none !important;
	margin-top: 5%;
	margin-bottom: 5%;
	background: none !important;
	border: none !important;
	outline: none !important;
	text-transform: capitalize !important;
	cursor: pointer;
}	

.Drop-Down-Mobile .dropbtn a {
	color: white;
	text-decoration: none;
}


.Drop-Down-Mobile:hover {
	background-color: #2ab0f2;
}


.Drop-Down-Mobile #Drop-Down-Content a:hover {
	background-color: #68c7f6;
	font-weight: 700;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
}

.Main-Logo-Desktop {
	width: 30%;
}	

.Main-Logo-Desktop img {
	width: 60%;
}	


.Main-Logo-Mobile img {
    margin-top: 2%;
	width: 70%;
}
/* menu bar edits ends */


/* banner edits mobile and desktop */

.bannerImage, .bannerImageMobile {
	cursor: auto !important;
}

.bannerImageDiv, .bannerImageDivFAQ, .MainPageDescDiv .bannerImageDiv {
	display: block !Important;
}	

.bannerImageMobile, .bannerImageDivMobileFAQ, .MainPageDescDiv .bannerImageDivMobile {
	display: none !Important;
}


.HeaderBody {
	position: absolute;
	z-index: 999999999;
	margin-top: 32%;
	width: 100%;
}	




/* edits to home page banner */

.bannerImageDivSession {
	display: contents !important;
	height: auto !important;
}

.bannerImageDiv {
	display: none !Important;
}	

/* AGENDA TAB */

#BodyPanel .agenda-tab {
	display: none;
}

.agenda-tab {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-color: #f3ec19;
	padding-bottom: 15px;
	padding-top: 15px;
	width: 300px;
	border-radius: 8px 8px 0px 0px;
	cursor: pointer;
}	

.agenda-tab:hover {
	background-color: #63cdfb;
	cursor: pointer;
}

#agenda-tab-text {
	color: black;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
    font-size: 16px;
}	



/* AGENDA POPUP */

.modal {
	z-index: 999999999999999999 !important;
}

.modal-content iframe {
	width: 100% !important;
	height: 1600px;
}

#myBtnProceed {
	cursor: pointer;
}

.modal-content {
	width: 80% !important;
}

.modal-content .close {
	font-size: 100px;
	color: #63cdfb;
	font-weight: normal;
}


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 15px !important; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  text-align: center;
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 90%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

#myBtnProceed {
    color: #1192d1;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 35px;
    text-decoration: none;
    margin-bottom: 2%;
}


#myBtnProceed:hover {
	color: black !important;
}



/* ACCESS NOW BAR */

.access-bar {
	display: block;
	background-color: #0597e0 !important;
	padding-top: 2%;
	padding-bottom: 2%;
	width: 100%;
	position: absolute;
}	

#access-text {
	text-align: left;
	width: auto;
	margin-left: 5%;
}	


#access-text a:hover {
	color: black !important;
}	



/* EDITS TO WELCOME TEXT ON HOME PAGE */


.Welcome-Box {
	width: 100%;
	margin: 0 auto;
	margin-top: 6%;
}	

.Welcome-Sub-header {
	text-align: center !Important; 
	color: #0597e0; 
	font-size: 35px;
	margin: 0 auto;
	width: 80%;
}

.Welcome-Sub-header-large {
	font-weight: bold;
	font-size: 45px;
}

#Intro-Paragraph {
	display: flex;
	width: 80%;
	font-size: 14px;
	margin: 0 auto;
	text-align: left;
	justify-content: center;
}	

#Intro-Paragraph a {
	color: #0597e0;
}

#Intro-Paragraph a:hover {
	text-decoration: none;
}


.Intro-P {
	width: 50%;
}	
	

.tile {
	display: flex;
    width: 100%;
    text-align: left;
    padding-bottom: 2%;
	padding-top: 2%;
}

.tile ul {
	width: 80%;
	font-size: 14px;
}

.tile ul a {
	color: #63cdfb;
}

.tile ul a:hover {
	text-decoration: none;
}

.tile img {
	width: 300px;
    height: 200px;
}

#Conference-Logos {
	display: flex;
	justify-content: center;
}	
	

.tile ul li {
	text-align: left;
	line-height: 20px;
}

.tile li {
	margin-left: 13px;
}

#tile-1, #tile-3 {
	background-color: #f5f7fa;
}	


#column-flex-1 {
	margin: 20px;
	margin-left: 0;
	display: flex;
}	

#column-flex-2 {
	margin: 20px;
	margin-left: 0;
	display: flex;
}	

#tile-3 {
	margin-bottom: 5%;
}	

.tile-header {
	text-transform: uppercase;
	font-weight: bold;
	color: #0597e0;
	font-size: 16px;
	width: 40%;
	padding-right: 5%;
}


.inner-tile{
	width: 80%;
    margin: 0 auto;
    display: flex;
}
.DayDescription .titleUppercase {
	text-transform: uppercase;
}	

#Keynotes-Room .titleUppercase, #Leadership-Room .titleUppercase, #PrivateDuty-Room .titleUppercase {
	color: white;
}

.titleUppercase {
	color: #0597e0;
	font-size: 16px;
}




/* Session boxes on Home page edits BEGIN */


.AllSessions {
	display: flex;
	justify-content: center;
	align-content: center;
	margin-top: 2%;
	flex-wrap: wrap;
	padding-bottom: 2%;
}	


.WebcastListAlink {
	text-decoration: none;
}

.WebcastList {
    height: 300px;
    width:90%;
    margin: 3%;
    color: white;
    text-align: center;
	position: relative;
	margin-bottom: 40px;
	padding-bottom: 10%;
}


.WebcastBoxes {
	width: 40%;
}	

.WebcastBoxes .WebcastList {
	background-color: #a71e23;
	box-shadow: 2px 3px 5px 0 rgba(0,0,0,0.25);

}

	
.WebcastList:hover {
	background-color: #6fb43f;
}	
	
.WebcastList > a {
	display: inline-block;
	width: 100%;
}

.WebcastList > #Calendar {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 114%;
    margin-bottom: -10%;
    visibility: hidden;
    margin: 0 0 -10%;
}

.WebcastList > #Calendar > .calendar {
	position: absolute;
    bottom: 14%;
    right: 15px;
    visibility: visible;
}

.WebcastList > #Calendar > .calendar > .addtocalendar > .atcb-list > .atcb-item > a {
	padding: 4px 4px 4px 16px;
	color: #000000;
}
.WebcastList > #Calendar > .calendar > .addtocalendar > .atcb-list > .atcb-item > a:hover {
	background-color: #EBE2B3; 
}

.SessionTitle {
    height: auto;
    padding-top: 10%;
    font-weight: bold;
    font-size: 24px;
    color: #f5ee31;
	text-transform: uppercase;
	text-align: center !Important;
	width: 70%;
    margin: 0 auto;
}

.SessionInfo {
    font-size: 16px;
    color: white;
    line-height: 16pt;
	margin-bottom: 4%;
	text-align: center;
	width: 100%;
    margin: 0 auto;
	margin-top: 5%;
	font-weight: bold;
}

.SessionInfoDate {
	font-weight: bold;
	width: 90%;
	margin: 0 auto;
	margin-top: 2% !important;
}

.view-now {
	font-size: 16px;
    width: 60%;
    margin: 0 auto;
    padding: 10px;
	background: #d2322d !important;
	margin-top: 9%;
	border-radius: 4px;
	color: white;
}


/* edits to welcome page with access sessions now button */
.Welcome-Header {
	border-top: 4px solid #0096a9;
    padding-top: 15px;
	width: 50%;
	margin: 0 auto;
	margin-top: -5px;
}

.access-now {
	font-size: 16px;
    width: 290px;
    margin: 0 auto;
    padding: 10px;
    background: #d2322d !important;
    border-radius: 4px;
    color: white;
}

#Column_1131, #Column_1134 {
	vertical-align: top;
}	

.Sponsor {
	padding: 10px;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
}

/* session box on home page edits END */



/* edits to Session List page begin */

.MainPageDescDiv {
	width: 100% !important;
	margin-top: -2px !important;
}	

.MainPageDescDiv .TopMenu {
	margin-top: 2px;
}	

.MainPageDescDiv .TopMenu #wcSocUl #wcSocFbLi, 
.MainPageDescDiv .TopMenu #wcSocUl #wcSocINLi, 
.MainPageDescDiv .TopMenu #wcSocUl #wcSocTwitterLi {
    padding-right: 7.5%;
}

.MainPageDescDiv .footerContainer {
	display: none;
}	


.MainPageDescDiv .bannerImageDiv, .MainPageDescDiv .bannerImage {
	max-height: 668px !important;
}


.MainPageDescDiv .agenda-tab {
	margin-top: 0 !important;
}

.DayInfo .WatchOnDemand {
	margin-top: 5% !important;
}	

#DayInfo1 .WatchOnDemand:hover {
	background-color: #dbeaff;
	color: black;
}

#DayInfo1 a {
	color: black;
}

#DayInfo1 a:hover {
	text-decoration: none;
}	

.footer-align {
    display: flex;
    justify-items: baseline;
    flex-direction: row;
    font-size: 12px;
}

.FooterMessage2, .FooterMessage3 {
    display: inline-block;
    width: 45%;
}

.align-footer-items {
    list-style-type: none;
}

.align-footer-items li {
    margin-top: 7px;
}

.SessionListPanel {
	background-color: #f4f8e7 !important;
}	
	
.LoggedInDiv {
	display: none !Important;
	background-color: #276092 !important;
	padding-top: 18px !important;
    padding-bottom: 28px !important;
	margin-top: -5px !important;
}	


.SessionContainer {
	border: none !important;
	overflow-y: auto;
	height: auto !Important;
	margin-left: 0 !important;
	width: 100% !important;
	margin: 0 auto !important;
	background-color: #0597e0 !important;
}	

#SessionContainer_426724 {
	background-color: white !important;
}



.sessionOtherInfo, .welcometext, .SessionDescriptionHeader, .sessionDate, .sessionTitle, .sessionViewNowButton {
	display: none;
}


.DayTitle {
	text-align: left;
	font-size: 60px !important;
	text-transform: uppercase;
	font-weight: bold;
}	

.DayInfo {
	width: 70%;
	text-align: left;
	color: white;
	font-size: 14px;
	padding-bottom: 3%;
}

.DayInfo a {
	color: white;
}

#DayInfo2, #Date2 {
	color: #333 !important;
}	



.column-description {
	line-height: 20px;
	width: 100%;
	font-weight: normal;
}	

#column-1 {
	padding-right: 10%;
}


.Date {
	text-align: center;
    font-size: 30px;
    text-transform: uppercase;
}

.TimeSession {
	font-size: 30px;
}


.sessionDescription {
    font-size: 14px;
	display: flex;
	text-align: left;
	font-weight: normal;
	padding-top: 5%;
    padding-bottom: 5%;
	justify-content: space-around;
}


.sessionDescription a {
	color: #0597e0;
	font-weight: bold;
}	

.sessionDescription a:hover {
	text-decoration: none;
}	


.sessionDescription ul {
	list-style-position: outside;
}	

.sessionDescription li {
	margin-top: 20px;
	text-align: left;
}	

.inner-button {
	width: 50%;
}	
	
.WatchOnDemand {
	background-color: #d14629;
	padding: 10px;
	border-radius: 4px;
	bottom: auto !Important;
	color: white;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	cursor: pointer;
}	

.tile-button {
	width: 100px;
	text-decoration: none;
}	
	
.WatchOnDemand:hover {
	background-color: #0597e0;
	color: white;
}

.WatchOnDemand a {
	text-decoration: none;
}

.sessionPageText {
	width: 100%;
	margin: 0 auto;
	margin-top: -30px;
}	

    #flyout-L1, #button-L1 {
        top: 10% !important;
    }

#button-L2, #flyout-L2 {
	top: 38% !Important;
}	

/* hide OnDemand Sessions */

#SessionContainer_425301, #SessionContainer_425306 {
	display: none !Important;
}



#SessionListPanel .footertext {
	position: absolute;
}


/* Session list page edits end */





/* Edits to Session Player Page begins */

.WebcastPanel .text{
	display:none;
}

.WebcastPanel .HeaderBody {
   margin-top: 34%;
}


.WebcastPanel .toggle, .download-handout, .archived-session {
	color: #d14629;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 20px;
	font-size: 18px;
	cursor: pointer;
	width: 150px;
	text-decoration: none;
}

.WebcastPanel .toggle:hover, .download-handout:hover, .archived-session:hover {
	text-decoration: underline;
}

.WebcastPanel {
	overflow-x: hidden;
	overflow-y: hidden;
}

.WebcastPanel .access-bar {
	display: block !important;
	position: inherit !important;
}

.timeSession {
	padding-right: 6%;
	width: min-content;
	text-align: center;
	font-weight: bold;
}	

.text, .speaker-text {
    font-size: 14px;
    color: black;
    text-transform: initial;
    font-weight: normal;
}



#Desktop-Rotating-Banner, #Desktop-Rotating-Speakers {
	height: 300px !important;
}	

#Desktop-Rotating-Banner  {
	margin-top: 10%;
}	


#Column_1163, #embedded-chat-bar-container, #Mobile-Rotating-Banner, #Mobile-Rotating-Speakers {
	display: none !important;
}	


#Column_1161 {
	vertical-align: top;
	height: 38vw !important;
    max-height: 100% !important;
}	

#Column_1164 {
	vertical-align: top;
	height: 42vw !important;
    max-height: 100% !important;
}	


.startChatButtonContainer {
	display: inline-block;
    margin-top: 10%;
	width: 90%;
}

.startChatButton {
	color: white;
    padding: 5px !important;
    background: #d14629 !important;
    font-weight: 700;
	cursor: pointer;
	width: 83%;
	border-radius: 4px;
    margin-left: 15px;
	font-size: 12px;
}

.startChatButton:hover {
	background: #0597e0 !important;
}

#PanelControl_4_GenericText_0 {
	height: 100%;
}

.ChatInfo {
	top: .5em !Important;
}	

.chatInstAllText {
    margin-left: -25px;
}

.ZOOM-Link, #Column_1122 {
	display: none;
}	

.embededablechat-chat-widget {
	height: 100% !important;
}

.embededchat-show-image-container, #embededchat-container {
	top: 65% !important;
}

#br-tags {
	display: none;
}	

#WebcastPanel #Row_2 {
	display: flex; 
	justify-content: flex-end;
	padding-bottom: 2%;
}

#Column_1180 {
	position: absolute;
	left: 10%;
	display: flex;
}

#Column_1179 {
	right: 10%;
}


#Column_1123, #Column_1179 {
	vertical-align: top;
}

#Column_1133 {
	display: none;
}
	
.HeaderTitle {
	font-size: 18px !important;
	color: white;
	font-family: Arial !important;
	margin-left: 10px;
}	


.BasicText {
	font-family: Arial !important;
	margin-top: -10px;
	margin-left: 10px;
	color: #ffff !important;
}


#Column_937 {
	height: auto !important;
}



.QuestionContainer, .QuickLinkContainer {
	padding: 5% !important;
	height: 360px;
}

.QuestionContainer iframe {
	height: 300px !Important;
}	

#Column_937 {
	width: 50% !Important;
}	

.webcastButton {
	display: none !important;
}
	
#QLC4 input, textarea {
	text-transform: uppercase !important;
	font-family: Arial !important;
}

	

.RecordButton, .TechincalButton, .ReturnButton {
	font-family: Arial !important;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	color: white! important;
}


.WebcastPanel #Row_4 {
	display: flex !important;
	justify-content: center;
    margin: 0 auto;
	margin-top: 2%;
	background-color: #f5f7fa;
	width: 100%;
	padding-top: 5%;
	padding-bottom: 5%;
}

#Column_1181 {
	width: 80% !important;
}

.WebcastPanel #Row_4 .SessionInfoPanel {
	display: flex;
	justify-content: space-between;
}

#WebcastPanel .titleColumn {
	color: #d14629;
	line-height: 15px;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: bold;
}

#WebcastPanel #Row_6 {
	margin-top: -4px !important;
}	

.room-title {
    display: block;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
	width: 80%;
}	

.PageDescription {
	background-color: #f5f7fa;
	width: 80%;
	margin-right: 3%;
	display: flex;
	text-align: left;
	font-size: 14px;
	margin-top: 12%;
}

.PageDescription .sessionColumn {
	width: 100%;
}

.speakerinfo {
	margin-top: 5%;
	padding: 5%;
	display: flex;
	border-radius: 4px;
	background-color: white;
	box-shadow: -3px 7px 12px 5px rgb(10 10 10 / 5%), 0 0 4px 0px rgb(10 10 10 / 10%);
}

.speakerinfo:hover {
    background-color: #dbeaff;
}

.agenda-numbers {
  font-size: 25px;
  font-weight: bold;
  background-color: #427ec1;
  color: white;
  height: 35px;
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}


.WebcastPanel .Row_4 > .Column_1 {
	display: block !important;
}	

#Row_6 {
	margin-top: 3% !important;
	position: relative;
}


.BasicText {
	padding-top: 5px;
}



#PanelControl_4_GenericTextPanel {
    vertical-align: top;
	height: 100%;
}

.extra-session-div {
	margin-top: 12%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.KNA-Poll-2021 {
	height: 510px;
	/*old height 985px*/
}	

#twitter-widget-0 {
	height: 100% !important;
}

#Column_1165 {
	width: 100% !important;
}	

.RandomText {
	background-color: #f5f5f5 !important;
	font-family: Arial !important;
	width: 100% !important;
	padding-bottom: 2% !important;
    padding-top: 2% !important;
	padding-left: 0 !important;
}


.RandomText > h1 {
	text-align: center;
	text-transform: uppercase;
	color: #1192d1;
	width: 80%;
	margin: 0 auto;
	margin-bottom: 2%;
}

.RandomText a {
    color: #1192d1;
    text-decoration: underline;
}

.RandomText a:hover {
    text-decoration: none;
}

.MainSessionInfo {
	display: flex;
	justify-content: center;
}

.SessionPlayerPageInfo, .SessionPoll {
	width: 40%;
}	

.SessionPlayerPageInfo {
	padding-right: 4%;
}

.speaker-info, .speaker-info ul {
	width: 80% !important;
}	

/* edits to session player page ends */





/*back to top button edits begin */

     #myBtn {
       display: none;
       position: fixed;
       bottom: 20px;
       right: 30px;
       z-index: 99;
       font-size: 15px;
       border: 1px solid white;
       outline: none;
        background-color: #d14629;
        color: white;
        cursor: pointer;
        padding: 10px;
         border-radius: 50%;
     }
	 
/* back to top button edits ends */	 




/* Footer edits Begin */

#Row_7, .footerContainer, .footerContainerWrapper {
	background: #2c353a !important;
	color: white !important;
}


.BodyPanel .footertext {
	display: none;
}	

	
.footerContainer {
	margin-bottom: -5px !important;
}

.footerContainerWrapper {
	text-align: left;
}

.footerContainer {
	display: inline-block !important;
	width: 100% !important;
	padding: 20px 0 20px !important;
	text-align: left !important; 
	font-family: Arial !important;
	font-size: 12px !important;
}

.footer-align {
	font-weight: normal;
	font-size: 12px;
	font-weight: normal;
	padding-left: 8%;
}

.align-footer-items a {
	color: #0597e0 !important;
	font-weight: bold;
}	

.align-footer-items a:hover {
    color: #0597e0 !important;
	text-decoration: none;
}

#Row_7 {
	padding-bottom: 2px;
}

#containerMobile > #Row_7 {
	width: 100% !important;
}

#WebcastPanel #footertext {
	display: none !important;
}

/* Footer edits end */	


/* Responsive edits BEGIN */

@media only screen and (max-width:1800px) {
	.iframe-container {
		height: 400px !important;
	}
	
}	


@media only screen (max-height: 1329px) {
	.LoginPanel .footertext {
		width: 100%;
		background-image: url("https://www.softconference.com/WebcastSystem/images/sites/117/Login-Banner.png");
		height: 100%;
	}

}



@media only screen and (max-width: 1690px) and (min-height: 700px) {
	.LoginPanel .footertext {
		width: 100%;
		background-image: url("https://www.softconference.com/WebcastSystem/images/sites/117/Login-Banner-580.png");
		height: 100%;
	}

}


@media only screen and (max-width: 1300px) {
	.WebcastList > #Calendar {
		position: relative;
		margin: 0 0 8%;
	}
	
	.WebcastList > #Calendar > .calendar {
		position: relative;
		right: 0;
		bottom: 0;
	}
	
	.DayDescription {
		width: 100%;
	}	
	
	.column-description {
		width: 100%;
	}	
	
}



@media only screen and (max-width: 1330px) and (max-height: 1030px){
	.LoginPanel .footertext {
		background-image: url("https://www.softconference.com/WebcastSystem/images/sites/117/Login-Banner-480.png");
	}
	

}


@media only screen and (min-width: 1220px) and (max-height: 500px){
	.LoginPanel .footertext {
		background-image: url("https://www.softconference.com/WebcastSystem/images/sites/117/Login-Banner.png");
	}

}


@media only screen and (max-width:1100px) {
	.LoginTable {
		width: 40% !important;
	}
	
	.Logo-Gallery {
		flex-wrap: wrap;
	}	
	
	.headertext {
		font-size: 40px;
	}

}	


@media only screen and (max-width: 1034px) {
	.PageDescription, .extra-session-div {
		margin-top: 20% !important;
	}
}	


@media only screen and (max-width: 850px) {
		/*MOBILE EDITS FOR LOGIN PAGE*/

	.LoginPanel .footertext {
		display: none !important;
	}
	
	#ssh-logo-login img {
		width: 80%;
	}	

	#HeaderPanelMobile, #HeaderPanelMobile .bannerImageDivMobile, .LoginPanel, .LoginPanel #FooterPanel, #HeaderPanelMobile #bannerImageMobile {
		display: block !important;
	}
	
	.LoginPanel {
		padding-top: 10%;
		position: inherit !important;		
	}
	
	.EmailTextBox, .EmailTextBoxMobile, .FirstNameTextBox, .FirstNameTextBoxMobile, .LastNameTextBox, .LastNameTextBoxMobile, .PasswordTextBox, .PasswordTextBoxMobile, .UserNameTextBox, .UserNameTextBoxMobile, .VerifyPasswordTextBox, .VerifyPasswordTextBoxMobile {
		width: 97.5% !important;
	}	

	#LoginPanel {
		padding-bottom: 20%;
	}
	
	.LoginTable {
		width: 80% !important;
		margin: 0 auto !important;
		float: none;
		height: 100% !important;
	}	
	
	.subtext, .LoginButton, .CreateAccountButton {
		width: 100% !important;
	}

	#Sponsor-Box-Login {
		width: 100%;
		margin-top: 10%;
	}	
	
	#HeaderTextDiv {
		z-index: -10000000;
	}	

	
}



@media only screen and (min-width: 1024px) {
	
	.TopMenuMobile .icon {
		height: 5vh;
	}

}


@media only screen and (min-height: 1024px) {
	.LoginPanel .footertext {
		width: 50%;
		background-size: 100% 100%;
	}
	
	#LoginPanel #FooterPanel {
		height: 1120px;
	}	
}


.Row_4 > .Column_2{width:66%;float:right;margin-left:2%}
.Row_3 > .Column_1 {width: 62%;float: left;} .Row_3 > .Column_2{width: 34%;float: right;} .Row_4 > .Column_1{/*width: 34%;float: left;*/} 
@media only screen and (max-width:1018px){.Row_3 > .Column_1,.Row_3 > .Column_2,.Row_4 > .Column_1,.Row_4 > .Column_2,.Row_5 > .Column_1,.Row_5 > .Column_2{width:100% !important;} .Row_3,.Row_4,.Row_5{height:auto !important} 
	


	
	#Column_1135 {
		margin-bottom: 40px;
	}	
	
	.floatingSessionTime {
		margin: 36% 22% 0 0;
		font-size: 11px;
		display: none;
	}
	
	.WebcastList {
		margin-top: 0 !Important;
		margin-right: 0 !important;
		margin-left: 0 !Important;
	}

	.STtextContainer {
		width: auto !important;
	}

	#Column_933 {
		margin-top: 5%;
	}
	
	
	.QuickLinkContainer {
		margin-top: 5%;
	}

	#wcSocUlMOB {
		padding-top: 20px;
		margin-bottom: 0 !important;
	}

	#Column_263 {
		height: auto !important;
		width: 100% !important;
	}
	
	.RowMobile_2_1 iframe
	{
		max-height: 415px !important;
	}
	#Row_3 {
	    flex-direction: column;
		justify-content: center;
		padding-bottom: 0px !important;
		margin-top: auto !Important;
    }
    #Column_937, #Column_938 {
		width: 100% !important;
	}	
	#Row_6 {
		margin-top: 6%;
	}
	
	#Column_1124 {
		margin-bottom: 5%;
		margin-top: 2%;
	}
		
	
}




@media only screen and (max-width: 960px) {
	#Row_2 {
		display: flex;
		justify-content: center;
		flex-direction: column;
		height: auto !important;
		align-items: center;
		margin-top: 88%;
  }
  
  	.Welcome-Box {
		margin-top: 10%;
	}	

	#twitter-widget-0 {
		width: 80% !important;
		height: 602px !important;
		margin: 0 auto;
		margin-top: auto !important;
	}
	
	.extra-session-div {
		margin-top: 0 !important;
	}

	.KNA-Poll-2021 {
		width: 80%;
		margin: 0 auto;
		height: 455px;
		/*old height 610px*/
	}	
	
		.WebcastPanel #Row_4 {
		flex-direction: column;
		margin-top: 5%;
		padding-bottom: 10%;
		padding-top: 10%;
	}
	
	.WebcastPanel #Row_4 .SessionInfoPanel {
		flex-direction: column;
	}

	#Conference-Logos {
		flex-direction: column;
	}
	
	.PageDescription {
		margin: 0 auto;
		margin-bottom: 5%;
		margin-top: 5% !important;
	}	
	
	.room-title {
		position: relative;
	}	
		
	
	#Column_1181 {
		width: 100% !Important;
	}	
	
  
	#Row_3 {
		margin-top: 2% !Important;
	}

	.WebcastPanel #Row_3 {
		margin-top: 0 !important;
	}	
	
	#Column_1131 {
		margin-top: 12% !Important;
	}	
	
	#Column_1180 {
		position: initial;
		left: 0;
	}
	
	#Column_1179 {
		right: 0;
		margin-top: 60%;
		z-index: 9999999999999999999;
	}
   
  #Column_1080, #Column_1082, #Column_1101, #Column_1103, #Column_1123, #Column_1131, #Column_1134, #Column_1179 {
	  width: 80% !Important;
  }  
  .QuestionContainer {
	  margin-left: 0 !important;
  } 
  #Column_1082, #Column_1101 {
	 margin-top: 4%;
  }	

	#Column_1164, #Column_1161 {
		width: 80% !important;
	}
	
	#Column_1164 {
		height: 60vw !important;
	}	
	
	#Column_1161 {
		height: 100% !important;
	}	

	#WebcastPanel #Row_2 {
		justify-content: space-between;
	}

	
 .WebcastPlayer {
	 width: 80% !Important;
	z-index: 999999999;
	 position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
 } 
	
	.WebcastPanel #Row_4 .SessionInfoPanel {
		flex-direction: column;
	}

  
  #Column_1123 {
	  margin-bottom: 55% !important;
  } 
  
  #Column_1134 {
	  height: 460px !Important;
  }	  

   #PanelControl_4_GenericTextPanel {
	   margin-left: 0 !Important;
	   background-color: transparent !important;
   } 
   
  	#Column_1088, #Column_1090 {
		width: 80% !Important;
	}
	
	#Column_1088 {
		margin-top: 4%;
	}	
	
	.Column_2 {
		padding-left: 0 !important;
	}
	
	.ChatInfo {
		left: 0.1%;
	}	
	
	.startChatButtonContainer {
		display: flex;
		justify-content: center;
		align-content: center;
	}	
	
	.startChatButton {
		width: 85% !Important;
		margin-top: 5% !Important;
		float: left;
		margin-left: 5% !important;
	}	
		
	.chatInstAllText {
		margin-left: 0 !Important;
		margin-top: 7% !Important;
		font-size: 12px !Important;
	}

	#embededablechat-iframe-container .embededable-chat-iframe	{
		min-height: 550px !important;
	}
	
	.grayedOut, .embedded-chat {
		width: 100% !important;
	}

	.grayedOut {
		height: 558px !important;
	}

	.embedded-chat {
		height: 555px !important;
	}
	
	#PanelControl_4_GenericText_0 {
		height: auto !Important;
	}	
	
	#Column_1120 {
		width: 80% !important;
	}		

	
	.MainSessionInfo {
		flex-direction: column;
		width: 80%;
		margin: 0 auto;
	}	
	
	.SessionPlayerPageInfo, .SessionPoll {
		width: 100%;
	}
	
	.SessionPlayerPageInfo {
		padding-right: 0;
	}	

	.SessionPoll {
		margin-top: 4%;
	}	
	
	.RandomText {
		padding-top: 8% !important;
	}	
	
	.RandomText iframe, .speaker-info, .speaker-info ul {
		width: 100% !important;
	}	
	
	.access-bar {
		padding-bottom: 4%;
		padding-top: 4%;
	}
	
			
} 
	



@media only screen and (max-width:960px) {
	#Intro-P1 {
		padding-right: 5%;
	}	

	.webcastButton {
		display: block !important;
	}	
	
	#column-flex-1, #column-flex-2 {
		flex-direction: column;
	}	
	
	.tile-header {
		width: 100%;
		padding-right: 0;
		margin-bottom: 2%;
	}	

	#Mobile-Rotating-Banner {
		height: 610px;
		display: block !important;
		width: 80%;
		margin: 0 auto;
	}

	#Mobile-Rotating-Banner iframe {
		margin-top: 24%;
	}
	.TopMenu {
		display: none !important;
	}
	.TopMenuMobile {
		display: block !important;
		height: auto !important;
		padding-top: 60px !important;
		background-color: #dbeaff !important;
		background-color: #dbeaff !important;
		box-shadow: 2px 3px 5px 0 rgb(0 0 0 / 25%);
    -webkit-box-shadow: 2px 3px 5px 0 rgb(0 0 0 / 25%);
    -moz-box-shadow: 2px 3px 5px 0 rgba(0,0,0,0.25)
	}
	
	.TopMenuMobile .ssh-logo img {
		width: 100px;
		margin-top: -4px;
	}

	#headerPageText {
		background-image: none;
		padding-bottom: 0;
	}

	.tile img {
		width: 100% !Important;
	}

	.HeaderBody {
		margin-top: -22px;
	}
	
	.sessionPageText {
		margin-top: -20px;
	}	

	.WebcastPanel .HeaderBody {
		margin-top: -5px;
	}	
	
	/* CSS to show new mobile banner created below nav and logo */
	.bannerImageMobile, .bannerImageDivMobileFAQ, .MainPageDescDiv .bannerImageMobile {
		display: block !important;
		height: auto;
	}	
			
	.bannerImageDiv, .headerPageText .bannerImageDiv, .bannerImageDivFAQ, .bannerImageDivSession, #Desktop-Rotating-Banner, .MainPageDescDiv .bannerImageDiv {
		display: none !Important;
	}	

	/* css to hide banner that is already programmed into website layout */
	.bannerImageDivMobile {
		display: none !important;
	}
	
	/* code for removing ZOOM player and adding special ZOOM link to re-direct to app */
	
	#Row_2 .iframe-container {
		display: none;
	}

	#Column_1134 {
		height: 365px !Important;
	}	
	
	#Column_1123 {
		width: 80% !important;
	}	

	.ZOOM-Link {
		display: block;
		background-color: #a71e23;
		padding-bottom: 6% !important;
	}	
	
	.ZOOM-Link a {
		color: #f5ee31;
		text-align: center;
		font-weight: bold;
	}	

	.ZOOM-Link a:hover {
		text-decoration: none;
	}
		
	.AllSessions {
		flex-direction: column;
	    margin-left: 5%;
	}
	.WebcastBoxes {
		width: 100% !Important;
		height: auto;
	}
	
	
	.SessionContainer {
		width: 100% !important;
		padding-bottom: 5% !important;
		padding-top: 5% !important;
		margin-top: 2%;
	}
	.DayDescription {
		flex-wrap: wrap;
	}
	
	.column-description, #column-1, #sessionColumn-1 {
		padding-right: 0;
	}

	.PageDescription {
		flex-direction: column;
	}
	
	.PageDescription .sessionColumn {
		width: 100%;
	}	
	
	.speakerinfo {
		margin-bottom: 5%;
	}
	
	#column-2 {
		padding-top: 20px;
	}
	
	.DayInfo {
		width: 50%;
	}	

	.MainPageDescDiv .WatchOnDemand {
		width: auto;
	}	
	
	.WatchOnDemand {
		width: 100%;
	}	
	
	#SessionListPanel .footertext{
		bottom: auto !important;
	}

}	

@media only screen and (max-width: 947px) {
	.modal-content iframe {
		height: 2400px;
	}

}


@media only screen and (max-width:729px) {
	.Welcome-Box {
		margin-top: 20%;
	}
}	


	

@media only screen and (max-width:700px){
	#Intro-Paragraph {
		flex-direction: column;
	}	

	#Intro-P1 {
		padding-right: 0;
	}
	
	#Intro-P2 {
		margin-top: 5%;
	}	
	
	.Intro-P {
		width: 100%;
	}	
	.sessionDescription {
		flex-direction: column;
		margin-left: 5%;
		margin-right: 5%;
	}
	
	.Date {
		text-align: left;
		margin-bottom: 5%;
	}
	

	.WatchOnDemand {
		width: 95%;
	}
	
	.DayInfo {
		width: 100%;
	}
	
	.STtextContainer {
		width: 80%;
		padding: 5% 0;
		float: none;
		line-height: 18px;
	}
	.STtext {
		font-size:12px;
	}
	
	#Desktop-Rotating-Speakers {
		display: none !important;
	}
	
	#Mobile-Rotating-Speakers {
		display: block !important;
		height: 350px;
	}
	
	#tile-3 {
		margin-bottom: 10%;
	}

	#wcSocUlMOB {
		padding-top: 0;
	}	
		
	
	.tile {
		padding-top: 5%;
		padding-bottom: 5%;
	}	

	.tile ul {
		width: 100%;
	}
	
	.inner-button {
		width: 100%;
	}	

    .wcSocUl {
		margin-top: 15px;
	}	
		

}

@media only screen and (max-width: 659px) {	
		
	#Mobile-Rotating-Banner iframe {
		margin-top: 35% !important;
	}
	
	#Row_2 {
		margin-top: 98%;
	}	
}	


@media only screen and (max-width: 630px) {

	#Row_6 {
		margin-top: 10% !important;
	}	
		
	
	.footer-align {
		flex-direction: column;
		align-items: start;
		padding-left: 3% !important;
		margin-top: 10px !important;
	}
	

	.QuestionContainer {
		height: auto;
	}
    .footer-align {
       flex-direction: column !important;
    }
	
	.FooterMessage2, .FooterMessage3 {
		width: 90% !Important;
	}
	.FooterMessage2 {	
		margin-top: -9px !important;
	}
	
	.subtext {
		width: 100% !important;
	}

	
	#Column_1123 {
		margin-bottom: 65% !important;
	}

	#Column_1124 {
		margin-bottom: 8% !Important;
	}	

	
	.tile, .inner-tile {
		flex-direction: column;
	}

	.tile ul {
		padding: 0;
	}
	
	.tile img {
		margin: 0 auto;
		width: 80%;
		height: auto;
	}	

	.speakerinfo {
		flex-direction: column;
	}

	.timeSession {
		width: 100%;
		text-align: left;
	}	
	
}



@media only screen and (max-width:600px){ .wcHomeButton,.wcFAQButton,.backFAQ,.wcLogoutButton{font-size:12px;padding:5px;margin:-40px 0 0 20%;} .wcLogoutButton{margin:-40px 20% 0 0;}
	.floatingSessionTime {
		font-size: 11px;
	}
	.TechincalButton {
		margin-top: 7% !important;
	}
	.modal {
	}

	.modal-content {
		padding: 0 !important;
		min-width: 0 !important;
		width: 90% !important;
	}

	#myBtnProceed {
		margin-bottom: 10% !important;
	}

	.modal-content .close {
		margin-right: 3%;
	}
	
	.RandomText {
		height: auto !Important;
	}	
	
	
	#Column_1102 {
		margin-top: 3%;
	}

	#Column_1134 {
		height: 300px !Important;
	}	

	.agenda-tab {
		width: 80%;
	}

	
	.access-bar {
		padding-top: 6%;
		padding-bottom: 6%;
	}	
	
	#access-text {
		margin-left: 0;
		margin: 0 auto;
		width: 80% !important;
	}
	
	#Mobile-Rotating-Banner iframe {
		margin-top: 45% !important;
	}

	#Row_2 {
		margin-top: 110%;
	}	

	#Column_1164 {
		height: 75vw !important;
	}	
	

	#Column_1179 {
		margin-top: 70%;
	}

	#Logo-Gallery-Login {
		flex-direction: column;
	}

	.LoginTable {
		height: 100% !important;
		display: flex;
		flex-direction: column;
	}

	#Logo-Gallery-Login a {
		margin: 0 auto;
		width: 100%;
	}
	
	#Logo-Gallery-Login img {
		width: 80%;
		margin: 0 auto;
	}	
	
	.Welcome-Box {
		margin-top: 30%;
	}

}





@media only screen and (max-width: 520px) {
	.RowMobile_2_1 iframe
	{
		max-height: 410px !important;
	}
	.startChatButtonContainer {
		width: 100% !Important;
	}	
	
}



@media only screen and (max-width: 470px) {
	.SessionContainer {
		margin-top: 4%;
	}

	.sessionTitle {
		font-size: 18px;
	}	
	
	#Mobile-Rotating-Banner iframe {
		margin-top: 55% !important;
	}

	#Row_2 {
		margin-top: 120%;
	}	
	
}		

@media only screen and (max-width: 442px) {
	
	#Column_1164 {
		height: 90vw !important;
	}
	
	.RandomText {
		padding-bottom: 10% !important;
	}


	#myBtnProceed {
		margin-bottom: 20% !important;
		font-size: 28px !important;
	}


}	

@media only screen and (max-width:434px) {
	
	#unlogin-join-form .form-group {
		width: auto !Important;
	}
	
	#Column_1134 {
		height: 250px !Important;
	}
    .TopMenuMobile .wcSocLi  {
		width: 15% !important;
    }
}

@media only screen and (max-width: 430px) {
	.Welcome-Box {
		margin-top: 40%;
	}
}	

	
@media only screen and (max-width:414px) {
	
	.view-now {
		width: 80% !Important;
	}	
	.SessionInfoDate {
		font-size: 12px !Important;
	}	
	
	#Column_1123 {
		margin-bottom: 75% !important;
	}

	#Column_1179 {
		margin-top: 75%;
	}
		
}

@media only screen and (max-width: 409px) {
	.modal-content iframe {
		height: 2000px;
	}
	
	.DayTitle {
		font-size: 40px !important;
		width: 80%;
	}
	
	.room-title {
		font-size: 40px;
	}	
	
	.BodyPanel .titleColumn {
		font-size: 25px;
		line-height: 26px;
		width: 80%;
	}	
}


	
@media only screen and (max-width: 356px) {
	.modal-content iframe {
		height: 2000px;
	}
	#agenda-tab-text {
		font-size: 14px;
	}
		
	.titleColumn {
		font-size: 20px;
		line-height: 22px;
	}

	#Mobile-Rotating-Banner iframe {
		margin-top: 65% !important;
	}

	#Row_2 {
		margin-top: 130%;
	}	
}

@media only screen and (max-width: 333px) {
	.Welcome-Box {
		margin-top: 55%;
	}
}	


@media only screen and (max-width: 329px) {
	#Mobile-Rotating-Banner iframe {
		margin-top: 60%;
	}
	
}
/* Responsive edits END */





.closeChatInstX {
	display: none !important;
}





/*REGION Contact Us Flyout*/
#ContactUsframe {
	display: block;
    width: 300px;
    height: 130px;
    padding: 10px;
    position: fixed;
    top: 60%;
    right: -320px;
	z-index: 16;
}
.ContactUsFlyoutText {
	font-size: 14px;
    margin-top: 30px;
    color: white;
}
.ContactUsFlyoutText > a{
    color: white;
}
.ContactUstextDiv {
    cursor: pointer;
    text-decoration: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position: fixed;
    line-height: 30px;
    background: #dcdcdc;
    top: 60%;
    bottom: 20%;
    width: 30px;
    padding-top: 5px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-width: 0.4px;
    height: 110px;
    right: 0;
	z-index: 13;
}
.ContactUstext {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    position: absolute;
	left: 23px;
	top: 21px;
    white-space: nowrap;
    font-family: Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana,sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
}
/*END REGION Contact Us Flyout*/

/*REGION Sli Do Flyout*/
#Slidoframe{
    width: 300px;
    padding: 10px;
    position: fixed;
    top: 17%;
    right: -321px;
	z-index: 14;
}
.SlidotextDiv {
    cursor: pointer;
    text-decoration: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position: fixed;
    line-height: 30px;
    background: #dcdcdc;
    top: 17%;
    bottom: 20%;
    right: 0;
    width: 30px;
    padding-top: 5px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-width: 0.4px;
    height: 160px;
	z-index: 11;
	border: 1px solid #ffffff;
	border-right-style: hidden;
}
.Slidotext {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    position: absolute;
	left: 6px;
	top: 153px;
    white-space: nowrap;
    font-family: Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana,sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
}
/*END REGION Sli Do Flyout*/

/*REGION Twitter Flyout*/
#Twitterframe{
    width: 300px;
    padding: 10px;
    position: fixed;
    top: 17%;
    left: -321px;
	z-index: 14;
}
.TwittertextDiv {
    cursor: pointer;
    text-decoration: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position: fixed;
    line-height: 30px;
    background: #dcdcdc;
    top: 26%;
    bottom: 20%;
    left: 0;
    width: 30px;
    padding-top: 5px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-width: 0.4px;
    height: 90px;
	z-index: 11;
}
.Twittertext {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    position: absolute;
	left: 22px;
	top: 25px;
    white-space: nowrap;
    font-family: Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana,sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
}
/*END REGION Twitter Flyout*/

.flyoutOpenButtonL {
	/*left: 320px !important;*/
	z-index: 9001 !important;
}
.flyoutOpenTabL {
	/*display: block !important;*/
	z-index: 9000 !important;
}
.flyoutOpenButtonR {
	/*right: 320px !important;*/
	z-index: 9001 !important;
}
.flyoutOpenTabR {
	/*display: block !important;*/
	z-index: 9000 !important;
}

#SlidotextDiv, #TwittertextDiv, #EmailSidetextDiv, #ContactUstextDiv, #PollingSidetextDiv {
	z-index: 11;
}
#Slidoframe, #Twitterframe, #Emailframe, #ContactUsframe, #Pollframe {
	z-index: 10;
}




.sessionInfoLine {
	border: 0.5px solid black;
}


.BodyPanel {
	text-align: center;
}

/*.modal {
    display: none;
    position: fixed;
    z-index: 100;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
}

.modal-content {
    background-color: #fefefe;
    display: inline-block;
    padding: 1.5%;
    border: 1px solid #888;
    width: 57%;
    position: relative;
	min-width: 420px;
}

.STclose {
    color: #aaaaaa;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    top: 0;
    right: 0;
	margin: 0 5px 0 0;
}*/

.STclose:hover,
.STclose:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.STimgContainer {
    display: inline-block;
    width: 20%;
	padding: 5%;
}
.STimg {
	width: 100%;
}

.STtextContainer {
	display: inline-block;
    float: right;
    width: 60%;
    padding: 5%;
    text-align: left;
}

.STtext {
	color: #000000;
	font-size: 15px;
	font-family: Arial !Important;
}

.STtext a {
	color: #48c6ff !important;
}

.STtext a:hover {
	text-decoration: none !important;
}	
.STtextFooter, .STtextFooter > a {
	color: #FFFFFF;
	font-size: 12px;
	
}

.STtextFooter > a {
	text-decoration: none;
}

.STtextFooter > a:hover {
	text-decoration: underline;
}

.STtextContainerHome {
	padding: 0;
    font-size: 13px;
    width: 82%;
    line-height: 1;
    text-align: center;
    color: #545454;
	float: none;
}


.PollingSidetextDiv{
    cursor: pointer;
    text-decoration: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position: fixed;
    line-height: 30px;
    background: #0F283F;
    top: 50%;
    bottom: 20%;
    left: 0;
    width: 30px;
    padding-top: 5px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-width: 0.4px;
    height: 160px;
	border: 1px solid #888888;
    border-left-style: hidden;
}

.PollingSidetext{
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    position: absolute;
	left: 6px;
	top: 127px;
    white-space: nowrap;
    font-family: Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana,sans-serif;
    font-size: 14px;
	font-weight: 700;
    line-height: 17px;
}

.EmailSidetextDiv{
    cursor: pointer;
    text-decoration: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position: fixed;
    line-height: 30px;
    background: #dcdcdc;
    top: 20%;
    bottom: 20%;
    right: 0%;
    width: 30px;
    padding-top: 5px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-width: 0.4px;
    height: 140px;
	z-index: 12;
}

.EmailSidetext{
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    position: absolute;
    left: 8px;
    top: 121px;
    white-space: nowrap;
    font-family: Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana,sans-serif;
    font-size: 14px;
	font-weight: 700;
    line-height: 17px;
}

#Emailframe {
    width: 300px;
    height: 475px;
    padding: 10px;
    position: fixed;
    top: 20%;
    right: -320px;
    overflow: hidden;
}
#Pollframe {
    width: 300px;
    height: 280px;
    padding: 10px;
    position: fixed;
    top: 50%;
    left: -320px;
	border: 1px solid #888888;
	border-left: 0;
}

#Row_2 iframe {
	width: 100% !important;
}



body, .TopMenu 
{
	font-family: Arial !important;
    /*font-size: 12px;*/
}

.RowClass
{
	display: inline-block;
}

#wcSocContainerMOB
{
	text-align: center;
}

.bannerImageDiv
{
	height: auto !important;
}

.bannerImageDivMobile
{
	height: auto !important;
	max-height: unset;
}

.mejs__poster
{
	height: auto !important;
}

/* .Row_2, .RowMobile_2_1
{
	height: 2500px !important;
} */


.RowMobile_3_1
{
	display: inline-block;
}

.embeddedchat-loader, #Row_8
{
	display: none !important;
}

/*@media only screen and (min-width: 641px) {*/


#Row_6
{
	width: 100%;
}


/*#region Custom Scrollbar*/
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
::-webkit-scrollbar-thumb {
    background: #888; 
}
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}
/*#end region Custom Scrollbar*/

.Row_4 > .Column_1 {
    height: 100%;
    z-index: 2;
    right: 0;
}

.RowMobileClass
{
	display: inline-block;
}

#PanelControl_3_SessionInfo_0
{
	text-align: left;
}

#containerMobile > #Row_2, 
#containerMobile > #Row_3, 
#containerMobile > #Row_5, 
#containerMobile > #Row_6, 
#containerMobile > #Row_7, 
#containerMobile > #Row_8
{
	width: 93% !important;
}

div.RowMobile_3_1 .RandomText
{
	display: inline-block !important;
	min-height: 100px;
	padding: 5%;
}

div.RowMobile_4_1 .GenericTextPanel
{
	text-align: center;
	display: inline-block;
	float: none;
}

.RandomTextMobile
{
	display: none !important;
}
	
.embedded-chat {
	width: 100% !important;
	display: inline-block;
	position: relative;
	height: 32.4vw;
    max-height: 100%;
}

.relativeCSS {
	position: relative !important;
}

.embeddedchat-loader
{
	display: none;
}

.wcHomeButton, .wcFAQButton, .backFAQ, .wcLogoutButton {
	border: 2px solid #2E65AD;
}

.wcHomeButton:hover, .wcFAQButton:hover, .backFAQ:hover, .wcLogoutButton:hover {
	border: 2px solid #FFFFFF;
	text-decoration: none;
}

.backFAQ {
	cursor: pointer;
}



.WebcastFullList {
    overflow: hidden;
	display: block !Important;
}




.CreateAccountTable > .LoginButton {
	display: block;
	width: auto !important;
    height: auto;
    max-width: 220px;
    background-color: #00ABDC;
}
.CreateAccountTable > .LoginButton a {
	display: inline-block;
	width: 100%;
    height: 100%;
    padding: 4px 0;
}


.CreateAccountPanel {
	display: block !important;
}
.CreateAccountPanelMobile {
	display: none !important;
}


#Calendar {
	position: relative;
}
	





.CreateAccountButton, .LoginButton {
	/*border: 1px solid #0F283F;*/
	vertical-align: top;
}

.colorText, {
	color: #000;
}


.colorButton {
	background-color: #2E65AD;
}

.PollingSidetextDiv,
#Pollframe
{
	background: #0F283F;
}



.PollingSidetext {
	color: #FFF;
}

.ContactUstextDiv,
.EmailSidetextDiv,
.TwittertextDiv {
	border: 1px solid #FFFFFF;
	border-right-style: hidden;
}
.ContactUstextDiv {
	border: 1px solid #FFFFFF;
	border-right-style: hidden;
}
.TwittertextDiv {
	border: 1px solid #FFFFFF;
	border-left-style: hidden;
}
#Twitterframe,
#Emailframe,
#ContactUsframe {
	border: 1px solid #FFFFFF;
	border-right: 0;
}
#ContactUsframe {
	border: 1px solid #FFFFFF;
	border-left: 0;
}
#Twitterframe {
	border: 1px solid #FFFFFF;
	border-left: 0;
}
#Slidoframe {
	border: 1px solid #FFFFFF;
	border-right: 0;
}



.EmailSidetextDiv,
.SlidotextDiv,
.TwittertextDiv,
.ContactUstextDiv,
#Slidoframe,
#Twitterframe,
#Emailframe,
#ContactUsframe
{
	background-color: #0F283F;
}


#Name
{
	background-color: #000000 !important;
}





.sessionInfoLine {
	border: 0.5px solid #000;
}


#Column_153 {
	overflow-x: hidden;
}

.EmailSidetext,
.ContactUstext,
.Slidotext,
.Twittertext,
.chatInstAllText,
.FooterMessage,
.FooterMessage a
{
	color: #FFFFFF;
}

/* Backend stuff for processing */
.buttonColorCSS {
	color: #999999;
}
.buttonBorderCSS {
	color: #000;
}
.buttonHoverCSS {
	color: #5A8D89;
}
/* END COLORS */
	
	
	
/* */
.content-right_WC p{
	display: none !important;
	}
	.content-right_WC {
	display: inline-block;
	margin-top: 5px;
	min-width: 173px;
	}
	.content-right_WC_Mobile{
		padding: 45px;
		width: 85%;
	}

	.addtocalendar var{
	display: none;
	}

	.addtocalendar {
	position: relative;
	display: inline-block;
	background: transparent!important;
	}

	.atcb-link {
	display: flex;
	outline: none!important;
	cursor: pointer;
	}

	.atcb-link:focus~ul,
	.atcb-link:active~ul,
	.atcb-list:hover{
	visibility:visible;
	}

	.atcb-list {
	visibility: hidden;
	position: absolute;
	top: 60%;
	left: 0;
	width: 170px;
	z-index: 900;
	}

	.atcb-list,
	.atcb-item
	{
	list-style: none;
	margin: 0;
	padding: 0;
	background: #fff;
	}

	.atcb-item {
	float: none;
	text-align: left;
	}

	.atcb-item-link
	{
	text-decoration: none;
	outline: none;
	display: block;
	}

	.atcb-item.hover,
	.atcb-item:hover {
	position: relative;
	z-index: 900;
	cursor: pointer;
	text-decoration: none;
	outline: none;
	}


	/* Blue */

	.atc-style-blue .atcb-link,
	.atc-style-blue .atcb-link:hover,
	.atc-style-blue .atcb-link:active,
	.atc-style-blue .atcb-link:focus
	{
	margin-bottom: 38px;
	color: #fff;
	font-family: "Verdana";
	font-size: 14px;
	text-decoration: none;
	outline: none;
	line-height: 23px;
	vertical-align: middle;
	/*box-shadow: 0 0 40px rgba(0, 0, 0, .13) inset;*/
	zoom: 1;
	}

	.atc-style-blue .atcb-list {
	width: 170px;
	border: 1px solid rgb(186,186,186);
	border-radius: 2px;
	box-shadow: 0 0 5px #AAA;
	}

	.atc-style-blue .atcb-list,
	.atc-style-blue .atcb-item
	{
	background: #fff;
	color: #000;
	}

	.atc-style-blue .atcb-item,
	.atc-style-blue .atcb-item-link
	{
	line-height: 1.3em;
	vertical-align: middle;
	zoom: 1;
	}

	.atc-style-blue .atcb-item-link,
	.atc-style-blue .atcb-item-link:hover,
	.atc-style-blue .atcb-item-link:active,
	.atc-style-blue .atcb-item-link:focus
	{
	color: #000;
	font-family: "Verdana";
	font-size: 14px;
	text-decoration: none;
	outline: none;
	padding: 5px 15px;
	}

	.atc-style-blue .atcb-item-link:hover,
	.atc-style-blue .atcb-item-link:active,
	.atc-style-blue .atcb-item-link:focus
	{
	color: #fff;
	}

	.atc-style-blue .atcb-item.hover,
	.atc-style-blue .atcb-item:hover {
	background: #7DAED6;
	}
						/**/





.FAQAnswer
{
	font-size: 13px;
	line-height: 18px;
}

.FAQQuestions a
{
	font-size: 13px;
	line-height: 18px;
}

.Row_4 > .Column_1 
{
    right: 0;
    z-index: 2;
	display: none !important;
}

#embeded-chat-show-button, .chat-top-bar {
    background: #75B2D3;
}

#SlidotextDiv, #TwittertextDiv, #EmailSidetextDiv, #ContactUstextDiv, #PollingSidetextDiv, #embeded-chat-show-button {
    z-index: 11;
}

#Column_263 {
	
	width: 65% !important;
    overflow-x: hidden;
    overflow-y: auto;
}



.FooterMessage
{
	color: #FFF !important;
}

#Row_9
{
	display: none;
}

.bottomsponsorbanner, .bottomsponsorbanner_mobile
{
	width: 100% !important;
}


.RecordButton, .TechincalButton, .ReturnButton, .FAQButton
{
	background-color: #0F283F;
	width: 90%;
	color: #FFF;
	padding: 2%;
	margin: 2%;
	text-decoration: none;
}

.TechincalButton {
    line-height: 18px !Important;
}

.QuestionContainer, .QuickLinkContainer
{
	background-color: #0d659c;
	padding: 9%;

}

.BasicText
{
	font-size: 12px;
	font-family: verdana;
	text-align: left;
}

.HeaderTitle
{
	font-weight: bold !important;
	font-size: 17px;
	text-align: left;
}


.LoginButton, .LoginButtonMobile {
    margin: 0px auto;
}

#Column_590{
	background-color: #fff;
}

#Column_937{
	background: #fff;
}

.iframe-container {
    height: 540px !important;
}