/* CSS for header and footer web services */



/*------------------------------------*\ $MAIN CONTENT AREA

\*------------------------------------*/

#header-container .btn, .btn:visited { font-family: "Open Sans", "sans-serif"; font-weight: 600; background-image: none; background-repeat: none; border-radius: 0px; border: none; }



#header-container .btn, .btn:visited { font-family: "Open Sans", "sans-serif"; font-weight: 600; background-image: none; background-repeat: none; border-radius: 0px; border: none; }



#header-container a { text-decoration:none; }



.dv-global-search .btn-secondary:active, .btn-secondary.active { background-image: none; outline: 0; -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }



.btn-footer:active, .btn-footer.active { background-image: none; outline: 0; -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }



.dv-global-search .btn-xs { padding: 10px 16px; font-size: 12px; line-height: 1.23; }



/*==========  Secondary Buttons (yellow) ==========*/

.dv-global-search .btn-secondary, .btn-secondary:visited { background-color: #ffb800; color: #232323; }



.dv-global-search .btn-secondary:hover, .btn-secondary:focus { background-color: #f5b100; }



/*==========  Footer Buttons (gray) ==========*/

.btn-footer { background-color: #272727 !important; color: #fff !important; background-image:none !important; font-family: "Open Sans", "sans-serif" !important; font-size: 14px !important; border:none !important;}



.btn-full { width: 100%; }



.btn-footer:hover, .btn-footer:focus { background-color: #2c2c2c; color: #fff; }



/*------------------------------------*\ $PAGE STRUCTURE

\*------------------------------------*/

/*------------------------------------*\ $GLOBAL CLASSES

\*------------------------------------*/

.header-main { position: relative; padding: 0px; margin-bottom: 20px; -moz-box-shadow: 0 4px 5px 0 rgba(189, 189, 189, 0.7); -webkit-box-shadow: 0 4px 5px 0 rgba(189, 189, 189, 0.7); box-shadow: 0 4px 5px 0 rgba(189, 189, 189, 0.7); }

@media (min-width: 1025px) { .header-main { -moz-box-shadow: 0 0 0 0 transparent; -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent; } }

.header-main > .container-fluid { position: relative; }

@media (min-width: 1025px) { .header-main .header-bottom { padding-bottom: 15px; } }

.header-main .col-logo { background-color: #044b77; background-image: -moz-linear-gradient(top, #285b94, #044b77); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#285b94), to(#044b77)); background-image: -webkit-linear-gradient(top, #285b94, #044b77); background-image: -o-linear-gradient(top, #285b94, #044b77); background-image: linear-gradient(to bottom, #285b94, #044b77); background-repeat: repeat-x; border-color: #252525; padding: 0 20px; }

@media (min-width: 1025px) { .header-main .col-logo { background: transparent; padding-top: 0; padding-left: 15px; padding-right: 15px; margin-top: 30px; } }

.header-main .col-mydavita { padding: 0; }

@media (min-width: 1025px) { .header-main .col-mydavita { padding: 0 15px; } }

.header-main .logo { margin: 10px 0 10px 0px; }

@media (min-width: 1025px) { .header-main .logo { margin: 0; } }

.header-main .navbar-utility { margin-bottom: 5px; }



/*------------------------------------*\ $NAVIGATION

\*------------------------------------*/

.navbar { font-size: 15px; font-weight: 600; border: none; width: 100%; }



.navbar-default { background-image: none; background-color: #f7f7f7; border-color: none; box-shadow: none; border-radius: 0; }

@media (min-width: 1025px) { .navbar-default { background-color: #e8eae9; } }



#nav-primary .nav, #nav-healthportal .nav { margin: 0 0 0 0; padding: 0 0 0 0; }



.navbar-nav > li > a { padding: 15px 8px 5px 8px; }



.navbar-default .navbar-nav > li > a { color: #505050; }



.navbar-default .navbar-nav > li > a:hover { color: #fff; }



.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus #nav-primary .navbar-nav > .open > a, #nav-primary .navbar-nav > .open > a:hover, #nav-primary .navbar-nav > .open > a:focus { background-color: #004a80; color: #fff; }



.navbar-default .navbar-nav > .active > a { background-image: none; background-repeat: repeat-x; }



.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus #nav-primary .navbar-nav > .active > a, #nav-primary .navbar-nav > .active > a:hover, #nav-primary .navbar-nav > .active > a:focus { color: #fff; background-color: #004a80; }



.dropdown-menu { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; }

.dropdown-menu > li > a { display: block; padding: 0 20px; clear: both; font-weight: normal; line-height: 1.42857; color: #505050; white-space: nowrap; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #FFF; background-color: #107fc9; background-image: none; background-repeat: none; }

.dropdown-menu .divider { height: 1px; margin: 0px 0; overflow: hidden; background-color: #cccccc; }



.navbar-nav .open .dropdown-menu > li > a { line-height: 40px; }



@media (min-width: 1025px) { .dropdown:hover .dropdown-menu { display: block; }

  .dropdown:hover .dropdown-menu li a { line-height: 40px; } }



.open .dropdown-menu li a { line-height: 30px; }



.nav-tabs li { background: #e1e1e1; font-size: 14px; border-radius: 0px; }

.nav-tabs li a { color: #4d4d4d; border-radius: 0px; margin-right: 0px; font-size: 14px; }



@media (max-width: 1024px) { .navbar-header { float: none; }

  .navbar-toggle { display: block; }

  .navbar-collapse { border-top: 1px solid transparent; -moz-box-shadow: inset 0 1px 0 rgba(225, 225, 225, 0.1); -webkit-box-shadow: inset 0 1px 0 rgba(225, 225, 225, 0.1); box-shadow: inset 0 1px 0 rgba(225, 225, 225, 0.1); }

  .navbar-collapse.collapse { display: none !important; }

  .navbar-collapse.collapse.in { display: block !important; overflow: none; overflow-y: visible; }

  .navbar-nav { float: none !important; margin: 7.5px -15px; }

  .navbar-nav > li { float: none; }

  .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; } }

@media (max-width: 1024px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; }

  .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; }

  .navbar-nav .open .dropdown-menu > li > a { line-height: 40px; }

  .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } }



.dropdown-menu > .active, .dropdown-menu > .active > a { background-color: #107fc9; }



/* Overrides Bootstrap Nav Tabs for better responsive layout */

.nav-justified li a { font-size: 85%; }

@media (min-width: 1025px) { .nav-justified li a { font-size: 100%; } }



.tab-condensed li a { padding: 10px 8px; font-size: 12px; }

@media (min-width: 1025px) { .tab-condensed li a { padding: 10px 15px; font-size: 14px; } }



/*------------------------------------*\ $MAIN CONTENT AREA

\*------------------------------------*/

/*------------------------------------*\ $FOOTER

\*------------------------------------*/

/*==========  General Footer Styling ==========*/

footer { color: #b3b3b3; }

footer ul { list-style: none; margin: 0px; padding: 0px; color: #b3b3b3; }



/*==========  Primary Footer (light gray, first footer area ) ==========*/

.primary-footer { margin-top: 15px; padding: 20px 0; background: #4d4d4d; }

@media (min-width: 768px) { .primary-footer { padding: 40px 0; } }

.primary-footer li { padding: 4px 0; line-height: 14px; }



/* Styling for specific links in footer */

.footer-link-prim { color: #79bfe3; font-size: 12px; font-weight: 600; }

.footer-link-prim:hover { text-decoration: underline; color: #79bfe3; }



.prim-em { font-size: 16px; }

@media (min-width: 768px) { .prim-em { font-size: 12px; } }



.footer-link-sec { font-size: 11px; font-weight: normal; color: #cccccc; }

.footer-link-sec:hover { color: #e6e6e6; }



.footer-social-icon { display: inline-block; width: 30px; height: 30px; margin: 0 5px 5px 0; float: left; padding: 0px; }



/*==========  Secondary Footer (dark gray, copyright & logo ) ==========*/

.secondary-footer { padding: 20px 0; background: #2f3232; }

@media (min-width: 768px) { .secondary-footer { padding: 40px 0; } }

.secondary-footer p { font-size: 10px; color: #939a9a; margin-bottom: 5px; }

.secondary-footer a { font-size: 12px; padding: 5px 0px; }

@media (min-width: 1025px) { .secondary-footer a { font-size: 10px; } }

.secondary-footer .copyright { margin: 5px 0; font-size: 11px; color: #939a9a; }