.mobileOnly {
  display: none;
}
.fancybox-skin {
  background: #f1f1f1;
}
/* Gallery Boxes */
.galleryBox {
  height: 250px;
  margin-bottom: 20px;
}

.galleryBox p {
  display: flex;   
  justify-content: center;   
  align-items: center;   
  height: 250px;
}
/* End Gallery Boxes */
.fixed-top {
  position: fixed;
left: 0px;
  background: #222d65;
  width: 100%;
  float: none;
  top: 0px;
}

.textRight {
  text-align: right;
}
.ctaHeader {
  padding: 120px 0 150px 0;
}
#navbar_top {
  float: right;
}
#id_nvVqxLq > div {
  overflow: visible;
}
html, body {
  font-family: 'Roboto Condensed';
}
#id_Content {
  background-image: url(/resources/Theme/ping-right-bg.png), url(/resources/Theme/ping-left-bg.png);
  background-position: right 70%, left 30%;
    background-repeat: no-repeat, no-repeat;
background-size: 10%, 5%;
}
#id_yGvFvaI_loginContainer {
  z-index: 999999999999;
}
div.split-pane:nth-child(1) {
  border-right: 5px solid #CC8226;
}



#id_1AFMVLE > div {
  height: 100vh;
}
#mLayout > div.zonePlace.zoneWAbranding {
  display: none;
}

@media (min-width: 500px) {
  .col-sm-6 {
    width: 50%;
  }
}


html, body {
  height: 100%;
  min-height: 18em;
}

.frontend-side {
  background-image: url("/resources/Theme/pu-bg.jpg");
}

.uiux-side {
  background-image: url("/resources/Theme/home-split-1.jpg");

}

.split-pane {
  padding-top: 1em;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  height: 50%;
  min-height: 9em;
  font-size: 2em;
  color: white;
  font-family: 'Roboto Condensed', sans-serif;
    font-weight:300;

}
@media(min-width: 500px) {
  .split-pane {
    padding-top: 2em;
    height: 100%;
  }
}
.split-pane > div {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}
.split-pane > div .text-content {
  line-height: 1.6em;
  margin-bottom: 1em;
}
.split-pane > div .text-content .big {
  font-size: 2em;
}
.split-pane > div img {
  height: 1.3em;
}
@media (max-width: 500px) {
  .split-pane > div img {
    display:none;
  }
}
.split-pane button, .split-pane a.button {
  font-family: 'Roboto Condensed', sans-serif;
    font-weight:800;
  background: none;
  border: 2px solid white;
width: 25em;
  padding: 0.7em;
  font-size: 0.5em;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-decoration: none;
  color: white;
  display: inline-block;
    cursor: pointer;
}
.split-pane button:hover, .split-pane a.button:hover {
  text-decoration: none;
  background-color: #222d65;
  border-color: #CC8226;
    cursor: pointer;
}
.uiux-side.split-pane button:hover, .split-pane a.button:hover {
  color: #fff;
  
}
.frontend-side.split-pane button:hover, .split-pane a.button:hover {
  color: #fff;
}

#split-pane-or {
  font-size: 2em;
  color: white;
  font-family: 'Roboto Condensed', sans-serif;
  text-align: left;
  width: 100%;
  position: absolute;
  top: 10%;
  left: 5%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#split-pane-or > div img {
  height: 3.5em;
}
.big {
  font-size: 2em;
}





#slogan {
  position: absolute;
  width: 100%;
  z-index: 100;
  text-align: center;
  vertical-align: baseline;
  top: 0.5em;
  color: white;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.4em;
}
@media(min-width: 500px) {
  #slogan {
    top: 5%;
    font-size: 1.8em;
  }
}
#slogan img {
  height: 0.7em;
}
.bold {
    text-transform:uppercase;
}
.big {
    font-weight:800;
}

/* FIND AN ENGINEER */
.findEngineer #FunctionalBlock1_ctl00_ctl00_actionPanel_startSearchButton{
background: red url(https://seaosc.org/resources/Theme/performSearch.png);
background-repeat: no-repeat;
background-position: 5px;
width: 450px;
text-indent: -9999px;
}
.findEngineer #FunctionalBlock1_ctl00_ctl00_actionPanel_exitAdvancedSearchModeLink {
  display: none;
}
.findEngineer #idActionPanelContainer > div.actionPanelContainer > div > div > div > div > div > div > div > div > div > div > div.separatorTextContainer > div > div > div {
  display: none;  
}

.WaGadgetMemberDirectoryStateList .selectedCriteriaListInnerContainer {
  background: #f1f1f1;
}
/* END FIND AN ENGINEER */
/* MEGA MENU */

.mega-menu {
    background-color: #f6f6f6;
}
  

 *,
:after,
:before {
  box-sizing: border-box
}

.clearfix:after,
.clearfix:before {
  content: '';
  display: table
}

.clearfix:after {
  clear: both;
  display: block
}
ul{
    list-style:none;
    margin: 0;
    padding: 0;
}
a, a:hover, a.active, a:active, a:visited, a:focus{
    color:#fefefe;
    text-decoration:none;
}
.content{
    margin: 0px 0px 0px 0px;
}

.exo-menu{
    width: 100%;
  /**max-width: 755px;**/
  max-width: 810px;
    list-style: none;
    position:relative;
    background: transparent;
  margin: 0 auto;
}
.exo-menu > li {    display: inline-block;float:left;}
.exo-menu > li > a{
  font-family: 'Roboto Condensed';
  font-size: 14px;
font-weight: 800;
    color: #fff;
    text-decoration: none;
    -webkit-transition: color 0.2s linear, background 0.2s linear;
    -moz-transition: color 0.2s linear, background 0.2s linear;
    -o-transition: color 0.2s linear, background 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear;
}
.exo-menu > li > a.active,
.exo-menu > li > a:hover {
    background:transparent;
    color:#fff;
  box-shadow: 0 4px 2px -2px #CC8226;
}

li.drop-down ul > li > a:hover{
    color:#fff;
}
.exo-menu i {
  float: left;
  font-size: 18px;
  margin-right: 6px;
  line-height: 20px !important;
}
li.drop-down,
.flyout-right,
.flyout-left{position:relative;}

li.drop-down>ul{
    left: 0px;
    min-width: 125px;

}
.drop-down-ul{display:none;}
.flyout-right>ul,
.flyout-left>ul{
  top: 0;
  min-width: 230px;
  display: none;
  border-left: 1px solid #222d65;
  }

li.drop-down>ul>li>a,
.flyout-right ul>li>a ,
.flyout-left ul>li>a {
    color: #000;
  font-family: 'Roboto Condensed';
    display: block;
    padding: 5px 12px;
    text-decoration: none;
    background-color: #f6f6f6;
    border-bottom: 1px dotted #f6f6f6;
    -webkit-transition: color 0.2s linear, background 0.2s linear;
    -moz-transition: color 0.2s linear, background 0.2s linear;
    -o-transition: color 0.2s linear, background 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear;
}



/*Flyout Mega*/
.flyout-mega-wrap {
    top: 0;
    right: 0;
    left: 100%;
    width: 100%;
    display:none;
    height: 100%;
    padding: 15px;
    min-width: 742px;

}
h4.row.mega-title {
  color:#000;
  margin-top: 0px;
  font-size: 14px;
  padding-left: 15px;
  padding-bottom: 0px;
  font-family: 'Roboto Condensed';
  border-bottom: none;
  font-weight: 800;
 }
.flyout-mega ul > li > a {
  font-size: 90%;
  line-height: 25px;
  color: #000;
  font-family: inherit;
}
.flyout-mega ul > li > a:hover,
.flyout-mega ul > li > a:active,
.flyout-mega ul > li > a:focus{
  text-decoration: none;
  background-color: transparent !important;
  color: #ccc !important
}
/*mega menu*/

.mega-menu {
  left: 0;
  right: 0;
  padding: 15px;
  display:none;
  padding-top: 0;
  min-height: 100%;
z-index: 99999;
}
h4.row.mega-title {
  color: #000;
  margin-top: 0px;
  font-size: 14px;
  padding-left: 15px;
  padding-bottom: 0px;
  text-transform: uppercase;
  border-bottom: none;
  padding-top: 15px;

  }
 .mega-menu ul li a {
  line-height: 25px;
  font-size: 100%;
  display: block;
}
ul.stander li a {
    padding: 3px 0px;
    color: #000;
    font-family: 'Roboto Condensed';
}

ul.description li {
    padding-bottom: 12px;
    line-height: 8px;
}

ul.description li span {
    color: #fff;
    font-size: 85%;
}
a.view-more{
  border-radius: 1px;
  margin-top:15px;
  background-color: #009FE1;
  padding: 2px 10px !important;
  line-height: 21px !important;
  display: inline-block !important;
}
a.view-more:hover{
    color:#fff;
    background:#0DADEF;
}
ul.icon-des li a i {
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    background-color: #009FE1;
    line-height: 35px !important;
}

ul.icon-des li {
    width: 100%;
    display: table;
    margin-bottom: 11px;
}
/*Blog DropDown*/
.Blog{
    left:0;
    display:none;
    color:#fefefe;
    padding-top:15px;
    background:#f6f6f6;
    padding-bottom:15px;
}
.Blog .blog-title{
    color:#fff;
    font-size:15px;
    text-transform:uppercase;

}
.Blog .blog-des{
    color:#ccc;
    font-size:90%;
    margin-top:15px;
}
.Blog a.view-more{
    margin-top:0px;
}
/*Images*/
.Images{
    left:0;
   width:100%;
     display:none;
    color:#fefefe;
    padding-top:15px;
    background:#f6f6f6;
    padding-bottom:15px;
}
.Images h4 {
  font-size: 15px;
  margin-top: 0px;
  text-transform: uppercase;
}
/*common*/
.flyout-right ul>li>a ,
.flyout-left ul>li>a,
.flyout-mega-wrap,
.mega-menu{
    background-color: #f6f6f6;
}

/*hover*/
.Blog:hover,
.Images:hover,
.mega-menu:hover,
.drop-down-ul:hover,
li.flyout-left>ul:hover,
li.flyout-right>ul:hover,
.flyout-mega-wrap:hover,
li.flyout-left a:hover +ul,
li.flyout-right a:hover +ul,
.blog-drop-down >a:hover+.Blog,
li.drop-down>a:hover +.drop-down-ul,
.images-drop-down>a:hover +.Images,
.mega-drop-down a:hover+.mega-menu,
li.flyout-mega>a:hover +.flyout-mega-wrap{
    display:block;
}
/*responsive*/
 @media (min-width:767px){

    .exo-menu > li > a{
    display:block;
    padding: 20px 10px;
 }
.mega-menu, .flyout-mega-wrap, .Images, .Blog,.flyout-right>ul,
.flyout-left>ul, li.drop-down>ul{
        position:absolute;
}
 .flyout-right>ul{
    left: 100%;
    }
    .flyout-left>ul{
    right: 100%;
}
 }

a.toggle-menu{
    position: absolute;
    right: 0px;
    padding: 20px;
    font-size: 27px;
    background-color: #ccc;
    color: #222d65;
    top: 0px;
}


@media (max-width:767px){
  #id_Header > div:nth-child(1) {
    background: rgba(204,130,38,1)
  }
.textRight {
  text-align: center;
}
.mobileOnly {
  display: block;
}
    .exo-menu { display: none;  }   
}

#id_Footer1 {
 background: rgb(255,255,255);
background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgb(124,155,198) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(124,155,198,1) 100%);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(124,155,198,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#958b55",GradientType=1); 
}




/* LOGIN */
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink:before, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font: bold 14px/35px 'Roboto Condensed';
    text-align: center;
    text-indent: 0;
    content: 'LOGIN';
}

.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 35px;
    overflow: hidden;
    background: #CC8226;
    color: white;
    line-height: 400px;
    vertical-align: top;
    text-decoration: none;
    cursor: pointer;
}
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink:hover, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink:hover, .WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink.hover, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.loginContainer .loginLink.hover {
  background: #7c9bc6;
}
.WaGadgetLoginForm.LoginFormStyle002 .loginUserName, .WaGadgetLoginForm.LoginFormStyle002 .loginPassword, .WaGadgetLoginForm.LoginFormStyle002 .loginActionRememberMe, .WaGadgetLoginForm.LoginFormStyle002 .loginPasswordForgot{
  width: auto;
}
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink::before, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font: bold 14px/35px 'Roboto Condensed';
    text-align: center;
    text-indent: 0;
    content: 'MY ACCOUNT';
}
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 35px;
    overflow: hidden;
    color: #fff;
    background: #CC8226;
    line-height: 400px;
    vertical-align: top;
    text-decoration: none;
    cursor: pointer;
}
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink:hover, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink:hover, .WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink.hover, .WaGadgetLoginForm.LoginFormStyle002 .loginContainer.authenticated.loginContainer.authenticated .loginLink.hover {
  background: #7c9bc6;
}
/* END LOGIN */

/* TYPOGRAPHY */
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .registrationInfoContainer h4.infoTitle, .WaGadgetEventsStateCalendar .sectionTitle, .WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*="Button"] span, .WaGadgetEventsStateList h3.sectionTitle, .gadgetStyleNone .gadgetStyleTitle h4 {
  color: #090909;
}
.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .header, h1.header {
  font-family: 'Roboto Condensed';
  text-transform: none;
}
.gadgetStyle002 .h1, .gadgetStyle002 h1, .gadgetStyle002 .h2, .gadgetStyle002 h2, .gadgetStyle002 .h3, .gadgetStyle002 h3, .gadgetStyle002 .h4, .gadgetStyle002 h4, .gadgetStyle002 .h5, .gadgetStyle002 h5, .gadgetStyle002 .header, .gadgetStyle002 h1.header {
  font-family: 'Roboto Condensed';
   text-transform: none;
}
/* END LOGIN */
/* SOCIAL MEDIA */
.WaGadgetSocialProfile .alignLeft {
    text-align: left;
    padding-left: 12px;
}
.WaGadgetSocialProfile.socialProfileStyle002 .orientationHorizontal li, .WaGadgetSocialProfile.socialProfileStyle003 .orientationHorizontal li, .WaGadgetSocialProfile.socialProfileStyle004 .orientationHorizontal li {
    margin-left: 5px;
    border: 2px solid 
    #000;
    border-radius: 30px;
    padding: 10px;
}
.WaGadgetSocialProfile.socialProfileStyle003 li a:hover {
    color: #000;
}
.WaGadgetSocialProfile.socialProfileStyle002 li a, .WaGadgetSocialProfile.socialProfileStyle003 li a, .WaGadgetSocialProfile.socialProfileStyle004 li a {
    color: #000;
}
.WaGadgetSocialProfile.socialProfileStyle002 li a:hover, .WaGadgetSocialProfile.socialProfileStyle003 li a:hover, .WaGadgetSocialProfile.socialProfileStyle004 li a:hover {
  color: #CC8226;
}
/* END SOCIAL */


/* UPCOMING EVENTS GADGET */

/* END UPCOMING EVENTS GADGET */

/* BUTTONS */
a.buttonStyle001, a:link.buttonStyle001 {
  font-family: 'Roboto Condensed';
  font-weight: 600;
  border-radius: 5px;
}
a.buttonStyle001, a:link.buttonStyle002 {
  font-family: 'Roboto Condensed';
  font-weight: 600;
  border-radius: 5px;
}
a.buttonStyle004, a:link.buttonStyle004 {
  border: 5px solid #fff;
  min-width: 255px;
}
/* END BUTTONS */

/* PAGE TITLE */
.breadTitle {
    padding-bottom: 0px;
}
.breadTitle.WaGadgetBreadcrumbs ul li + li::before {
display: none;
}
.breadTitle.borul li+li:before {
display: none;
}
.breadTitle li:not(:last-child) {
display: none;
}
.breadTitle li 
{
font-family: 'Roboto Condensed';
Font-size: 1.5em;
font-weight: 600;
}
.WaGadgetBreadcrumbs {

    font-family: 'Roboto Condensed';
}
/* END PAGE TITLE */


/* MOBILE PANEL */
.WaGadgetMobilePanel .mobilePanel {
    background: #222d65;
}
.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:active, .WaGadgetMobilePanel .mobilePanel .mobilePanelButton.active {
    background: #7c9bc6;
    color: white;
}
.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:hover {
    background: #7c9bc6;
    color: white;
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel, .WaGadgetMobilePanel .mobilePanel .loginInner {
    background: #CC8226;
    border-top: 1px solid #CC8226;
    font-family: 'Roboto Condensed';
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul ul {
 display: none;
    background: #CC8226;
}


.WaGadgetMobilePanel .mobilePanel .menuInner ul ul {
    padding: 0;
    background: #CC8226;
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li.sel>.item>a {
    color: #ffffff;
}

.WaGadgetMobilePanel .mobilePanel .menuInner ul.firstLevel>li.sel>.item>a {
    background: #CC8226;
    color: #fff;
}
.WaGadgetMobilePanel .mobilePanel .menuInner ul ul li>.item>a {
    color: #ffffff;
}

.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm [class$='TextBox'] input[class$='TextBoxControl'], .WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginActionRememberMe label:before {
      background: #CC8226;
}
.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton:active {
  background: #222d65;
}
.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton {
  background: #222d65;
}
.WaGadgetMobilePanel .mobilePanel .loginInner .loginContainerForm .loginAction input.loginButton:hover {
  background: #222d65;
}
/* END MOBILE PANEL */


/* SYS BUTTONS */
.WaGadgetAuthorizationRequired .loginPageTable input.loginButton {
  background: #222d65;
}
.generalFieldsContainer .fieldSubContainer input.typeButton, .generalFieldsContainer .fieldSubContainer input[type=submit],.generalFieldsContainer .fieldSubContainer input.typeButton:active, .generalFieldsContainer .fieldSubContainer input[type=submit]:active, .WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton, .navigationOuterContainer input.nextButton, .navigationOuterContainer input.typeButton, .navigationOuterContainer input[type="submit"], .WaGadgetMemberPublicProfileStateMain .profileHeaderContainer input.typeButton, .forumPanelOuterContainer .forumPanelContainer input.typeButton, .WaGadgetForum .forumEditEntryBoxContainer .boxFooterOuterContainer .boxFooterPrimaryOuterContainer input, .WaGadgetForum .forumEditEntryBoxContainer .boxFooterOuterContainer .boxFooterSecondaryOuterContainer input, .attachmentsContainer .attachmentsUploadContainer .inputUploadFileLabel, .WaGadgetMemberDirectoryStateAdvancedSearch .ActionPanelOuterContainer input.searchButton, .WaGadgetContactProfile .topButtonsOuterContainer input.typeButton, .WaGadgetContactProfileStateMain .actionButtonContainer input[type="submit"], .WaGadgetContactProfileStatePrivacy .actionButtonContainer input[type="submit"], .WaGadgetContactProfileStateSubscriptions .actionButtonContainer input[type="submit"], .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreButton input.typeButton, .WaGadgetBlogStateList #idAddNewPostButtonContainer input[type="submit"], .WaGadgetForum .forumBottomPanelOuterContainer .forumBottomPanelContainer input.typeButton {
    background: #222d65;
}

.generalFieldsContainer .fieldSubContainer input.typeButton:hover, .generalFieldsContainer .fieldSubContainer input[type=submit]:hover, .WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .boxActionContainer input.typeButton:hover, .navigationOuterContainer input.nextButton:hover, .navigationOuterContainer input.typeButton:hover, .navigationOuterContainer input[type="submit"]:hover, .WaGadgetMemberPublicProfileStateMain .profileHeaderContainer input.typeButton:hover, .forumPanelOuterContainer .forumPanelContainer input.typeButton:hover, .WaGadgetForum .forumEditEntryBoxContainer .boxFooterOuterContainer .boxFooterPrimaryOuterContainer input:hover, .WaGadgetForum .forumEditEntryBoxContainer .boxFooterOuterContainer .boxFooterSecondaryOuterContainer input:hover, .attachmentsContainer .attachmentsUploadContainer .inputUploadFileLabel:hover, .WaGadgetMemberDirectoryStateAdvancedSearch .ActionPanelOuterContainer input.searchButton:hover, .WaGadgetContactProfile .topButtonsOuterContainer input.typeButton:hover, .WaGadgetContactProfileStateMain .actionButtonContainer input[type="submit"]:hover, .WaGadgetContactProfileStatePrivacy .actionButtonContainer input[type="submit"]:hover, .WaGadgetContactProfileStateSubscriptions .actionButtonContainer input[type="submit"]:hover, .WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreButton input.typeButton:hover, .WaGadgetBlogStateList #idAddNewPostButtonContainer input[type="submit"]:hover, .WaGadgetForum .forumBottomPanelOuterContainer .forumBottomPanelContainer input.typeButton:hover {
    background: #222d65;
}


/* END SYS BUTTONS */



 /* Dropdown Button */
.dropbtn {
  background-color: #ffffff;
  color: #000;
  padding: 10px 30px;
  font-size: 14px;
  border: none;
  border: 2px solid #ccc;
    font-family: 'Roboto Condensed';
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  left: 0px;
  width: 214px;
}
#id_nvVqxLq > div > div > div > button > div > a {
    color: black;
    text-decoration: none;
}
/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #f1f1f1;} 


/* NAV LINKS */
.WaGadgetNavigationLinks ul.orientationVertical {
    min-height: 16px;
    margin: 0 0 0 0px;
    padding: 0;
    list-style: none;
}
 .WaGadgetNavigationLinks.gadgetStyleNone ul.orientationVertical li {
   padding: 10px 10px;
   width: 100%;
   background: #222d65;
   border-radius: 5px;
   margin: 5px 0;
   text-align: center;
   font-size: 21px;
   font-family: 'Roboto Condensed';
   font-weight: 600;
 }
  .WaGadgetNavigationLinks.gadgetStyleNone ul.orientationVertical li a {
    color: #fff;
  }
/* END NAV LINKS */


/* EVENTS */
.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td.EventListCalendarItemSelected a.calendarDate, .WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td.EventListCalendarItemSelected a.calendarDate:hover {
    color: #CC8226;
}
.infoOuterContainer {
  background: #f1f1f1;
}
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer .registrationInfoContainer ul.registrationInfo li:before {
  display: none;
}
.WaGadgetEventsStateCalendar .yearViewType .EventListCalendar a.yearViewHeader {
    color: #7c9bc6;
}

.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar td>div {
  background: #f1f1f1;
      border-left: 2px solid #7c9bc6;
      max-height: 150px;
}
.WaGadgetEventsStateCalendar .monthViewType .EventListCalendar .eventDivItem:hover, .WaGadgetEventsStateCalendar .monthViewType .EventListCalendar .eventContainerHover {
  background: #7c9bc6;
  color: #fff;
}
.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyContentOuterContainer .boxBodyContentContainer.fixedHeight {
    position: relative;
    max-height: 200px;
    overflow: hidden;
}
.WaGadgetEventsStateDetails .boxOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer {
  background: #f1f1f1;
}
.WaGadgetEventsStateList .boxesList .boxesListItem {
    margin: 0;
    padding: 30px;
    background: #f1f1f1;
}
.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxBodyInfoContainer {
    padding: 16px 0px 0px;
    background: #f1f1f1;
}
.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxActionContainer input.typeButton {
  background: #222d65;
}
.WaGadgetEventsStateList .boxOuterContainer .boxBodyOuterContainer .boxBodyInfoOuterContainer .boxActionContainer input.typeButton:hover {
  background: #222d65;
}
/* END EVENTS */


/* SAFER CITIES */
#scBoxes .placeHolderContainer {
  border-top: 3px solid #222d65;
}
/* END SAFER CITIES */

/* QUOTES */
.quotedText {
  border-left: none;
  font-size: 1.4rem;
}
.quotedText::after, .gadgetStyle002 .quotedText::after {
  content: close-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: 10px;
  position: relative;
  top: 35px;
  color: #ccc;
font-size: 4em;
font-family: open;
}
.quotedText:before, .gadgetStyle002 .quotedText:before {
  content: open-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: -10px;
  position: relative;
  top: 30px;
  color: #ccc;
font-size: 4em;
font-family: open;
}
/* END QUOTES */



@media (max-width: 767px) {
  .WaGadgetSocialProfile .alignLeft {
    text-align: center;
  }
div.split-pane:nth-child(1) {
  border-right: none;
}
.non-mobile{ 
  display: none;
}
.mobileText {
  text-align: center;
}
#split-pane-or {
    position: absolute;
    left: 0px;
    text-align: center;
  font-size: 1em;
}
.split-pane button, .split-pane a.button {
width: 15em;
}
.big {
  font-size: 1em;
}
.ctaHeader {
  padding: 60px 0 40px 0;
}
}



/* FORUMS */
.jobBoard #idTopicListContainer .boxBodyOuterContainer table tr.topicListRow td.repliesCountTD, .jobBoard #idTopicListContainer .boxHeaderOuterContainer table td.repliesCountTD {
display: none;
}
.jobBoard #idTopicListContainer .boxBodyOuterContainer table tr.topicListRow td.threadTD, .jobBoard #idTopicListContainer .boxHeaderOuterContainer table td.threadTD {
width: 70%;
}
.jobBoard #idTopicListContainer .boxHeaderOuterContainer table td.lastReplyTD, .jobBoard #idTopicListContainer .boxBodyOuterContainer table tr.topicListRow td.lastReplyTD {
    width: 30%;
}
.pagerOuterContainer .linkCurrent {
    color: #ccc;
}
/* END FORUMS */

.newsLayout li {
    margin: 0 !important;
    padding: 30px !important;
    background: #f1f1f1;
}

.newsLayout li:nth-child(n+2) {
    margin-top: 32px !important;
}

.newsLayout .title a{
    font-size: 24px !important;
    color: #090909 !important;
    font-weight: 700 !important;
}

.old-historical, .sotw-blog .postedByLink, .sotw-blog .postedOn{
  display: none;
}

.disable-link:hover{
  cursor: default;
}

.postedByLink{
    display: none;
}

.WaGadgetBlog .boxBodyInfoOuterContainer .postedOn:before {
    display: none;
}