/********************
	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-primary-80)
}

/********************
	Part - btn variations
********************/

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

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

.btn-primary {
  background: var(--btn-primary-bg-color) !important;
  color: var(--btn-primary-color) !important;
  border: 1px solid var(--btn-primary-border-color) !important;
  border-radius: 9px;
  transition: all 0.35s ease-in-out;
}

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

.btn-secondary {
  background: #fff;
  color: var(--color-primary);
  border-radius: 9px;
  transition: all 0.35s ease-in-out;
}

.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
}