/**
 * Bootstrap 5 buttons
 */

/* -- PRIMARY Button */
/*.btn.btn-primary {*/
/*    --bs-btn-color: #fff !important;*/
/*    --bs-btn-bg: var(--text-primary) !important;*/
/*    --bs-btn-active-bg: var(--text-primary) !important;*/
/*    --bs-btn-hover-bg:  var(--text-warning) !important;*/
/*    --bs-btn-hover-color: #ffffff;*/
/*    --bs-btn-hover-border-color: var(--text-warning) !important;*/
/*    transition: background-color 200ms linear, color 200ms linear;*/
/*}*/

/*.btn.btn-primary .icon-outline {*/
/*    background-color: white;*/
/*    border-radius: 50% !important; width: 55px; height: 55px;*/
/*    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);*/
/*    i { font-size: 2.2rem; color: var(--text-primary); }*/
/*}*/
/*.btn.btn-sm.btn-primary .icon-outline {*/
/*    width: 35px;*/
/*    height: 35px;*/
/*    i { font-size: 1.5rem; }*/
/*}*/

/*.btn.btn-primary:hover .icon-outline {  i {  color: var(--text-warning); }  }*/

/* -- -- PRIMARY OUTLINE Button */
/*.btn.btn-outline-primary {*/
/*    --bs-btn-border-color: var(--text-primary) !important;*/
/*    --bs-btn-color: var(--text-primary) !important;*/
/*    --bs-btn-bg: #fff !important;*/
/*    --bs-btn-hover-bg:#fff !important;*/
/*    --bs-btn-hover-color:  var(--text-warning) !important;*/
/*    --bs-btn-hover-border-color:  var(--text-warning) !important;*/
/*}*/

/*!* -- INFO Button *!*/
/*.btn.btn-info {*/
/*    --bs-btn-color: #fff;*/
/*    --bs-btn-bg: var(--text-info);*/
/*}*/

/*!* -- -- INFO OUTLINE Button *!*/
/*.btn.btn-outline-info {*/
/*    --bs-btn-color:var(--text-info);*/
/*    --bs-btn-bg:  #fff;*/
/*    --bs-btn-border-color: var(--text-info) !important;*/
/*}*/

.btn-action a, .btn-action button {
    border: 0;
    border-radius: .25em;
    color: #fff;
    font-size: 1.0625em;
    margin: .3125em;
    padding: .625em 1.1em;
    box-shadow: none;
    font-weight: 500;
}
.btn-action .btn-validate {
    background-color: rgb(26, 188, 156);
}
.btn-action .btn-cancel {
    background-color: rgb(241, 85, 108);
}

.btn-outline-primary.btn-outline-orange,
.btn-outline-orange {
    color: #e07b2b;
    background-color: #fff;
    border-color: #e07b2b;
}
.btn-outline-orange:hover, .btn-outline-orange:focus, .btn-outline-orange:active {
    background-color: #e07b2b;
    color: #fff;
}

/*.btn .btn-label {*/
/*    vertical-align: top;*/
/*    margin-right: 0;*/
/*}*/

/** region Links */
a.btn-change-tab, a.dt-btn-change-tab,
a.btn-change-page {
    color: #93B1A6; /* #5C8374; /*  #8f566a;*/
}
a.btn-change-tab:hover, a.dt-btn-change-tab:hover,
a.btn-change-page:hover {
    color: #183D3D;
    text-decoration: underline;
}
/** endregion Links */

/* SECONDARY Button */
.btn.btn-secondary {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #b0b0b0 !important;
    --bs-btn-active-bg: #b0b0b0 !important;
    --bs-btn-hover-bg:  #6c757d !important;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-border-color: #6c757d !important;
    border : white !important;
    transition: background-color 200ms linear, color 200ms linear;
}

.btn.btn-secondary .icon-outline{
    background-color: white;
    border-radius: 50% !important; width: 55px !important; height: 55px !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    i { font-size: 2.2rem !important; color: #b0b0b0; }
}

.btn.btn-sm.btn-secondary .icon-outline {
    width: 35px !important;
    height: 35px !important;
    i { font-size: 1.5rem !important; }
}

.btn.btn-secondary:hover .icon-outline {  i {  color: #6c757d; }  }

.btn-icon-archi-action {
    background-color: #3498db;
    color: #fff;
}
.btn-icon-archi-success {
    background-color: #0c622e;
    color: #fff;
    border-color: #0c622e;
}

.btn-icon-archi-success:hover, .btn-icon-archi-success:focus {
    background-color: #fff;
    color: #0c622e;
    border-color: #0c622e;
}

.btn-icon-archi-warning {
    background-color: #e07b2b;
    color: #fff;
}
.btn-icon-archi-danger {
    background-color: #F1556C;
    color: #fff;
}
.btn-icon-archi-action:hover, .btn-icon-archi-action:focus,
.btn-icon-archi-warning:hover, .btn-icon-archi-warning:focus,
.btn-icon-archi-danger:hover, .btn-icon-archi-danger:focus {
    border-color: #000;
    color: #000;
}

.btn-light:hover {
    border-color: #563440;
}

.btn-tab-refresh {
    opacity: 60%;
    top: 5px;
    right: 20px;
    position: absolute;
    z-index: 1;
}
.btn-tab-refresh:hover {
    opacity: 100%;
}

.btn-action a, .btn-action button {
    border: 0;
    border-radius: .25em;
    color: #fff;
    font-size: 1.0625em;
    margin: .3125em;
    padding: .625em 1.1em;
    box-shadow: none;
    font-weight: 500;
}
.btn-action .btn-validate {
    background-color: rgb(26, 188, 156);
}
.btn-action .btn-cancel {
    background-color: rgb(241, 85, 108);
}

.btn-outline-orange {
    color: #e07b2b;
    border-color: #e07b2b;
}
.btn-outline-orange:hover {
    background-color: #e07b2b;
    color: #fff;
}

.btn.disable { /* utilisé disable au lieu du disabled du thème car les tippy ne marchent pas avec */
    cursor: not-allowed;
    opacity: 0.65
}

/* #region BTN GROUP TOGGLE  */
.btn-group.btn-group-toggle .btn-outline-primary {
    background-color: white;
}

.btn-check:checked + .btn,
.btn.active/*,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active */{
    color: var(--bs-btn-active-color);
    /*background-color: var(--bs-btn-active-bg) !important;*/
    /*border-color: var(--bs-btn-active-border-color) !important;*/
    background-color: var(--text-primary);
    border-color: var(--text-primary);
}

/* Fix soucis des boutons btn-outline-primary sur active" */
.btn:first-child:active,
:not(.btn-check) + .btn:active {
    color: inherit;
    background-color: inherit;
    border-color: inherit;
}


.btn-check:disabled + .btn, .btn-check[disabled] + .btn {
    background-color: #eee;
}

/* #endregion BTN GROUP TOGGLE  */