@import url('https://fonts.googleapis.com/css?family=Enriqueta|Lora');
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
.navbar {
	margin-bottom: 0;
}
.yamm-content h2 {
    color: #3a5170;
}
.yamm-content ul li a,
.dropdown-menu li a {
    font-family: "Tahoma", sans-serif!important;
    color: #1e3a62;
}
.flexslider {
	border: 1px solid #ccc;
	border-top: 0!important;
}

#main-content {
	margin-top: 50px;
	margin-left:auto;
	margin-right:auto;

}

body {
	font-family: "Arial"!important;
}

#main-content .row.well {
	margin-left: 0;
	margin-right: 0;
}

#main-content h1 {
	text-align: center;
	font-family:'Lora', serif;
	margin: 30px 0px 20px 0px;
}

#main-content h2, .first1{
	font-family: 'Lora', serif;
	font-size: 30px;
  border-bottom: none;
	color: #1C4770;
	margin: 30px 0px 10px 0px;
}

#main-content .panel-large .panel-heading h2 {
	font-family: 'Arial';
	text-align: center;
}

#main-content h6 {
	font-family: 'Lora', serif;
	font-size: 25px;
	text-align: center;
	color: #4F4F4F;
	margin: 40px auto 10px;
  border-bottom: none;
}

#main-content .panel-large .panel-heading
{
	margin-bottom: -15px;
	margin-left: 14px;
	margin-right: 14px;
}

.panel-primary {
	border: none;
	padding-top:20px;
	margin-bottom: 0px;
}

#help-box.row {
	margin-left: 0;
	margin-right: 0;
}
#help-box {
	background: #3a5170;
	color: #ffffff;
	padding: 10px 0;
}
#help-box i {
	color: #49a2be;
}
#help-box h3 {
	color: #ffffff;
	text-align: center;
}
#help-box p {
	font-size: 16px;
}
#help-box .border-right {
	border-bottom: 1px solid #cccccc;
	margin-bottom: 20px;
}
#help-box .btn {
	background: transparent;
	border: 1px solid #ccc;
	color: #fff;
	width: 60%;
	padding: 10px 12px;
}
#help-box .btn:hover, #help-box .btn:focus {
	background: #4482a4;
}

.btn-full-green:hover, .btn-full-green:focus, .btn-full-green.focus {
    color: #fff;
    text-decoration: underline;
}

.btn-full-primary:hover, .btn-full-primary:focus, .btn-full-primary.focus {
    color: #fff;
    text-decoration: underline;
}

.btn-DOP-green:hover, .btn-DOP-green:focus, .btn-DOP-green.focus {
    color: #fff;
    text-decoration: underline;
}

.btn-map-green:hover, .btn-map-green:focus, .btn-map-green.focus {
    color: #fff;
    text-decoration: underline;
    background-color: #08A693 !important;
}

.btn-DOP-green{
    color: #fff;
    background: #08A693;
    border: 2px solid #08A693;
    padding: 15px;
}

.btn-DOP-green a{
    color: #fff;
}

.btn-DOP-green .external-link{
    display: none;
}


.btn-map-green{
	color: #fff;
    background: #08A693;
    border: 2px solid #08A693;
	padding: 5px;
	height: auto !important;
	width: 10%;
}

.btn-full-green{
    color: #fff !important;
    background: #08A693 !important;
    border: 2px solid #08A693 !important;
    padding: 15px !important;
    width: 100% !important; 
		margin: 10px 0px 10px 0px;
		font-weight: bold;
}

.btn-full-primary{
    width: 100%;
    color: #fff;
    background-color: #1e3a62;
    border-color: #182e4e;
    background-image: -webkit-linear-gradient(#284c81, #1e3a62 60%, #193152);
    background-image: -o-linear-gradient(#284c81, #1e3a62 60%, #193152);
    background-image: linear-gradient(#284c81, #1e3a62 60%, #193152);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff284c81', endColorstr='#ff193152', GradientType=0);
    filter: none;
    border-bottom: 1px solid #12233b;
    padding: 15px;
}

.button-greenImg{
    background: #08A693;
    border-radius: 30px;
    padding: 5px 10px 5px;
    margin: 10px 0px 10px 0px;
}

.button-greenImg .external-link{
    background: none;
}

.heightImgset{
    height: auto;
}

.button-greenImg a:hover, .button-greenImg a:focus {
    color: #FFF;
    text-decoration: underline;
}

.noEx .external-link {
    display: none;
}

@media only screen and (max-width: 425px){

		.marginleft{
			margin-left: 30%
		}

    .auto-withdrawal {
        left: 30% !important;
    }

    .mail-payment {
        left: 30% !important;
    }

    .pay-online {
        left: 30% !important;
    }

    .pay-near-me {
        left: 30% !important;
    }
}

@media only screen and (max-width: 768px){

    .button-greenImg{
        margin: auto;
        margin-top: 20px;
    }

    .auto-withdrawal {
        left: 38%;
    }

    .mail-payment {
        left: 38%;
    }

    .pay-online {
        left: 38%;
    }

    .pay-near-me {
        left: 38%;
    }
}

@media only screen and (min-width: 768px){
    .auto-withdrawal {
        left: 7px;
    }

    .mail-payment {
        left: 7px;
    }

    .pay-online {
        left: 7px;
    }

    .pay-near-me {
        left: 7px;
    }
}

@media only screen and (min-width: 993px){
    .auto-withdrawal {
        left: 35px;
    }

    .mail-payment {
        left: 35px;
    }

    .pay-online {
        left: 35px;
    }

    .pay-near-me {
        left: 35px;
    }
}

@media only screen and (min-width: 1200px){
    .heightImgset{
        height: 213px;
    }

    .auto-withdrawal {
        left: 57px;
    }

    .mail-payment {
        left: 57px;
    }

    .pay-online {
        left: 57px;
    }

    .pay-near-me {
        left: 57px;
    }
}

.imgBorder{
    border-bottom: 1px solid #FFF;
    display: block;
    padding-bottom: 10px;
    text-align: center;
    font-family: "Arial";
    font-size: 18px;
    color: white;
}

#main-content .DSStab th{
    background: #7AC3CB;
}

#main-content .DSStab td{
    border: 1px solid #7AC3CB;
}

.DSStab > tbody > tr:nth-of-type(odd){
    background: #F3F9FA;
}

.higherSize{
	font-size: 16px;
}

.atten{
    padding: 10px;
    background: #D5CDE1;
    margin-top: 25px;
    border-radius: 5px;
}

.translate{
    padding: 10px;
    background: #FCCBCB;
    margin: 25px 0px 0px 0px;
    border-radius: 5px;
}

.translateImg{
		top: -7px;
		background-image: url(/fsd/img/translate.png);
    background-repeat: no-repeat;
		background-size: 35px 35px;
    display: inline-block;
    height: 40px;
    width: 40px;
    float: left;
    margin-right: 12px;
    position: relative;
}

.translate p{
	margin: 0px;
}

#connect-box {
	padding-bottom: -20px;
}

#connect-box .btn-primary {
	background: #3a5170;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}
#connect-box .btn-primary i {
	color: #49a2be;
	margin-right: 10px;
}
#connect-box .btn-primary span {
	position: relative;
	top: -5px;
	font-size: 20px;

}
#connect-box .border-right {
	border-right: 1px solid #cccccc;
}
#connect-box #latest-news ul {
	padding-left: 20px;
}
#alerts-notices {
	background: #a91e23;
	padding: 10px;
	border: 1px solid transparent;
	border-radius: 5px;
	color: #ffffff;
	margin-bottom: 20px;
}
#alerts-notices h3 {
	color: #ffffff;
	margin-top: 0px;
}
#alerts-notices a {
	color: #ffffff;
}
#alerts-notices ul {
	padding-left: 10%;
}

#connect-box .button-teal {
	background: #08A693;
	padding: 10px 10px 20px;
	text-align: center;
	border: 1px solid transparent;
	border-radius: 25px;
	margin-bottom: 20px;
}
#connect-box .button-teal a {
	color: #ffffff;
	display: block;
}
#connect-box .button-teal a i {
	color: #ffffff!important;
}
#connect-box .button-teal span {
	font-size: 20px;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	display: block;
	padding-bottom: 10px;
}

#connect-box .button-blue {
	background: #5f9bbc;
	padding: 10px 10px 20px;
	text-align: center;
	border: 1px solid transparent;
	border-radius: 25px;
	margin-bottom: 20px;
}
#connect-box .button-blue a {
	color: #ffffff;
	display: block;
}
#connect-box .button-blue a i {
	color: #ffffff!important;
}
#connect-box .button-blue span {
	font-size: 20px;
	font-family: "Francois One", serif;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	display: block;
	padding-bottom: 10px;
}
#connect-box .button-blue span.external-link {
    display: none!important;
}
#follow-box {
	background: #3a5170;
	border: 1px solid transparent;
	border-radius: 5px;
	height: 130px;
}
#follow-box h3 {
	color: #ffffff;
	text-align: center;
}
#follow-box a {
	color: #ffffff;
}
#follow-box .external-link {
	display: none;
}
#follow-box ul {
	padding-left: 18%;
}
#follow-box li {
	display: inline-block;
	width: 30%;
	position: relative;
	top: 7px;
}

#well1 {
	/*background-color: #eff3f6;*/
	margin-bottom: 20px;
	margin-top: 20px;
}

#well1 .panel-title h3{
	background-color: #F7F3F2;
	text-align:center;
	padding: 30px;

}
#well1 h3 {
	border: solid 10px #1C4770;
	text-align:center;
	background-color:#1C4770;
	color:white;
	margin-bottom:-2px
}

div#geoDataSets ul {
	float: left;
}

alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-kansascity {
    background-color: #ebc280;
    border-color: #faebcc;
    color: #282828;
}

.alert-midmo {
    background-color: #f0f4cf;
    border-color: #faebcc;
    color: #282828;
}

.alert-southeast {
    background-color: #cfb1bd;
    border-color: #faebcc;
    color: #282828;
}

.alert-southwest {
    background-color: #eddbc3;
    border-color: #faebcc;
    color: #282828;
}

.alert-stlsouth {
    background-color: #bdcde4;
    border-color: #faebcc;
    color: #282828;
}

.alert-stlnorth {
    background-color: #c8e49a;
    border-color: #faebcc;
    color: #282828;
}

a{
	color: #3e5677;
}

#report-box {
	/*background-color: #f3f3f3;*/
	border: none;
	min-height: 205px;
	font-size: 14px;
	font-family: "Arial";
	margin-top: 10px;
}

#report-box h2 {
	font-family: 'Lora';
	color: #3f3f3f;
	font-size: 26px !important;
	text-align: center;
}

#well2 {
	background-color: #f3f3f3;
	border: 1px solid #e3e3e3;
	min-height: 191px;
	font-family: "Arial";
	padding-top: 20px;
  height: 240px;
}

/*this one is for the mhd/healthcare-benefit.htm page the well is not long enough in well2*/
#well22 {
	background-color: #f3f3f3;
	border: 1px solid #e3e3e3;
	min-height: 280px;
	font-family: "Arial";
	padding-top: 20px;
  height: 240px;
}

#well3 {
	background-color: #f3f3f3;
	border: 1px solid #e3e3e3;
	min-height: 190px;
	font-family: "Arial";
	list-style-type: none;
	padding-top: 50px;
  height: 240px;
}

#well3 ul {
	list-style-type: none;
    padding: 0px;
}


footer #connect a.soundcloud {
    background-position: -48px -224px;
}

footer #connect a.soundcloud:hover,
footer #connect a.soundcloud:focus {
    background-position: -49px -271px;
}

/*Icons*/
.icon-social-media-white {
    background-image: url("/img/icons/social-media-icons-white.svg");
    width: 50px;
    height: 50px;
    display: block;
}

.icon-facebook-white {
    background-position: -24px -24px;
    background-size: 200% 750%;
}

.icon-linkedin-white {
    background-position: -24px -166px;
    background-size: 200% 750%;
}

.icon-twitter-white {
    background-position: -24px -309px;
    background-size: 200% 750%;
}

/* Steps Box (1, 2, 3) */
.steps-box {
    background: #f3f3f3;
    padding-top: 20px;
}

.steps-box .col-sm-4,
.steps-box .col-md-4,
.steps-box .col-sm-6,
.steps-box .col-md-9,
.steps-box .col-md-12{
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 0;
    padding-right: 0;
}
.steps-box .col-md-9{
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 0;
    padding-right: 0;
}

.steps-box .panel {
    background-color: #ffffff;
    height: auto;
}

.steps-box .panel-body {
    background: #ffffff;
}

.steps-box .panel-body h3,
.steps-box .panel-body h4 {
	font-family: 'Lora', serif;
	color: #1f1f1f;
	font-size: 25px !important;
	text-align: center;
}

.panel-heading .panel-title.lowerFont{
	font-size: 22px !important;
}

.panel-heading .panel-title {
    font-family: 'Arial' sans-serif;
	color: #ffffff;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
}

.white-box {
	background: #f3f3f3;
	padding-top: 20px;
}

.white-box h3 {
	font-family: 'Lora', serif;
	color: #1f1f1f;
	font-size: 25px;
	margin-top: 15px;
}

@media (min-width: 768px) {
    #main-content h2 {
	    font-size: 32px;
    }
    #help-box .border-right {
	    border-right: 1px solid #cccccc;
	    border-bottom: 0;
	    margin-bottom: 0;
	    padding-bottom: 20px;
    }
    #follow-box {
	    height: 65px;
    }
    #follow-box h3 {
	    margin-left: 50px;
	    text-align: left;
    }

    #follow-box li {
        width: 32%;
    }

    .steps-box {
        display: flex;
        flex-flow: row;
        align-items: stretch;
    }


}

.connect-text h3 {
	font-family: 'Lora', serif;
	color: #1f1f1f;
	font-size: 40px !important;
	text-align: center;
}

@media (min-width: 992px) {
    #help-box .border-right {
	    padding-bottom: 0;
    }
    #alerts-notices {
	    margin-bottom: 0;
    }
}

 .icon-phone-blue-circle {
        display: inline-block;
        background: url("/cd/img/phone-circle-icon.png") no-repeat;
        height: 35px;
        width: 35px;
        margin-right: 5px;
        background-size: cover;
        position: relative;
        top: -4px;
    }

 .icon-info-blue-circle {
        display: inline-block;
        background: url("/cd/img/info-circle-icon.png") no-repeat;
        height: 35px;
        width: 35px;
        margin-right: 5px;
        background-size: cover;
        position: relative;
        top: -4px;
    }

.icon-home-circle {
        display: inline-block;
        background: url("/cd/img/home-circle-icon.png") no-repeat;
        height: 35px;
        width: 35px;
        margin-right: 5px;
        background-size: cover;
        position: relative;
        top: -4px;
    }

.icon-water-circle {
        display: inline-block;
        background: url("/cd/img/water-circle-icon.png") no-repeat;
        height: 35px;
        width: 35px;
        margin-right: 5px;
        background-size: cover;
        position: relative;
        top: -4px;
    }

.icon-car-circle {
        display: inline-block;
        background: url("/cd/img/car-circle-icon.png") no-repeat;
        height: 35px;
        width: 35px;
        margin-right: 5px;
        background-size: cover;
        position: relative;
        top: -4px;
    }

.icon-play-circle {
        display: inline-block;
        background: url("/cd/img/play-circle-icon.png") no-repeat;
        height: 35px;
        width: 35px;
        margin-right: 5px;
        background-size: cover;
        position: relative;
        top: -4px;
    }

.icon-fire-circle {
        display: inline-block;
        background: url("/cd/img/fire-circle-icon.png") no-repeat;
        height: 35px;
        width: 35px;
        margin-right: 5px;
        background-size: cover;
        position: relative;
        top: -4px;
    }

.icon-child-safety {
        display: inline-block;
        background: url("/cd/img/child-safety-resources-icon.png") no-repeat;
        height: 100px;
        width: 115px;
        margin-right: 5px;
        background-size: cover;
        position: relative;
        top: -10px;
    }
.icon-contact-us {
        display: inline-block;
        background: url("/cd/img/contact-us-icon.png") no-repeat;
        height: 100px;
        width: 115px;
        margin-right: 5px;
        background-size: cover;
        position: relative;
        top: -14px;
    }
.icon-find-support {
        display: inline-block;
        background: url("/cd/img/find-support-group-icon.png") no-repeat;
        height: 30px;
		width: 50px;
        margin-right: 5px;
        background-size: cover;
        position: relative;
        top: -4px;
    }
.icon-reimbursement {
        display: inline-block;
        background: url("/cd/img/reimbursement-icon.png") no-repeat;
        height: 100px;
        width: 150px;
        margin-right: 5px;
        background-size: cover;
        position: relative;
        top: -22px;
    }

.auto-withdrawal {
        display: inline-block;
        background: url("/cd/img/auto-withdrawal.png") no-repeat;
        height: 120px;
        width: 120px;
        background-size: cover;
        position: relative;
    }
.mail-payment {
        display: inline-block;
        background: url("/cd/img/mail-payment.png") no-repeat;
        height: 120px;
        width: 120px;
        background-size: cover;
        position: relative;
    }
.pay-online {
        display: inline-block;
        background: url("/cd/img/pay-online.png") no-repeat;
        height: 120px;
        width: 120px;
        background-size: cover;
        position: relative;
    }
.pay-near-me {
        display: inline-block;
        background: url("/cd/img/pay-near-me.png") no-repeat;
        height: 120px;
        width: 120px;
        background-size: cover;
        position: relative;
    }

.button-greenImg .pdf-label{
    display: none;
}

#white-box .centerimage{
	margin: 0 auto;
}

.none{
	display: none;
}

.borderBox{
	border: 1px solid #e1e1e1;
}

.panHeight{
	height: 255px !important;
}

.bottomMargSmall{
	margin-bottom: 20px;
}

.topMarg{
	margin-top: 30px;
}

.bottomMarg{
	margin-bottom: 30px !important;
}

.noTopMar {
    margin-top: 0px;
}

.noBottomMar {
    margin-bottom: 0px;
}

.flexMap{
	display: flex;
}

.paddingMap{
	padding: 25px !important;
}

.widthMap{
	width: 35%;
}

.labelMap{
	position: relative;
    top: 5px;
}

.text-align-center{
    text-align: center;
}

.panel-one {
	height: 350px;
}
.panel-two {
	height: 350px;
}
.panel-three {
	height: 350px;
}

.panel-one > .panel-heading {
  color: #ffffff;
  background-color: #1C4770;
  border-color: #1C4770;
}
.panel-one > .panel-heading > .panel-title {
  font-size: 40px;
	font-family: 'Arial', sans-serif;
}
.panel-one > .panel-body > H3 {
	font-family: 'Lora', serif;
}
.panel-two > .panel-body > H3 {
	font-family: 'Lora', serif;
}
.panel-three > .panel-body > H3 {
	font-family: 'Lora', serif;
}


.panel-two > .panel-heading {
  color: #ffffff;
  background-color: #08A693;
  border-color: #08A693;
}
.panel-two > .panel-heading > .panel-title {
  font-size: 40px;
	font-family: 'Arial', sans-serif;
}

.panel-three > .panel-heading {
  color: #ffffff;
  background-color: #66BBC4;
  border-color: #66BBC4;
}
.panel-three > .panel-heading > .panel-title {
  font-size: 40px;
	font-family: 'Arial', sans-serif;
}
.panel > .panel-large > .panel-body img {
	margin-top: -1px;
}

#well1 img {
	margin-top: -1px;
}

.DOPimgSmall img{
    width: 100%;
    height: 50%;
    margin: auto;
}

.margin-top-20 {
	margin-top: 20px;
}
.margin-top-50 {
	margin-top: 50px;
}
.heavy {
	font-weight: 500;
	font-size: 16px;
}
.btn-teal { color: #fff; background-color: #06a795; border-color: #06a795; }
.btn-teal:focus, .btn-teal.focus { color: #fff; background-color: #046c62; border-color: #000000; }
.btn-teal:hover { color: #fff; background-color: #046c62; border-color: #046c62; }
.btn-teal:active, .btn-teal.active, .open > .dropdown-toggle.btn-teal { color: #fff; background-color: #046c62; border-color: #046c62; }
.btn-teal:active:hover, .btn-teal.active:hover, .open > .dropdown-toggle.btn-teal:hover, .btn-teal:active:focus, .btn-teal.active:focus, .open > .dropdown-toggle.btn-teal:focus, .btn-teal:active.focus, .btn-teal.active.focus, .open > .dropdown-toggle.btn-teal.focus { color: #fff; background-color: #046c62; border-color: #000000; }
.btn-teal:active, .btn-teal.active, .open > .dropdown-toggle.btn-teal { background-image: none; }
.btn-teal.disabled, .btn-teal[disabled], fieldset[disabled] .btn-teal, .btn-teal.disabled:hover, .btn-teal[disabled]:hover, fieldset[disabled] .btn-teal:hover, .btn-teal.disabled:focus, .btn-teal[disabled]:focus, fieldset[disabled] .btn-teal:focus, .btn-teal.disabled.focus, .btn-teal[disabled].focus, fieldset[disabled] .btn-teal.focus, .btn-teal.disabled:active, .btn-teal[disabled]:active, fieldset[disabled] .btn-teal:active, .btn-teal.disabled.active, .btn-teal[disabled].active, fieldset[disabled] .btn-teal.active { background-color: #06a795; border-color: #06a795; }

.btn-dk-blue { color: #fff; background-color: #254678; border-color: #254678; }
.btn-dk-blue:focus, .btn-dk-blue.focus { color: #fff; background-color: #1e3860; border-color: #000000; }
.btn-dk-blue:hover { color: #fff; background-color: #1e3860; border-color: #1e3860; }
.btn-dk-blue:active, .btn-dk-blue.active, .open > .dropdown-toggle.btn-dk-blue { color: #fff; background-color: #1e3860; border-color: #1e3860; }
.btn-dk-blue:active:hover, .btn-dk-blue.active:hover, .open > .dropdown-toggle.btn-dk-blue:hover, .btn-dk-blue:active:focus, .btn-dk-blue.active:focus, .open > .dropdown-toggle.btn-dk-blue:focus, .btn-dk-blue:active.focus, .btn-dk-blue.active.focus, .open > .dropdown-toggle.btn-dk-blue.focus { color: #fff; background-color: #1e3860; border-color: #000000; }
.btn-dk-blue:active, .btn-dk-blue.active, .open > .dropdown-toggle.btn-dk-blue { background-image: none; }
.btn-dk-blue.disabled, .btn-dk-blue[disabled], fieldset[disabled] .btn-dk-blue, .btn-dk-blue.disabled:hover, .btn-dk-blue[disabled]:hover, fieldset[disabled] .btn-dk-blue:hover, .btn-dk-blue.disabled:focus, .btn-dk-blue[disabled]:focus, fieldset[disabled] .btn-dk-blue:focus, .btn-dk-blue.disabled.focus, .btn-dk-blue[disabled].focus, fieldset[disabled] .btn-dk-blue.focus, .btn-dk-blue.disabled:active, .btn-dk-blue[disabled]:active, fieldset[disabled] .btn-dk-blue:active, .btn-dk-blue.disabled.active, .btn-dk-blue[disabled].active, fieldset[disabled] .btn-dk-blue.active { background-color: #254678; border-color: #254678; }


.btn-gray { color: #fff; background-color: #4D4F4E; border-color: #7E807F; }
.btn-gray:focus, .btn-gray.focus { color: #fff; background-color: #12233b; border-color: #000000; }
.btn-gray:hover { color: #fff; background-color: #5E605F; border-color: #737574; }
.btn-gray:active, .btn-gray.active, .open > .dropdown-toggle.btn-gray { color: #fff; background-color: #12233b; border-color: #454545; }
.btn-gray:active:hover, .btn-gray.active:hover, .open > .dropdown-toggle.btn-gray:hover, .btn-gray:active:focus, .btn-gray.active:focus, .open > .dropdown-toggle.btn-gray:focus, .btn-gray:active.focus, .btn-gray.active.focus, .open > .dropdown-toggle.btn-gray.focus { color: #fff; background-color: #454545; border-color: #000000; }
.btn-gray:active, .btn-gray.active, .open > .dropdown-toggle.btn-gray { background-image: none; }
.btn-gray.disabled, .btn-gray[disabled], fieldset[disabled] .btn-gray, .btn-gray.disabled:hover, .btn-gray[disabled]:hover, fieldset[disabled] .btn-gray:hover, .btn-gray.disabled:focus, .btn-gray[disabled]:focus, fieldset[disabled] .btn-gray:focus, .btn-gray.disabled.focus, .btn-gray[disabled].focus, fieldset[disabled] .btn-gray.focus, .btn-gray.disabled:active, .btn-gray[disabled]:active, fieldset[disabled] .btn-gray:active, .btn-gray.disabled.active, .btn-gray[disabled].active, fieldset[disabled] .btn-gray.active { background-color: #4D4F4E; border-color: #4D4F4E; }

/*THE CODE BELOW IS FOR THE CD PAGES WITH TEXT IN THE TEAL BANNER*/

		#teal-banner {
			margin-top: -20px;
			background-image: url("images/ircf-background.png");
			background-color: #54A17C;
			background-repeat: no-repeat, repeat;
			min-height: 300px;
		}

		#teal-banner h1 {
			color: #ffffff !important;
			font-size: 55px;
			font-weight: bold;
			font-family: 'Montserrat', sans-serif;
			line-height: 1.0;
			text-align: center;
			padding-top: 50px;
		}

		#red-banner{
			background-color: #D39D9E;
			color: #000000;
			font-size: 14px;
			min-height: 30px;
			text-align: left;
			padding-left: 150px;
			padding-right: 150px;
			padding-top: 20px;
			padding-bottom: 20px;
		}

		#well4 {
			background-color:#f3f3f3;
		}
	#well2 {
			background-color:#f3f3f3;
		}
	#well3 {
			background-color:#f3f3f3;
		}


.box {
  width: 95%;
  padding-left: 32px;
  padding-right: 10px;
}

.box2 {
  width: 85%;
  padding-left: 55px;
  padding-right: 10px;
}

		.white-box {
			background: #f3f3f3;
			padding-top: 20px;
		}

		.white-box .panel-body {
			background-color: #ffffff;
			height: auto;
			margin-bottom: 20px;
		}

		.white-box h3 {
			font-family: 'Lora', serif;
			color: #1f1f1f;
			font-size: 25px;
		    margin-top: 15px;
		}

		@media (min-width: 768px) {
			.white-box .panel-body {
				display: flex;
				flex-flow: row;
				align-items: stretch;
			}
		}
@media only screen and (max-width: 600px) {
  #teal-banner h1 {
    font-size:50px;
  }
	#red-banner {
		padding: 20px;
	}
}
/*THE CODE BELOW IS FOR THE MHD PAGES WITH TEXT IN THE TEAL BANNER*/

	 #teal-banner-hpc {
			margin-top: 0px;
			background-image: url("/mhd/img/hep-cure-background.png");
			background-color: #54A17C;
			background-repeat: no-repeat, repeat;
			min-height: 315px;
			display:flex;
			justify-content: center;
			align-items: center;
		}
		
		#teal-banner-hpc h1 {
			color: #ffffff !important;
			font-size: 55px;
			font-weight: bold;
			font-family: 'Montserrat', sans-serif;
			line-height: 1.0;
			text-align: center;
		}		
		#teal-banner-hpc-provider {
			margin-top: 0px;
			background-image: url("/mhd/img/hep-cure-provider-background.png");
			background-color: #54A17C;
			background-repeat: no-repeat, repeat;
			min-height: 315px;
			display:flex;
			justify-content: center;
			align-items: center;
		}
		
		#teal-banner-hpc-provider h1 {
			color: #ffffff !important;
			font-size: 55px;
			font-weight: bold;
			font-family: 'Montserrat', sans-serif;
			line-height: 1.0;
			text-align: center;
		}
			
		#teal-banner-hpc-public {
			margin-top: 0px;
			background-image: url("/mhd/img/hep-cure-public-background.png");
			background-color: #54A17C;
			background-repeat: no-repeat, repeat;
			min-height: 315px;
			display:flex;
			justify-content: center;
			align-items: center;
		}
		
		#teal-banner-hpc-public h1 {
			color: #ffffff !important;
			font-size: 55px;
			font-weight: bold;
			font-family: 'Montserrat', sans-serif;
			line-height: 1.0;
			text-align: center;
		}