@import url("colors.css");

.ui-button {
	font-family: 'Poppins' !important;
	outline: none !important;
	background-color: var(--bright-blue) !important;
	font-size: 16px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 22.4px !important;
}

.ui-button:hover {
	background-color: var(--info-blue) !important;
}


.ui-button:focus {
	outline: none !important;
	box-shadow: none !important;
}

.ui-button-danger {
	background: var(--error-red) !important;
	border: 1px solid var(--error-red) !important;
}

.ui-button-danger:hover {
	background-color: var(--light-red) !important;
}

.ui-button-outlined--danger {
	background-color: var(--white) !important;
	color: var(--error-red) !important;
	border: 1px solid var(--error-red) !important;
}

.ui-button-outlined--danger:hover {
	background-color: var(--error-bg-red) !important;
}

.ui-button-outlined {
	background-color: var(--white) !important;
}

.ui-button-outlined:hover {
	background-color: var(--shade-blue) !important;
}

.ui-button-warning {
	background: var(--warning-orange) !important;
	border: 1px solid var(--warning-orange) !important;
	color: var(--white) !important;
}

.ui-button-warning:hover {
	background-color: var(--light-orange) !important;
}

.ui-button-outlined--warning {
	background-color: var(--white) !important;
	color: var(--warning-orange) !important;
	border: 1px solid var(--warning-orange) !important;
}

.ui-button-outlined--warning:hover {
	background-color: var(--dim-orange) !important;
}

.ui-button-flat {
	background-color: rgba(0,0,0,0) !important;
	color: var(--bright-blue) !important;
}

.ui-button-icon-only {
    width: 2.4em !important;
}

.ev-button-flat--iconOnly:hover {
	background-color: var(--info-bg-blue) !important;
}