/*====================================*\
  CVS Stylesheet
\*====================================*/

/*====================================*\
   Global Styles
   Affects ALL pages
\*====================================*/


/*====================================*\
   Login Page
\*====================================*/
/* Styles specific panels on login page */
.login-page .CVS-panel {
    border: 1px solid #ddd;
    margin-bottom: 15px;
    padding: 5px 10px;
}
.login-page .CVS-panel h2 {
  border-bottom: 1px solid #ddd;
  margin-top: 10px;
  padding-bottom: 8px;
}
.login-page .col-48 {
  width: 48%;
}

/*====================================*\
   Navigation Element Width Override
\*====================================*/
#nav-mainNav a {
    padding: .75em 1.5em;
}


/*====================================*\
   Custom Page Styles
\*====================================*/

.custom-page-one-col-content, 
.custom-page-two-col-content {
  margin-top: 0px;
}
.custom-page-one-col-content .col-48 {
  width: 48%;
}
.custom-page-one-col-content .col-46 {
  width: 46.1%;
}
.custom-page-one-col-content .col-53 {
  width: 53%;
}
.custom-page-one-col-content .col-95 {
  width: 95%;
}
.custom-page-one-col-content .CVS-3col{
  display: table;
  width: 100%; 
  table-layout: fixed;
  border-spacing: 10px;  
}
.custom-page-one-col-content .CVS-panel,
.custom-page-two-col-content .CVS-panel {
  display: table-cell;
  border: 1px solid #ddd;
  margin-bottom: 15px;
  padding: 5px 10px;
}
.custom-page-one-col-content .CVS-panel img,
.custom-page-two-col-content .CVS-panel img {
  border: 1px solid #ddd;
}
.custom-page-one-col-content .CVS-panel h2,
.custom-page-two-col-content .CVS-panel h2 {
  margin-top: 5px;
  margin-bottom: 10px;
  padding-bottom: 8px;
}
.custom-page-one-col-content .CVS-panel hr, 
.custom-page-two-col-content .CVS-panel hr {
  height: 1px;
  color: #dddddd;
  background-color: #dddddd;
  border: none;
}
.custom-page-one-col-content .CVS-panel ul,
.custom-page-two-col-content .CVS-panel ul {
  list-style: none;
  padding-left: 0px;
}
.custom-page-one-col-content .CVS-panel li,
.custom-page-two-col-content .CVS-panel li {
  margin-left: 15px;
}
.custom-page-one-col-content .CVS-panel li:before,
.custom-page-two-col-content .CVS-panel li:before {
  color: #ccc;
  content: '\25AA';
  font-size: 20px;
  line-height: 1;
  margin-left: -15px;
  padding: 0px 5px;
  position: relative;
  top: 1px;
}
.custom-page-one-col-content .CVS-library-panel,
.custom-page-two-col-content .CVS-library-panel {
  border: 1px solid #ddd;
  margin-bottom: 15px;
  padding: 5px 10px;
}
.custom-page-one-col-content .CVS-library-panel img,
.custom-page-two-col-content .CVS-library-panel img {
  border: 1px solid #ddd;
}
.custom-page-one-col-content .CVS-library-panel h2,
.custom-page-two-col-content .CVS-library-panel h2 {
  border-bottom: 1px solid #ddd;
  margin-top: 10px;
  padding-bottom: 8px;
}
.custom-page-one-col-content .CVS-library-panel hr, 
.custom-page-two-col-content .CVS-library-panel hr {
  height: 1px;
  color: #dddddd;
  background-color: #dddddd;
  border: none;
}
.custom-page-one-col-content .CVS-library-panel ul,
.custom-page-two-col-content .CVS-library-panel ul {
  list-style: none;
  padding-left: 0px;
}
.custom-page-one-col-content .CVS-library-panel li,
.custom-page-two-col-content .CVS-library-panel li {
  margin-left: 15px;
}
.custom-page-one-col-content .CVS-library-panel li:before,
.custom-page-two-col-content .CVS-library-panel li:before {
  color: #ccc;
  content: '\25AA';
  font-size: 20px;
  line-height: 1;
  margin-left: -15px;
  padding: 0px 5px;
  position: relative;
  top: 1px;
}

.custom-page-content-wrapper h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}

/*Quick Links*/
.CVS-quick-link {
  clear: both;
  display: block;
  margin-bottom: 5px;
  padding: 10px;
}
.CVS-quick-link.gold {
  background: #FDB933;
}
.CVS-quick-link.periwinkle {
  background: #5F78BB;
}
.CVS-quick-link.cranberry {
  background: #D20962;
}
.CVS-quick-link.teal {
  background: #00A78E;
}
.CVS-quick-link.gray {
  background: #e9e9e9;
}
.CVS-quick-link.red {
  background: #cb0000;
}
.CVS-quick-link.blue {
  background: #0BA2C3;
}
.CVS-quick-link.violet {
  background: #7D3F98;
}
.CVS-quick-link.green {
  background: #7AC143;
}
.CVS-quick-link.darkgreen {
  background: #5E9732;
}
.CVS-quick-link.magenta {
  background: #D20962;
}
.CVS-quick-link.orange {
  background: #E9640B;
}
.CVS-quick-link.sand {
  background: #BD8C4B;
}
.CVS-quick-link.pistachio {
  background: #60C3AE;
}
.CVS-quick-link.grayblue {
  background: #7090A5;
}
.CVS-quick-link.indigo {
  background: #3964C3;
}
.CVS-quick-link span {
  width: 90%;
  
}
.CVS-quick-link span span {
  font-size: 12px;
}
.CVS-quick-link:after {
  content: "\232A";
  display: inline-block;
  float: right;
  position: relative;
 }


/*Colored Background Headers*/
.CVS-background-header {
  clear: both;
  text-align: center;
  display: block;
   
}
.CVS-background-header.gold {
  background: #FDB933;
}
.CVS-background-header.periwinkle {
  background: #5F78BB;
}
.CVS-background-header.blue {
  background: #0BA2C3;
}
.CVS-background-header.cranberry {
  background: #D20962;
}
.CVS-background-header.teal {
  background: #00A78E;
}
.CVS-background-header.gray {
  background: #e9e9e9;
}
.CVS-background-header.red {
  background: #cb0000;
}
.CVS-background-header.violet {
  background: #7D3F98;
}
.CVS-background-header.green {
  background: #7AC143;
}
.CVS-background-header.magenta {
  background: #D20962;
}
.CVS-background-header.orange {
  background: #E9640B;
}
.CVS-background-header.sand {
  background: #BD8C4B;
}
.CVS-background-header.pistachio {
  background: #60C3AE;
}
.CVS-background-header.grayblue {
  background: #7090A5;
}
.CVS-background-header.darkgreen {
  background: #5E9732;
}
.CVS-background-header.indigo {
  background: #3964C3;
}  
.CVS-background-header span {
  display: inline-block;
  width: 90%;
}
.CVS-background-header span span {
  font-size: 12px;
}

/*================================*\
   Hide Back Button on Custom Pages
\*================================*/
#MasterPage_ctl00_Base_Content_pageContent_backButton {
    display: none!important;
}


/*================================*\
   EE Home Page
\*================================*/
/*--------------------------------*\
   EE Home Page Enrollment Banner Background Color Override
\*--------------------------------*/
.new-home-ee .home-ee-enrollment-feature .enrollment-feature-top {
    background-color: #ffffff;
}

/*--------------------------------*\
   Hide "My Family" in Left "My Profile" Panel
   For Users with Dependents
\*--------------------------------*/
.home-ee-dependents {
    display: none; 
}

/*--------------------------------*\
   Make videos responsive to size changes
   Assumes that this is for Media Panel on the EE Home Page
\*--------------------------------*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*================================*\
   ENROLLMENT
\*================================*/
/* Please try to document the following enrollment overrides */


/* Credit Page within enrollment*/

/*media screen, print*/
.CVS-background-header.violet {
    padding: 5px;
}



/*================================*\
   Confirmation Statement 
\*================================*/


/*Homepage Left Panel White*/
#my_profile h2 a {
    color: #fff;   
}



/* Please try to document the following enrollment overrides */

/* Defined Contribution? */

.enrollment2016 .plan-selection-plan-container h3 {
    margin-bottom: 0px;
    padding-left: 10px;
    font-weight: normal;
    background-color: white;
}

.enroll-complete-actions h3 {
    color: #2c6483;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 5px 0;
    background-color: #f1f8fc;
}

/*--------------------------------*\
   Enrollment > Your Information
   Hides "HR Information" section in form
\*--------------------------------*/
.your-information #HR {
	display: none!important;
}

/*media screen, print*/
.new-home-ee .home-ee-main {
    padding: 20px 10px;
    background-color: white;
}
/*--------------------------------*\
  CVS Nav Bar Red
\*--------------------------------*/
.benefittype-header {
                background: #cb0000;
}