body {
    padding-bottom: 20px;
    background-color: #022338;
}

.body-content {
    padding-left: 15px;
    padding-right: 15px;
    font-family: Arial, Sans-Serif !important;

}


textarea {
    resize: vertical;
}

.disableproduct {
    pointer-events: none;
}

@media (min-width: 992px) {
    .container {
        width: 930px;
    }
}

.border-top-Container {
    border-top: 1px solid #053049;
    padding-top: 0;
    min-height: 36px;
    font-size: 14px;
}


.currencyStyle {
    width: 5px;
    float: right;
    margin-top: -28px;
    padding-left: 15px;
}

.topNavBar {
    background-color: #e2a344;
    color: white;
    border: 1px solid grey;
    height: 45px;
}

.form-horizontal .control-label {
    text-align: left;
}

.form-group.mandatory .control-label:after {
    color: #d00;
    content: "*";   
}

/*.activeProducts {
    box-shadow: 0 0 10px #888888;
    border-collapse: separate;
    background-color: #696969;
    Border-style: solid;
    Border-width: 1px;
}

    .activeProducts .focuse {
        background-color: #701f82;
        color: white;
    }*/

.productTableStyle {
    cursor: pointer;
    min-height: 200px;
    min-width: 200px;
    padding: 3px;
    margin: 2px;
	background-color:white
}

.productImageStyle {
    height: 200px;
    width: auto;
    overflow: hidden;
    padding: 2px 0;
	background-color:white
}

.cart-product-image {
    height: 100px;
    overflow: hidden;
    padding: 2px 0;
}

.productConfigDisplay {
    text-align: left;
    white-space: normal;
    margin-top: 15px;
}

.required {
    color: red !important;
}

.RawTextDisplay {
    text-align: left;
    white-space: normal;
    margin: 10px 10px 10px 10px;
    border: none;
    font-size: 16px;
    font-family: Arial, Sans-Serif;
    padding: 0 9px 9px 9px;
}

@media only screen and (min-width: 480px) {
    #contactus {
       
    }
}

@media only screen and (min-width: 600px) {
    #contactus {
      
    }
}

@media only screen and (min-width: 768px) {
    #contactus {
      
    }
}

@media only screen and (min-width: 992px) {
    #contactus {
      
    }
}

@media only screen and (min-width: 1382px) {
    #contactus {
       
    }
}


.btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: 100%;
  z-index: 3;
}

.btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -15px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}

.btn-breadcrumb .btn {
  padding:6px 12px 6px 24px;
}
.btn-breadcrumb .btn:first-child {
  padding:6px 6px 6px 10px;
}
.btn-breadcrumb .btn:last-child {
  padding:6px 18px 6px 24px;
}
 
.btn-breadcrumb a {
  font-size: 13px !important;
}

.btn-breadcrumb .btn.btn-default:not(:last-child):after {
  border-left: 12px solid rgb(159 138 164);
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
  border-left: 12px solid #ababab;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
  border-left: 12px solid rgb(147 76 163);
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
  border-left: 12px solid #022338;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
  border-left: 12px solid rgb(141 139 141);
}
.btn-breadcrumb .btn.btn-default.btn-breadcrumbSelected:not(:last-child):after {
  border-left: 12px solid rgb(102,102,102);
}

.btn-breadcrumbSelected {
    text-decoration: underline !important;
    background-color: rgb(102,102,102) !important;
}

.btn-breadcrumbActive {
    color: #ffffff !important;
    background-color: #e2a344;
    pointer-events: none;
}

.btn-breadcrumb .btn.btn-disabled {
    background-color: #053049;
    pointer-events: none;
    color:#b7b7b7 !important;

.btn-6-divisions
{
    min-width:16.66%;
}

.btn-8-divisions
{
    min-width:20%;
}
/*It had to be 14.285. But some english text is more than this width so going to next line. After verifying with BA only given the percentage*/
.btn-7-divisions
{
    min-width:12.0%;
}
.btn-breadcrumb .btn.btn-disabled:not(:last-child):after {
    border-left: 12px solid #022338; 
}

.btn-breadcrumbActive {
    color: white !important;
    background: #e2a344;
    pointer-events: none;
}
}

.btn-breadcrumb .btn.btn-breadcrumbActive:not(:last-child):after {
    border-left: 12px solid #e2a344;
	background: #053049;



}

.btn-breadcrumbSelected{
 text-decoration:underline !important;
 background-color: rgb(102,102,102) !important;
}

.glyphicon.glyphicon-remove-circle, .glyphicon.glyphicon-arrow-right, .glyphicon.glyphicon-arrow-left, .glyphicon.glyphicon-trash
,.glyphicon.glyphicon-floppy-disk,.glyphicon.glyphicon-floppy-remove,.glyphicon.glyphicon-shopping-cart,.glyphicon.glyphicon-user,.glyphicon.glyphicon-envelope,.glyphicon.glyphicon-edit,.glyphicon.glyphicon-ok,.glyphicon.glyphicon-remove,.glyphicon-print{
    font-size: 30px !important;
}

.reapeatingGroupOption {
    height: 20px;
    width: 20px;
    cursor: pointer;
    padding: 2px;
    color: #702082;
    background-color: #EDEDED;
}
/*husqvarna*/ 
.siteColour {
    background-color: #ffffff !important;
}
/*husqvarna*/ 
.productColumnStyle {
    background-color: #022338;
    font-size: 13px;
}

/*Update Footer background-color*/
/*Footer*/
.footer {
    padding-top: 5px;
    background-color: #1f2742;
    font-size: 14px;
}

.siteFont {
    font-size: 16px;
}

/*anchor tag changes*/
 #faqanchortag{
	word-wrap: break-word;
    text-align: justify;
    width: 90%;
    display: inline-block;
    vertical-align: top;
	color: #702082;
    text-decoration: none;
    font-weight: bold;
}

#faqanchortag:hover{
	word-wrap: break-word;
    text-align: justify;
    width: 90%;
    display: inline-block;
    vertical-align: top;
	color: #702082;
    text-decoration: underline;
    font-weight: bold;
}

/*ToolTip color changes*/
.tooltipWillis {
    color: #702082;
    background-color: #ededed;
}

/*Repeating group*/
.reapeatingGroupOption {
    height: 20px;
    width: 20px;
    cursor: pointer;
    padding: 2px;
    color: #702082;
    background-color: #EDEDED;
}
/*husqvarna e2a344 */ 
a:not(.notoverride) {
    color: #e2a344;
    text-decoration: none;
    font-weight: bold;
}

.notoverride {
    color: #fff;
    text-decoration: none;    
}

    .notoverride:hover {
        color: #fff;
        text-decoration: underline;
    }

.btn-violet {
    color: #ffffff;
    background-color: #e2a344;
    border-color: #e2a344;
}

a.btn-violet {
    color: #ffffff;
    background-color: #e2a344;
    border-color: #e2a344;
	font-size: 12px;
}

.btn-violet:hover {
    color: #ffffff;
    background-color: #e2a344;
    border-color: #e2a344;
}

.btn-magenta {
    color: #ffffff;
    background-color: #c110a0;
    border-color: #c110a0;
}

a.btn-magenta {
    color: #ffffff;
    background-color: #c110a0;
    border-color: #c110a0;
}

.btn-magenta:hover {
    color: #ffffff;
    background-color: #cd40a9;
    border-color: #cd40a9;
}

/*Vertical Tab for css*/
.nav-tabs {
  float: left;
  border-bottom: 0;
}

.nav-tabs li {
  float: none;
  margin: 0;
}

.nav-tabs li a {
  margin-right: 0;
  border: 0;
  background-color: #053049;
  color:white;
}

.nav-tabs li a:hover { background-color: #e2a344; color:#fff ; border-left: #a0aab0}

.nav-tabs .glyphicon { color: #fff; }

.nav-tabs .active .glyphicon { color: #ffc5c5; }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus { background-color: #e2a344; color:#fff ; border-left:  #001c2c}

.tab-content .tab-pane {
  display: none;
  
  padding: 1.6rem;
  overflow-y: auto;
/*-moz-box-shadow: 0 0 3px #2D2727;*/
/*-webkit-box-shadow: 0 0 3px #2D2727;*/
box-shadow: 2px 2px 15px #2D2727;
}

.tab-content .active { display: block; }

.tableWithTheme {
    border-color: white;
}
.tableWithTheme >tbody >tr >th{
   color: #661878;
   background-color:#D4D3D4;
   text-align:center;
   border-color: gray;
   
}
.tableWithTheme >tbody >tr >td{
    border-color: gray;
}

.activeSelectedCoverage {
    box-shadow: 0 0 3px #888888;
    border-collapse: separate;
    background-color: #d4d3d4;
    Border-style: solid;
    Border-width: 1px;
}

* {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  padding-block: 0.5px;
}

.divMultiCarrerQuote{
    max-height:600px;
    overflow:auto;
}

.tblMultiCarrerQuote{
    min-width:100%; 
    font-size:small;
    
}

.trCoverageOption{
   background-color:#f9f7f9;
   height:65px;
}

.tdCoverageOption{
    font-weight:bold;
    text-align:center;
}

.tdcarrier{
    font-weight:bold;
    min-width:100px;
    text-align:center;
}

.trInsuredValue{
    background-color:white;
    height:25px;
}

.trCoverage{
    background-color:#dbedf6;
    height:30px;
}

.tdCoverage{
    font-weight:bold;
    text-align:center;    
}

.tblCoverageBreakdown {
    vertical-align: middle;
}

.tblCoverageBreakdown tr td label {
    margin: 2px 0;
}

.trHighlightedCoverageRow {
    font-weight: bold;
    background: #E3E2D2;
}

.spanNoCotiza{
    color:gray;
}

.tdCoverageAmount{
    cursor:pointer;
    text-align:center;
}

.tdCoverageAmountDisabled {
    text-align: center;
    color: #333;
    opacity: .65;
}

.spanCoverageAmount{
    color:#701f82;
    font-weight:bold;
}

.orderSummaryNarrative{    
    margin-bottom:5px; 
    margin-top:5px; 
    margin-left:15px;    
    word-wrap: break-word;
    padding:5px;
}

.orderSummaryError{  
    color:red;
    font-weight:bold;
}

.maintenanceMsg {
margin-top:5px;
margin-bottom:5px;
color:#702082;
word-wrap: break-word;
}

@media screen and (min-width: 768px) {
    .OrdersummaryproductNameWrap {
        max-width: 0px;
        font-size: 13px;
        font-weight: bold;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        font-weight:bold;
    }
}


/*@media screen and (min-width: 768px) {
    .productNameWrap {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 269px;
    }
}*/

@media screen and (min-width: 768px) {
    .productNameWrap {
      text-overflow: ellipsis;
        overflow: hidden;      
        max-width: 269px;          
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;       
    }
}

.nav.wtw-vertical-tabs li a {
    background-color: #fff;
    border-left: 10px solid #ccc;
    padding: 10px 30px;
    border-top: 0;
    color: #000;
    font-weight: bold;
    margin-bottom: 4px;
}
.wtw-vertical-tabs li.active a, 
.wtw-vertical-tabs li.active a:focus,
.nav.wtw-vertical-tabs li a:hover {
    border-color: #701f82;
    border-left: 10px solid #701f82;
    /*border-bottom: 1px solid #fff;*/
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    background-color: #fff;
    color: #701f82;
    outline :0;
}
.nav.wtw-vertical-tabs li:not(.active) a:hover {
    background-color: #fff;
    color: #701f82;
    border-left: 10px solid #701f82;
    border-top: 0;
}

.product-table-responsive {
    margin-bottom: 40px;
    border: none;
}

.productInfoDisabled {
    opacity: 0.65;
    filter: alpha(opacity=65);
    pointer-events: none;
}

.add-to-cart, .view-cart, .productInfo, .productInfoDisabled {
    font-size: 18px;
    margin-top: 10px;
    display: inline-block;
}

.disableproduct a:not(.productInfo) {
    opacity: 0.65;
    filter: alpha(opacity=65);
    pointer-events: none;
}

.product-table-responsive .productInfo {
    pointer-events: all;
}

.product-table-responsive.cart-item .add-to-cart {
    display: none;
}

.product-table-responsive:not(.cart-item) .view-cart {
    display: none;
}

.genasys-heading-left {
    padding-bottom: 5px;
}

.genasys-heading-right {
    text-align: right;
    padding-bottom: 25px;
}

@media screen and (min-width: 768px) {
    .genasys-heading-right {
        padding-bottom: 5px;
    }
}

.btn-full-length {
    width:100%;
    margin:5px 0;
}

.btn-genasys-default {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0;
    font-weight: bold;
}

#myCart .glyphicon-shopping-cart {
    font-size: 14px !important;
}

.tooltipstered {
    pointer-events: all;
}
.av {
  display: none;
}

#smallDeviceNavigationPolicyHolder {
     display: none;
     }
@media screen and (min-width: 768px) {
    #smallDeviceNavigationPolicyHolder {
        display:block;
        margin-top:30px;
    }
    #bigDeviceNavigationPolicyHolder {
        display:block;
        margin-top:35px;
    }
}

/*Cart background color*/
.my-cart-heading-icon-background {
    color: #ffffff;
    background-color: #701f82;
    border-color: #701f82;
    padding: 5px;
    vertical-align: middle;
}


#bigDeviceNavigationOrderSummary {
     display: none;
     }

@media screen and (min-width: 768px) {
     #smallDeviceNavigationOrderSummaryFullLength{
        display:none;
        margin-top: 35px;
    }
    #smallDeviceNavigationOrderSummary {
        display:block;   
        margin-top:30px;    
    }
    #bigDeviceNavigationOrderSummary {
        display:block;
        margin-top: 35px;
    }
   
}
@media (max-width: 480px) {
     #smallDeviceNavigationOrderSummary {
        display:none;   
        margin-top:30px;    
    }
    #bigDeviceNavigationOrderSummary {
        display:none;
        margin-top: 35px;
    }
    }

#divProductAddedPopup .glyphicon-ok {
    background-color: #718B2A;
    color: #fff;
    border-radius: 25px !important;
    padding: 6px;
    font-size: 20px !important;
}

#divProductAddedPopup .glyphicon-shopping-cart {
    font-size: 14px !important;
}

@media screen and (min-width: 768px) {
    .OrdersummaryboxproductNameWrap {        
        font-size: 13px;
        font-weight: bold;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        font-weight:bold;
    }
}
/*husqvarna*/ 
/*Properties are assigned with default values. You can update based on the requirement*/
/*Update Header background-color*/
  #pageheader, #dvmenu {
        background-color: #ffffff;
        }
/*husqvarna*/ 
/*Update Body background-color*/
/*Body*/
        #pagebody {background-color: #022338;}
		#pagebody {font-family: Arial, Sans-Serif;}
              

/*Update PrivacyAndCookiesText Properties*/
#PrivacyAndCookiesText {
    color: #fff;
    text-decoration: none;
       font-size:13px;
}

				
/*Update CopyRightsText Properties*/
#CopyRightsText
{
color:#ccc;
font-size:13px;

}

/*Update contact us header Properties*/
/*contact us header*/
.contact-bar {
    background-color: #6b6b6b;
    height: 24px;
    color: #FFF;
}


/*Update header black line Properties*/
.layoutmargintop {
  border-top: 2px solid black;
}

/*Update Footer white line Properties*/
.layoutmarginbottom {
    border-top: 2px solid white;
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 20px;
}

/*Quote Summary messages*/
 .SubHeading {
        font-size: 16px;
        font-weight: bold;
    }
 
 .referalMsg {
        text-align: left;
        font-size: 16px;
        padding-top: 16px;
    }

    .referraldecMsg {
        font-size: 13px;
        color: red;
        margin-top: 6px;
    }

    .declineErrorMsg {
        text-align: left;
        font-size: 13px;
        color: red;
    }


    .actionTable {
        border-collapse: collapse;
        width: 100%;
        font-size: 13px;
        font-weight: normal;
    }

        .actionTable th, .actionTable td {
            border: 1px solid black;
            font-size: 13px;
            text-align: center;
            font-weight: normal;
        }

    #firstActionTable {
        font-size: 14px;
    }

    .WrapDiv {
        width: 11em;
        word-wrap: break-word;
    }

    .leftchevronSpan {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
        filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: gray; /* IE6-9 */
        -webkit-filter: grayscale(100%);
    }

    .disableleftchevronSpan {
        color: yellow;
        cursor: pointer;
    }

    .productImageStyleforQuoteSummary {
        height: auto;
        width: auto;
        overflow: inherit;
        padding: 2px 0;
        margin-left: 0px;
    }

    .marginClass {
        margin-left: 5px;
    }
	
	/*.documentsTable{
		display: none;
	}
	*/
	.productnameTitle{
		display: none;
	}
	/*.productDetailsFont{
		display: none;
	}
*/
    .imgMarginClass {
        margin-left: 22px;
    }

    .gapbtwnGrid {
        height: 10px;
    }

    .styleforRemove {
        float: right;
        font-weight: bold;
        margin-right: 15px;
    }

        .styleforRemove:hover {
            cursor: pointer;
        }

    #collapse-toggle-1, #collapse-toggle-2, #collapse-toggle-3, #collapse-toggle-4, #collapse-toggle-11, #collapse-toggle-6, #collapse-toggle-7 {
        background-color: #D4D3D4;
        color: black;
    }

        #collapse-toggle-1:hover {
            cursor: pointer;
        }

        #collapse-toggle-2:hover {
            cursor: pointer;
        }

    #divQuoteReferActionBtns div {
        padding-right: 15%;
    }


/*Panel*/
.panel {
  margin-bottom: 20px;
  background-color: #022338;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-default > .panel-heading {
  color: #fff;
  background-color: #e2a344;
  border-color: #ddd;
}

/*panel body*/  
 .panel-body
{
	padding: 15px;
	color:white;
}

 .panel-default {
    border-color: #ddd;
}

/*panel information section*/
.panel-default > .panel-body {
  color: #333;
  border-color: #ddd;
}

.panel-default>.panel-heading>h4 {
    color: #fff;
    font-weight: bold;
	background-color: #e2a344;
	
}
/*Adding style to menuu*/
.menulist > li:not(.active) > a {
    color: black;
}

    .menulist > li:not(.active) > a:hover {
      background-color: #ccc;
      color: black;
}   

.menulist > li.active > a,
.menulist > li.active > a:focus {
background-color: #e2a344;
  color: #ffffff;       
}

.menulist > li.active > a:hover {
   background-color: #e2a344;  
    color: #ffffff;
}


/*Update buttons color in header*/
.genasys-heading-right a {
    color: #ffffff;
    background-color: #e2a344;
    border-color: #e2a344;

}
 .genasys-heading-right a:hover {
        color: #ffffff;
        background-color: #e2a344;
        border-color: #e2a344;
    }

 /*Gateway Changes*/
 @media (min-width: 768px) {
         #paymentGateway {
             width: 600px;
             height: 360px;
         }
    }

@media (max-width: 480px) {
         #paymentGateway {
             height: 385px;
         }
    }

@media screen and (max-width: 400px) {
    .TotalYourQuote {
        font-size: 5vw;
    }

    /*Dosent update anything*/
    .contact-body {
        display: table;
        background-color: whitesmoke;
        margin: 10px;
        padding-top: 5px;
        max-width: 215px;
        overflow-wrap: break-word;
        word-wrap: break-word;
        overflow: auto;
        padding-left: 5px;
        padding-right: 5px;
    }


    /*Product Name*/
    .productnameTitle {
        font-weight: bold;
    }
    .OrderSummaryAttachmentListItem {
        list-style: square;
    }
    
}

@media only screen and (min-width: 768px) {
    #viewPolicyLink {
        display: none;
    }

    #viewPolicy {
        display: block;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    #viewPolicyLink {
        display: block;
    }

    #viewPolicy {
        display: none;
    }
}

/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px) {
    #viewPolicyLink {
        display: block;
    }

    #viewPolicy {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    #viewPolicyLink {
        display: block;
    }

    #viewPolicy {
        display: none;
    }
}

@media (min-width: 992px)
.col-md-4 {
        box-shadow: 1px 1px 5px 1px #ccc;
    border-radius: 25px !important;
}

.productNameHeader {
display: none;
}

.tabitem>li.active>a, .tabitem>li.active>a:focus {
    background-color: #e2a344;
    color: #fff;
}
.tabitem>li.active>a:hover {
    background-color: #e2a344;
    color: #fff;
}

img.img-responsive{ 
max-width: 55% !important;
}