/*** MOBILE CSS 
***************/
@media (max-width: 767px) {

	/********Global */
	#contentContainer {
		padding-bottom:2em;
	}
	
	/********Cookies */
	#cookiesContainer button { 
		float: left !important; 
		margin:1em 0; 
		width:100%; 
	}
	
	/********Locator */
	.locatorFilter { 
		margin:1.5em; 
	}
	.toggleImg {
		width:16px;
	}
	
	#locatorResultsData { 
		width:100%; 
	}
	
	.locatorFilter { 
		margin: 0 0 1em 1.25em; 
		width:99% !important;
	}
	
	/*************Homepage */
	#intro, 
	.video,
	.sales,
	.touch,
	.rewards {
		margin-bottom:1.5em; 
	}
	/********Table */
	.table-bordered>tbody>tr>td {
		border:0;
	}
	.table-bordered>tbody>tr { 
		border-bottom: 1px solid #ddd; 
	}
	
	table tr td span,
	table tr td a { 
		display:block;
	}
    
	/*************Main Navigation */
    .bold.logout{
        font-weight: normal;
    }
    
	#headNavbarContainerWrapper {
        border-bottom:5px solid #0277B7; /*Primary Color*/
    }
    
	#navbarCollapse .navbar-nav  { 
        margin:0 !important; 
        background:#0277B7; /*Primary Color*/ 
        height:100%;
        float:none;
    }
    
    #navbarCollapse .navbar-nav li a { 
        color: #111;
        padding: 10px 15px;
    }
    
    /******PARENT REPEAT*/
    #navbarCollapse .navbar-nav > li > ul > li:first-child > a{ 
        background: rgba(244,244,244,0.1);
        padding-left: 15px;
    }
    
    /******LEVEL 1*/
    #navbarCollapse .navbar-nav > li > ul > li > a{ 
        background: rgba(244,244,244,0.2);
        padding-left: 30px;
    }
    
    /******LEVEL 2*/
    #navbarCollapse .navbar-nav > li > ul > li > ul > li > a{         
         background: rgba(244,244,244,0.3);
         padding-left: 50px;
    }
    
    /******LEVEL 3*/
    #navbarCollapse .navbar-nav > li > ul > li > ul > li > ul > li > a{
         background: rgba(244,244,244,0.4);
         padding-left: 70px;
    }

    /******LEVEL 4*/
     #navbarCollapse .navbar-nav > li > ul > li > ul > li > ul > li > ul > li > a{
         background: rgba(244,244,244,0.5);
         padding-left: 90px;
     }
  
	.navbar-header {
		background:#fff !important;
	}
    
	.navbar-default .navbar-toggle {
        background:#0277B7 !important; /*Primary Color*/
        border:0 ; 
        color:#fff; 
        border-radius: 0; 
        margin-top:12px;
        font-size: 28px;
    }
    
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:active{
        background: #9CC038 !important; /*Secondary Color*/
    }
    
    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
   	 	background: #9CC038; /*Secondary Color*/
    	border: 1px solid #9CC038; /*Secondary Color*/
    }
      
	.navbar-default .navbar-toggle .icon-bar { 
		background-color: #fff;
	}
    
	.navbar-default .navbar-toggle.collapsed:hover,.navbar-toggle.collapsed:focus {
		background-color:#0277B7 !important;
	}	
	
	.dropdown-menu {
		padding:0 !important;
	}
	
	.dropdown-submenu > .dropdown-menu { 
		margin-left: 0 !important; 
		margin-right: 0!important;
	}
	
    .dropdown-menu > li > a {
        white-space: normal;
    }
		
	/*Child Menu */
    #mainNavigation li a:hover,
    #mainNavigation li a:focus,
    #mainNavigation li a:active { 
    	background:#9cc038 !important; /*Secondary Color*/
    }

	/********Tables */
	table.responsiveTable td {
		overflow:hidden;
	}
    
	/*************Forms */
	label.required {
		left:0px; 
		position:inherit;
	}
	
	.form-signin label.checkbox {
		width:90%; 
		float:right;
	} 
	
	body.manageLocations .form-group font { 
		margin-left:3%;
	}
	
	body.manageLocations .form-group label { 
		width:100%;
	}
	
	body.managemycolleagues .button { 
		margin-top:.5em; 
	}

	.radio-inline, .checkbox-inline {
		width: 50%;
	}
    
	/*************Discussions */
	label.required {
		left:0px; 
		position:inherit;
	}
	
	#discussions div.message {
		float:left; 
		width: 100% !important;
	}
	
	#discussions div.message div.lessWidth {
		width: 85% 
	}
	
	#discussions div.message div.arrow {
		display: block; 
		float: right; 
		height: 100%; 
		position: absolute; 
		right: 0; 
		text-align: right; 
		top: 33%; 
		width: 15%;
	}
	
	#discussions div.message div.arrow .glyphicon {
		font-size: 2em; 
		color: #ccc;
	}
	
	#discussions .openSearchBox, 
	#discussions .addCommentMessage {
		display: inline !important; 
		padding-left: 0.5em;
	}
	
	#discussions .links ul {
		margin: 0 0 0 11px; 
		padding: 0;
	}
	
	#discussions .likes, #discussions .comments {
		padding-left: 10px !important;
	}
    
	/*************Catalogue Assets */
	#fileList .col-xs-12 { 
		padding-left:0; 
		padding-right:0; 
	}
	
	#categorySelector input { 
		margin:1em 0;
	}
	
	/*************Footer */
	nav#navigation, p.copyright, #pictureURL { 
	    width: 100%;
		text-align: center;
		margin: 0;
	}
	
	#footerContainer:before {
		height: 80px;
	}
	
	.contactDiv{ 
		text-align: center;
	}
	
	.socialDiv { 
		padding-top: 1em;  
		text-align: center;
	}
	
	.socialDiv ul#socialDivUl {    
		float: none;
		display: inline-block;
		overflow: auto;
	}
	
	ul#footerContactUs {
		float: none;
	}

	/*************Product Picker */
	div#categorySelectorClick h3 {padding:0 !important; margin:0 !important;}
	div#categorySelectorClick.selected h3,
	div:hover#categorySelectorClick h3 {color:#fff;  text-shadow: 1px 1px #333;  }
	div#categorySelector div.productGroup div#productGroupSubDiv { padding:0 !important;}	
	div#productGroupHeader h3 { word-wrap:break-word; margin-top: 25px !important; margin-bottom: 25px !important; }
	button.productsViewAllBtn { padding:0 !important; margin-top: 30px !important; margin-bottom: 30px !important; }
	button.productsViewAllBtnSub { padding:0 !important; margin-top: 30px !important; margin-bottom: 30px !important; }	
	.TierMore {text-align:left !important; padding:.5em 0; }

	/*************Request A login */
	#addContactCountryButton { margin-left:5%; }
	/*************homepage banner rotator */ 
	#bannerRotator{	display:none;}
	#secondRow { margin-top:2em;}
	.printPDFLink { margin-left:25%;}
	.requestLeftAlign,
	#captchadiv { padding-left: 0;}
	/*.buttonContainer #save { margin-left:1em; }*/
	
	/** Partner Locator */
	.imageProfileRow { float:left; width:15%} 
	.companyInfoTD { width:80%; float:right;}
	.partnerLocatorContactReseller, .viewProfileTD { width:50%; }
	#partnerLocatorContactReseller, #viewProfileTD, #partnerLocatorMap { margin:1em 1em 0 0 !important; }
	/** Related Files */
	.relatedFileDimensions { margin-left: 50%; }
	/* ****************************************************
       CASH BACK CLAIMS
	*******************************************************/
	#discountPrice,
	#totalValue {background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: block; font-size: 14px; height: 34px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%;}
	form[name="oppProductForm"] #discountPrice { background-color: #fff; background-image: none; border: none; border-radius: 0; box-shadow: none; display: block; padding: 6px 12px; width: 50%; }
	/* ****************************************************
       Selectors for linkedInProfile.cfm
	*******************************************************/
	.linkedInDifferenceRow .linkedInTrue {width:94%;}
	.linkedInDifferenceRow input[type=radio]{margin-top: 10px; margin-right:1.8%;}
	/* ****************************************************
       Events details
	*******************************************************/
	div.EventDetailsDetails { margin:.5em 0; }
	
	/* ****************************************************
       Slide out menu on mobile
	*******************************************************/
	.mobile-wrapper { 
		width:100%; 
		z-index: 5; 
		margin-left:0px;  
	}	
    
    /* Mobile Menu */	
	.mobile-wrapper-sidebar { 
        min-height:100%; 
        background:#e7e7e7; 
        float:left; 
        position: absolute; 
        display:inline; 
        margin-left: -70%; 
        top: 0; 
        width: 70%; 
        z-index: 4;  
    }
    
	.mobile-wrapper-sidebar ul a {     border-bottom: 1px solid rgba(244,244,244,0.2);  }
	
	/* Mobile Menu Button */ 
	.navbar-toggle { 
		float:left !important; 
		margin-right:0 !important; 
		margin-left:.5em !important;
	}
	
	.overlay-active { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75); cursor: pointer; height: 100%; position: fixed; width: 100%; z-index: 999999;}
	#offCanvassCloseBtn { position: absolute; top:.25em; right:.25em; z-index: 9999; }
	
	.navbar-brand {   
        float: right;
        height: auto;
        max-height: 75px;
        padding: 10px;
        text-align: right;
    }
    
	button.offCanvasClose { text-align:center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border:0; background:#fff; width:20px; height:20px; color:#0277b7 }  
	button:hover.offCanvasClose { colour:#9cc038; }
	
	#navbar { position: relative; }
	#footerContainer { position: relative; }
	#footerContainerInner {  }
	
	.moreMenu:before { content:"+"; }
	li.dropdown.open .moreMenu:before { content:"-"; }
	#mainNavigation .visible-sm,
	#mainNavigation .visible-md,
	#mainNavigation .visible-lg { display:none !important; }
	
	/* ****************************************************
       Tabs on mobile
	*******************************************************/
	.nav-tabs li {width: 100%;}
	
	.nav-tabs li,
	.nav-tabs > li > a,
	.nav-tabs > li > a:focus,
	.nav-tabs > li > a:hover { border: none; border-radius: 0px; margin: 0;}

	.nav-tabs li.active,
	.nav-tabs > li.active > a,
	.nav-tabs > li.active > a:focus,
	.nav-tabs > li.active > a:hover {border: none; border-radius: 0px;}
	
    /********Activity Stream */
    #innerContentContainer ul.filterLinks li a {
        text-align: center;
    }
	
	/* ****************************************************
       Opportunities advanced filter
	*******************************************************/
	#filterTable_aReport td {
		border-right: none; 
		border-bottom: none; 
	}
}

/******* Small screen size ****/
@media (max-width: 400px) {
	/*************Catalogue Assets */
	.product { padding-right:0px !important; }
	div#productGroupHeader h3 { word-wrap:break-word; margin:0 !important; }
	div#productTitleHeader { margin-top: 0px !important; margin-bottom: 0px !important; }
	#categorySelectorImage { margin-top: 0px !important; margin-bottom: 0px !important; }
	button.productsViewAllBtn { padding:0 !important; margin: 0 !important; }
	button.productsViewAllBtnSub { padding:0 !important; margin: 0 !important;}
	
	/* ****************************************************
       Selectors for linkedInProfile.cfm
	*******************************************************/
	.linkedInDifferenceRow .linkedInTrue {width:94%;}
	.linkedInDifferenceRow input[type=radio]{margin-top: 10px; margin-right:0.4%;}
}