body {
    padding-bottom: 20px;
}

.body-content {
    padding-left: 15px;
    padding-right: 15px;
    font-family: Neue Haas Grotesk, Arial;
}

textarea {
    resize: vertical;
}

.disableproduct {
    pointer-events: none;
}

.desc_row {
	padding: 0px 15px!important;
}

.desc_row span {
	font-size: 14px!important;
	line-height:normal;
	font-weight: 500!important;	
}

.desc_row h6 {
	text-align: left!important;
	margin: 16px 0 70px 0;
}

.desc_row h2 {
	font-weight: 900;
    font-size: 20px;
    line-height: 24px;
	margin-top:6px!important;
}

#jssor_1 {
	background-image :url('../images/GettyImages-920471210.jpg');
	background-size:cover;
	width:100%!important;
}

.jssora12l,.jssora12r,.jssora12r div{
	display:none;
}

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

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

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

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

form {
	padding-top: 23px;
    border-top: 1px solid;
}

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

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

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

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

.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: Neue Haas Grotesk,Arial;
    padding: 0 9px 9px 9px;
}

.btn-breadcrumb .btn:not(:last-child):after {

}

.btn-breadcrumb .btn:not(:last-child):before {

}

.btn-breadcrumb .btn {
	border: 1px solid;
  	padding:12px 5px;
}

 
.btn-breadcrumb a {
  font-size: 16px !important;
}

.btn-breadcrumb .btn.btn-default:not(:last-child):after {
  border-left: 12px solid rgb(112,32,130);
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
  border-left: 12px solid #ccc;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
  border-left: 12px solid rgb(112,32,130);
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
  border-left: 12px solid #ebebeb;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
  border-left: 12px solid rgb(112,32,130);
}
.btn-breadcrumb .btn.btn-default.btn-breadcrumbSelected:not(:last-child):after {
  border-left: 12px solid rgb(102,102,102);
}

.btn-breadcrumbSelected {
	color: white !important;
    background-color: #00C488 !important;
		border-color: #00C488!important;

}

.btn-breadcrumbActive {
    color: #00C488 !important;
    background: none;
	border-color: #00C488!important;
    pointer-events: none;
}

.btn-breadcrumb .btn.btn-disabled {
    pointer-events: none;
    color: #711984;
}

.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 #E6E6E6; 
}

.btn-breadcrumb .btn.btn-breadcrumbActive:not(:last-child):after {
    border-left: 12px solid rgb(112, 32, 130);
}


@media (max-width: 800px) {
	.btn-breadcrumb .btn {
		width: 100%;
		margin-bottom:5px;
	}
}

.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: #711984;
    background-color: #EDEDED;
}

.siteColour {
    background-color: #ffffff;
}

.productColumnStyle {
    background-color: #FFFFFF;
    font-size: 13px;
}

/*Product Name*/
 .productnameTitle {
  	font-weight: 900;
	font-size: 18.5px;
	line-height:24px;
  }


/*Update Footer background-color*/
/*Footer*/
.footer {
	margin-top: 16px;
   	padding: 47px 48px;
    background-color: #000;
    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: #711984;
    text-decoration: none;
    font-weight: bold;
}

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

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

/*Repeating group*/
.reapeatingGroupOption {
    height: 20px;
    width: 20px;
    cursor: pointer;
    padding: 2px;
    color: #711984;
    background-color: #EDEDED;
}

a:not(.notoverride) {
    color: #711984;
    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: #711984;
    border-color: #711984;
}

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

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

.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;
}

.nav-pills>li+li {
	margin-left: 0px;
}


/*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:#6B6B6B;
  color:white;
}

.nav-tabs li a:hover { background-color: #711984; color:white; border-left: #711984}

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

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

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus { background-color: #711984; color:white; border-left:  #711984}

.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;
}
.table_style {
	width: 800px;
}
.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;
}

.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;    
}

.spanNoCotiza{
    color:gray;
}

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

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

.spanCoverageAmount{
    color:#711984;
    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:#711984;
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;      
        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: #711984;
    border-left: 10px solid #711984;
    /*border-bottom: 1px solid #fff;*/
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    background-color: #fff;
    color: #711984;
    outline :0;
}
.nav.wtw-vertical-tabs li:not(.active) a:hover {
    background-color: #fff;
    color: #711984;
    border-left: 10px solid #711984;
    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: 16px;
    margin-top: 10px;
    display: inline-block;
    float: left;
}

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

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

a.productInfo.productDetails {
    width: 100%;
    text-align: center;
}

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

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

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

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

@media (max-width: 480px) {
	.genasys-heading-right {
		margin-top: 10px;
	}

}

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

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

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

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

.tooltipstered {
    pointer-events: all;
	float: left;
}

#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: #711984;
    border-color: #711984;
    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;
    }
}

/*Properties are assigned with default values. You can update based on the requirement*/
/*Update Header background-color*/
  #pageheader, #dvmenu {
	  padding-top: 12px;
	background-color: #ffffff;      
  }

#pageheader .container {
    padding: 8px 0;
}

#pagebody {
	margin-top:24px;
}

/*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: #000000;
	height: 54px;
    color: #FFF;
    padding: 16px 0;
	text-align: center;
}

.layoutmargintop {
	border-top: 0px;
}

/*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: 16px;
        color: violet;
        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 {
            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;
    }

    .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: #ffffff;
        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: #ffffff;
  border: 0px;
  border-radius: 4px;
	box-shadow: none!important;
}
.panel-default > .panel-heading {
  border: 0px!important;
	color: #333;
  	background-color: #ffffff;
}

/*panel body*/  
 .panel-body {
	border-top-color: #ffffff!important;
	padding: 15px;
}

 .panel-default {
}

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

@media (max-width: 480px) {
 .panel-body {
	border-top-color: #ffffff!important;
	padding: 15px 0;
	}
}


.topmenu a {
	padding: 16px 40px !important;	
}

/*Adding style to menuu*/
.menulist > li:not(.active) > a {
    color: #711984;
    border-right: solid 2px #e4e4e4;
   	font-weight: bold;
}

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

.menulist > li.active > a,
.menulist > li.active > a:focus {
	background-color: #ffffff;
	color: #711984;
	border-right: solid 2px #e4e4e4;
	font-weight: bold;
}

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

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

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

.generateQuote {
	width: 100%!important;
    float: left;
	font-size: 16px;
}
 
 /*Gateway Changes*/
 @media (min-width: 768px) {
         #paymentGateway {
             width: 600px;
             height: 360px;
         }
    }

@media (max-width: 480px) {
         #paymentGateway {
             height: 385px;
         }
	
		.generateQuote {
			width: 100%!important;
		}
 
    }
@media screen and (max-width: 400px) {
    .TotalYourQuote {
        font-size: 5vw;
    }

    /*Update contact us body properties*/
    .contact-body {
        display: block;
        background-color: #FFFFFF;
        /*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: 900;
		font-size: 24px;
    }
	
	.desc_row span {
		font-size: 22px!important;
		line-height:32px;
	}
	
    .OrderSummaryAttachmentListItem {
        list-style: square;
    }
    
}