/* XXL */
.btn-xxl.mobile-standard {
    font-size: 1.4rem !important;
    color: white !important;
    font-weight: bold !important;
	box-shadow: 1px 1px 1px 1px gray !important;
	width: 100% !important;
	height: 100% !important;
}
/* Generic styles */
[class*="micro-btn"] {
	text-align: center !important; 
	vertical-align: middle !important;
	border-radius: .25rem !important;
	border: 1px solid transparent;
	padding: .375rem .75rem;
}

.micro-btn-success,
.micro-btn-warning,
.micro-btn-danger,
.micro-btn-default,
.micro-btn-primary,
.micro-btn-secondary,
.micro-btn-info,
.micro-btn-light,
.micro-btn-dark {
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
/* Success */
.micro-btn-success {
	background-color: var(--success-background);
	border-color: var(--success-border);
	color: var(--success-color) !important;
	box-shadow: none;
}

.micro-btn-success:hover {
	background-color: var(--success-hover-background);
	border-color: var(--success-hover-border);
	color: var(--success-hover-color) !important;
}
/* Warning */
.micro-btn-warning {
	background-color: var(--warning-background);
	border-color: var(--warning-border);
	color: var(--warning-color) !important;
}
.micro-btn-warning:hover {
	background-color: var(--warning-hover-background);
	border-color: var(--warning-hover-border);
	color: var(--warning-hover-color) !important;
}

/* Danger */
.micro-btn-danger {
	background-color: var(--danger-background);
	border-color: var(--danger-border);
	color: var(--danger-color) !important;
}
.micro-btn-danger:hover {
	background-color: var(--danger-hover-background);
	border-color: var(--danger-hover-border);
	color: var(--danger-hover-color) !important;
}
/* Default */
.micro-btn-default {
	background-color: var(--default-background);
	border-color: var(--default-border);
	color: var(--default-color) !important;
}
.micro-btn-default:hover {
	background-color: var(--default-hover-background);
	border-color: var(--default-hover-border);
	color: var(--default-hover-color) !important;
}
/* Primary */
.micro-btn-primary {
	background-color: var(--primary-background);
	border-color: var(--primary-border);
	color: var(--primary-color) !important;
}
.micro-btn-primary:hover {
	background-color: var(--primary-hover-background);
	border-color: var(--primary-hover-border);
	color: var(--primary-hover-color) !important;
}
/* Secondary */
.micro-btn-secondary {
	background-color: var(--secondary-background);
	border-color: var(--secondary-border);
	color: var(--secondary-color) !important;
}
.micro-btn-secondary:hover {
	background-color: var(--secondary-hover-background);
	border-color: var(--secondary-hover-border);
	color: var(--secondary-hover-color) !important;
}
/* info */
.micro-btn-info {
	background-color: var(--info-background);
	border-color: var(--info-border);
	color: var(--info-color) !important;
}
.micro-btn-info:hover {
	background-color: var(--info-hover-background);
	border-color: var(--info-hover-border);
	color: var(--info-hover-color) !important;
}
/* info */
.micro-btn-light {
	background-color: var(--light-background);
	border-color: var(--light-border);
	color: var(--light-color) !important;
}
.micro-btn-light:hover {
	background-color: var(--light-hover-background);
	border-color: var(--light-hover-border);
	color: var(--light-hover-color) !important;
}
/* dark */
.micro-btn-dark {
	background-color: var(--dark-background);
	border-color: var(--dark-border);
	color: var(--dark-color) !important;
}
.micro-btn-dark:hover {
	background-color: var(--dark-hover-background);
	border-color: var(--dark-hover-border);
	color: var(--dark-hover-color) !important;
}
/* disabled */
.micro-btn:not(.micro-btn-mprimary):disabled {
	background-color: var(--disabled-background);
	border-color: var(--disabled-border);
	color: var(--disabled-color) !important;
	opacity: .65;
}
[class*="micro-btn"]:not(.micro-btn-mprimary)[disabled]:hover {
	background-color: var(--disabled-hover-background);
	border-color: var(--disabled-hover-border);
	color: var(--disabled-hover-color) !important;
	cursor: no-drop;
}

/* Gray */
.micro-btn-gray {
	background-color: lightgray !important;
	color: black !important;
}
/* Disabled */
.micro-btn-gray:disabled,
.micro-btn-success:disabled {
	background-color: rgb(232, 232, 232) !important;
	color: gray !important;
}

[class*="micro-btn"]:not(:disabled):hover {
	cursor: pointer;
}

.micro-btn-no-rounded {
	border-radius: 0 !important;
}

body.isMobile .dropdown,
body.isMobile .dropdown button {
	height: 100% !important;
}

.micro-btn-transparent {
	height: 100% !important;
}

body:not(.isMobile) .micro-btn-mprimary:not([disabled]),
body:not(.isMobile) .micro-btn-mprimary[disabled],
body.isMobile .micro-btn-mprimary:not([disabled]),
body.isMobile .micro-btn-mprimary[disabled],
.micro-btn-mprimary-not-default:not([disabled]), 
.micro-btn-mprimary-not-default[disabled] {
	display: flex;
	align-items: center !important;
	gap: 10px !important;
}

body:not(.isMobile) .micro-btn-mprimary:not([disabled]),
body:not(.isMobile) .micro-btn-mprimary[disabled],
body:not(.isMobile) .micro-btn-mprimary-not-default:not([disabled]),
body:not(.isMobile) .micro-btn-mprimary-not-default[disabled] {
	justify-content: flex-start !important;
}

body.isMobile .micro-btn-mprimary:not([disabled]),
body.isMobile .micro-btn-mprimary[disabled] {
	justify-content: center !important;
}

.micro-btn-mprimary:not([disabled]) {
	background-color: var(--micro-primary-color) !important;
	color: var(--micro-primary-text-color) !important;
	height: 100%;
}

.micro-btn-mprimary[disabled] {
	background-color: rgb(235, 235, 235) !important;
	border-color: var(--disabled-hover-border) !important;
	color: black !important;
	cursor: no-drop !important;
	height: 100%;
}

.micro-btn-mprimary-not-default:not([disabled]) {
	color: var(--micro-primary-color);
	border: 1px solid var(--micro-primary-color);
}

.micro-btn-mprimary-not-default[disabled] {
	background-color: lightgray !important;
	border-color: var(--disabled-hover-border) !important;
	color: black !important;
	cursor: no-drop !important;
	height: 100%;
}

.micro-btn-link {
	text-decoration: underline !important;
}

.micro-btn-link-primary-decoration-hover {
	text-decoration: unset !important;
	color: var(--micro-primary-color);
}

.micro-btn-link-default-decoration-hover {
	text-decoration: unset !important;
	color: white;
}

.micro-btn-link-primary-decoration-hover:hover,
.micro-btn-link-default-decoration-hover:hover {
	text-decoration: underline !important;
}

.micro-btn-transparent,
.micro-btn-link,
.micro-btn-link-primary-decoration-hover,
.micro-btn-link-default-decoration-hover {
	background-color: transparent !important;
}