/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 /*
 .mph-add-alert form div, .mph-add-alert form select, .mph-add-alert form input[type="submit"] {
	margin-top:20px;
}
.mph-add-alert form select {margin-top:0px;}
*/

.mph-alert {
    align-items: center;
/*
    padding: 10px;
    padding: 15px var(--section-horizontal-padding);
*/
    padding: 15px 10vw;
    text-align: center;
    width: 100%;
    gap: 20px;
    border-top: 1px solid #FFFFFF;
    display: flex;
    flex-direction: row;
}
.mph-alert:last-of-type {
    border-bottom: 1px solid #FFFFFF;
}
.mph-alert img {
    flex-shrink: 0;
}
.mph-alert img.mph-close-alert {
    cursor: pointer;
}

.mph-alert a.mph-alert-button {
	border: 2px solid white;
	padding: 2px 10px;
	border-radius: 4px;
	text-decoration: none;
	background-color: white;
}

.mph-ca-warning a.mph-alert-button {
	color:#CC0033;
}
.mph-ca-warning, 
.mph-ca-warning:hover,
.mph-ca-warning a.mph-alert-button:hover {
    color:#FFFFFF;
    background-color:#CC0033;}

.mph-ca-info a.mph-alert-button {
	color:#417BAA;
}
.mph-ca-info, 
.mph-ca-info:hover,
.mph-ca-info a.mph-alert-button:hover {
    color:#FFFFFF;
    background-color:#417BAA;}

.mph-ca-error a.mph-alert-button {
	color:#990099;
}
.mph-ca-error, 
.mph-ca-error:hover,
.mph-ca-error a.mph-alert-button:hover {
    color:#FFFFFF;
    background-color:#990099;}

.mph-ca-success a.mph-alert-button {
	color:#647E3A;
}
.mph-ca-success, 
.mph-ca-success:hover,
.mph-ca-success a.mph-alert-button:hover {
    color:#FFFFFF;
    background-color:#647E3A;}


div#mph-ca-target-wrapper {
    display:none;
}

div#mph-ca-target-wrapper.locations,
div#mph-ca-target-wrapper.providers {
    display:block;
}

div#mph-ca-target-inner-wrapper {
    max-height:300px;
    overflow-y:scroll;
    width: 200px;
    border: 1px solid #8c8f94;
    background-color: #fff;
}
div#mph-ca-target-wrapper.locations label.providers,
div#mph-ca-target-wrapper.providers label.locations {
    display:none;
}

.mph-alert p { /*style.css:2284*/
    display: inline;
    color: #FFFFFF;
}

.mph-alert a, .mph-alert a:hover {
	color: #fff;
	text-decoration: underline;
} 

.mph-false-input {
    padding: 4px 8px;
    line-height: 2;
    min-height: 30px;
    box-shadow: 0 0 0 transparent;
    border-radius: 4px;
    border: 1px solid #8c8f94;
    background-color: #fff;
    color: #2c3338;
    margin: 0 1px;
    font-size: 14px;
    box-sizing: border-box;
    font-family: inherit;
    font-weight: inherit;
    cursor: not-allowed;
}