.smallGroupPages {background:#fff; font-family: Arial, "Times New Roman";}
.smallGroupPages .row {margin-right: 0px; margin-left: 0px;}
.smallGroupPages .container-fluid {padding-right: 0px; padding-left: 0px;}
.imageBGColor {background-color: rgb(85,130,200); width: 80%;}
.imageBGColor img {width: 100%;}
.titles {color: white;}
.validationMessage {color: white}
.SBKBM .container-fluid { padding-right: 0px; padding-left: 0px;}
.text-error {color: red;}
.required-fail{box-shadow: 0 0 7px 2px rgb(255, 100, 100) !important;}
.smallGroupPages .noPaddingEver {padding-left: 0px; padding-right: 0px;}
.smallGroupPages .noPaddingLeft {padding-left: 0px;}

.nextLine {display: none;}

p.alert-error {color: white; font-weight: bold; font-size: 20px; background-color: red;}
a.redBrowser, a.redBrowser:visited, a.redBrowser:hover {color: white; font-weight: bold; font-size: 20px; text-decoration: underline;}
.browserMessage {z-index: 9999; position: absolute; top:0px; left:0px;}

/* -- Header -- */
header {width: 82%; margin: auto; margin-top: 8px;}
.sbsbLogo img {height: 60px;}
header .sbsbLogo, header .helpText {padding-left: 0px; padding-right: 0px;}
header .col-xs-6, header .col-xs-5, header .col-xs-7, header .col-xs-4 { margin: 5px 0px; padding: 0px;}
.helpText h1 {text-align:right; margin-top:4px; font-size: 30px; color: black;}
#SBSBHome .helpText h1 {text-align: center; font-size: 25px; margin: 0px;}
#SBSBHome .helpText {margin-top: 12px;}
#SbsbHome .sbsbLogo img {margin-bottom: 10px;}
.phoneNumber, .phoneNumber:hover, .phoneNumber:visited, .phoneNumber:focus {color: black; text-decoration: none; cursor: text;}

    
  /* -- Nav Menu -- */
  .menu {float: right;}
  .level-1 li a:hover {text-decoration: underline;}
  .menu li a {color: black; display: block; padding: 0px; position: relative; font-size: 22px;}
  a.menu-link {display: none;}
  .js .menu, .js .menu > ul ul {overflow: hidden; max-height: 0;}
  .level-1 li.linkBorder {margin-top: -3px;}

    /* -- For desktops only -- */
    @media only screen and (min-width: 1280px) {
      .js .menu, .js .menu > ul ul {max-height: none; overflow: visible; background: none;}
      .js .menu > ul ul {background: white; display: none; z-index: 1;}
      .js .menu > ul li:hover > ul {display: block;}
      ul.level-1 {position: relative; list-style-type: none;}
      ul.level-1 > li {float: left; margin-left: 8px;}
      
    }
		
/* --Main Body -- */
.mainBody{background: rgb(65, 100, 175); padding: 48px 0 45px; clear: both; } /*Main Page Color*/
.marginedModule {width: 81%; margin: auto;}

/* --Footer -- */
footer{width: 81%; margin: 0 auto; padding: 15px 0;}
footer ul {text-align: center; margin-left: 0px;}
footer li { display: inline-block; margin: 0 5px;}
.footerLinks li a {color: black; font-size: 18px; }
.footberLinks li a:hover {text-decoration: underline;}
.copyrightLinks {margin-bottom: 0px;}
footer img {height: 30px;}
.linkBorder {font-size: 23px;}

.centerContent h1.heading .Head, .centerContent p {color: #fff;}
.clear {clear: both;}
.centerContent p {font-size: 14px; }
.centerContent h2.heading .Head {font-size: 35px; }
.footerText p {font-size: 12px; color: gray;}

/******************************************************************************************************************/
/*Home page stuff*/
/******************************************************************************************************************/
.row-fluid .span10 h1 {color: #fff;}
.row-fluid .span10 span {color: #fff; font-size: 18px;}
.row-fluid .span6 h4 {color: white; margin-left: 90px; font-size: 20px;}
.row-fluid .span6 {background: rgb(25,70,125); height: 100px; width: 425px; padding: 20px; margin: 10px; margin-left: 0px;}

.row-fluid .span15 {color: rgb(65, 100, 175);}

.btnBegin:after {right: 5px; top: 3px; position: absolute; display: block; height: 34px; width: 34px; content: ""; background: url(images/blueAdd.png) no-repeat center; }
.row-fluid .span15 .btnBegin {border: none; width: 200px; position: relative; border-radius: 15px; text-align: left; padding-left: 20px; font-size: 20px; background-color: white; color: rgb(65, 100, 175); margin-top: 25px;}
.row-fluid .span15 .btnBegin:hover {color: inherit;}

.row-fluid .span99 h4 {color: white; margin-left: 98px; font-size: 20px; margin-top: 24px;}
.row-fluid .span99 {background: rgb(25,70,125); height: 100px; width: 425px; padding: 20px; margin: 10px; margin-left: 0px;}

.span99 .btnStep1 {background: none; height: 100px; width: 425px; border: none; text-align: left; color: black; margin: -20px; border-radius: 0px;}
.span99 .btnStep1:hover {background: rgb(85,130,200); color: black;}
.btnStep1:after {left: 5px; top: 5px; position: absolute; display: block; height: 88px; width: 88px; content: ""; background: url(images/step1.png) no-repeat center; }

.row-fluid .span15.col-xs-12 {width: 860px; padding-right: 0px;}

/******************************************************************************************************************/
/*Company and Employeee Info page stuff*/
/******************************************************************************************************************/
.control-label {color: white;}
#Dependentsmodal h3 {font-size:20px; font-weight: normal;}
#HRI #Dependentsmodal th, td {color:white;}
#Dependentsmodal .modal-footer {border: none; border-top: 35px solid rgb(25,70,125);}
.row-fluid .modal-footer {background: rgb(65, 100, 175); margin: 25px -20px -25px; padding-right: 0px;}
.row-fluid .modal-footer {border-top: none;}
.text-error {color: white;}
.dependenth3 {background: rgb(85,130,200); border-radius: 4px; padding-left: 20px;}

.employeeDiv:hover, .employeeDiv:focus {text-decoration: none;}

.addDepRight {text-align: left; margin-right: -20px;}

.row-fluid .span4 {width: 250px;}
.row-fluid .span3 {width: 175px;}
.row-fluid .span2 {width: 125px;}
.row-fluid .DOBSpace {margin-bottom: 20px;}


.columnRel {width: 180px;}
.columnDOB {width: 140px;}
.columnZip {width: 100px;}
.columnDep {width: 150px;}

.span11 {color: rgb(204,9,47);}
.row-fluid .span16 {color: white;}

.row-fluid .btn:focus, .row-fluid .btn {outline: none !important;}
.row-fluid .btn:hover {color: inherit;}

.btnAdd:after {right: 5px; top: 3px; position: absolute; display: block; height: 34px; width: 34px; content: ""; background: url(images/blueAdd.png) no-repeat center; }
.row-fluid .span15 .btnAdd {border: none; width: 225px; position: relative; border-radius: 15px; text-align: left; padding-left: 20px; font-size: 20px; background-color: white; color: rgb(65, 100, 175);}
.row-fluid .span15 .btnAdd:hover {color: inherit;}

.btnAdd2:after {right: 5px; top: 3px; position: absolute; display: block; height: 34px; width: 34px; content: ""; background: url(images/blueAdd.png) no-repeat center; }
.row-fluid .span15 .btnAdd2 {border: none; width: 225px; position: relative; border-radius: 15px; text-align: left; padding-left: 20px; font-size: 20px; background-color: white; color: rgb(65, 100, 175);}
.row-fluid .span15 .btnAdd2:hover {color: inherit;}

.btnNext:after {right: 5px; top: 3px; position: absolute; display: block; height: 34px; width: 34px; content: ""; background: url(images/blueNext.png) no-repeat center; }
.row-fluid .span15 .btnNext, .row-fluid .btnNext {border: none; width: 125px; position: relative; border-radius: 15px; text-align: left; padding-left: 20px; font-size: 20px; background-color: white; color: rgb(65, 100, 175); margin-top: 25px;}
.row-fluid .span15 .btnNext:hover, .row-fluid .btnNext:hover {color: inherit;}

.btnDelete:after, .btnDelete2:after {right: 5px; top: 4px; position: absolute; display: block; height: 25px; width: 25px; content: ""; background: url(images/delete.png) no-repeat center; }
.row-fluid .span16 .btnDelete, .row-fluid .span16 .btnDelete2  {text-decoration: none; border: none; width: 100px; position: relative; border-radius: 15px; text-align: left; padding-left: 20px; font-size: 15px; background-color: rgb(204,9,47); color: white; }
.row-fluid .span16 .btnDelete:hover, .row-fluid .span16 .btnDelete2:hover {color: inherit;}
.row-fluid .span16 .btnDelete2 {width: 185px; margin-top: 15px;}

.labelDependent {text-decoration: underline; font-size: 20px;}
.tableBorder {border: 1px solid white; padding: 5px; background-color: rgb(85,130,200);}

.companyInfoBox {background: rgb(25,70,125); padding-top: 20px; padding-bottom: 10px;}
.row-fluid legend {color: white; border: none;}
.form-group {color: white;}
.row-fluid span.employeeNum {font-size: 24px;}
.row-fluid span.depNum {font-size: 20px;}

/******************************************************************************************************************/
/*Health Plans and Pricing page stuff*/
/******************************************************************************************************************/
.carrier-list{background-color:rgb(25,70,125) !important;}

.plan-filters {background-color: rgb(25,70,125); padding: 0px 30px 30px 30px; margin-top: 20px;}

.carrier-filters {background-color: rgb(25,70,125);/*padding: 0px 30px 30px 30px;*/}
.carrier-filters .list-group {margin-top: 20px; margin-left: 0px;}

.btnBack:after {left: 5px; top: 3px; position: absolute; display: block; height: 34px; width: 34px; content: ""; background: url(images/blueBack.png) no-repeat center; }
.row-fluid .span15 .btnBack {border: none; width: 130px; position: relative; border-radius: 15px; text-align: right; padding-right: 20px; font-size: 20px; background-color: white; color: rgb(65, 100, 175); margin-top: 25px;}
.row-fluid .span15 .btnBack:hover {color: rgb(65, 100, 175); background-color: white;}

.btnBack4:after {left: 5px; top: 3px; position: absolute; display: block; height: 34px; width: 34px; content: ""; background: url(images/blueBack.png) no-repeat center; }
.row-fluid .span15 .btnBack4 {border: none; width: 130px; position: relative; border-radius: 15px; text-align: right; padding-right: 20px; font-size: 20px; background-color: white; color: rgb(65, 100, 175); margin-top: 25px;}
.row-fluid .span15 .btnBack4:hover {color: rgb(65, 100, 175);background-color: white;}

.span50 {color: white;}
.btnSelectPlan:after {right: 5px; top: 3px; position: absolute; display: block; height: 34px; width: 34px; content: ""; background: url(images/blueNext.png) no-repeat center; }
.span50 .btnSelectPlan {border: none; width: 110px; position: relative; border-radius: 15px; text-align: left; padding-left: 10px; font-size: 20px; background-color: white; color: rgb(65, 100, 175);}
.span50 .btnSelectPlan:hover {color: rgb(65, 100, 175); background-color: white;}

.lnkPrint {position: relative; background: none;border: none;text-decoration: none;color: white; display: inline-block; vertical-align: top; margin-left: 40px; }
.lnkPrint:hover {text-decoration: underline;}
.lnkPrint:after {left: -40px; top: 0px; position: absolute; display: block; height: 35px; width: 35px; content: ""; background: url(images/printer.png) no-repeat center; }

.lnkEmail {position: relative; background: none;border: none;text-decoration: none;color: white; display: inline-block; vertical-align: top; margin-left: 40px; }
.lnkEmail:hover {text-decoration: underline;}
.lnkEmail:after {left: -40px; top: 0px; position: absolute; display: block; height: 35px; width: 35px; content: ""; background: url(images/email.png) no-repeat center; }

.paperSymbol a {cursor:pointer;}
.paperSymbol {display:inline-block; margin-top: 0px;}

.row-fluid .white {margin-left: 40px;}
.row-fluid .paperSymbol .whiteLink {color: white;}

.table1 th, .table1 td {border: 4px solid rgb(65, 100, 175); text-align: center; background-color: rgb(85,130,200);}
.table1 thead {border: 4px solid rgb(65, 100, 175); text-align: center; color: white;  }
.table1 {border: hidden;}
.container-fluid .table1 {margin-bottom: 0px;}
.table1 th {height: 50px; background-color: rgb(25,70,125);}
.row-fluid .table1 td {vertical-align: middle;}
.table1 th >div {font-size: 20px;}
.table1 tr>td:last-child {background:none;}
.table1 tr>th:last-child {background:none;}
.table1 td.left-justified, .table2 td.left-justified {text-align:left;}
.table1 .totalPremium {font-size:20px; vertical-align: middle;}
.table1 .premiumCol, .table2 .premiumCol {width: 200px; text-align: left;}
.table2 th.premiumCol {text-align: center;}
th select {color: black;}
.totalCosts {width: 100px;}

td a, td a:hover, td a:visited {color: white; text-decoration: underline;}
td img {height: 55px;
        margin: 7px 0px 7px 0px;}

.container-fluid .blackh1 {color: black;}
.container-fluid .table1 thead .healthPlanCol {width: 225px;}
.container-fluid .col-xs-4.noPadding {padding-left: 0px;}
.container-fluid .col-xs-8.noPadding {padding-right: 0px;}
.container-fluid .table1 .selectButtonCol {width:105px; padding: 0px; margin:0px;}
.table1 .valignMiddle {vertical-align: middle;}

.tableBlackText td {color: black;}

.addLine:not(:last-child)  {border-bottom: 4px solid rgb(65,100,175);}
.benefitsSpace {padding-top: 5px; padding-bottom: 5px;}
.boldPrice {font-weight: bold; font-size: 15px;}

a.topLink {color: white; font-size: 18px;}
a.topLink:hover {color: white;}
.linkLeft {text-align: right; margin-top: 5px;}

.container-fluid .table > tbody > tr > td {vertical-align: middle;}

.spinner {
  margin: 50px auto;
  width: 20px;
  height: 20px;
  position: relative;
}

.spin1 > div, .spin2 > div, .spin3 > div {
  width: 6px;
  height: 6px;
  background-color: #333;

  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}

.spin2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.spin3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}

.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }

.spin2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spin3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spin1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spin2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.spin3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.spin1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.spin2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.spin3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.spin1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.spin2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.spin3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/******************************************************************************************************************/
/*Enrollment Details page stuff*/
/******************************************************************************************************************/
.whiteatag {color:white;}
.whiteatag:hover {color:white;}
.doctorText {margin-top: 40px;}

.span40 {color: rgb(65, 100, 175);; text-align: right; }

.row .span40 .btnBack3:after {left: 5px; top: 3px; position: absolute; display: block; height: 34px; width: 34px; content: ""; background: url(images/blueBack.png) no-repeat center; }
.btnBack3-after {position: relative; display: inline-block;}
.row .span40 .btnBack3 {display:inline-block;float: left;border: none; width: 130px; position: relative; border-radius: 15px; text-align: right; padding-right: 20px; font-size: 20px; background-color: white; color: rgb(65, 100, 175); margin-top: 25px;}
.row .span40 .btnBack3:hover {color: inherit; }

.row .span40 .btnNext3:after {right: 5px; top: 3px; position: absolute; display: block; height: 34px; width: 34px; content: ""; background: url(images/blueNext.png) no-repeat center; }
.btnNext3-after {position: relative; display: inline-block;}
.row .span40 .btnNext3 {display:inline-block; float: left; border: none; width: 125px; position: relative; border-radius: 15px; text-align: left; padding-left: 20px; font-size: 20px; background-color: white; color: rgb(65, 100, 175); margin-top: 25px;}
.row .span40 .btnNext3:hover {color: inherit;}

.bigBox {background-color: rgb(25,70,125); padding: 0px 25px 1px 25px;}
.bigBox h2 {color: white;}
.panel-body {background-color: rgb(25,70,125); }
.dependent-group .panel-body {padding: 0px;}
.row .panel {border-color: rgb(25, 70, 125);}


.enrollment-details h2 {
    color: White;
}

.enrollment-details{
padding-bottom:15px;
}

.enrollment-details.row-fluid fieldset, .enrollment-details.row-fluid h2 {
    padding: 0 15px;
}
.enrollment-details [class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}
.enrollment-details .row {
    margin-left: -5px;
    margin-right: -5px;
}
.row-fluid label.checkbox {
    background: none repeat scroll 0 0 #cc092f;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 29px;
    padding: 6px 30px;
    width: 100%;
}
.row-fluid label input[type="checkbox"] {
    /*top: 3px;*/
    width: auto;
}
.requi {
    left: -9px;
    position: absolute;
    top: -3px;
}
.row .checkbox input[type="checkbox"] /*{margin-left: 0px;}*/

.row .checkbox, .row .span13 label.checkbox {     margin-bottom: 0;     margin-top: 33px; }
.dnnCheckbox .mark {     background: none repeat scroll 0 0 transparent; } 
.form-control .dnnCheckbox + label {     padding-left: 0; }
.control-label, label {     position: relative; }
.row .checkbox .form-control > input {     margin-left: 0; }
.no-padding {margin-left:0px;} 
.row .checkbox .form-control label{margin-top:0px;}

.chkLabel { color: white;}

.row-fluid .reviewButtons {text-align: right;}

/******************************************************************************************************************/
/*Review Application page stuff*/
/******************************************************************************************************************/
.accordion-toggle:after {right: 10px; bottom: 6px; position: absolute; display: block; height: 35px; width: 35px; content: ""; background: url(images/up.png) no-repeat center; }
.accordion-body {background: rgb(85, 130, 200); margin: 0 -15px 0 -10px; padding: 0px 15px 15px 15px;}
.container-fluid .accordion-heading {margin-left: -10px;}
.panel a.accordion-toggle {color: white; text-decoration: none; font-size: 20px; position: relative;}
.accordion-toggle.collapsed:after {background: url(images/down.png) no-repeat center;}
.accordion-toggle.depToggle, .accordion-toggle.revAfter2, .accordion-toggle.revAfter3 {background: rgb(85,130,200);}
.accordion-toggle.revAfter1:after {bottom: 6px;}
.accordion-toggle.revAfter2:after {bottom: 6px;}
.accordion-toggle.revAfter3:after {bottom: 6px;}

.row-fluid .blackHeading {color:black};}
.container-fluid label {color: black;}
.floatRight .offset8 {background-color: rgb(65, 100, 175); text-align: right; margin-top: 20px; }
.box1 {background-color: rgb(25, 70, 125); padding: 20px;}
.box1 label {color: white;}

.btnBack2:after {left: 5px; top: 3px; position: absolute; display: block; height: 34px; width: 34px; content: ""; background: url(images/blueBack.png) no-repeat center; }
.row-fluid .span15 .btnBack2 {border: none; width: 130px; position: relative; border-radius: 15px; text-align: right; padding-right: 20px; font-size: 20px; background-color: white; color: rgb(65, 100, 175); margin-top: 25px; }
.row-fluid .span15 .btnBack2:hover {color: inherit;}

.btnSubmit:after {right: 5px; top: 3px; position: absolute; display: block; height: 34px; width: 34px; content: ""; background: url(images/blueNext.png) no-repeat center; }
.row-fluid .span15 .btnSubmit {border: none; width: 252px; position: relative; border-radius: 15px; text-align: left; padding-left: 20px; font-size: 20px; background-color: white; color: rgb(65, 100, 175); margin-top: 25px;}
.row-fluid .span15 .btnSubmit:hover {color: inherit;}

.box2 {background-color: rgb(25, 70, 125); padding: 20px;}
.container-fluid .box2 textarea {background-color: rgb(85, 130, 200); border: none; color: white;}

.box3 {background-color: rgb(65, 100, 175);}

.box4 {background-color: rgb(25, 70, 125); float: left;}

.container-fluid h1 {color: white;}

.btnEdit:after, .btnEdit2:after {right: 5px; top: 3px; position: absolute; display: block; height: 25px; width: 25px; content: ""; background: url(images/next_small.png) no-repeat center; }
.row-fluid .span15 .btnEdit  {border: none; width: 90px; position: relative; border-radius: 15px; text-align: left; padding-left: 20px; font-size: 15px; background-color: rgb(65, 100, 175); color: white; margin-top: 0px; margin-bottom: 15px;}
.row-fluid .span15 .btnEdit:hover, .row-fluid .span15 .btnEdit2:hover {color: white; }
.row-fluid .span15 .btnEdit2  {border: none; width: 90px; position: relative; border-radius: 15px; text-align: left; padding-left: 20px; font-size: 15px; background-color: rgb(65, 100, 175); color: white; margin-top: 0px; margin-bottom: 15px;}

.container-fluid .col-xs-11, .container-fluid .col-xs-1 {padding-left: 0px;}

.table2 th, .table2 td, .table2 thead {border: 4px solid rgb(65, 100, 175); text-align: center; background-color: rgb(85,130,200); color: white;}
.table2 {border: hidden;}
.container-fluid .table2 {margin-bottom: 0px;}
.table2 th {height: 50px; background-color: rgb(25,70,125);}
.row-fluid .table2 td {vertical-align: middle;}
.table2 th  {font-size: 20px;}
.table2 .healthPlans {width: 220px;}
.table2 td.totalPremium {vertical-align: middle; font-size: 20px;}
.table2 .noPadding {padding-left: 0px;}


.span17 {background-color: rgb(247, 247, 247); height: 65px; padding: 15px;}

.row-fluid .noPadding {padding: 0px;}
.row-fluid .noPadding-right {padding-right: 0px; text-align: center;}
.row-fluid.noPadding-right {padding-right: 0px;}
.customMargin {margin-right:-20px}

.container-fluid h2 {color: black; font-size: 22px;}
.dependentDiv {position: relative; padding: 10px; background-color: rgb(25,70,125); color: white; font-size: 22px; display: block; text-decoration: none;}
.dependentDiv:hover, .dependentDiv:focus {text-decoration: none; color: white;}
.dependentSpace {margin: 30px;}

.row-fluid .table > thead > tr > th {vertical-align: middle;}

.row-fluid .span13 label, .row .span13 label {line-height: 1em; margin-top: 15px;}

.paperSymbol {position: relative; width: 240px; margin-left: 35px;}
.paperSymbol:after {left: -40px; top: 0px; position: absolute; display: block; height: 35px; width: 35px; content: ""; background: url(images/paper_black.png) no-repeat center; }
.paperSymbol.white:after {background: url(images/paper.png) no-repeat center; }

.container-fluid .customMargin h2 {color: white;}

.paperSymbol a {color: black;}
.paperSymbol a:hover {color: black;}

.container-wrapper h3 {color: white;}
.loginDescription{color: white;}
.lightBox {background: rgb(85,130,200); padding: 20px 20px 10px 20px;}
.btnEnroll:after {right: 5px; top: 3px; position: absolute; display: block; height: 34px; width: 34px; content: ""; background: url(images/blueNext.png) no-repeat center; }
.row-fluid .span15 .btnEnroll {border: none; width: 240px; position: relative; border-radius: 15px; text-align: left; padding-left: 20px; font-size: 20px; background-color: white; color: rgb(65, 100, 175); margin-top: 25px;}
.row-fluid .span15 .btnEnroll:hover {color: inherit;}

.row-fluid .span15 .btnSave {border: none; width: 169px; position: relative; border-radius: 15px; text-align: left; padding-left: 20px; font-size: 20px; background-color: white; color: rgb(65, 100, 175); margin-top: 25px;}
.row-fluid .span15 .btnSave:hover {color: inherit;}

.row .span13 {padding-right: 0px;}
.panel-body .dependent-group {padding-right: 0px; padding-left: 0px;}

.row-fluid .reviewPadding {padding: 0px;}

/******************************************************************************************************************/
/*Company enroll page stuff*/
/******************************************************************************************************************/
.companyEnrollRight {text-align: right;}
.checkbox {background: rgb(85,130,200); padding: 10px 5px 10px 5px;}
.checkbox label {color: white;}
.mosaic-mailing .form-group {background: rgb(25,70,125); padding: 10px; margin-bottom:0px;}
.mosaic-mailing .checkbox {margin-bottom: 0px;}

.enrollmentBlue {background: rgb(25,70,125); padding-top: 15px; padding-bottom: 15px; }
.mosaic-mailing .form-group {background: rgb(85,130,200);}

 a.question-link {color: White}
 a:visited.question-link {color: White}
 a:hover.question-link {color: #D3D3D3}
 

/******************************************************************************************************************/
/*Employee enroll page stuff*/
/******************************************************************************************************************/
.likeAccordionToggle {background: rgb(85,130,200); padding: 20px 10px 10px 10px;}
.likeAccordionToggle:after {left: 845px; top: -25px; position: relative; display: block; height: 35px; width: 35px; content: ""; background: url(images/down.png) no-repeat center; }
.likeAccordionToggle .panel-title a {color: white; text-decoration: none;}
.likeAccordionToggle .panel-title a:hover, .likeAccordionToggle .panel-title a:active {text-decoration: none;}
.likeAccordionToggleDep {background: rgb(85,130,200); padding: 20px 10px 10px 10px;}
.likeAccordionToggleDep:after {left: 785px; top: -25px; position: relative; display: block; height: 35px; width: 35px; content: ""; background: url(images/down.png) no-repeat center; }
.likeAccordionToggleDep .panel-title a {color: white; text-decoration: none;}
.likeAccordionToggleDep .panel-title a:hover, .likeAccordionToggleDep .panel-title a:active {text-decoration: none;}
.row .panel {border: none;}
.dependent-group {margin-top: 20px;}
.panel-body .checkbox {color: black; background: rgb(85,130,200); width: 150px; margin-left: 15px; margin-top: 25px;}
.panel-body .checkbox.waivercheck {color: black; background: rgb(85,130,200); width: 200px; margin-left: 15px; margin-top: 10px;}
.glyphicon-ok-circle {color: limegreen;}
.glyphicon-remove-circle {color: darkred;}

.row-fluid .depBlue {background: rgb(85,130,200); padding-bottom: 15px;}
.row-fluid .darkCheck {background: rgb(25,70,125);}

.row-fluid .employeePadding {padding: 0 10px 0 0;}
.row-fluid .depPadding {padding-left: 10px;}

/******************************************************************************************************************/
/*Second review page stuff*/
/******************************************************************************************************************/
.bigReview.container-fluid .panel-default .panel-heading {background: rgb(85,130,200);}
.bigReview.container-fluid .mosaic-employee--enrollment .panel-body {padding-right: 0px; padding-left: 0px;}
.bigReview.container-fluid .noRight {padding-right: 0px;}
.bigReview.container-fluid .noLeft {padding-left: 0px;}
.bigReview.container-fluid .reviewNoPadding {padding: 0px;}
.bigReview.container-fluid .mosaic-company--contact {padding-left: 0px;}
.bigReview.container-fluid .mosaic-company--information {padding-left: 0px;}
.bigReview.container-fluid .mosaic-company--information .form-group {padding-right: 0px;}
.bigReview.container-fluid .mosaic-company--contact .form-group {padding-right: 0px;}
.bigReview h2 {padding: 20px 10px 0px 10px;}

.dependentAccordion:after {left: 665px; top: -30px; position: relative; display: block; height: 35px; width: 35px; content: ""; background: url(images/down.png) no-repeat center; }
.dependentToggle2:after {left: 635px; top: -30px; position: relative; display: block; height: 35px; width: 35px; content: ""; background: url(images/down.png) no-repeat center; }
a.dependentAccordion:active, a.dependentAccordion:hover, a.dependentAccordion {text-decoration: none!important;}
a.dependentToggle2:active, a.dependentToggle2:hover, a.dependentToggle2 {text-decoration: none!important;}

.bigReview .row-fluid .span13.checkbox label {margin: 0px;}
.esigText {font-size: 16px; color: white; margin-top: 0px;}

.row-fluid .noColor {background: none;}
.row-fluid .editLeft {padding-left: 30px;}
.row-fluid .indentDep {padding-left: 25px;}
.monthlyFont {font-size: 20px;}
.row-fluid .leftAlign {text-align: left;}

/******************************************************************************************************************/
/*Thank you page stuff*/
/******************************************************************************************************************/
.tyBackground {background-color: rgb(85, 130, 200); padding: 20px;}
.tyBackground h1, .tyBackground h3, .span33 {color: white;}

.mileStone {margin-top: 50px;}

.span32 {text-align: right; margin-top: 20px; color: white;}

/* hidden for now because don't have code for them
.row-fluid .span32 .btnSend-after:after {right: 45px; top: 3px; position: absolute; display: block; height: 34px; width: 34px; content: ""; background: url(images/next.png) no-repeat center; }
.btnSend-after {position: relative;}
.row-fluid .span32 .btnSend {border: none; width: 205px; position: relative; border-radius: 15px; text-align: left; padding-left: 20px; font-size: 20px; background-color: rgb(239, 130, 0); color: white; margin-top: 25px; margin-right: 20px;}
.row-fluid .span32 .btnSend:hover {color: inherit; background-color: rgb(220, 120, 0);}

.row-fluid .span32 .btnPay-after:after {right: -5px; top: 3px; position: absolute; display: block; height: 34px; width: 34px; content: ""; background: url(images/next.png) no-repeat center; }
.btnPay-after {position: relative;}
.row-fluid .span32 .btnPay {border: none; width: 165px; position: relative; border-radius: 15px; text-align: left; padding-left: 20px; font-size: 20px; background-color: rgb(239, 130, 0); color: white; margin-top: 25px; margin-right: -15px;}
.row-fluid .span32 .btnPay:hover {color: inherit; background-color: rgb(220, 120, 0);}
*/


/******************************************************************************************************************/
/*Employee print page stuff*/
/******************************************************************************************************************/
.printLabel {color: white;}
.row-fluid h3, .row-fluid h2 {color: white;}
.SBKBMRatingReviewQuoteSummaryPrintView .table {color: white;}

/******************************************************************************************************************/
/*Employee renewal page stuff*/
/******************************************************************************************************************/
.row-fluid .morePadding {padding: 30px;}






@media only screen and (max-width: 1279px) {

    header {width: 100%; margin: 0 auto; padding: 1px;}
    .sbsbLogo {text-align: center;}

    .marginedModule {width: 88%; margin: 0 auto; padding: 10px 0; }

    main h1 {font-size: 30px;}
    .helpText h1 {text-align:center; font-size: 20px;}
     .phoneNumber, .phoneNumber:hover, .phoneNumber:visited, .phoneNumber:focus {color: rgb(25,70,125); text-decoration: underline;}

    footer {width: 100%; margin: 5px auto; padding: 5px;}

    footer ul.footerLinks li:not(.linkBorder) {background-color: rgb(85,130,200); border-radius: 12px; padding:8px; margin-bottom:10px;} 
    footer ul.footerLinks li:not(.linkBorder) a {color: white;} 
    footer .linkBorder {display: none;}

    /* -- Nav Menu -- */
    .menu .level-1 li a {border-bottom: 1px solid white; text-align: left; background: rgb(65,100,175); color: white; cursor: pointer; text-align: center;}
    a.menu-link {text-align: center; background: rgb(65,100,175); display: block; padding: 5px; border-bottom: 1px solid white; font-weight: bolder; font-size: 30px;}
    a.menu-link, a.menu-link:visited, a.menu-link:hover, a.menu-link:active{color: white!important; text-decoration: none!important;}
    .menu, .menu > ul ul {clear: both;}
    .menu.active, .js .menu > ul ul.active {max-height: 880px;}
    .menu {margin-top: 0px; margin-bottom: 10px; width: 100%;}
    .menu ul {list-style-type: none;}
    .menu ul {margin-left: 0px;}
    ul.level-1 li a {padding: 10px;}
    .level-1 li a:hover {text-decoration: none;}
    .level-1 li a:hover {color: rgb(65,100,175); background: white;}


    header .linkBorder {display: none;}

    header .sbsbLogo {width: 100%;}
    header .helpText {width:100%;}

    .row-fluid .span6, .row-fluid .span99, .row-fluid .span99 .btnStep1, .row-fluid .span15.col-xs-12 {width: 100%;}
    .btnStep1 {width: 100%;}

    /*Enrollment Information*/
    .imageBGColor {width: 100%;}
    .lnkPrint, .lnkEmail, .paperSymbol, .topLink {background-color: rgb(85,130,200); border-radius: 12px; padding:8px; margin-top: 10px;} 

    /*Health plans and pricing*/
    .linkLeft {margin-top: 15px;}

    .whiteatag {background-color: rgb(85,130,200); border-radius: 12px; padding:8px; margin-bottom:10px;} 
    .healthLinksMargin p {margin-bottom: 30px;}

    /*Reveiw application*/
    .span17 { height: 85px; }

} /*End main media styles*/

@media only screen and (max-width: 550px) {

/*Fixing issue with home page steps not aligning after this small width*/
.row-fluid .span6 h4 {margin-left: 62px; font-size: 18px;}
.row-fluid .span6 {padding-left: 4px;}
.row-fluid .span99 h4 {margin-left: 55px;font-size: 18px;}
.btnStep1:after {left: -10px;}
.nextLine {display: block;}

}

@media only screen and (max-width: 950px) {

/*Table for health plans and pricing page*/
.table1 thead th {display: block;}
.span12 .table1 tbody td {display: block; border: none;}
.table1 td:before {content: attr(data-th); font-size: 25px; border-bottom: 1px solid white;}
.table1 .totalPremium {width: 100%;}
.table1 .premiumCol {width: 100%; text-align: center;}
.table1 tr>td:last-child {background-color: rgb(85,130,200); margin-bottom: 10px}
.table1 .span50 {text-align: right;}
.row-fluid .table1 .selectButtonCol {width: 100%;}
.row-fluid .table1 {width: 100%;}
.table1 thead th.benefitsCol, .table1 thead th.premiumHead {display: none;}
.table1 th {height: 100%; width: 100%;}
.row-fluid .table1 thead .healthPlanCol {width: 100%;}
.row-fluid .table > thead > tr > th {border: none;}
.healthSelect {width: 250px; height: 30px;}
.glyphicon-sort-by-attributes, .glyphicon-sort-by-attributes-alt {font-size: 30px;}
.row-fluid .table-condensed > thead > tr > th {padding:10px 0;}

/*Table for review quote summary*/
.table2 thead th {display: none;}
.row .table2 tbody td {display: block; border: none;}
.table2 td:before {content: attr(data-th); font-size: 25px; border-bottom: 1px solid white;}
.table2 .totalPremium, .table2 .healthPlans {width: 100%;}
.table2 .premiumCol {width: 100%; text-align: center;}

/*Review application*/
.row-fluid .leftAlign {text-align: center;}


}

/*iphone problems*/
@media only screen and (max-width: 400px) {
.sbsbLogo img {height: 50px;}
.paperSymbol {margin-left: 40px;}
.span17 {padding-left: 0px;}
}