﻿


@media (max-width: 750px) {
    
    .logo{
        margin-top:0;
    }
    .mainPage {
        padding: 5px;
    }

     .mobileOnly {
         display: block;
    }

     .mobileInline {
         display: inline;
     }

     .desktopOnly {
        display: none !important;
    }

	 .desktopInline {
		display: none;
	}

	 .desktopOnlyTableRow {
		display: none;
	}

     #environmentinfobar {
        display: none;
    }

    .btnFullWidth {
        width: 100%;
        padding: 11px 19px;
        font-size: 17.5px;
        border-radius: 6px;
    }

    .mobilePaddingTop5 {
        padding-top: 5px;
    }

	#scrollToTop {
		display: none !important;
	}

	.social-icon {
		margin-right: 15px;
	}
     /* Social Selling Score page */

     .socialSellingScores {
         float: left;
         padding-left: 20px;
     }

    .socialSellingScoresMobile {
        padding-left: 0;
    }

    .socialSellingScoresContainer .span2 {
         width: 265px;
    }
   
    .socialSellingCurrentScoreContainer {
         float: left;
    }
   
   .socialSellingThirtyDayScores {
       padding-bottom: 4px;
   }

   .socialSellingScoresContainer {
        width: 265px;
        display: block;
        margin-left: auto;
        margin-right: auto;
   }

    .socialSellerTabs .nav-tabs > li > a, .socialSellerTabs .nav-pills > li > a {
        padding: 1px;
    }  

    .socialSellingTabItem {
        width: 70px;
        height: 70px;
        
    }

    .socialSellingTabItem .highcharts-title {
        font-size: 12px !important;
    }


    .socialSellingHomeImageContainer {
        width: 50px;
        margin-top: -16px;
        margin-left: 10px; 
    }

    .socialSellingHomeImageContainer .socialSellingTabHeader {
        padding-top: 33px;
        margin-left: -5px; 
    }

    .socialScoreDonutContainer {
        margin-top:-29px;
          width: auto;
        padding-left: 0;
    }

    .socialSellingTabHeader {
        margin-top: -34px;
        font-size: 13px;
    }

    .socialSellingTabContent {
        border-top-color: #ddd; 
        border-top-style: solid; 
        border-top-width: 1px;
        padding: 20px 10px 10px;
    }

	.socialSellingTabContent h4 {
		font-size: 18px;
	}

    
    /* Login Page */ 

    .loginBoxes {
        margin-right: 13px;
    }

    .loginBoxes .textboxwidth {
        width: 100%;
    }
  
    .loginButtonArtesianMobile {
        padding-right: 40px;
    }

    .signIntoArtesian {
        display: none;
    }

    .loginArea .pull-right {
        float: none;
    }

    .loginArea {
        border: none;
        box-shadow: none;
        padding: 10px;
    }

    .loginArea .checkbox {
        padding-bottom: 10px;
    }

    .mobileSignInImage {
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 10px;
       
    }

    .salesforceLogin {
        padding-left: 10px;
    }

    /* footer */

    #footer-social {
        margin-left: 5px;
    }

    #footer-logo {
        margin-right: 5px;
    }

	.footer-copyright {
		margin-bottom: 5px;
	}

    /* header */

	.headerImageLink {
		width:195px; 
		height: 50px; 
		display: block;
	}

	#navContainerMobile {
		display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;    
        width: 270px; 
	}

	
    .navbar-fixed-top {
        margin-right: 0;
        margin-left: 0;
    }
    
    .headerMenuLink {
        margin-top: 15px !important;
    }

    .navbar-inner {
        background-image: none;
        background-color: #ffffff;
    }

    .mobileHeaderMenu ul li ul li {
        padding-left: 10px;
    }

     .mobileHeaderMenuLink {
         color: #333333 !important;
         font-weight: normal !important;
     }
    
     .mobileHeaderMenu li h4 {
        font-size: 13px;
        color: #777777
    }

     .mobileHeaderMenu .divider {
        height: 1px;
        margin: 9px 1px;
        overflow: hidden;
        background-color: #e5e5e5;
        border-bottom: 1px solid #ffffff;
     }

     .navbar-fixed-top {
         margin-bottom: 0;
     }

     .nav-tabs {
         border-bottom: none;
     }

     .mobileHeaderMenu .nav-tabs-art > li > a {
         border: none;
         color: #333333 !important;
         font-weight: normal !important;
     }

     .mobileHeaderMenu .nav-tabs-art > li > a:hover {
         border: none;
         color: #333333 !important;
         font-weight: normal !important;
         /*background-color: #fff; - uncomment if we dont want selection on hover*/
     }

     .mobileHeaderMenu .nav-tabs > li > a, .nav-pills > li > a {
         margin-right: 0;
     }

     #navContainerMobile li {
         color: #dddddd;
     }

     .artesian-nav ul.inline > li {
         padding-right: 0;
         padding-left: 0;
     }

     .artesian-nav ul.inline {
         padding-left: 10px;
     }

   /* Newsfeed */
     .mobileFilterMenuSections {
         display:none;
     }

     #TagCloudWatchlist {
         padding: 5px;
         margin-bottom: 5px;
         margin-top: 5px;
     }

     .widget-right {
         margin-bottom: 5px;
     }

     form {
         margin-bottom: 5px;    
     }

     .mobileFilterMenuSections {
        border-color: #ddd; 
        border-style: solid; 
        border-width: 1px;
        margin-bottom: 5px;
     }

     .mobileFilterMenuSections h1 {
         padding-left: 5px;
     }

    .mobileFilterMenuSectionsButton {
        -webkit-border-radius: 0 !important;
            -moz-border-radius: 0 !important;
                border-radius: 0 !important;
    }

    #HighlightsNavlistContainer li a {
        height: 30px;
        text-align: left;
    }

    #HighlightsNavlistContainer {
        margin-bottom: 5px;
    }

    .StoryContainer {
        margin-left: 10px;
    }

    .article h1 {
        margin-top: 5px;
    }

    #loadingIndicator {
        left: 25%;
        top: 50%;
    }

    .socialGestureLi {
        width: 15%;
        text-align: center;
    }
	
	.socialGestureLi ul {
        text-align: left;
    }

	.nav-gestures li a i {
		float: none;
	}

	.nav-gestures li a b {
		float: none;
	}
   
	.trendingHelpContainer {
		margin-bottom: 5px !important;
	}

    /* Watchlist Company Highlights */

    .regNoLabelCompanyHighlights {
        display: none;
    }

    .companyHighlightsLinksContainer {
        width: 50px;
    }

    .highlights {
        margin-left: 5px;
        margin-right: 5px;
    }

    .StoryContainer {
        margin-right: 0;  
    }

    .articleTitle a {
        float: left;
        width: 80%;
    }
    
    .articleTitle img {
        vertical-align: top;
        float: right;
        width: 21px;
        height: 17px;
        padding-top: 0 !important;
    }

  .StoryContainer {
        padding-top: 2px;
    }

    #whyThisArticleCloseButton {
        display: none !important;
    }

    .whyThisArticleCompaniesFound {
        height: 100px !important;   
    }

    .whyThisArticleTopicsFound {
        height: 100px !important;
    }

    .whyThisArticleCountries {
        height: 100px !important;
    }

	/* Company Area */

	#TagCloudCompany {
		margin-top: 5px;
		margin-bottom: 5px;
		padding: 5px;
	}

	#orderByPills {
		margin-bottom: 5px;
	}

	.companyHeaderFollow  {
		float: right !important;
	}

	.companyHeaderSocialMediaLinks {
		display: none;
	}

	.more {
		 margin-left: auto;
		margin-right: auto;
	}

	#companyInformation {
		display: none;
	}

	#listContainer {
		margin-bottom: 5px;
	}

	.alert-bluebox table td b {
		padding-left: 0;
	}

	.alert-bluebox {
		padding-bottom: 5px;
		padding-left: 5px;
	}

	.topArtesianHeader {
		padding-top: 5px;
	}

	.sectionFinance {
		margin-top: 5px;
	}

	
	
	.well {
		padding: 5px;
		margin: 0;
	}

	.artesianFixedPadding {
		padding: 5px !important;
	}

	.CHDocsPageNav {
		  white-space: nowrap;
	}

	.CHDocNavButtons {
		 position: relative;
		left: -320px;
	}
	.CHDocNavButtons {
		float: left;
	}

	.js-similarCompaniesPills {
		margin-bottom: 5px;
		margin-top: 5px;
	}

	.js-briefNotes strong {
		display: none;
	}

	#companyDetails {
		margin-top: -15px;
	}

	.briefSection {
		padding-left: 5px;
	}

	#sectorAndRegions {
		display: none;
	}

	.regNoLabelCompanyHighlights, .companyHighlightsLocation {
		display: none !important;
	}

	.companytitlearea .companyName {
		max-width: 150px;
	}

	.nagBox {
		display: block; 
		margin-left: auto; 
		margin-right: auto; 
		width: 80%;	
	}

	.nagBoxInner {
		height: 40px;
		background-color: #ffffff;
		margin-bottom: 5px;
	}

	.nagText {
		margin-top: -3px;
		margin-left: 5px;
	}

	.bookmarkDeleteButton {
		margin-top: 2px; 
		background-color: transparent;
		padding-top: 5px;
		padding-bottom: 6px;
	}

	/* Company Search */ 

	.companiesAtoZlist li {
		float:left;
		display:inline;
		width:100%;
		max-width: 300px;
		line-height: 25px;
	}

	#mobileCompanySearchBtn {
		margin-top: -10px;
		padding-left: 12px;
		padding-right: 12px;
	}

    #query{
        width:200px;
        width:calc(100% - 60px);
    }

	#CompanyTypeNavlistContainer li a {
		height: 42px;
	}

	#CompanyTypeNavlistContainer {
		margin-bottom: 5px;
	}

	.companySearchResultHeader {
		padding: 5px;
		margin-bottom: 5px;
	}

	#allCompanies {
		padding-bottom: 5px;
	}

	.companySearchResult {
		border-left-width: 3px;
		padding-left: 5px;
	}

	#expandResults {
		white-space: nowrap; 
	}

	#financialValuesText {
		float: none;
	}

	/* Markets */

	.followButton {
		width: 80px;
	}

	#marketIntel .accordion-inner {
		padding: 0;
	}

	.inPageSearchTable {
		padding-top: 5px;
	}

	.editUserForm {
		padding-bottom: 20px;
	}

	.editUserButtons {
		position: relative;
		padding-bottom: 100px;
	}

	#companyNotFoundForm {
		padding-bottom: 100px;
	}

	.howFeelAboutButtons {
		padding-bottom: 100px;
	}

	/* Your Influence */
	.trackedUrlImage {
		width: 40px;
	}

	.trackedUrlArticle {
		width: 85%;
	}

	.trackedUrlClickStats {
		width: 100%;
	}

	.trackedUrlClickStatsDate {
		padding-top: 0;
	}

	.trackedUrlClickStatsNumber {
		padding-top: 0;
		font-size: 18pt;
	}

	.trackedUrlClickStatsText {
		padding-top: 0;
	}

	.yourInfluenceNoShares {
		margin-top: 5px;
	}

	.infoDivIcon {
		width: 12%;
		margin-right: 0;
	}

	.infoDivText {
		width: 88%;
	}

	#pointToDiscuss {
		height: 40px;
		width: 90% !important;
	}

	#agenda {
		height: 40px;
		width: 90% !important;
	}


	div.homepageSectionHolder {
		width: 300px;
		max-width: 300px;
	}

	div.homepage-section {
		text-align: justify;
	}

	.widgetDropDownMobileNoMargin {
		margin: 0 !important;
	}

	#homepageSelectedDropdownOption {
		padding-left: 12px;
	}

    /* Fix ordering not showing correctly on smaller screen  */
    #orderByPills a span {
        display: none !important;
    }

    #orderByPills a {
        padding-top: 10px;
        padding-bottom: 9px;
    }

    .peopleOrderByPill li a {
        height: 25px;
    }

    .linkedInLink:nth-child(2) {
        padding-left: 41px;
    }

    .companyPersonDetails .span4 {
        padding-left: 0;
    }

    .contacts-padding-left {
        padding-left: 0;
    }

    /* Welcome/Loading page - mobile styling overrides */
    .offset1 {
        margin-left: 10px;
    }

    .rowEqualHeight {
        display: block !important;
        margin-right: 20px !important;
    }

    .actionBox {
        margin-top: 40px !important;
    }

    .actionText {
        margin: 10px 15px 20px 15px !important;
    }

    .rowEqualHeightLeft {
        display: inherit !important;
        height: auto !important;
    }

    .actionContentCell {
        display: inherit !important;
    }

    .actionContentLeft {
        display: inherit !important;
    }

    .actionTextContentLeft > .actionText {
        margin-top: 40px !important;
        text-align: center !important;
        position: relative;
        left: -32px;
    }

    .actionInputCell {
        min-width: initial !important;
        display: inline-block !important;
        margin-bottom: 20px !important;
        position: relative !important;
        left: -64px !important;
        width: calc(100% + 64px) !important;
        text-align: center !important;    
    }

    .beReadyBtnContent {
        padding-right: initial !important;
        text-align: center !important;
    }

    .beReadyBtnImageDiv {
        float: none !important;
        display: inline-block !important;
        padding-left: 3px !important;
    }

    .beReadyBtnImageDiv:first-child {
        float: none !important;
        display: inline-block !important;
        padding-left: 0px !important;
    }

    .mobileWelcomeContent {
        margin-right: 10px;
    }

    .mobileBeReadyArea {
        display: block !important;
        margin-right: 0px !important;
        width: calc(100% - 20px) !important;
    }
}
