/* Ciber 2021 Version For ADA Compliance */

a:focus,
input:focus,
button:focus,
a:hover,
input:hover,
button:hover {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 2px !important;
    outline-width: 2px !important;
    outline-color: #ffffff;
    outline-style: solid;
}
a:focus, a:visited {
    color: #0100F1;
}
a:active, a:hover {
    outline: 0;
    color: #0100F1;
    text-decoration: none;
}
ul#nav > li a:focus {
    background: #ffd500;
    color: #000;
    border-radius: 5px;
}
*, a {
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: 0;
    text-decoration: none;
}
.accessibility * {
    line-height: 1.5;
}
.accessibility.headerStrip {
    overflow: hidden;
    background-color: #fff;
    position: relative;
    /*z-index: 10001;*/
    margin-bottom: 5px;
    box-shadow: 0 5px 9px #d9d9d9;
}
.accessibility.headerStrip ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
}
.accessibility.headerStrip ul li {
    position: relative;
    padding: 5px 20px;
    float: left;
}
.accessibility.headerStrip ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    display: block;
    line-height: 28px;
    padding: 0 5px;
    border-bottom: 5px solid #b3df81;
}
.accessibility.headerStrip ul li a:focus,
.accessibility.headerStrip ul li a:visited,
.accessibility.headerStrip ul li a:active {
	background: #000;
}
.accessibility.headerStrip ul li a:hover {
    border-bottom: 5px solid #000;
}
.accessibility.headerStrip ul li:first-child:after {
    display: none;
    height: 14px;
    width: 1px;
    background: #9d9d9d;
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
}
.accessibility #accessControl input {
    border: 0;
    font-weight: 400;
    font-size: 14px;
    margin: 0;
    display: inline-block;
    padding: 0 5px;
    vertical-align: middle;
    float: left;
    height: 28px;
    width: 28px;
    background-color: #000;
    color: #fff;
    outline: 0;
    margin-right: 3px;
    -webkit-appearance: button;
    cursor: pointer;
    text-align: center;
}
.accessibility #accessControl input:hover {
    /*color: #fe6b00;*/
    color: #000;
    background: #ffd500;
}
.accessibility #accessControl input:focus,
.accessibility #accessControl input:visited,
.accessibility #accessControl input:active {
	background: #ffd500;
    color: #000
}
.accessibility #accessControl .contrastView {
    float: left;
    margin-right: 10px;
}
.accessibility #accessControl .contrastView input:hover,
.accessibility #accessControl .contrastView input:focus,
.accessibility #accessControl .contrastView input:visited,
.accessibility #accessControl .contrastView input:active {
	background: #ffd500;
	color: #000;
	border: 2px solid;
}
.accessibility #accessControl .contrastChanger {
    padding: 0;
    margin: 0;
    width: 24px;
    height: 28px;
    background-color: #fff;
    border: 0;
    overflow: hidden;
    text-transform: capitalize;
    display: inline-block;
    vertical-align: middle;
}

.accessibility #accessControl .contrastChanger.normal {
    color: #000;
	background: #ffd500;
    position: relative;
    top: 0px;
    height: 28px;
	width: 28px;
    margin-right: 3.5px;
}
.wob .accessibility #accessControl .contrastChanger.normal {
	background: #000;
	color: #fff;
}
.wob .accessibility #accessControl .contrastChanger.wob {
	background: #ffd500;
	color: #000;
}
.accessibility #accessControl input.current {
    background: #ffd500;
	color: #000;
}
.accessibility #accessControl input:hover,
.accessibility #accessControl input:focus {
	border: 2px solid;
}
.accessibility #accessControl .contrastChanger.wob {
    background: #000;
    color: #fff;
    position: relative;
    top: 0px;
    height: 28px;
	width: 28px;
    border: 1px solid #fff;
}
.accessibility .col24-24 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.accessibility .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
}
a#skiptocontent {
    background: #000;
    position: relative;
    top: -40px;
}
a#skiptocontent:focus,
a#skiptocontent:visited,
a#skiptocontent:active {
    top: 0px;
    outline-color: transparent;
    -webkit-transition: top .2s ease-in;
    transition: top .2s ease-in;
}
a#skiptocontent:hover {
    background: #ffd500;
    color: #000;
}
.wob .tabbed-interface .state .row p {
	color: #000;
}
/*------------------ Site specific Customization ------------------*/
html.minusOne body #nav li a, html.minusOne body .navarea a, html.minusOne body span.search-text {
	font-size: 11px;
}
html.minusOne body .carousel-hline h3 {
	font-size: 18px;
}
html.minusOne body .carousel-desc {
	font-size: 10px;
}
html.minusOne body .inline-callouts .caption {
	font-size: 10px;
}
html.minusOne body p, html.minusOne body #legal-right > ul > li > a,
html.minusOne body #sitemap .sitemap-col > li a,
html.minusOne body #legal-right p, html.minusOne body #isi p,
html.minusOne body #sitemap ul li a,
html.minusOne .accordion.type-a .inner ul .pane.expanded .caption ol > li {
    font-size: 12px;
}
html.minusOne body .accessibility.headerStrip ul li a,
html.minusOne body .accessibility #accessControl input {
	font-size: 12px;
}
/*------------------ Font Increase ------------------*/
html.plusOne body #nav li a, html.plusOne body .navarea a, html.plusOne body span.search-text {
	font-size: 14px;
}
html.plusOne body .carousel-hline h3 {
	font-size: 22px;
}
html.plusOne body .carousel-desc {
	font-size: 12px;
}
html.plusOne body .inline-callouts .caption {
	font-size: 14px;
}
html.plusOne body p, html.plusOne body #legal-right > ul > li > a,
html.plusOne body #sitemap .sitemap-col > li a,
html.plusOne body #legal-right p, html.plusOne body #isi p, html.minusOne body #plusOne ul li a,
html.plusOne .accordion.type-a .inner ul .pane.expanded .caption ol > li {
    font-size: 16px;
}
html.plusOne body .accessibility.headerStrip ul li a,
html.plusOne body .accessibility #accessControl input {
    font-size: 16px;
}
html.plusOne body #header-container .image .content a.prescribing-info-button, 
html.plusOne body .enrollment-form {
    font-size: 21px;
}
html.plusOne body #header-container .image .content .navigation-switch-button {
    font-size: 19px;
}
html.plusOne body #header-container .image .content .lang a span {
    font-size: 19px;
}
.wob .accessibility.headerStrip {
    background: #000000;
}
.wob .accessibility #accessControl input {
	border: 1px solid #ffffff;
}
.wob .accessibility #accessControl input:hover, 
.wob .accessibility #accessControl input:focus {
	border: 2px solid #fff;
}
.wob .fullnavbar {
	background: #000000;
}
.wob #site-wapper, body.hcp.wob {
    background: #3e3e3e;
}
.wob .module-bxslider.container, .module-bxslider.container {
	margin-top: 50px;
}
.wob .navarea a:link:not(.btn), .wob .navarea a:visited:not(.btn) {
    color: #ffffff;
}
.wob .navarea li {
    border-left: solid 1px #ffffff;
}
.wob ul#nav > li a {
    color: #ffd500;
	background-color: #3e3e3e;
}
.wob #nav-menu > #nav > li.active a, .wob #nav-menu > #nav > li a.current, .wob #nav-menu > #nav li.active ul.subnav-hover > li.active a {
	color: #000;
    background: #fff;
}

.wob ul#nav > li a:hover, .wob ul#nav > li a:focus {
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
	background: #fff;
	color: #000;
	border-radius: 5px;
}
.wob .navarea .glyphicon-search {
    background: url('/-/media/EpipenCom/assets/img/ADA_images/white_search_icon.png');
	background-repeat: no-repeat;
}
.wob .safetyinfo {
    margin-top: 50px;
}
.wob .safetyinfo #isi {
	background-color: #3e3e3e; 
	color: #ffffff;
}
.wob .safetyinfo #isi h2 {
	color: #b3df81;
}
.wob .safetyinfo #isi h2 > span {
    color: #ffffff !important;
}
.wob .safetyinfo #isi strong {
    color: #ffffff;
}
.wob .safetyinfo #isi .btn-default {
    color: #ffd500;
    border-color: #ffd500;
    background: #3e3e3e;
}
.wob .safetyinfo #isi a:link:not(.btn), .wob .safetyinfo #isi a:visited:not(.btn) {
    color: #ffd500;
    text-decoration: underline;
}
.wob .dynwidth {
	padding: 0 2%;
}
.wob #sitemap {
	background: #222;
}
.wob .inline-callouts .callout {
	box-shadow: 0 0 5px #3e3e3e;
    background: #ffffff;
}

.wob .bxslide-content,
.wob .slideshow-container {
	background: #222;
}
.wob .prev, .wob .next {
	color: #fff;
}
.wob .bx-wrapper .bx-pager.bx-default-pager a:hover, .wob .bx-wrapper .bx-pager.bx-default-pager a.active, .wob .bx-wrapper .bx-pager.bx-default-pager a:focus {
	background-color: #ffffff;
	color: #222;
	font-size: 18px;
}
.wob .bx-wrapper .bx-pager.bx-default-pager a {
	border: 2px solid #ffffff;
	background-color: #222;
	color: #ffffff;
	font-size: 18px;
}

.wob .bx-wrapper .bx-prev {
    background: url('/-/media/EpipenCom/assets/img/ADA_images/controls.png') no-repeat 0 0;
	background-color: #222222;
	color: #ffffff;
}

.wob .bx-wrapper .bx-next {
    right: 10px;
    background: url('/-/media/EpipenCom/assets/img/ADA_images/controls.png') no-repeat -44px 0;
	background-color: #222222;
	color: #ffffff;
}

.wob a {
	color: #004fdd;
}
.wob .bx-wrapper {
	-webkit-box-shadow: none;
    box-shadow: none;
    background: #000000;
    border: none;
}

.wob .carousel-content, .wob .footnote {
    color: #fff;
}

.wob .carousel-btn {
    background: #b3df81;
}

.wob .carousel-btn:hover {
	box-shadow: none;
}
.wob .carousel-btn a {
	color: #000000;
}

.wob #legal {
    color: #ffffff;
    background-color: #B3DF81;
}

.wob #legal #legal-left, .normal #legal #legal-left {
	width: 15%;
}

.wob #legal-right p {
    color: #000000;
	font-size: 14px;
}

.wob #legal-right > ul > li > a {
    color: #000000;
	font-size: 14px;
}
.wob span.search-text {
	color: #ffffff;
}

.wob #sitemap .sitemap-col > li a {
	color: #ffffff;
}

.wob #sitemap ul li a {
	color: #c6c6c6;
}

.hcp.wob ul#nav > li a:hover,
.wob ul#nav > li a:hover,
.wob #nav-menu > #nav li.active ul.subnav-hover > li a:hover,
.hcp.wob #nav-menu > #nav li.active ul.subnav-hover > li a:hover {
	color: #000;
}

.wob #nav ul.subnav-hover {
	background: #3e3e3e;
}

.wob .no-touch #nav ul.subnav-hover > li a, .wob #nav ul.subnav-hover > li a, .wob #nav-menu > #nav li.active ul.subnav-hover > li a {
	color: #ffd500;
}

.wob .no-touch #nav ul.subnav-hover > li:hover, .wob .no-touch #nav ul.subnav-hover > li a:focus, .wob #nav ul.subnav-hover > li:hover, .wob #nav ul.subnav-hover > li a:focus, .wob #nav ul.subnav-hover > li.active, .wob #nav ul.subnav-hover > li a.current,
.wob #nav-menu > #nav li.active ul.subnav-hover > li a:focus {
	background: #3e3e3e;
}

.wob.no-touch #nav ul.subnav-hover > li:hover a, .wob .no-touch #nav ul.subnav-hover > li a:focus, .wob #nav ul.subnav-hover > li:hover a, .wob #nav ul.subnav-hover > li a:focus, .wob #nav ul.subnav-hover > li.active a, .wob #nav ul.subnav-hover > li a.current, .wob #nav-menu > #nav li.active ul.subnav-hover > li a:focus, .hcp.wob.no-touch #nav ul.subnav-hover > li:hover a, .hcp.wob .no-touch #nav ul.subnav-hover > li a:focus, .hcp.wob #nav ul.subnav-hover > li:hover a, .hcp.wob #nav ul.subnav-hover > li a:focus, .hcp.wob #nav ul.subnav-hover > li.active a, .hcp.wob #nav ul.subnav-hover > li a.current, .hcp.wob #nav-menu > #nav li.active ul.subnav-hover > li a:focus, .wob ul#nav > li a:hover, .wob #nav-menu > #nav li.active ul.subnav-hover > li a:hover {
	color: #000;
	background: #fff;
	border-radius: 5px;
	outline: 5px auto -webkit-focus-ring-color;
}
.wob .navarea nav ul li a:hover, .wob .navarea nav ul li a:focus {
	color: #000 !important;
	background: #fff !important;
}
.close-icon .close-button:focus, .close-icon .close-button:hover, #emailAddress:focus, .btn-register:focus, .btn-register:hover, .post-form-content a:focus, button.search-button:focus, 
#searchTextBox:focus, button.search-button:hover {
	outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.close-icon .close-button:hover, .btn-register:hover {
    background: -webkit-linear-gradient(top, #85be43 20%, #7aa938 80%);
    background: -ms-linear-gradient(top, #85be43 20%, #7aa938 80%);
    background: -o-linear-gradient(top, #85be43 20%, #7aa938 80%);
    background: linear-gradient(top, #85be43 20%, #7aa938 80%);
    outline-offset: -2px !important;
}
.close-icon .close-button:focus {
    outline-offset: -2px !important;
}
.wob button.search-button:focus, .wob button.search-button:hover { 
	outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
	outline-color: #ffffff;
}
.wob .inline-callouts .callout .caption a {
	color: #004fdd;
}
.wob .container-with-rail.wider-rail .grid .right .callout .right .inner .caption a {
    color: #ffd500;
}
.patient.wob .container-with-rail {
    background: #B3DF81;
    background-image: -moz-linear-gradient(top, #B3DF81 20%, #B3DF81 80%);
    background-image: -webkit-linear-gradient(top, #B3DF81 20%, #B3DF81 80%);
    background-image: -ms-linear-gradient(top, #B3DF81 20%, #B3DF81 80%);
    background-image: -o-linear-gradient(top, #B3DF81 20%, #B3DF81 80%);
    background-image: linear-gradient(top, #B3DF81 20%, #B3DF81 80%);
    background-repeat: repeat-x;
}
.wob .banner-image-text h2.heading {
	color: #000000;
}
body.patient.wob {
	background-color: #3e3e3e;
	color: #fff;
}
.wob .breadcrumbs > li {
	background: #3e3e3e;
	color: #ffd500;
	border: 1px solid #ffd500;
	font-weight: bold;
}
.wob .breadcrumbs > li a {
	color: #ffd500;
}
.wob .breadcrumbs > li:last-of-type a {
	color: #000000;
}
.wob .container-with-rail .right h2 {
	color: #000000;
    padding-left: 20px;
}
.container-with-rail .right h2 {
	color: #ffffff;
    padding-left: 20px;    
}
.wob .breadcrumbs > li:after {
	background: url(-/media/EpiPenCom/assets/img/ADA_images/wob-crumbs-bg.png) no-repeat;
}
.wob .breadcrumbs > li:last-of-type {
    background: #FFF5C3;
    border-right: solid 1px #FFF5C3;
    color: #000000;
    font-weight: bold;
}
.wob .breadcrumbs > li:last-of-type:after {
	background: url(-/media/EpiPenCom/assets/img/ADA_images/wob-crumbs-bg-last.png) no-repeat;
}
.wob .content-text a, .wob .content-text a:link, .wob .content-text a:focus, .wob .content-text a:visited {
	color: #ffd500;
}
.wob .white-color-text p {
    color: #fff;
}
.wob .yellow-color-text, .wob .yellow-color-text:hover {
	color: #ffd500;
}
.wob .container-with-rail.wider-rail .right .content-text h2 {
	color: #fff;
}
/*.wob .container-with-rail.wider-rail .grid .right .callout {
	background: #fff;
    color: #000;
    margin-bottom: 10px;
    padding: 5px 20px;
}*/
.hcp.wob table td ul li, .hcp.wob table td p, .hcp.wob table th p {
	color: #000;
}
.wob .pullquote-text, .hcp.wob h2, .hcp.wob p, .hcp.wob .content-text ul li {
	color: #fff;
}
.wob #bottom-bar {
    background: #3e3e3e;
    color: #fff;
}
.wob .isi-expanded-copy h2, .wob .isi-visible-copy h2, .wob .footer-isi-content h2 {
	color: #b3df81;
}
.wob #bottom-bar p, .wob .isi-expanded-copy h2 span, .wob .isi-visible-copy h2 span, .wob .footer-isi-content h2 span {
	color: #fff;
}
.wob #isi a, .wob .footer-isi-content a, .wob #bottom-bar p a {
	color: #ffd500;
}
.wob #isi-activator {
	border: 3px solid #ffd500;
	color: #ffd500;
}
.wob #isi-activator:hover {
	background: #ffd500;
	border: 3px solid #ffd500;
    color: #3e3e3e;
	border-color: #ffd500;
}
.wob #isi-activator:hover span.more:after, .wob #isi-activator:hover span.less:after,
.wob #isi-activator span:focus, .wob #isi-activator span:active {
    color: #3e3e3e;
}
.wob #isi-activator span.more:after, .wob #isi-activator span.less:after {
	color: #ffd500;
}
.hcp.wob .table-block p {
    color: #000;
}
.hcp.wob .inline-callouts .caption p {
	color: #333;
}
.wob .pullquote-shadow {
	max-height: 2px;
}
.wob .accordion .pane .accordion .pane a {
	color: #ffd500;
}
.hcp.wob .fullnavbar {
	background: #000;
}
.hcp.wob #hero-bkd, .hcp.wob .container-with-rail {
	background: #B3DF81;
    background-image: -moz-linear-gradient(top, #B3DF81 20%, #B3DF81 80%);
    background-image: -webkit-linear-gradient(top, #B3DF81 20%, #B3DF81 80%);
    background-image: -ms-linear-gradient(top, #B3DF81 20%, #B3DF81 80%);
    background-image: -o-linear-gradient(top, #B3DF81 20%, #B3DF81 80%);
    background-image: linear-gradient(top, #B3DF81 20%, #B3DF81 80%);
}
/*.hcp.wob ul#nav > li a {
    color: #ffd500;
}
.hcp.wob .no-touch #nav ul.subnav-hover > li a, .hcp.wob #nav ul.subnav-hover > li a, .hcp.wob #nav-menu > #nav li.active ul.subnav-hover > li a {
	color: #ffd500;
}
.hcp.wob .no-touch #nav ul.subnav-hover > li:hover, .hcp.wob #nav ul.subnav-hover > li:hover, .hcp.wob #nav ul.subnav-hover > li.active, .hcp.wob #nav ul.subnav-hover > li a.current {
	background: #3e3e3e;
}*/
.wob .accordion.type-a .handle button:focus {
	outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.wob .reference-section ol li {
    color: #fff;
}
.hcp.wob .table-block .content-text, .hcp.wob .table-block td, .hcp.wob .content-block .table-block table tr td ul li, .hcp.wob .table-block p a {
	color: #000;
}
.hcp.wob .container-with-rail.wider-rail .grid .right .callout .right .inner .caption p {
    color: #fff;
}
.hcp.wob .table-block td a:link, .hcp.wob .table-block td a:focus, .hcp.wob .table-block td a:visited {
	color: #00529B;
}
.hcp.wob .reference-section ol li a {
	color: #ffd500;
}
.hcp.wob .content-block .table-block th {
	background: #fff;
	color: #000;
}
.hcp.wob .white-text {
	color: #fff;
}
.hcp.wob .black-text {
	color: #000;
}
/*------------------ Contrst Update ------------------*/
/*body.wob {
    background-color: #363636;
}*/


@media (min-width: 576px) {
	.accessibility .row {
	    margin-right: -9px;
	    margin-left: -9px;
	}
}
@media (min-width: 768px) {
	.accessibility .col24-md-24 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
}
@media (min-width: 1200px) {
	.accessibility .container {
    	max-width: 1170px;
    	padding-right: 9px;
    	padding-left: 9px;
	    margin-right: auto;
	    margin-left: auto;
	}
}
.pullquote-icon-inner img,
img.pullquote-shadow {
    cursor: initial !important;
}

html.plusOne ul > li,
html.plusOne ul > li > span,
html.plusOne ol > li {
    font-size: 16px;
}
html.minusOne ul > li,
html.minusOne ul > li > span,
html.minusOne ol > li {
    font-size: 12px;
}
.btn.hasicon.carousel-btn a {
    outline-offset: -2px;
}