/* subnav */
.fullwidth {max-width: 100%!important;width: 100%; margin: 0px auto; }		
.subnav{background-color: rgba(0,0,0,.6);min-height: 40px; width: 100%;}
.subnav-ul{ margin: 0px auto; max-width: 1000px; padding: 0;}
.subnav-ul li { display: inline-block; padding: 0px 20px; min-width: 235px; font-size: 16px; text-align: -webkit-match-parent;line-height: 40px;}
.subnav-ul li a{ color: #FFF;text-decoration: none; font-size: 16px;}
a.current-page {cursor: not-allowed;pointer-events: none;  cursor: default;  opacity: 0.6;}
/*Select menu*/
.select-label { display: inline-block;   cursor: pointer; color: #555; border-radius: 5px; font-size: 14px; 
line-height: 28px; margin-left: 10px; vertical-align: middle;}

#topic-select {}
#library-select input,#topic-select input {display: none;}		
#topic-select input[type=checkbox]:checked ~ .expand{visibility: visible; opacity: 1; height: auto;}	
#library-select input[type=checkbox]:checked ~ .expand{visibility: visible; opacity: 1; height: auto;}	

.expand {height: 0px; float: left;background-color: transparent; visibility: hidden; opacity: 0; transition: visibility 0.15s linear  , opacity 0.15s linear, height 0.25s linear;}
.expand a:link {color:#333; }
#arrow,#library-arrow,#topic-arrow {display: block; width: 20px; height: 20px;float: right; background: url(/resources/webinar/images/arrowsopen.png) no-repeat center right 0px;margin:4px;} 
.select-a {background: transparent; border: none; box-shadow: inset 0 0 0 1px rgba(12,18,28,.25); border-radius: 25px; color: #333!important;text-decoration: none;display: inline-block;font-size: 14px; font-weight: 400; height: 32px; line-height: 32px;margin: 8px 8px 0 0; min-width: 64px; outline: none;padding: 0 12px;text-align: center;}
.select-a:hover{background-color: #DDD;color: #000;}
.matchnum { background-color: transparent; float: right; width: 20px; height: 32px;  border-radius: 8px;  color: #999; line-height: 32px; margin: 0px;text-align: right;}
/*time-accordion*/
.time-accordion {width: 430px;}
.time-accordion label {cursor: pointer;display: block;color:#003460;margin:12px 0px;}
.time-accordion label:hover {color: #EF8000;}
.time-accordion label::before {content: '+';vertical-align: middle;margin-right: 5px}
.time-accordion .expandzone {display: none;color: #666;text-align: justify;}
.time-accordion input[type=checkbox] {display: none;}
.time-accordion input[type=checkbox]:checked ~ label::before {content: '\2013';font-size: 1em;}
.time-accordion input[type=checkbox]:checked ~ .expandzone {display: block;}
.zonelist{ overflow-y: scroll;max-width:460px;border: 1px solid #CCC;padding:5px; height:90px;}
.zonelist table{border-collapse: collapse;}
.zonelist table tr{height:20px;}
.countryname{width:270px!important;font-size:14px;word-break:break-all;}
.countrydate{width:100px!important;font-size:13px;text-align: right;}
.countrytime{width:60px!important;font-size:13px;text-align: right;}
.input-search{background-image: url('/images/layout/magnifier.png'); background-size: 15px 15px;background-position: 10px 7px;
background-repeat: no-repeat; width: 100%;font-size: 16px; padding: 5px 20px 5px 30px; border: 1px solid #ddd;  margin-bottom: 5px;}
.zonelist table tr:hover {background-color: #DDD;}
/*profile*/
.profile-div {font-size:12px;position: relative;	display: block;/*border-bottom: 1px solid #003460; max-width:90px;*/cursor:default}
.profile-open{display: inline-block;width: 7px; height: 12px;  background: url(/images/layout/bullet-transparent.png) no-repeat bottom left 0px; margin-top:4px;}		
.profile-span { display:block;visibility: hidden;width: 300px; background-color: #E4ECFF;color: #333;padding: 10px;border-radius: 6px;
position: absolute; z-index: 1;  top: 100%;  margin-left: -10px;margin-top:8px;border: 1px solid #DDD;text-align:justify}
.profile-div:hover .profile-open{ background: url(/images/layout/bullet-transparent-open.png) no-repeat bottom right 0px; }
.profile-div:hover .profile-span {	visibility: visible; display:block;}  
/* share icon */
@-webkit-keyframes fadeIn { 0% { opacity: 0; }  100% { opacity: 1; }} 
@-moz-keyframes fadeIn {  0% { opacity: 0; }  100% { opacity: 1; }}
@-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}
@keyframes fadeIn { 0% { opacity: 0; }  100% { opacity: 1; }} 
#social-share {	position: fixed;	right: 0px;	top: 30%;z-index:10;background-color: #FFF;border-radius: 3px 0px 0px 3px;}
#social-share:hover{	height: auto;	width: 42px;}
#social-share a {display:inline-block;float: right;	width:42px;height: 39px!important;text-decoration: none;border: 1px solid #3F51B5;border-radius: 3px 0px 0px 3px;	border-right: 0;	font-size: 1.5em;box-sizing: border-box;}
#social-share a:not(:first-child) {	animation:fadeOut 0.5s;display: none;border-top: 0;height: 40px;}    
#social-share:hover a:not(:first-child) {display: block;-webkit-animation: fadeIn 0.5s;-moz-animation: fadeIn 0.5s;-o-animation: fadeIn 0.5s;	animation: fadeIn 0.5s;}
/*new shareicon*/
.social-span{	display: inline-block;	width:100%;height:100%;	padding: 8px;	cursor: pointer;
	transition: all 0.4s ease-out;	-webkit-transition: all .4s ease-out;	-moz-o-trasition: all .4s ease-out;	-o-trasition: all .4s ease-out;	
	background-size: 24px 24px, cover;	background-position: center, center;	background-repeat: no-repeat, no-repeat;	border-radius: 3px 0px 0px 3px;}
.icon-share{background-image:  url('/images/social/share-blue-24.png'), linear-gradient( rgba(255, 255, 255, 0.9),  rgba(255, 255, 255, 0.9)) ;}
#ashare:hover .icon-share{	background-image:  url('/images/social/share-white-24.png'), linear-gradient(to right, rgba(63, 81, 181, .9), rgba(63, 81, 181, .9));}
.icon-envelope{	background-image:  url('/images/social/mail-orange-24.png'), linear-gradient( rgba(255, 255, 255, 0.9),  rgba(255, 255, 255, 0.9)) ;}
#aemail:hover .icon-envelope{	background-image:  url('/images/social/mail-white-24.png'), linear-gradient(to right, rgba(255, 108, 0, .9), rgba(255, 108, 0, .9));}
.icon-linkedin{background-image:  url('/images/social/linkedin-grey-24.png'), linear-gradient( rgba(255, 255, 255, 0.9),  rgba(255, 255, 255, 0.9)) ;}
#alinkedin:hover .icon-linkedin{	background-image:  url('/images/social/linkedin-white-24.png'), linear-gradient(to right, rgba(96, 125, 139, .9), rgba(96, 125, 139, .9));}
.icon-twitter{	background-image:  url('/images/social/twitter-x-24.png'), linear-gradient( rgba(255, 255, 255, 0.9),  rgba(255, 255, 255, 0.9)) ;}
#atwitter:hover .icon-twitter{	background-image:  url('/images/social/twitter-x-24-white.png');background-color:#000;}
.icon-facebook{	background-image:  url('/images/social/facebook-blue-24.png'), linear-gradient( rgba(255, 255, 255, 0.9),  rgba(255, 255, 255, 0.9)) ;}
#afacebook:hover .icon-facebook{	background-image:  url('/images/social/facebook-white-24.png'), linear-gradient(to right, rgba(63, 81, 181, .9), rgba(63, 81, 181, .9));}
/*share tip*/
.sharetip { display:block; visibility: hidden; background-color: #FFF;color: #595959;padding: 5px;border-radius: 3px;position: absolute; z-index: 1;  border: 1px solid #DDD; right: 120%; text-align:center; margin-top:-50%; font-size:12px; width:120px;box-shadow: 1px 1px 1px 1px rgba(0, 0, 255, .1);margin-top:-90%;opacity: 0;
  transition: opacity 1s;}
.sharetip::after { content: " "; position: absolute; top: 50%;
  left: 100%; /* To the right of the tooltip */
  margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #DDD;}
#social-share > a:hover  .sharetip {visibility: visible; display:block; overflow:visible;opacity: 1;}
/*QA*/
.help-link { display: block;background: url(/resources/images/layout/link-icon.png) no-repeat 0px 6px; padding-left:20px; padding-top:3px }
.video-link{display: block;background: url(/resources/images/layout/webinar-icon.png) no-repeat 0px 6px;padding-left:22px; padding-top:3px}
.pdf-link { display: block;background: url(/images/logos/pdf16.png) no-repeat 0px 6px; padding-left:22px; padding-top:3px }

@media only screen and (max-width: 600px) {
	 h1 {
		font-size: 36px!important;
		text-align:center!important;
	  }
}
@media only screen and (max-width: 512px) {
	.subnav-ul li{width: 90%; text-align: center;}
	.video-grid-div{margin: 0 auto;}
}