/* Monty added for custom alerts, v basic for the moment */
.vfOverlay {
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    visibility: hidden;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background-image: url('../../Images/greyout.png');
	background-repeat: repeat;
}

.vfOverlay.active {
    visibility: visible;
    opacity: 1;
}

.vfNotification {
    position: fixed;
    top: 5%;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #FAFAFA;
    width: 90%;
    max-width: 370px;
    box-sizing: border-box;
    padding: 20px 10px;
    border-radius: 3px;
    font-size: 1em;
	line-height: 140%;
    text-align: center;
    z-index: 10001;
    box-shadow: 0 1.5px 4px rgba(0, 0, 0, .24), 0 1.5px 6px rgba(0, 0, 0, .12);
    opacity: 0;
    transform: translateY(-500px);
    visibility: hidden;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
	font-family: sans-serif;
}
.vfNotification p {
	margin: 0 auto 20px;
}

.vfNotification.active {
    visibility: visible;
    transform: translateY(0);
    opacity: 1;
}

.vfNotification button {
    display: inline-block;
    margin-top: 10px;
    padding: 5px 25px;
    font-size: 0.8em;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    border: 1px solid #bbb;
    cursor: pointer;
    box-sizing: border-box;
    color: #212121;
    background: transparent;
}

.vfNotification button:hover {
    border-color: #212121;
}

.vfNotification.confirm button {
  margin-left: 1em;
  margin-right: 1em;
}
.vfNotification.confirm button:nth-child(2) {
  margin-left: 0;
  margin-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.vfNotification.confirm button:nth-child(3) {
  margin-left: 0;
  margin-right: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.vfNotification button:active,
.vfNotification button:focus {
    outline: none;
    background: #f0f0f0;
    border-color: #212121;
}