/* Custom CSS Styles */

html {
    height: 100%;
}

body {
    font-size: 15px;
    padding-bottom: 100px;
    padding-top: 60px;
}

sub {
    vertical-align: super;
}

hr.style1 {
    margin: 50px 50px;
    border-top: 5px solid #000;
}

.pricing {
    font-size: 1.1rem;
}

/* Breadcrumb */
/* Style to change separator  */
.breadcrumb > li + li:before {
    content: ">";
    padding: 0 5px;
    color: #ccc;
}

.breadcrumb li {
    font-size: 90%;
    font-weight: 600;
}

.breadcrumb-item {
    text-transform: uppercase;
}

.breadcrumb a, a:hover, a:focus, a:active, a.active {
    color: #0070B9;
    text-decoration: none;
}

.bg-assurant {
    background: -webkit-linear-gradient(70deg, #99C9E3 30%, rgba(0,0,0,0) 30%), -webkit-linear-gradient(30deg, #0070B9 60%, #99C9E3 60%) fixed;
    background: -o-linear-gradient(70deg, #99C9E3 30%, rgba(0,0,0,0) 30%), -o-linear-gradient(30deg, #0070B9 60%, #99C9E3 60%) fixed;
    background: -moz-linear-gradient(70deg, #99C9E3 30%, rgba(0,0,0,0) 30%), -moz-linear-gradient(30deg, #0070B9 60%, #99C9E3 60%) fixed;
    background: linear-gradient(-60deg, #99C9E3 40%, rgba(0,0,0,0) 40%), linear-gradient(-60deg, #0070B9 60%, #99C9E3 60%) fixed;
}

.shadedLight {
    color: #fff;
    background-color: #b7b7b7;
    text-align: left;
}

.shadedDark {   
    color: #fff;
    background-color: #959595;
    text-align:left;
}

img.table-icon {
    max-height: 50px !important;
}

img.icon {
    max-width: 75px !important;
}

.resultsTable td, .resultsTable th {
    text-align: center;
    font-size: 15px;
}

.resultsTable th:first-child, .resultsTable td:first-child {
    position: sticky;
    left: 0px;
    background-color: #e7e7e7
    }

.footerProd {
    padding-top: 45px;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 55px;
    background-color: #e7e7e7 !important;
}

.grid-divider > [class*="col-"]:nth-child(n + 2):after {
    content: "";
    background-color: red;
    position: absolute;
    top: 0;
    bottom: 0;
}

@media (max-width: 991px) {
    .columnTitle {
        padding-top: 40px;
    }
}

@media (max-width: 1199px) {
    .responsiveColumn {
        padding-top: 40px;
    }
}