/** TABLET VIEW **/
@media only screen and (max-width: 1128px) {

    /* .touch class from Modernizr */
    .touch .element {color: #fff;}
        
    /** hide desktop navigation **/
    .topNavigationBarContainer  {
/*     	display: none;	 */
    }
    
    /** show tablet top navigation **/
    .tablet_topNavigationBarContainer {
    	display: block;
    	min-width: 981px;	
    }
    
    /** top menu header **/
   	.tablet_topNavigationBarHeader {
    	float: left;
    	height: 100%;
    	width: 100%;
    }
    
    /** main menu **/
	.navigationSliderBarContainer {
		float:left;
		width: 50px;
		height: 100%;
		margin: 0px;
		padding: 0px;
	}
	.navigationSliderBarContainer:focus, .navigationSliderBarContainer:hover  {
		background: #fbfbfb;
	}
	.navigationSliderBarContainer:active  {
		background: #fbfbfb;
	}
	
	/** main side menu icon **/
	.navigationSliderBarContainer a img {
		width: 50px;
		height: 50px;
		background: white;
	}
	
	.navbar-header-nomargin {
		margin-left: 0px !important;
		margin-right: 0px !important;	
	}
	
    /** notification bell container **/
	.bell {
		float: left;
		padding-left:15px;
		padding-right: 10px;
		padding-top: 18px;
		padding-bottom:12px;
		background: white;
	}
	
	/** notification icon **/
	.bell a {
		background: url(../media/images/bell.png) no-repeat;
		width: 17px;
		height: 18px;
		display: block;
		text-decoration: none;
	}
	
	.redBubble {
		z-index: 1;
		background: #F00;
		color: #fff;
		position: absolute;
		-webkit-box-shadow: 0px 0px 1px #000;
		-moz-box-shadow: 0px 1px 1px #000;
		box-shadow: 0px 1px 1px #000;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		padding: 2px;
		font-size: 11px;
		margin: 8px 0 0 10px;
		font-family: 'toyota_displaybold';
	}
	
	/** logo **/
	.logo2 {
/* 	    background: none repeat scroll 0 0 #FFFFFF; */
/* 	    height: 100%; */
/* 	    margin-left: 0; */
/* 	    position: absolute; */
/* 	    text-align: center; */
/* 	    width: 100%; */
/* 	    z-index: -5; */
background: none repeat scroll 0 0 #FFFFFF;
    clear: both;
    height: 50px;
    margin-left: -85px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: -5;
	}
	.logo2 a{
/* 		margin-right: 35px; */
/* 	    position: absolute; */
/* 	    right: 50%; */
/* 	    width: 50px; */
	    
/* 		margin-right: ; */
/* 	    position: absolute; */
/* 	    right: ; */
/* 	    width: 100%; */
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    width: 50px;
	}
		
	/** gear container **/
	.gear {
		float: right;
	    margin: 0;
	    padding: 0px;
	}
	.gear:active, .gear:hover{
		background-color: #fbfbfb;
	}
	.gear:focus{
		background: #fbfbfb;
	}
	
	/** gear container icon**/
	.gear a img {
		width: 50px;
		height: 50px;
	}
	
	
	/**** starts navigation TABLET VIEW 
    * this portion contains all css related to the navigation on tablet view
    ****/

    /** side navigation slider bar container **/
    .tabletNavigationBarButtonGroupContainer {
    	display:block;	
    	background-color: #4D4F53;
    	
    	top: 0px;
		left: -300px;
		
		width: 300px;
		height: 100%;
    	position: fixed;
 		
 		z-index: 1040;
    }
    
    /** navigation button group **/
    .tabletNavigationButtonGroup {
    	
		background-color: #4D4F53;
		
	    border-color: #5A5D62 !important;
	    border-style: none none solid !important;
	    border-width: medium medium 1px !important;
	    
	    color: #FFFFFF !important;
	    padding-left: 25px;
	    text-align: left;
	    text-transform: uppercase;
	    
	    
		font-family: 'toyota_displaybold';
	    font-size: 12px;
	    width: 300px !important;
	    height: 50px;
	}
	
	/** navigation button group active/selected**/
	.tabletNavigationButtonGroup.activeBtn {
		background:#EB2136 !important;
		font-family: 'toyota_displaybold';
		outline: none;
	}
	
	.tabletNavigationButtonGroup:hover {
	    background: none repeat scroll 0 0 #424448 !important;
	    color: #ffffff;
	}
	/**** 
	 * end navigation TABLET VIEW
	 ****/
	
	
	input[type="text"] {
	    padding-bottom: 13px;
	    padding-top: 13px;
	    font-family: 'toyota_textregular';
	}
		
	.homeTable thead > tr > th, 
	.homeTable tbody > tr > th, 
	.homeTable tfoot > tr > th, 
	.homeTable thead > tr > td, 
	.homeTable tbody > tr > td, 
	.homeTable tfoot > tr > td {
    	padding: 3px;
	}
	
	
	/* HOME DIAL LEGEND CONTAINER */
	.homeDialLegendContainer {	
		width: 573px;	
	}
	
	/* HOME DIAL LEGEND ITEM */
	.homeDialLegendItem {	
	    margin-left: 5px;
    	margin-right: 5px;
	}
   
   /*	.armsTabletMenuPopupButton {
		display:block;	
   	}*/
   
   	.trendReportTabletMenuPopupButton {
		display:block;	
   	}
   
 /*  	.armsLeftMenuContainer {
   		display:none;
	}*/
   
	.armsChartWrapper {
	    width: 100% !important;
	}
	

	/** test override .form-control **/
	.form-control {
		height: 50px !important;	
	}
	.dropdown-toggle{
		height: 50px !important;	
	}

	/** COMMENTS **/
	.commentsSearchTextInput {
	    width: 175px !important;
	}	
	
	.commentsTopicDropdown {
	    margin-right: 0px;
	    width: 200px !important;
	}
	
	.commentsTermDropdown {
		margin-right: 0px;
	    width: 165px !important;
	}
	
	.commentsDropDownsContainers {
		float:right;
		margin-right: 0px;
	}
	
	.commentsDropDownsContainers div {
		margin-right: 0px !important;	
	}
	
	/** SURVEY **/
	.surveySearchTextInputContainer {
	    width: 175px !important;
	}
	
	.surveySummaryOpenHotAlertContainer
	{
	    padding-top: 18px !important;
	}
	
	.surveyLegend {
	    margin-top: 33px !important;
	}
	/**Input**/
	#surveySummarySalesSearchCustomerNameTextInput, #surveySummarySalesSearchRegistrationTextInput {
    	width:100%;
	}
	#surveySummaryServiceSearchCustomerNameTextInput, #surveySummaryServiceSearchRegistrationTextInput {
	    width:100%;
	}
	
	/**LEADS**/
	#leadsDetailPopupTable td{
	height: 60px;
	}
	
	/**RANKING**/
	#rankingDropdown{
	 /*margin-bottom:10px*;*/
	}
	
	/*arms*/
		#armsRightWrapper {
		margin-left:0px;
	}
	.armsTabletMenuPopupButton{
		display: block;
	}
	
	.armsLeftMenuContainer{
		display: none;
	}
	.armsbuttonBrandGroupContainer .radio, .armsbuttonBrandGroupContainer .checkbox{
	margin-top: -5px;
	}
	
	
	
	/*trend*/
		
	.trendReportTabletMenuPopupButton {
    display:inline;/*so it doesnt display to displease jin >.>ll*/
	}
	
	/*structure changes*/
	#trendRightWrapper{
		margin-left: 0;
	    margin-right: 10px;
	}
	#trendInnerLeftWrapper{
		display:none;
	}
	.trendContainerWrapper{
		padding: 25px 25px 0;
	}
	
	
	/*structure changes */

	.trendCheckboxLabel p
	{
		padding-top:0px;
	}
	.trendbuttonCategoryGroupContainer, .buttonGenderGroupContainer {
	    margin: -10px 20px 20px;
	    min-height: 100px;
	    padding-left: 0;
	    padding-right: 0;
	}
	
	.trendkpisummary{
		margin-top: 20px;
		margin-bottom: 10px;
		margin-left: 20px;
		padding-left: 0;
	}
	
	.trendReportPopupHackie8{
		height:10px;
		margin-bottom: 0px;
		background: none;
		width:100px;
	}
	
/* 	trend hovers */
	.sectionNavBarButton_deselected {
	    background-color: #4D4F53;
	    color: #CBCDC9;
	}
	
	.sectionNavBarButton_deselected:hover {
		background-color: #424448;
	    color: #CBCDC9;
	}
	
	.sectionNavBarButton_selected {
	    background-color: #ffffff;
	    color: #eb2136;
	}
	.sectionNavBarButton_selected:hover {
	    background-color: #ffffff;
	    color: #eb2136;
	}
	
	/*for navigation desktop/tablet only*/
	.tabletOnly{
		display: inline;
	}
	
	.desktopOnly{
		display: none;
	}
	
}