/* global */
body { background-color: #F5F5F5; color: #6c6c6d; font-size: 14px; line-height: 23px; }
p, h1, h2, h3, h4, h5 { margin: 0; }
img { max-width: 100%; height: auto; }
a { color: #6689a8; text-decoration: none; }
.nopadding { padding:0; }

.chromeframe { background-color: #F5F5F5; border: 1px solid #6689a8; }
.chromeframe p { padding: 20px; }

#site-container header.navbar { border:0; margin-bottom:0; }
#site-container header.navbar .container { position:relative;}
#site-container .navbar-toggle { border-color: #563d7c; }
#site-container .navbar-toggle span { background-color:Black; }
#site-container .breadcrumb { margin-bottom:0; }

.bs-docs-nav .navbar-collapse { border-color: #463265; }

.main-container h1, h2, h3, h4, h5 { color: #181a1b; }
h2, .main-container h1 { font-size: 36px; line-height: 38px; margin-bottom: 30px; font-weight: normal; }

.par.parsys .title:first-child { padding-top: 20px; }

.section { overflow: hidden; }

.hero-component-container.hero-bg-color-green { background-color: #adc6bc; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF9EBCB0', endColorstr='#FFADC6BC'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9ebcb0), color-stop(50%, #adc6bc), color-stop(100%, #9ebcb0)); background-image: -webkit-linear-gradient(top, #9ebcb0 0%, #adc6bc 50%, #9ebcb0 100%); background-image: -moz-linear-gradient(top, #9ebcb0 0%, #adc6bc 50%, #9ebcb0 100%); background-image: -o-linear-gradient(top, #9ebcb0 0%, #adc6bc 50%, #9ebcb0 100%); background-image: linear-gradient(top, #9ebcb0 0%, #adc6bc 50%, #9ebcb0 100%); }
.hero-component-container.hero-bg-color-blue { background-color: #a9bdca; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFA9BDCA', endColorstr='#FF829FB2'); background-image: -webkit-gradient(radial, 50%, 0, 50%, 100, color-stop(0%, #a9bdca), color-stop(100%, #829fb2)); background-image: -webkit-radial-gradient(center, ellipse cover, #a9bdca 0%, #829fb2 100%); background-image: -moz-radial-gradient(center, ellipse cover, #a9bdca 0%, #829fb2 100%); background-image: -o-radial-gradient(center, ellipse cover, #a9bdca 0%, #829fb2 100%); background-image: radial-gradient(center, ellipse cover, #a9bdca 0%, #829fb2 100%); }
.hero-component-container.hero-bg-color-light-gray { background-color: #d4d4d4; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFD4D4D4', endColorstr='#FFA7A9A9'); background-image: -webkit-gradient(radial, 50%, 0, 50%, 100, color-stop(0%, #d4d4d4), color-stop(100%, #a7a9a9)); background-image: -webkit-radial-gradient(center, ellipse cover, #d4d4d4 0%, #a7a9a9 100%); background-image: -moz-radial-gradient(center, ellipse cover, #d4d4d4 0%, #a7a9a9 100%); background-image: -o-radial-gradient(center, ellipse cover, #d4d4d4 0%, #a7a9a9 100%); background-image: radial-gradient(center, ellipse cover, #d4d4d4 0%, #a7a9a9 100%); }
.hero-component-container.hero-bg-color-dark-gray { background-color: #5d6165; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FF5D6165', endColorstr='#FF353739'); background-image: -webkit-gradient(radial, 50%, 0, 50%, 100, color-stop(0%, #5d6165), color-stop(100%, #353739)); background-image: -webkit-radial-gradient(center, ellipse cover, #5d6165 0%, #353739 100%); background-image: -moz-radial-gradient(center, ellipse cover, #5d6165 0%, #353739 100%); background-image: -o-radial-gradient(center, ellipse cover, #5d6165 0%, #353739 100%); background-image: radial-gradient(center, ellipse cover, #5d6165 0%, #353739 100%); }


.header-container nav li.active a { color: #463265; background-color:#f6f6f6;  }

/* Media query - Below $mobile_width */
@media screen and (max-width: 991px) { 
    h2 { margin-bottom: 15px; margin-top: 15px; }
}

header { position: relative; background-color: #dadadc; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFDADADC', endColorstr='#FFFFFFFF'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dadadc), color-stop(69%, #fcfcfc), color-stop(78%, #ffffff), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(top, #dadadc 0%, #fcfcfc 69%, #ffffff 78%, #ffffff 100%); background-image: -moz-linear-gradient(top, #dadadc 0%, #fcfcfc 69%, #ffffff 78%, #ffffff 100%); background-image: -o-linear-gradient(top, #dadadc 0%, #fcfcfc 69%, #ffffff 78%, #ffffff 100%); background-image: linear-gradient(top, #dadadc 0%, #fcfcfc 69%, #ffffff 78%, #ffffff 100%); }
header ul { list-style: none; margin: 0; padding: 0; }

.logo { width: 188px; height: 56px; font-size: 0; line-height: 0; color: transparent; }
.logo a { display: block; background: url("/Scripts/js/images/PhillipInsureLogo.PNG") no-repeat; background-size: auto 100%; width: 100%; height: 100%; color: transparent; }

.header { height: 100%; }

.username {
    color: darkblue;
    padding-left: 740px;
    font-size: 16px;
}
.lastlogin {
    color: darkblue;
    padding-left: 600px;
    font-size: 11px;
    position: absolute;
    right: 0;
    top: 18px;
}
/*test*/
.dropbtn {
    /*background-color: #4CAF50;*/
    color: darkblue;
    padding: 16px;
    font-size: 16px;
    border: none;
    padding-left: 740px;
}


/* The container <div> - needed to position the dropdown content */

.dropdown {
    position: relative;
    display: inline-block;
}


/* Dropdown Content (Hidden by Default) */

.dropdown-content {
    display: none;
    position: absolute;
    /*background-color: #f1f1f1;*/
    /*min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;*/
}


    /* Links inside the dropdown */

    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }


        /* Change color of dropdown links on hover */

        .dropdown-content a:hover {
            background-color: #ddd
        }


/* Show the dropdown menu on hover */

.dropdown:hover .dropdown-content {
    display: block;
    padding-left: 800px;
    background-color:blue;
}


/* Change the background color of the dropdown button when the dropdown content is shown */

.dropdown:hover .dropbtn {
    text-decoration: none;
      
    /*background-color: #3e8e41;*/
}
/*end test*/
.tabletd-pading {padding-left: 25px;}

/* Media query - Below $mobile_width */
@media screen and (max-width: 991px) { 
  .logo { width: 100%; text-align: center; *zoom: 1;  height: 60px; padding-top: 10px; }
  .logo a { width: 158px; height: 40px; margin-top: 16px; background-size:60%; }  /*margin: auto;*/
}

/* Media query - Above $desktop_width */
@media screen and (min-width: 992px) { 
   header { margin: auto; }
  .header-container { height: 70px; }/*background-color: #f7f7f7;*/
  .no-hero .header-container { -webkit-box-shadow: 0 0 6px 1px #d9d9d9; -moz-box-shadow: 0 0 6px 1px #d9d9d9; box-shadow: 0 0 6px 1px #d9d9d9; margin-bottom: 30px; }
  .no-boxshadow .no-hero .header-container { border-bottom: 1px solid #d9d9d9; }
  .header-container .logo { top: 0px; position: relative; display: inline-block; }
  .header-container nav { position: absolute; right: 0; bottom: 0; height: 30px; line-height: 30px; }
  .header-container .navbar-nav>li>a { line-height:30px; }
  .header-container nav li { position: relative; float: left; }
  .header-container nav li:before { content: ''; height: 30px; display: block; position: absolute; right: 100%; top: 0; background-color: #f3f3f4; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF3F3F4', endColorstr='#FFD9D9D9'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3f3f4), color-stop(21%, #efefef), color-stop(63%, #dadada), color-stop(100%, #d9d9d9)); background-image: -webkit-linear-gradient(top, #f3f3f4 0%, #efefef 21%, #dadada 63%, #d9d9d9 100%); background-image: -moz-linear-gradient(top, #f3f3f4 0%, #efefef 21%, #dadada 63%, #d9d9d9 100%); background-image: -o-linear-gradient(top, #f3f3f4 0%, #efefef 21%, #dadada 63%, #d9d9d9 100%); background-image: linear-gradient(top, #f3f3f4 0%, #efefef 21%, #dadada 63%, #d9d9d9 100%); width: 1px; }
  .header-container nav a { color: #505051; display: block; padding: 0 9px; }
  .header-container nav a:hover { color: #181a1b; background-color:#f9f9f9;  }
}

@media screen and (max-width:767px){
    .header-container .utility-links { display:none; }
}
@media screen and (min-width:768px){
    
   header.navbar nav { float:right; clear:both; }
   .navbar-nav > li > a { padding-top:2px; padding-bottom:2px; }
  .header-container .utility-links { font-size: 13px; position: absolute; right: 0; top: 10px; }
  .header-container .utility-links li { padding: 0 12px; float: left; }
  .header-container .utility-links a { color: #6a737b; }
  .header-container .utility-links a:hover { color: #6a737b; }
}

.breadcrumb-container { background-color:#f5f5f5;}

/* Media query - Above $desktop_width */
@media screen and (min-width: 992px) { 
  .breadcrumb-container { width: 100%; }
  .breadcrumb { margin: auto; }
}

.hero-container { position: relative; }

.hero-component-container { position: relative; color: #505051; }
.hero-component-container .promotion-pod .title { line-height: 23px; margin-bottom: 0; }
.hero-component-container .promotion-pod a { color: #6689a8; }

.hero-content.light p, .hero-content.light h1, .hero-content.light h2, .hero-content.light h3, .hero-content li { color: white; }
.hero-content.dark p, .hero-content.dark h1, .hero-content.dark h2, .hero-content.dark h3 { color: #505051; }
.hero-content .title { color: #505051; }

/* Media query - Above $desktop_width */
@media screen and (min-width: 992px) { 
  .has-bg-image .hero-content-container { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; margin-top: 0; padding-top: 95px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .has-bg-image .hero-content { height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .has-bg-image .hero-content .hero-bg-image-content { width: 274px; }
  .hero-bg-image { display: block; }
  .hero-content-container { margin-top: 95px; }
  .hero-rte .hero-content-container { font-size: 24px; line-height: 36px; }
  .hero-rte .hero-content-container h2 { font-size: 36px; line-height: 38px; margin-bottom: 10px; }
  .hero-rte .hero-content-container p { font-size: 24px; line-height: 36px; }
  .hero-content { margin: auto; font-size: 16px; line-height: 24px; position: relative; padding-bottom: 45px; }
  .hero-content .title { font-size: 36px; line-height: 38px; margin-bottom: 24px; }
  .hero-component-container { position: relative; overflow: hidden; }  
}

/* Media query - Below $mobile_width */
@media screen and (max-width: 991px) { 
  .hero-component-container { margin-bottom: 20px; }
  .hero-bg-image { display: none; }
  .hero-content { font-size: 14px; line-height: 20px; padding: 20px; }
  .hero-content .title { font-size: 34px; line-height: 40px; }
  .hero.section { overflow: visible; } 
}

.slides, .slides li { margin: 0; padding: 0; list-style: none;}

/* Media query - Above $desktop_width */
@media screen and (min-width: 992px) { 
  .hero-component-container .slides > li { cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 184px; height: 140px; }
  .hero-component-container .slides > li .slide-content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 160px; height: 140px; position: relative; left: 11px; display: table-cell; vertical-align: middle; }
  .carousel .slides > li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 230px; height: 150px; }
  .carousel .slides > li .slide-content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.1); padding: 25px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; width: 220px; height: 150px; position: relative; left: 5px; display: table-cell; vertical-align: middle; } 
}
  
.promotion-pod { margin: 36px 0; }
.promotion-pod .ss-navigateright:before { font-size: 0.7em; margin-right: 3px; }
.promotion-pod .gated-content { cursor: pointer; }

.promo { margin-bottom: 20px; }

.promo-pod-top-img-first .img-container { float: left; margin-right: 10px; }
.promo-pod-top-img-first .img-container img { width:100px; }
.promo-pod-top-img-first .title { color: #6689a8; font-size: 18px; padding-top: 6px; }
.promo-pod-top-img-first .cta-title { color: #6c6c6d; }
.promo-pod-top-img-first .content { clear: left; margin-top: 15px; }
.promo-pod-top-img-first .content p, .promo-pod-top-img-first .content a { display: inline; }
.promo-pod-top-img-first .content a:before { position: relative; top: 0; margin-right: 3px; margin-left: 0; }


.promo-pod-top-title-first .title { color: #6689a8; font-size: 18px; margin-bottom: 20px; }
.promo-pod-top-title-first img { display: block; margin-bottom: 15px; }

.promo-pod-left .title { color: #6689a8; font-size: 18px; margin-bottom: 15px; }
.promo-pod-left img { float: left; max-width: 70px; margin-top: 5px; }
.promo-pod-left .content { margin-left: 85px; }

/* Media query - below 749px */
@media screen and (max-width: 767px) { 
    .promo-pod-top-img-first .img-container { float: none; }
}

.list-of-links { margin: 15px 0; }
.list-of-links .title { font-size: 16px; line-height: 24px; font-family: Arial; margin-bottom: 10px; }
.list-of-links ul { margin: 0; padding: 0; list-style: none; }
.list-of-links.li-inline li { display: inline-block; }

.utility-links .list-of-links { margin: 0; }

.footerlinks .list-of-links { margin: 0; text-align: right; }
.footerlinks .list-of-links li { padding: 0 11px; line-height: 59px; display: inline-block; }
.footerlinks .list-of-links li a { color: #b6b8ba; }

.list-of-links.arrow .title { margin-bottom: 12px; }
.list-of-links.arrow li { margin-bottom: 4px; margin-left: 15px; text-indent: -15px; }
.list-of-links.arrow li:before { color: #6689a8; font-size: 0.7em; }

/* Media query - Above $desktop_width */
@media screen and (min-width: 992px) { 
    .footerlinks .list-of-links ul { margin: 0; height: 59px; }
}
.footer-container { color: #b6b8ba; overflow: hidden; }
.footer-logo { width: 188px; height: 30px; font-size: 0; line-height: 0; color: transparent; display: block; background: url("/Content/famemy/logo.gif") left top no-repeat; background-size: 50%; }
.footer-disclaimer-text { font-size: 12px; line-height: 14px; }

/* Media query - Below $mobile_width */
@media screen and (max-width: 991px) { footer { margin: 0 15px; } }

/* Media query - Above $desktop_width */
@media screen and (min-width: 992px) { 
    footer { margin: auto; clear: both; position: relative; }
    .footerlogo { position: absolute; left: 0; top: 15px; }
    .footer-disclaimer-text { margin-bottom: 25px; } 
}

.home-carousel .slides li { background-position: center center; }
.home-carousel .slides li .title { font-size: 36px; line-height: 38px; padding: 10px 0; }


/* Media query - Above $desktop_width */
@media screen and (min-width: 992px) { 
    .home-carousel .slides li { height: 460px; }
    .home-carousel .slides li .title { padding: 135px 0 10px 0; }
}
/* Media query - Below $mobile_width */
@media screen and (max-width: 991px) { 
    .home-carousel .slides { /*height: 400px;*/ }
    .home-carousel .slides li { background-image: none !important; height: 100% !important; } 
}

#site-container { background-color: white; }


/* Media query - Above 1280px */
@media screen and (min-width: 1400px) {
    #site-container { width: 1300px; margin: auto; -webkit-box-shadow: 0 0 15px 2px #eaeaea; -moz-box-shadow: 0 0 15px 2px #eaeaea; box-shadow: 0 0 15px 2px #eaeaea; }
    .no-boxshadow #site-container { border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; } 
}


/*
   overrite container from bootstrap
*/
@media screen and (min-width: 768px) and (max-width: 991px) {
    #site-container .container {
        width: 940px;
    }
}
@media screen and (min-width: 1200px) {
  #site-container .container {
    width: 1300px !important;
  }
}


@media screen and (max-width: 767px) {
    ul.nav { background-color:white; padding: 0 10px;  }
    ul.nav li { border-bottom: 1px solid #fefefe; }
    ul.nav li a { color:black;}
    .nav>li>a:hover, .nav>li>a:focus { color:Black; }
    
}
@media screen and (min-width: 768px) {
}
@media screen and (min-width: 768px) and (max-width: 991px) {
}
@media screen and (min-width: 992px) {
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
}
@media screen and (min-width: 1200px) {
}


/*
Account Forgot password/first time login
*/
.hero-container 
{
    background:#f2f2f2;
}    
.suc_content {
    padding-top: 80px;
    margin: 0 auto;
    width:90%;
    max-width:660px;
}       
.suc_botm {    
    background: url(/Content/famemy/bom_cen.png) repeat;
    height: 62px;
}
.suc_kuang {
    background: #f9f9f9;
}
.suc_title {
    /*border-bottom: 1px dashed #E3E3E3;*/
    padding: 4px;
    height: 28px;
    line-height: 18px;
    color: #ffffff;
    text-align: left;
    font-size: 21px;
    font-weight: 400;
    background-color: #0078ae;
}
.suc_maincontainer {
    padding-top:12px;
    height: auto;
    /*border: 1px solid #dadada;*/
    border-bottom: 1px solid #f9f9f9;
}
.suc_maincontainer {
    height: auto;
    min-height: 350px;
    _height: 350px;
    width:1275px;
}
.suc_maincontent
{
    padding:18px;
    padding-bottom:0;
    border-style:solid;
    border-color:#0078ae;
    border-width:thin;
    padding-bottom : 10px;
}
div.textDesc{ font-size:0.75em;}
div.termsConditions { width:100%; height:150px; overflow-y:scroll; border:solid #6c6c6d 1px; padding:5px; font-size:0.75em; }
@media screen and (min-width: 768px) 
{
    .suc_content {
        padding-top: 80px;
        margin: 0 auto;
        width:80%;
    }       
}
@media screen and (max-width: 767px) 
{
   .suc_content {
        padding-top: 30px;
        margin: 0 auto;
        width:90%;
    }       
}