@keyframes pulse-green-white {
    0% {
        background: #ffffff;
        color: #359299;
    }

    50% {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #60c7cc), color-stop(1, #359299) );
        background: -moz-linear-gradient( center top, #60c7cc 5%, #359299 100% );
        background: -ms-linear-gradient(bottom, #359299 0%, #60c7cc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#60c7cc', endColorstr='#359299');
        background-color: #60c7cc;
        color: #ffffff;
    }

    100% {
        background: #ffffff;
        color: #359299;
    }
}

.save-button {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #60c7cc), color-stop(1, #359299));
    background: -moz-linear-gradient( center top, #60c7cc 5%, #359299 100% );
    background: -ms-linear-gradient(bottom, #359299 0%, #60c7cc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#60c7cc', endColorstr='#359299');
    background-color: #60c7cc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #5fa9b3;
    display: inline-block;
    color: #ffffff;
    font-weight: normal;
    vertical-align: middle;
    text-align: center;
    min-width: 60px;
}

.save-button:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #60c7cc), color-stop(1, #359299));
    color: #ffffff;
}

.save-button.pulse {
    animation: pulse-green-white 1.5s infinite;
    transition: background-color 0.5s, color 0.5s;
}

.primary-btn-2 {
    -moz-box-shadow: inset 0px 1px 0px 0px #adebed !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #adebed !important;
    box-shadow: inset 0px 1px 0px 0px #adebed !important;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #60c7cc), color-stop(1, #359299) ) !important;
    background: -moz-linear-gradient( center top, #60c7cc 5%, #359299 100% ) !important;
    background: -ms-linear-gradient(bottom, #359299 0%, #60c7cc 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#60c7cc', endColorstr='#359299') !important;
    background-color: #60c7cc !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    border: 1px solid #5fa9b3 !important;
    display: inline-block !important;
    color: #ffffff !important;
    font-weight: normal !important;
    vertical-align: middle !important;
    text-align: center !important;
    min-width: 60px;
}

.primary-btn-2:not([disabled]) :hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #359299), color-stop(1, #60c7cc) ) !important;
    background: -moz-linear-gradient( center top, #359299 5%, #60c7cc 100% ) !important;
    background: -ms-linear-gradient(top, #359299 0%, #60c7cc 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#359299', endColorstr='#60c7cc') !important;
    background-color: #359299 !important;
}
 
.primary-btn-2 :active {
    position:relative;
    top:1px;
}

/* button styling
    ----------------------------------------------------------*/
.green-button {
    -moz-box-shadow:inset 0px 1px 0px 0px #adebed;
    -webkit-box-shadow:inset 0px 1px 0px 0px #adebed;
    box-shadow:inset 0px 1px 0px 0px #adebed;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #60c7cc), color-stop(1, #359299) );
    background:-moz-linear-gradient( center top, #60c7cc 5%, #359299 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#60c7cc', endColorstr='#359299');
    background-color:#60c7cc;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border:1px solid #5fa9b3;
    display:inline-block;
    color:#ffffff;
	padding: 4px 8px;
}

.green-button[disabled] {
	opacity: 0.45;
	color: #eeeeee;
}
 
.green-button:not([disabled]):hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #359299), color-stop(1, #60c7cc) );
    background:-moz-linear-gradient( center top, #359299 5%, #60c7cc 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#359299', endColorstr='#60c7cc');
    background-color:#359299;
}

.gray-button {
    height: 26px;
}

.gray-button span {
    padding: .2em 1em ;
    font-family: Arial;
    font-size: 1.2em;
    color: #333333;
}

.patient-portal-button {
	color: black;
	padding: 0 5px;
	border-radius: 6px;
	display: inline;
	text-shadow: 1px 1px 0px #ffffff;
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: -webkit-linear-gradient(#ededed 5%, #dfdfdf 100%);
	background: linear-gradient(#ededed 5%, #dfdfdf 100%);
	cursor: default;
	font-weight: 600;
}

.patient-portal-button:hover {
	background: -webkit-linear-gradient(#dfdfdf 5%, #ededed 100%);
	background: linear-gradient(#dfdfdf 5%, #ededed 100%);
	cursor: pointer;
}

.patient-portal-button.pulse {
	text-shadow: none;
	background: -webkit-linear-gradient(#ffff99 5%, #eff092 100%);
	background: linear-gradient(#ffff99 5%, #eff092 100%);
}

.patient-portal-button:hover.pulse {
	text-shadow: none;
	background: -webkit-linear-gradient(#eff092 5%, #ffff99 100%);
	background: linear-gradient(#eff092 5%, #ffff99 100%);
}

.patient-portal-button[disabled] {
	opacity: 0.6;
}

@keyframes shadow-pulse {
	0% {
		box-shadow: 0 0 0 0px white;
	}

	100% {
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}
}

.pulse {
	border-radius: 6px;
	animation: shadow-pulse 1s infinite;
}