/**  #######################################################################################
 The mobile phone style sheet 
*/
@media screen and (max-width: 549px) {
	.hide_mob {display:none !important;}

	.breadcrumb { display:none !important; }

	.blu_2.tab_7.floatRight { float:left !important; }
	
	input[type="text"], input[type="password"]{ padding:12px 5px !important; width:97%;}
    input[type="radio"], input[type="checkbox"]{ display:inline; }
    .promo select { padding:0.4em; width:100%; height:2.35em; }
    
    /* Allow select to widen based on its contents */
    select {
    	width: auto !important;
    }
    
    .claro .largeTextField.dijitTextBox .dijitPlaceHolder { padding-top:13px; }
    	
	.buttonOrange, .buttonGray, .buttonGreen, .buttonBlue, .buttonWhite { display:block !important; font-size:1.3em; text-align:center; padding:4px 0px;  }

	/* Header size reductions for mobile view */
	h1{font-size:1.9em !important;}
	h2{font-size:1.45em !important;}
	h3{font-size:1.2em !important;}
	
	/* Coverage Name and children styling */
	.CoverageName {font-size: 1.35em !important;}
	.CoverageName .inline_table .bold, .CoverageName .inline_table .info {
		font-size: .72em !important;
		color: #333;
	}
	
	/* Changes Blu 4 and 8 width behavior */
	/* Blu 4 width changed to Blu 5 width */
	.hlblu_4{
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
    }
	.hrblu_4{
        float: left;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
    }
    
    /* mobile table padding style */
	table th {padding:10px;}
	table td {padding:10px;}

    /* the mobile margins for the blu8 with offset1 */
    .offset_1 {margin-left: 2%;}
    .after_1 {margin-right: 2%;}

    /* Search page */
    .search-result-headings {color: #333;float: none;font-weight: bold;}
    .pagination {float: none; padding-top: 20px;}
    .search-result-form {padding-top: 20px; padding-bottom: 20px;}
    .search-result-button {margin-top: 10px;}
    .search-result-textbox {width: 97%}

/** Manage Your Account **/
	#frontPageManageAccount {
		width: 100%;
		float: none;
		margin-left: 0%;
		margin-right: 0%;
	}
	#homepagePreAccount,#homepagePostAccount{
		width: 94%;
		margin: auto;
	}
	#homepagePreAccount > ul.borderLeft,#homepagePostAccount  > ul.borderLeft{
    	margin:auto;
   	 	text-align: center;
	}

	ul.borderLeft li a.manageaccount-button {
		width: 94%;
		border-left: 1px solid;
		margin: auto;
	}
	#frontPageManageAccount > h2 {
		margin-bottom: 10px;
   		margin-left:15px;
	}
	#homepagePreAccount > ul.borderLeft > li > .manageaccount-username {
		margin-bottom: 20px;
    	margin-left:0px !important;
    	width:94% !important;
	}
	

    #homepagePreAccount .ma-block{
        display: inline !important;
    }
	#homepagePreAccount ul li.ma-fgusername a{
	list-style: none;
	border-left: 1px solid #CCC;;
	padding-left: 10px;
	margin-left: 10px;
	}
	/** home page promo **/
	.lightBoxContent{width:auto!important}
    #frontPageQuotePromo{width:94%;margin: 37% 1% 15px 1% !important;}
    #frontPageQuotePromo .buttonOrange{width:auto;}
    #frontPagePromoSection.newView { background-image: url('/content/dam/amica/homepage/promo/bg_mobile.jpg');background-size: 100%;}
    #frontPagePromoSection { background-repeat: no-repeat!important; background-position: center top!important;}

	/** Custom Styles for Hero Image Container **/
    .heroImage-and-text-container{
    position: relative;
    width: 100%;
    height: auto;
    }
    
    /** Custom Styles for Headlines and Sub Headllines Container **/
    .headlines-container, .headline-top, .headline-bottom{ 
    position: relative;
    float: left;
    width: 100% !important;
    padding: 0px !important;
	border-bottom: solid 1px #D4D2CD;
    margin-top: 5px !important;
    max-width: 100% !important;
    right: 0px !important;
    left: 0px !important;
    top: auto !important;
    }

	.headlines-button {
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: 15px;
    margin-bottom: 10px;
    }
	
	/* Color change for hero color White */
	.headlines-container, .white {color: #333 !important;}
	
	.gaqButton{
    display: block;
    } 
               
	/***  Custom Styles for Alerts ****/
	.alert .alertText{ font-size:16px !important; line-height:1.45em !important;}
	.alert  img{width: 25px !important; height: 25px !important;}
	.alert .alertTextContainer {margin-left: 35px !important;}

    /* Image Carousel */
    #image-carousel .carousel-caption {
        position: relative;
    }
    .carousel [data-slide] { visibility: visible; }
    .carousel-control {top: 32%}
    
	/* hide the chat image in mobile */
	img[src*="goldTabRightChrome.png"]{
		display: none;	
	}
	
    .buttonGo, .buttonOrange, .buttonGray, .buttonGreen, .buttonBlue, .buttonWhite {
    	margin-bottom: 2%;
    	white-space: nowrap; /*Disabling wrapping of text to next line for orange buttons*/
    } 
    
    /* Hiding Print link from Policies and Docs Page */
    #aMemberPoliciesDocumentsLandingPrint {
    	display: none;   
    }
    
    /* Hiding Global Search */
    input#qt, a#aGblSearch {
    	display: none !important;
    }
    
	/** Tab Container **/    
    
	.tabContainer .tab{
		float:none;
	}
	
	/* tab holder */
	.tabContainer .tabHolder:after {content: ''; border-bottom: 0;}    
	.tabHolder .indentL_20 #tab_findOffice.selected {border-bottom: 1px solid gray !important;}	
	.tabHolder #claim_upload {border-bottom: 1px solid gray !important;}
      
	/** Tab Container **/    
    
	.tabContainer .tab{
		float:none;
	}	
      
	/* tab holder */
	.tabContainer .tabHolder {margin-right:20px !important;}
	
	/* log in button */
	#aLoginButton {
		margin-left:0px !important;	
	}
	
	#header img#logo{
		margin:auto;top:auto;right:auto
	}
	
	/* Hiding all links from header except login and logout */	
	#header > div.container > div:nth-child(3) > ul li a:not(#aGblCustomerLogin):not(#aGblLogout){
		display:none !important;
	}
			
	/*Hiding left border for logout*/
	#header > div.container > div:nth-child(3) > ul.borderLeft li a {
		border-left: none;
	}
	
	/* Header Link styling changes*/
	#header ul li a {
		border-left: none;
		display: inline-block;
		color: #4a4844 !important;
		text-decoration: none !important;
	}
	
	/*Hiding left border for logout*/
	#header > div.container > div:nth-child(3) > ul.borderLeft li a {
		border-left: none;
		color : #be4e03 !important;
		text-decoration: none !important;
	}
	#header > div.container > div:nth-child(3) > ul.borderLeft li a:hover {		
		text-decoration: underline !important;
	}
	
	/*Giving left margin to header logo*/
	#aGblHome {
		margin-left: 10px;
	}
	
	/*Aligning login and logout button with amica logo*/
	#header > div.container > div:nth-child(2) {
		width: 20%;
		padding-bottom: 15px;
	}
	#header > div.container > div:nth-child(3) {		
		width: 72%;
		padding-top: 15px;
	}
	
	/*Aligning text to center for header top nav menu*/
	#header ul {
		text-align: center;
	}	
	
	 /* Footer Styling inherited from mobile */
    #footer {
    	margin-left:2%;
    	margin-right:2%;
    }
            
    #footer .footerExpandCollapse.borderTop{border-top:1px solid #888;}
	#footer .footerExpandCollapse.borderBottom{border-bottom:1px solid #888;}
	
	#footer .footerExpandCollapse ul{display:none;padding-left:26px;font-size: 14px;}
	#footer .footerExpandCollapse.active ul{display:block;}
	#footer .footerExpandCollapse ul li{margin:14px 0px;}
	#footer .footerExpandCollapse ul li:first-child{margin-top:0px;}
	
	#footer .footerExpandCollapse a.toggleLink{display:table;text-decoration:none;width: 100%;padding: 12px 0px;}
	#footer .footerExpandCollapse a.toggleLink:hover{text-decoration:none;}
	#footer .footerExpandCollapse a.toggleLink *{display:inline-block;} /*IE Fix*/
	#footer .footerExpandCollapse a.toggleLink h5{padding-left:10px;font-size:18px;}
	
	#footer .footerExpandCollapse .toggleImgContainer{width: 14px;}
	#footer .footerExpandCollapse .toggleImg{background-image:url('/images/icons/icon-footer-toggle-plus.png'); width:14px; height:15px;}
	#footer .footerExpandCollapse.active .toggleImg{background-image:url('/images/icons/icon-footer-toggle-minus.png');}
		
    #footer #ecFooterProducts {
    	border-top:1px solid #888 !important;
    	border-bottom:1px solid #888 !important;    
    }
    #footer #ecFooterAboutUs {
    	border-bottom:1px solid #888 !important;    
    }
	
	#footer ul.socialMedia{text-align: center;margin-top: 25px;margin-bottom:10px;}
	#footer ul.socialMedia li{display: inline;margin-left:25px;}
	#footer ul.socialMedia li:first-child{display: inline;margin-left:25px;}
	#footer ul.socialMedia li a span{display: none;}
	#footer ul.socialMedia li a  {
		display: inline-block;
		padding: 0;
	}	
	.copyrightPhone	a {
	    font-family: Arial;
    	font-size: .9em;
    	font-weight: bold;
    	color: #ccc;
    	text-decoration: none;
    	padding-left: 5px;
	}

	.grayNoWrap {white-space: nowrap !important;}
	
	/*
 	 * Tool Tip Styles - overriding dojo claro styles
 	 *
	 */
	.tooltipDisplay, .dijitTooltipContainer.dijitTooltipContents, .dijitTooltip[style] {
		width: 80% !important;
		left: 5% !important;
		right: 5% !important;
		padding-top: 0px !important;
		padding-bottom: 0px !important;
		background: #F1F0ED;
		color: #333;
		line-height: 1.4em; 
		border-radius:0px; 
		-moz-border-radius:0px; 
		position: absolute; 
		z-index:1000;
	}
	
	/* Remove the right and left margins for navigation/form action buttons in this class */
	.formActionButtons .buttonOrange, .formActionButtons .buttonGray, .formActionButtons .buttonWhite {
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	
	/* this rule is so that indentR_20 is overridden */
	#aMakePaymentContinue {
		margin-right: 0px !important;
	}
	
	/* Contact Us Office Go button */
	#EnterZipButton {
		margin-left: 0px !important;
	}
	/* Contact Us Office zip input */
	#txtZip {
		margin-bottom: 10px !important;
	}
	
	/* Contact Us Email state select width */
	#ddlState_Email {
		width: auto !important;
	}
			
	/* Amica Columns */
	div.scol_15, div.scol_17, div.scol_20, div.scol_25, div.scol_35 {float: none !important; margin-right:2%; }
	div.scol_15 {display: inline-block;}
	div.scol_17 {display: inline-block;}
	div.scol_20 {display: inline-block;}
	div.scol_25 {width:100% !important; margin-bottom:5px !important;}
	div.scol_35 {display: inline-block; width:100% !important;}
	
	.tabContainer .tab{border-bottom: 1px solid #999 !important;}	
	
	/* Make View Document Buttons wide */		
	#divPrintContainer > div.blu_7.gap_40 > div.col_25 {
		width: 100% !important;
	}
	
	/* Make Claim summary View Claim buttons wide */
	#divPrintContainer .btnOrangeContainer {
		width: 100% !important;
	}
	
	/* Reducing margin of claim summary repair assistance to fix disclaimer */	
	#divPrintContainer > div.blu_3.gap_40 {
		margin-bottom: 2% !important;
	}
	
	/* Preventing Orange Submit Button from wrapping input */
	#aDRPFindAutoRepairSubmit {
		float: right;
		width: 22%;
		display: inline-block !important;
		margin-right: 0 !important;
	}
		
	/* Set Specific Right Margin for Container */
	#searchBox > div:nth-child(1) {
		width: 100% !important;
		margin-right: 0px !important;
	}
	
	#addressInput {
	 	width: 67% !important;
	 	margin-right: 0px !important;
	}
	
	/* Resizing Input Close to Button Without Break */
	@media screen and (max-width: 460px) {
		#addressInput {
	 	width: 62% !important;
		}
	}
	@media screen and (max-width: 275px) {
		#addressInput {
	 		width: 58% !important;
		}
	}
	
	/*Aligning Edit and Delete links on same line for profile page*/
	#content > div > div:nth-child(3) > form > div.gap_15 > div.col_20, /* Email Addresses */
	#content > div > div:nth-child(4) > div.gap_15 > form > div.col_20, /* Payment Method */
	#content > div > div:nth-child(6) > form > div:nth-child(1) > div.col_20 /* Phone Numbers */	
	{
		width: 30% !important;
		margin-bottom: 10px !important;
	}
	
	/*Reducing bottom margin of parent element of edit - delete Link*/
	#content > div > div:nth-child(3) > form > div.gap_15 > div.gap_15, /* Email Addresses */
	#content > div > div:nth-child(4) > div.gap_15 > form > div.gap_15, /* Payment Method */
	#content > div > div:nth-child(6) > form > div:nth-child(1) > div.gap_15 /* Phone Numbers */
	{
		margin-bottom: 5px !important;
	}
	
	/*Disabling wrapping of phone number on quote summary page*/
	#buyNowNumberDisplayMob{
		white-space: noWrap !important;
	}
	
	/* Fixing quote header wrapping issue*/
	#autoQuoteForm h1,
	#homeQuoteForm h1 {
		white-space: noWrap;
	}
	
	/*Increasing vertical space between payment, phone number sections*/
	#content > div > div:nth-child(4), /* Payment Method */
	#content > div > div:nth-child(6), /* Phone Number */
	#content > div > div:nth-child(7), /* Paperless Preferences */
	#content > div > div:nth-child(9), /* Login Settings */
	#content > div > div:nth-child(10), /* Eproxy Settings */
	#content > div > div:nth-child(11) /* Life Change of address */
	{
		margin-top: 2%;
	}
	
	/*Increasing margin between Edit and Delete*/
	#aMemberProfileViewEditEmail, #aMemberProfileViewEditCC, #aMemberProfileViewEditPhoneNumber, #aMemberProfileViewEditBA {
		padding-right: 5px;
	}
	#aMemberProfileViewDeleteEmail, #aMemberProfileViewDeleteCC, #aMemberProfileViewDeletePhoneNumber, #aMemberProfileViewDeleteBA {
		padding-left: 5px;
	}			
	
	/* Stack the business promos for Home Quote Summary */
	#homeQuoteSummaryPromos > div {
		width: 100% !important;
	}
	
	.width_100_pct {
		width: 100% !important;
	}
	
	/*Fixing pop up so that text wraps for smaller screens*/
	body.popup .container {
		width: auto !important;
	}
     
    /* Hiding Calendar Icon, the not was added to keep the on hover functionality for tool tips*/
	div[data-dojo-attach-point]:not([data-dojo-attach-point="containerNode"]){     
		display: none;
    }
     
    div[data-dojo-attach-point="containerNode"] {
     	margin-top: 20px !important;
     }
    
    /*This style is used on the quote summary page for auto quotes to stop the edit coverage links from wrapping */
    #autoQuoteSummaryTabs_pageholder ul.quickLinksList li,
    #homeQuoteSummaryTabs_pageholder ul.quickLinksList li {
    	white-space: noWrap;
    	margin-top: 15px !important;
    }
    
    /*This style is used to add a marging to the H2's of the auto quote summary to better differentiate each covergae block */
    #autoQuoteSummaryTabs_pageholder h2,
    #homeQuoteSummaryTabs_pageholder h2 {
    	margin-top: 20px !important;
    }
    
    /* This style is used to modify the platinum choice auto image so that it doesn't overlap into copy at the mobile breakpoint*/
    #platinumBlock img, #platinumBlock\20 gap_15 > div:nth-child(4) > img{
    	width: 100px !important;
    }
      
    
    /* fix for claim auto details col layout width */ 
    #divFnolDamageDetail div.col_25 {
    	width: 38%;
    }
    
    /* fix for claim auto details col layout left indent removal */
    #divFnolDamageDetail div.col_25 input.indentL_10 {
    	margin-left: 0px !important;
    }      

	#pendingSection > form > div > div > div.col_75.small.gap_10, 
	#content > div > div.blu_7 > form > div > div > div.col_75.small.gap_10 {
		width: 68% !important;
	}
	
	/*Fixing Text Notification button size on claim center */
	#aTextNotifPrefReplaceNumber, #aTextNotifPrefStop {
		display: inline-block !important;
	}
	
	/*Moving appraiser copy to next line to fix copy wrapping and alignment issue*/
	.appraiser-handler-wrapper {
		width: 100% !important;		
	}
	.appraiser-handler-copy {
		float: none !important;
		width: 100% !important
	}
	
	
	/*Aligning Total Payment to Right for payment page*/
	.totalPymtWrapper {
		float: left !important;		
	}
			
	/* Life Payment - Override desktop right align */
	.divLifePayAlign {
		text-align: left !important;
	}
	
	/*Aligning for wrapping of annuity contribution input on AnnuityPayTab.jsp and payment status on LifePayTab.jsp*/
	.paymentObjectWrap {
		width: 31% !important;
		display: inline !important;
		float: right;
		padding-right: .25em;
	}
	
	.paymentObjectWrap input[maxlength="9"] {
		width: 5em !important;
	}
	
	/*Aligning Pay Now in same row - Life Payment*/
	div.scol_35.lifePayCol1,
	div.scol_25.lifePayCol2 {
		width: 50% !important;
		float: left !important;		
	}
	
	/*Aligning third column - Life Payment*/
	div.scol_20.lifePayCol3 {
		width: 45% !important;
	}
			
	/* Add gap for tax year */
	.divTaxYear {
		margin-top:5px !important;
	}
	
	/* Inline for tax years */
	.radTaxYear {
		display: inline;
	}
	
	/*Justifying total payment amount to left*/
	.totalPymtAlign {
		text-align: left !important;
	}
	
	#balance,
	.col_20.lifePayCol3 {
		float: right;
		width: 25%;		
	}
	
	.claim-copy {
		top: 17% !important;
	} 
	
	#footer .fblu_l {
		float: none;
		width: 96%;
		text-align:center;
		margin-left: 2%;
		margin-right: 2%;
	}

	#footer .fblu_r {
		float: none;
		width: 96%;
		text-align:center;
		margin-left: 2%;
		margin-right: 2%;
	}
		
	#footer div.blu_10.gap_10.footerSeperator {
		margin-left: 0px !important;		
		width: 100% !important;
	}
		
	#footer .gray {white-space: pre-wrap !important;}
		
	.uploadColumn { 
		display:inline-block !important;
		width:100% !important;
	}
	
	/*Claim Tabs Styling*/
	#claimIconTabs {
		width: 100% !important;
		padding-left: 2%;
	}
	
	#claimIconTabs div {
		width: auto !important;
		padding-right: 2% !important;
	}
	
	table.coverageTable td {
		font-size: 1em !important; 
		padding : 2px !important;
	}
	
	/* Edit coverage table sticky */
	.coverageTableContainerSticky {
		width: 96% !important;
	 }	
	 
	.stickyTitle {
		font-size: 1em !important;
		width: 65px !important;
		margin-bottom: 1px !important;
	}
	 
	.stickyAmount {
	    font-size: 1.4em !important; 
	    margin-bottom: 0px !important;	    
	}
		
	#pdifference {
	   min-width: 50px;
	   margin: 0 !important;
 	   position: absolute;
       top: 2.05em;	
	}
	
	#ptitledifference {
	    position: absolute;
		top: 1em;
	}
	
	#difference div {
		position: absolute;
	}
		
	/*Payment Cards*/
	.cardBorder {
		width: 90% !important;
	}
	.blu_1.topGap_10.logo {
		width: 5% !important; 
		float: left !important;		
		margin-left: 1% !important;		
		margin-right: 1% !important;		
	}
	.blu_9.topGap_10 {
		width: 85% !important;
		margin-left: 5% !important;
	}
	
	.noIndentUL {    
	    padding-left: 5% !important;
	}

	/*P&D Auto Policy Summary page - estimate button section*/
	#summaryEstimateVehicleBtnSection, #csrSummaryEstimateVehicleBtnSection{
		width: 100%;
		float: none;
	}
	
	/** Vehicle ownder section of Add Vehicle page */
	.vehicle_owner_wrapper {
		width: 100% !important;		
	}
	
	.gap_35.width_70_pct.vehicle_owner_wrapper {
		margin-bottom: 0px !important;
	}
	
	.topGap_20.width_30_pct.vehicle_owner_helpText {
		width: 100% !important;
		margin-top: 5px !important;
		margin-bottom: 35px !important;
	}
	/** END Vehicle ownder section of Add Vehicle page */

}