/********************
	Style général des buttons
********************/
.btn {
	display: inline-block;
	font-weight: 400;
	line-height: 1.25;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .5rem 1rem;
	border-radius: 0;
	transition: all 0.3s;
}

/********************
	Part - btn status
********************/
a.btn.disabled, fieldset[disabled] a.btn {
	pointer-events: none;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}

.btn.focus, .btn:focus, .btn:hover {
	text-decoration: none
}

.btn.active, .btn:active {
	background-image: none;
	outline: 0
}

.btn.disabled, .btn:disabled {
	cursor: not-allowed;
	opacity: .65
}

.btn.disabled, .btn.disabled:hover {
	background: var(--color-grey-font-default)
}

/********************
	Part - btn variations
********************/
.btn-primary,
.btn-secondary,
.btn-tertiary {
	text-transform: uppercase;
	font-weight: 600;
	padding: .5rem 1.25rem
}

.btn-primary .material-icons,
.btn-secondary .material-icons,
.btn-tertiary .material-icons {
	margin-right: .25em
}

.btn-primary {
	background: var(--btn-primary-bg-color);
	color: var(--btn-primary-color);
	border: 1px solid var(--btn-primary-border-color);
}

.btn-primary:focus,
.btn-primary:hover {
	background: var(--btn-primary-bg-color--is-hover);
	color: var(--btn-primary-color--is-hover);
	border: 1px solid var(--btn-primary-border-color--is-hover);
}

.btn-secondary {
	background-color: transparent;
	color: var(--color-secondary);
	border: 1px solid var(--color-secondary);
	text-transform: uppercase;
	padding: .75em 1.5em;
}

.btn-tertiary {
	background-color: #f7f7f7;
	text-transform: lowercase;
	color: var(--color-grey-font-default);
	padding: .25rem;
	margin: .25rem 0;
	font-weight: 400;
	font-size: .875rem
}

.btn-tertiary .material-icons {
	font-size: 1rem
}

.btn-tertiary:hover {
	border: 1px solid rgba(35, 35, 35, .2)
}

.btn-unstyle {
	background-color: transparent;
	border: none;
	padding: 0;
	text-align: inherit
}

.btn-unstyle:focus {
	outline: 0
}

.btn-unstyle:focus .expand-more {
	color: #2fb5d2
}

/********************
	Part - btn bootstrap
********************/
.btn-info {
	color: #fff;
	background-color: #5bc0de;
	border-color: #5bc0de
}

.btn-info.focus, .btn-info:focus, .btn-info:hover {
	color: #fff;
	background-color: #31b0d5;
	border-color: #2aabd2
}

.btn-info.active, .btn-info:active, .open > .btn-info.dropdown-toggle {
	color: #fff;
	background-color: #31b0d5;
	border-color: #2aabd2;
	background-image: none
}

.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open > .btn-info.dropdown-toggle.focus,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle:hover {
	color: #fff;
	background-color: #269abc;
	border-color: #1f7e9a
}

.btn-info.disabled.focus,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info:disabled.focus,
.btn-info:disabled:focus,
.btn-info:disabled:hover {
	background-color: #5bc0de;
	border-color: #5bc0de
}

.btn-success {
	color: #fff;
	background-color: #4cbb6c;
	border-color: #4cbb6c
}

.btn-success.focus, .btn-success:focus, .btn-success:hover {
	color: #fff;
	background-color: #3a9a56;
	border-color: #389252
}

.btn-success.active, .btn-success:active, .open > .btn-success.dropdown-toggle {
	color: #fff;
	background-color: #3a9a56;
	border-color: #389252;
	background-image: none
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .btn-success.dropdown-toggle.focus,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle:hover {
	color: #fff;
	background-color: #318047;
	border-color: #256237
}

.btn-success.disabled.focus,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success:disabled.focus,
.btn-success:disabled:focus,
.btn-success:disabled:hover {
	background-color: #4cbb6c;
	border-color: #4cbb6c
}

.btn-warning {
	color: #fff;
	background-color: #ff9a52;
	border-color: #ff9a52
}

.btn-warning.focus, .btn-warning:focus, .btn-warning:hover {
	color: #fff;
	background-color: #ff7c1f;
	border-color: #ff7615
}

.btn-warning.active, .btn-warning:active, .open > .btn-warning.dropdown-toggle {
	color: #fff;
	background-color: #ff7c1f;
	border-color: #ff7615;
	background-image: none
}

.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open > .btn-warning.dropdown-toggle.focus,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle:hover {
	color: #fff;
	background-color: #fa6800;
	border-color: #d25700
}

.btn-warning.disabled.focus,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning:disabled.focus,
.btn-warning:disabled:focus,
.btn-warning:disabled:hover {
	background-color: #ff9a52;
	border-color: #ff9a52
}

.btn-danger {
	color: #fff;
	background-color: #ff4c4c;
	border-color: #ff4c4c
}

.btn-danger.focus, .btn-danger:focus, .btn-danger:hover {
	color: #fff;
	background-color: #ff1919;
	border-color: #ff0f0f
}

.btn-danger.active, .btn-danger:active, .open > .btn-danger.dropdown-toggle {
	color: #fff;
	background-color: #ff1919;
	border-color: #ff0f0f;
	background-image: none
}

.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open > .btn-danger.dropdown-toggle.focus,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle:hover {
	color: #fff;
	background-color: #f40000;
	border-color: #c00
}

.btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger:disabled.focus, .btn-danger:disabled:focus, .btn-danger:disabled:hover {
	background-color: #ff4c4c;
	border-color: #ff4c4c
}

.btn-outline-primary {
	color: #2fb5d2;
	background-image: none;
	background-color: transparent;
	border-color: #2fb5d2
}

.btn-outline-primary.active, .btn-outline-primary.focus, .btn-outline-primary:active, .btn-outline-primary:focus, .btn-outline-primary:hover, .open > .btn-outline-primary.dropdown-toggle {
	color: #fff;
	background-color: #2fb5d2;
	border-color: #2fb5d2
}

.btn-outline-primary.active.focus, .btn-outline-primary.active:focus, .btn-outline-primary.active:hover, .btn-outline-primary:active.focus, .btn-outline-primary:active:focus, .btn-outline-primary:active:hover, .open > .btn-outline-primary.dropdown-toggle.focus, .open > .btn-outline-primary.dropdown-toggle:focus, .open > .btn-outline-primary.dropdown-toggle:hover {
	color: #fff;
	background-color: #1e788c;
	border-color: #175c6a
}

.btn-outline-primary.disabled.focus, .btn-outline-primary.disabled:focus, .btn-outline-primary.disabled:hover, .btn-outline-primary:disabled.focus, .btn-outline-primary:disabled:focus, .btn-outline-primary:disabled:hover {
	border-color: #83d3e4
}

.btn-outline-secondary {
	color: transparent;
	background-image: none;
	background-color: transparent;
	border-color: transparent
}

.btn-outline-secondary.active, .btn-outline-secondary.active.focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.active:hover, .btn-outline-secondary.focus, .btn-outline-secondary:active, .btn-outline-secondary:active.focus, .btn-outline-secondary:active:focus, .btn-outline-secondary:active:hover, .btn-outline-secondary:focus, .btn-outline-secondary:hover, .open > .btn-outline-secondary.dropdown-toggle, .open > .btn-outline-secondary.dropdown-toggle.focus, .open > .btn-outline-secondary.dropdown-toggle:focus, .open > .btn-outline-secondary.dropdown-toggle:hover {
	color: #fff;
	background-color: transparent;
	border-color: transparent
}

.btn-outline-secondary.disabled.focus, .btn-outline-secondary.disabled:focus, .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled.focus, .btn-outline-secondary:disabled:focus, .btn-outline-secondary:disabled:hover {
	border-color: rgba(51, 51, 51, 0)
}

.btn-outline-info {
	color: #5bc0de;
	background-image: none;
	background-color: transparent;
	border-color: #5bc0de
}

.btn-outline-info.active, .btn-outline-info.focus, .btn-outline-info:active, .btn-outline-info:focus, .btn-outline-info:hover, .open > .btn-outline-info.dropdown-toggle {
	color: #fff;
	background-color: #5bc0de;
	border-color: #5bc0de
}

.btn-outline-info.active.focus, .btn-outline-info.active:focus, .btn-outline-info.active:hover, .btn-outline-info:active.focus, .btn-outline-info:active:focus, .btn-outline-info:active:hover, .open > .btn-outline-info.dropdown-toggle.focus, .open > .btn-outline-info.dropdown-toggle:focus, .open > .btn-outline-info.dropdown-toggle:hover {
	color: #fff;
	background-color: #269abc;
	border-color: #1f7e9a
}

.btn-outline-info.disabled.focus, .btn-outline-info.disabled:focus, .btn-outline-info.disabled:hover, .btn-outline-info:disabled.focus, .btn-outline-info:disabled:focus, .btn-outline-info:disabled:hover {
	border-color: #b0e1ef
}

.btn-outline-success {
	color: #4cbb6c;
	background-image: none;
	background-color: transparent;
	border-color: #4cbb6c
}

.btn-outline-success.active, .btn-outline-success.focus, .btn-outline-success:active, .btn-outline-success:focus, .btn-outline-success:hover, .open > .btn-outline-success.dropdown-toggle {
	color: #fff;
	background-color: #4cbb6c;
	border-color: #4cbb6c
}

.btn-outline-success.active.focus, .btn-outline-success.active:focus, .btn-outline-success.active:hover, .btn-outline-success:active.focus, .btn-outline-success:active:focus, .btn-outline-success:active:hover, .open > .btn-outline-success.dropdown-toggle.focus, .open > .btn-outline-success.dropdown-toggle:focus, .open > .btn-outline-success.dropdown-toggle:hover {
	color: #fff;
	background-color: #318047;
	border-color: #256237
}

.btn-outline-success.disabled.focus, .btn-outline-success.disabled:focus, .btn-outline-success.disabled:hover, .btn-outline-success:disabled.focus, .btn-outline-success:disabled:focus, .btn-outline-success:disabled:hover {
	border-color: #96d7a9
}

.btn-outline-warning {
	color: #ff9a52;
	background-image: none;
	background-color: transparent;
	border-color: #ff9a52
}

.btn-outline-warning.active, .btn-outline-warning.focus, .btn-outline-warning:active, .btn-outline-warning:focus, .btn-outline-warning:hover, .open > .btn-outline-warning.dropdown-toggle {
	color: #fff;
	background-color: #ff9a52;
	border-color: #ff9a52
}

.btn-outline-warning.active.focus, .btn-outline-warning.active:focus, .btn-outline-warning.active:hover, .btn-outline-warning:active.focus, .btn-outline-warning:active:focus, .btn-outline-warning:active:hover, .open > .btn-outline-warning.dropdown-toggle.focus, .open > .btn-outline-warning.dropdown-toggle:focus, .open > .btn-outline-warning.dropdown-toggle:hover {
	color: #fff;
	background-color: #fa6800;
	border-color: #d25700
}

.btn-outline-warning.disabled.focus, .btn-outline-warning.disabled:focus, .btn-outline-warning.disabled:hover, .btn-outline-warning:disabled.focus, .btn-outline-warning:disabled:focus, .btn-outline-warning:disabled:hover {
	border-color: #ffd6b8
}

.btn-outline-danger {
	color: #ff4c4c;
	background-image: none;
	background-color: transparent;
	border-color: #ff4c4c
}

.btn-outline-danger.active, .btn-outline-danger.focus, .btn-outline-danger:active, .btn-outline-danger:focus, .btn-outline-danger:hover, .open > .btn-outline-danger.dropdown-toggle {
	color: #fff;
	background-color: #ff4c4c;
	border-color: #ff4c4c
}

.btn-outline-danger.active.focus, .btn-outline-danger.active:focus, .btn-outline-danger.active:hover, .btn-outline-danger:active.focus, .btn-outline-danger:active:focus, .btn-outline-danger:active:hover, .open > .btn-outline-danger.dropdown-toggle.focus, .open > .btn-outline-danger.dropdown-toggle:focus, .open > .btn-outline-danger.dropdown-toggle:hover {
	color: #fff;
	background-color: #f40000;
	border-color: #c00
}

.btn-outline-danger.disabled.focus, .btn-outline-danger.disabled:focus, .btn-outline-danger.disabled:hover, .btn-outline-danger:disabled.focus, .btn-outline-danger:disabled:focus, .btn-outline-danger:disabled:hover {
	border-color: #ffb2b2
}

.btn-link {
	font-weight: 400;
	color: #2fb5d2;
	border-radius: 0
}

.btn-link, .btn-link.active, .btn-link:active, .btn-link:disabled {
	background-color: transparent
}

.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
	border-color: transparent
}

.btn-link:focus, .btn-link:hover {
	color: #208094;
	text-decoration: underline;
	background-color: transparent
}

.btn-link:disabled:focus, .btn-link:disabled:hover {
	color: var(--color-grey-default);
	text-decoration: none
}


.btn-tertiary-outline {
	color: #6c868e;
	background-image: none;
	background-color: transparent;
	border-color: #6c868e;
	border: .15rem solid #6c868e;
}

.btn-tertiary-outline:hover {
	border-color: #bbcdd2;
	color: #bbcdd2
}