/**
 * 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);
    text-align: center;
    width: 100%;
    gap: 20px;
    border-top: 1px solid #FFFFFF;
}
.mph-alert svg {
    --fillColor:#FFFFFF;
}
.mph-alert img {
    flex-shrink: 0;
}
.mph-alert div {
    display:inline-block;
    margin:5px;
}
.mph-alert img.mph-close-alert,
.mph-alert .mph-close-alert svg {
    cursor: pointer;
}

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

.mph-ca-warning a {
	color:#FF0000;
    text-decoration: underline;
}
.mph-ca-warning svg {
    --fillColor:#FF0000;
}
.mph-ca-warning, 
.mph-ca-warning:hover,
.mph-ca-warning a.mph-alert-button:hover {
    color:#FF0000;
    background-color:#FFCC33;}

.mph-ca-info a {
	color:#FFFFFF;
    text-decoration:underline;
}
.mph-ca-info svg {
    --fillColor:#FFFFFF;
}
.mph-ca-info, 
.mph-ca-info:hover,
.mph-ca-info a.mph-alert-button:hover {
    color:#FFFFFF;
    background-color:#805374;}

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

.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.location,
div#mph-ca-target-wrapper.service {
    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.location label.parent-service,
div#mph-ca-target-wrapper.service label.location {
    display:none;
}

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

.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;
}