﻿.tooltip-inner {
    color: black !important;
    background-color: white !important;
    border: 1px solid gray !important;
}

.tooltip.in {
    opacity: 1 !important;
}


.titleHeader a {
    color: #ffffff !important;
    font-weight: bold;
}

.compareTable tr:first-child {
    background-color: #41A928 !important;
    color: #ffffff !important;
    text-align: center;
}

.compareTable tr td:first-child, .compareTable tr th:first-child {
    border-right: 1px solid lightgray;
}

.compareTable tr td:last-child, .compareTable tr th:last-child {
    border-left: 1px solid lightgray;
}

.compareTable tr th, .compareTable tr td {
    text-align: center;
}

.compareTable > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.compareTable > tbody > tr:nth-of-type(even) {
    background-color: #ffffff;
}

.CompareUIHeadingLabels {
    color: #000000;
    font-weight: bold;
    height: 35px;
}

.glyphicon {
    font-size: large;
    color: lightgrey !important;
}

span.glyphicon.glyphicon-home {
    color: #41A928 !important;
}

.compareUIlnkViewBenifits {
    text-decoration: underline;
    font-weight: bold;
    color: #0000ee;
}

.compareUIlnkdentists {
    text-decoration: underline;
    color: #0000ee;
}

.highlight__blue {
    color: #41A928;
    font-size: larger;
    font-weight: bold;
}

.titleHeader a {
    color: white;
    font-weight: bold;
}

.CircleRadiusYes {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    display: inline-block;
    font-size: smaller;
    font-weight: bold;
    color: lightgrey;
    background-color: #36652F;
    border: 1px solid #bbb;
}

.CircleRadiusNo {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    display: inline-block;
    font-size: smaller;
    font-weight: bold;
    color: lightgrey;
    background-color: #A13826;
    border: 1px solid #bbb;
}

.Circlelbls {
    position: relative;
    top: 25%;
}

.EnrollButton {
    background-color: #41A928 !important;
    border: 1px solid #41A928 !important;
    border-radius: unset !important;
    font-weight: bold !important;
    font-size: 14px !important;
    width: 35% !important;
    position: relative;
    left: 32.6%;
    right: 67%;
    height: 50px;
    padding-top: 14px !important;
}

    .EnrollButton:hover {
        background-color: #338720 !important;
        border: 1px solid #338720 !important;
    }

.compareContainer {
    padding-right: 70px;
    padding-left: 40px;
}

p.panel__wide {
    margin: 4px !important;
}

.panel__wide img {
    padding-top: 6px;
}

.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "» " !important;
}

.breadcrumb {
    margin-bottom: 0px !important;
    padding: 8px 3px !important;
    background-color: #ffffff !important;
}

    .breadcrumb .breadcrumb-item a {
        color: #41A928 !important;
    }

    .breadcrumb > .active {
        color: #000000 !important;
    }

    .breadCrumb nav {
        padding-left: 90px !important;
    }

.glyphicon .glyphicon-home {
    color: #41A928 !important;
}
/**IPad and Ipad pro **/
@media only screen and (min-width: 768px) and (max-width:1024px) {
    .compareContainer {
        padding-left: 0px !important;
        padding-right: 27px !important;
    }

    span.glyphicon.glyphicon-question-sign {
        font-size: 15px;
    }
}
/**Mobile **/
@media only screen and (min-width: 320px) and (max-width:640px) {
    .compareContainer {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .compareContainerTable {
        margin-left: -25px !important;
        margin-right: -25px !important
    }

    span.glyphicon.glyphicon-question-sign {
        font-size: 12px;
    }

    .EnrollButton {
        width: 75% !important;
        left: 15% !important;
        right: 67% !important;
    }

    .NetworkRadius {
        margin-top: 10px !important;
    }

    .breadCrumb nav {
        padding-left: 0px !important;
    }

    .row.breadCrumb {
        padding-bottom: 15px;
    }

    .breadcrumb {
        padding: 0px !important;
    }

    p {
        padding: 0 !important;
    }

}
