﻿/* Custom CSS Styles */

html {
    height: 100%;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    padding-bottom: 100px;
    padding-top: 60px;
    font-weight:400;
}

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: #46196E;
    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;
}

@media only screen and (max-width: 414px) {

    .resultsTable td, .resultsTable th {
        text-align: center;
        font-size: 11px;
    }

    .resultsTable .select-wrapper input.select-dropdown {
        font-size: 11px;
    }

}

@media only screen and (max-width: 320px) {

    .resultsTable td, .resultsTable th {
        text-align: center;
        font-size: 9px;
    }

    .resultsTable .select-wrapper input.select-dropdown {
        font-size: 11px;
    }
}

    .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;
        }
    }
