/********************
	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 {
    font-weight    : 400;
    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);
    border-radius: 50px;
}

.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 : var(--color-secondary);
    color: #fff;
    border-radius: 50px;
    border: 1px solid var(--color-secondary);
}

.btn-secondary:hover {
    background-color : transparent;
    color: 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
}

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