/********************
	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);
  color      : #fff;
  border     : 1px solid var(--color-grey-font-default);
}

/********************
	Part - btn variations
********************/
.btn-primary,
.btn-secondary,
.btn-tertiary {
  color          : #FFF;
  text-align     : center;
  font-size      : 16px;
  font-style     : normal;
  font-weight    : 700;
  line-height    : normal;
  letter-spacing : 0.48px;
  border-radius  : 50px;
}

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

.btn-primary {
  background : linear-gradient(269deg, #E56A54 -3.27%, #CC5A46 95.63%);
  transition : all 0.3s ease-in-out;
  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(--color-primary);
}

.btn-secondary {
  background : var(--color-secondary);
  color      : var(--color-white-default);
  border     : 1px solid var(--color-secondary);
}

.btn-secondary:focus,
.btn-secondary:hover {
  background : var(--color-white-default);
  color      : var(--color-secondary);
  border     : 1px solid var(--color-secondary);
}

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

.--with-outline {
  outline    : 5px solid rgba(128, 147, 161, 0.15);
  max-width  : calc(100% - 14px);
  max-height : calc(100% - 14px);
  transition : all .4s ease-in-out;
  margin     : 7px
}

/********************
	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
}