﻿.IgxActions {float:right;}
.padding {padding:10px;}

.IgxButton {
  background: none repeat scroll 0 0 #00afdb;
  border-radius: 0;
  border-width: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  line-height: normal;
  padding: 5px 10px;
  transition: all 0.25s ease 0s;
}
.IgxButton {margin-left:5px;}
div.IgxBlock a.IgxButton {color: #fff;}

/*settings*/
.blog_anon_div, .IgxBlog_anon_div {padding:10px;}
.IgxObjectBuilder {width: 100%;}
.IgxObjectBuilder table {max-width: 400px;}
.IgxObjectBuilder .IgxCustomizePropertyTable {max-width: 100%;}
.IgxBlock .IgxBoxBody table {margin-top:10px;}
.IgxBlock .IgxBoxBody table thead {line-height:30px;}

/*edit form buttons*/
#igx_Cartella_widget_EditFormBundle_0 .IgxButton {margin-bottom: 10px;}

/*comment display for nested comments*/
.comment_button {margin-bottom:5px;}
#commentsContainer > .igxCommentContainer:first-child { border-top: none;}
.igxCommentContainer img {width: 50px; height: auto;}
#commentsContainer.items div.item {margin-bottom:0; padding-top:20px;}
.subcomments {margin-top:20px;}
/*fix images in comments*/
.comment-content img {position: relative !important; width: auto; max-width:100%;}


/* buttons in generic cartella boxes*/
.IgxBlock > .IgxHead > .IgxActions {z-index:10; margin: 10px 10px 0 0;}
.IgxBlock > .IgxHead > .IgxActions a {
  background: none repeat scroll 0 0 #00afdb;
  border-radius: 0;
  border-width: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  line-height: normal;
  padding: 5px 10px;
  transition: all 0.25s ease 0s;
}

li.on {font-weight:bold;}

/*profile connections*/
.connections-closed li {display:inline-block;}
.igxConnectionManagementLinks {width: 165px;}
.deleteConnectionBtn, .approveConnectionBtn  {float:right;}

/*profile page*/
.profile-activity .IgxActiv_ul li.IgxRecentActivityItem {margin:0; border:0; padding:0;}
span.text {width:40px; word-wrap:normal;}
.profile-copy {font-size: 12px;}

/*header */
#header .links > ul > li > a {background-position: 0 0 !important;}
#header .links .login a {
  background-position: -30px -334px !important;
}

/*footer*/
#footer .social a {background: url('https://images.sciex.com/Community Images/google-plus.png') no-repeat scroll center center #00afdb;}

/*edit form fixes*/
div.dijitTitlePane img{max-width:none;}
input.IgxLinkUrl[type=text]{
  width: 285px;
}
input.IgxLinkText[type=text]{
  width: 285px;
}

.IgxLinkUrlLabel  {padding-right:5px;}


/*login page*/
#rememberMe {margin-right:10px;}
.IgxLoginFormRow {margin: 10px 0;}
.IgxLoginForm label {width: 30%;}
.IgxLoginForm input[type = text], .IgxLoginForm input[type = password], .IgxLoginForm  select {width: 60%;}
.IgxLoginForm input[type = submit] {float:right; margin-right: 10%;}
label.error {font-weight:normal; color:red; width: 100%;}
.terms p {display:inline;}

/*forgot password form*/
#passwordForm label {width: auto; min-width:80px; margin-right:10px; margin-top:3px;}
#passwordForm .btn {margin-top:-5px;}

/*focus group buttons*/
.btn.full.focus {display:none;}
.leave .btn.full.leave, .join .btn.full.join {display:block;}

/*focus group center*/
.wrapper {margin-bottom:20px;}
.wrapper .no-shade-box {margin-bottom:0;}
.wrapper .shade-box {border-top:0;}
.required {color:#5f6062;}

/*add this*/
.add-this img {width:24px;}

/*home banner*/
.banner .caption {width:100%;}

/*mobile menu */
#mobile-menu .menu .toggle {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 40px;
  background: #006b8b url('https://images.sciex.com/Community Images/icons.png') no-repeat center -1828px;
}
#mobile-menu .menu ul .toggle {
  background-color: transparent;
}
#mobile-menu .menu ul {
  background: #01526d;
  font-size: 16px;
  display: none;
}
#mobile-menu .menu ul li {
  border-bottom-width: 0;
}
#mobile-menu .menu ul a {
  padding: 8px 10px 8px 35px;
}
#mobile-menu .menu ul ul {
  font-size: 14px;
}
#mobile-menu .menu ul ul a {
  padding: 4px 10px 4px 55px;
}

/*forum discussion nav*/
.sidebar div.IgxBlock div.IgxBody ul.filters li.on li a {font-weight:normal;}

/*fixes from Nate for top nav after Vinny's updates*/
#header .tagline{top: 37px;}
#header .links > ul > li.country > a,
#header .links > ul > li.shop > a{background-position:6px 3px !important;}
#header .links .login a {background-position:-29px -332px !important;}
#nav .search-form [type="submit"]{background:#00afdb url('https://images.sciex.com/Community Images/icons.png') no-repeat center -434px;}
#master{padding-top:130px;}

@media only screen and (max-width: 991px){
  #master{padding-top:55px;}
}

/*.ui-dialog .ui-dialog-titlebar-close{background:transparent;}
.ui-dialog .ui-dialog-titlebar-close:after{color:#5f6062;content:"x";}*/

.btn.gray {background-color:#A0A1A5; color: #fff;}

/*fixes from nate for main site top nav updates (new Events Section)*/
#nav .left {
  float: left;
  width: 100%;
  position: relative;
}
#nav .right {
  float: right;
  width: 100%;
  margin-left: -875px;
}
#nav .right > div {
  margin-left: 875px;
}

/*profile edit page - 2 column revision*/
div.form-container .sidebarCol span.text-label {float:left; width:40%; margin-top:5px; font-weight:bold;}
.sidebarCol input, .sidebarCol select {float:left; width:60%; margin: 0 0 15px;}
.sidebarCol p {clear:both;}

div.IgxBlock .btn.other-blue{background:#003E51;}
div.IgxBlock.other-blue div.IgxHead h4{background:#003E51;}


/*home page image in recent activity*/
div.items.border div.item.thumb .item-content img {position:relative; max-height:300px; max-width:300px;}

div.IgxBlock {word-wrap:break-word;}

/*change join banner display*/
.IgxBody .padded-content .banner.join
{
  background-size: cover;
  background-position: initial;
  padding: 0;
}
.shadow {
  background: rgba(95, 96, 98, 0.75);
  height: 100%;
}
.IgxBody .padded-content .banner.join > .caption 
{
  top: -80px;
  padding: 0 20px;
}

.IgxBody .padded-content .banner.folio-banner > .caption 
{
  width: 105%;
  position: relative;
  z-index: 2;
  background-color: rgba(95, 96, 98, 0.75);
  padding: 10px 20px;
  margin: 55px 20px 0px -20px;

}
.IgxBody .padded-content .banner.folio-banner > .caption h2.bannerHeading
{
  color: #fff;
  font-weight: bold;
  font-size: 25px;
}

/*fix font size in tiny mce editors*/
#tinymce {
  font-size: 1em;
}

/*buttons*/
.margin-right {margin-right:10px;}

.video-form p label {clear:both;}
.video-form p input {display:inline; clear:none; padding-right: 20px;}
.video-form p a {float:right;}


div.post ol, div.post ul{list-style-position:inside;}

/*updates for subscription management*/
.igxLinkLookalike {color: #00afdb;}
.sublevel {display: none;}
tr.lv2 > td:first-of-type {padding-left: 50px;}
tr.lv3 > td:first-of-type {padding-left: 100px;}
tr.lv4 > td:first-of-type {padding-left: 150px;}
tr.lv5 > td:first-of-type {padding-left: 200px;}
tr.lv6 > td:first-of-type {padding-left: 250px;}
.nomargin {margin: 0 !important;}
.lv1 span.toggleButton, .lv2 span.toggleButton {min-width: 36px; display: inline-block;}
span.toggleButton.open span.glyphicon:before {content: "\2212" !important;}

/*custom file upload button for profile edit form*/
.fileUpload {
    position: relative;
    overflow: hidden;
    margin-left: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
/*badges updates*/
.badges img {margin-top: 5px;}

/*login dropdown for mobile*/

#mobile-header .login.on{background-color:#006b8b;}
#mobile-header .login{
  background-color:transparent;
  background-image:url('https://images.sciex.com/Community Images/icons.png');
  background-position:center -1430px;
  background-repeat:no-repeat;
  font-size:12px;
  line-height:20px;
  display:block;
  overflow: hidden;
  z-index:9;
}
#mobile-header div.dropdown{
  background:#006b8b;
  display:none;
  position:absolute;
  right:8px;
  top:48px;
  width:160px;
}
#mobile-header div.dropdown ul{list-style:none;margin:0;padding:0;}
#mobile-header div.dropdown ul li:first-child a{border-top:none;}
#mobile-header div.dropdown ul li a{
  border-top:1px solid #0084A9;
  color:#fff;
  display:block;
  padding:10px;
}
#mobile-header div.dropdown ul li a:hover,
#mobile-header div.dropdown ul li a:focus{background:#01526D;}

/*fix for avatar thumbnails*/
div.items div.item.thumb span.avatar, div.items div.item.avatar span.avatar, p.avatar span.avatar, ul.connect-list  span.avatar {
  left: 0;
  position: absolute;
  top: 2px;
}
div.items div.item.thumb span.avatar img, div.items div.item.avatar span.avatar img, p.avatar span.avatar img, ul.connect-list span.avatar img {position: relative;top:0;}
.igxCommentContainer span.avatar img {margin:0;}
.igxCommentContainer span.avatar {margin-right:10px; margin-top:22px;}
.shade-box .igxCommentContainer span.avatar {margin:0;}

.actions a.like.gray {
    color: #5f6062;
    background: rgba(0, 0, 0, 0) url('https://images.sciex.com/Community Images/icon-like-gray.png') no-repeat scroll right 2px;
    display: inline-block;
    padding-right: 20px;
}

.btn.cta-button {white-space:normal;}

/*fix for p tags in comments*/
div.items div.comment-text p {margin: 0 0 20px;}

/*fix for popup overlay*/
.mfp-bg{z-index:11000;}
.mfp-wrap{z-index:11001;}

.non-admin #dijit_TitlePane_1, .non-admin #emailNotificationTitlePane, .non-admin #dijit_TitlePane_2 {
    display: none;
}
.allow-cats #dijit_TitlePane_1 {
	display: block;
}

/*Fix anchors*/
.post h2::before {
    content: " ";
    display: block;
    height: 135px;
    margin-top: -135px;
    visibility: hidden;
}
.cookie .post h2::before {
    content: " ";
    display: block;
    height: 225px;
    margin-top: -225px;
    visibility: hidden;
}
.post h2:first-of-type::before {
  display: none;
}

/*header button for RAQ*/
.btn.orange { background: #F99D31;}
nav .dropdown-menu, nav.dropdown-menu {
  padding: 0 0 10px !important;
  border: 1px solid #bec0c2;
  border-top: none;
}

/*avatars for interest group page*/
.interest-group-items .avatar { position: absolute; }

/*Change cookie message height for Bindhiya */
.cookies-message {bottom: 110px;}

/*like buttons for voting pages*/
.vote-button .on {display:none;}
.vote-button.on .off {display:none;}
.vote-button.on .on{display:inline-block;}

/*popup for ideas page*/
.form-container.wide-label p.labeled {padding-left:165px;}

/*from Bindhiya*/
nav .btn.orange{
min-width:auto!important;
width:auto!important;
}
.navbar-default .navbar-nav>li>a, #nav .menu a{
padding:17px 13px;
}
.mega-dropdown-menu-applications:after{
    left:315px;
}
.mega-dropdown-menu-diagnostics:after{
    left:410px;
}
.mega-dropdown-menu-education:after{
    left:515px;
}
.mega-dropdown-menu-support:after{
    left:625px;
}
.mega-dropdown-menu-community:after{
    left:720px;
}
.mega-dropdown-menu-aboutus:after{
    left:845px;
}
@media (max-width: 1024px) and (min-width: 678px) and (orientation: landscape){
.navbar-default .navbar-nav>li>a{
padding:16px 10px!important;
}
}