.badge {
	--bs-badge-padding-x: 0.70em;
}
.text-bg-info {
  color: var(--bs-dark) !important;
}
.text-bg-warning {
  color: var(--bs-dark) !important;
}
.text-secondary {
  color: var(--bs-secondary) !important;
}
.text-bg-dark {
  background-color: var(--bs-tertiary-color) !important;
}
.text-dark {
  color: var(--bs-tertiary-color) !important;
}
    
[data-bs-theme=dark] .form-control, 
[data-bs-theme=dark] .form-control:focus{
  color: var(--bs-light);
  background-color: var(--bs-secondary-bg);
}

[data-bs-theme=dark] body .select2-container--bootstrap-5 .select2-selection,
[data-bs-theme=dark] body .select2-container--bootstrap-5 .select2-dropdown {
   background-color: var(--bs-secondary-bg);
}
[data-bs-theme=dark] body .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted{
  background-color: var(--bs-body-bg) !important;
}

body .select2-container--bootstrap-5 .select2-selection--single {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
}

:root{
  --bs-secondary:#FF751F;
  --bs-secondary-rgb: 255, 117, 31;
  --bs-warning:#E5B710;
  --bs-warning-rgb: 229, 183, 16;
  --btn-edge-size: 0.5em;
  --alert-edge-size: 1em;
  --bs-alert-border-width:1.4px;
  --nav-link-edge-size:1em;
}

.btn-outline-secondary{
  color:var(--bs-secondary);
  --bs-btn-hover-color:#fff;
  --bs-btn-active-color:#fff;
  --bs-btn-border-color:var(--bs-secondary);
}
.nav-pills .nav-link.active{
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% var(--nav-link-edge-size) , calc(100% - var(--nav-link-edge-size)) 0);
 clip-path: polygon(0 0, 0 100%, 100% 100%, 100% var(--nav-link-edge-size) , calc(100% - var(--nav-link-edge-size)) 0);

}
.alert {
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% var(--alert-edge-size) , calc(100% - var(--alert-edge-size)) 0);
 clip-path: polygon(0 0, 0 100%, 100% 100%, 100% var(--alert-edge-size) , calc(100% - var(--alert-edge-size)) 0);
}

.alert-primary,
.alert-secondary,
.alert-info,
.alert-success,
.alert-warning,
.alert-danger,
.alert-dark,
.alert-light
 {
  border: 0px;
  position: relative;
  isolation: isolate;
  clip-path: polygon(
    0 0,
    calc(100% - var(--alert-edge-size)) 0,
    100% var(--alert-edge-size),
    100% 100%,
    0 100%
  );
}
.alert-primary::before,
.alert-secondary::before,
.alert-info::before,
.alert-success::before,
.alert-warning::before,
.alert-danger::before,
.alert-dark::before,
.alert-light::before{
  content: "";
  position: absolute;
  inset: 0;
  background: var(--bs-alert-border-color);
  z-index: -2;
}

.alert-primary::after,
.alert-secondary::after,
.alert-info::after,
.alert-success::after,
.alert-warning::after,
.alert-danger::after,
.alert-dark::after,
.alert-light::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--bs-alert-bg);
  z-index: -1;
  clip-path: polygon(
    var(--bs-alert-border-width) var(--bs-alert-border-width),
    calc(100% - calc(var(--alert-edge-size) + var(--bs-alert-border-width) * 0.5)) var(--bs-alert-border-width),
    calc(100% - var(--bs-alert-border-width)) calc(var(--alert-edge-size) + var(--bs-alert-border-width) * 0.5),
    calc(100% - var(--bs-alert-border-width)) calc(100% - var(--bs-alert-border-width)),
    var(--bs-alert-border-width) calc(100% - var(--bs-alert-border-width))
  );
}
.badge{
  -webkit-clip-path: polygon(0 0, 0 calc(100% - 0.5em), 0.5em 100%, 100% 100%, 100% .5em , calc(100% - .5em) 0);
  clip-path: polygon(0 0, 0 calc(100% - 0.5em), 0.5em 100%, 100% 100%, 100% .5em , calc(100% - .5em) 0);
}

.btn-xs{
  border-radius:0px;
}
/*
.btn-outline-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #008cba;
  --bs-btn-border-color: #008cba;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #00779e;
  --bs-btn-hover-border-color: #007095;
  --bs-btn-focus-shadow-rgb: 38, 157, 196;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #007095;
  --bs-btn-active-border-color: #00698c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #008cba;
  --bs-btn-disabled-border-color: #008cba;
}

.btn-outline-secondary {
  --bs-btn-color: #000;
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #E05600;
  --bs-btn-hover-border-color: #E05600;
  --bs-btn-focus-shadow-rgb: 202, 202, 202;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #E05600;
  --bs-btn-active-border-color: #E05600;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: var(--bs-secondary);
  --bs-btn-disabled-border-color: var(--bs-secondary);
}

.btn-outline-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #43ac6a;
  --bs-btn-border-color: #43ac6a;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #39925a;
  --bs-btn-hover-border-color: #368a55;
  --bs-btn-focus-shadow-rgb: 95, 184, 128;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #368a55;
  --bs-btn-active-border-color: #328150;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #43ac6a;
  --bs-btn-disabled-border-color: #43ac6a;
}

.btn-outline-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: #5bc0de;
  --bs-btn-border-color: #5bc0de;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #4da3bd;
  --bs-btn-hover-border-color: #499ab2;
  --bs-btn-focus-shadow-rgb: 116, 201, 227;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #499ab2;
  --bs-btn-active-border-color: #4490a7;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #5bc0de;
  --bs-btn-disabled-border-color: #5bc0de;
}

.btn-outline-warning {
  --bs-btn-color: #fff;
  --bs-btn-bg: #e99002;
  --bs-btn-border-color: #e99002;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #c67a02;
  --bs-btn-hover-border-color: #ba7302;
  --bs-btn-focus-shadow-rgb: 236, 161, 40;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ba7302;
  --bs-btn-active-border-color: #af6c02;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #e99002;
  --bs-btn-disabled-border-color: #e99002;
}

.btn-outline-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #f04124;
  --bs-btn-border-color: #f04124;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #cc371f;
  --bs-btn-hover-border-color: #c0341d;
  --bs-btn-focus-shadow-rgb: 242, 94, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #c0341d;
  --bs-btn-active-border-color: #b4311b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #f04124;
  --bs-btn-disabled-border-color: #f04124;
}

.btn-outline-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #eee;
  --bs-btn-border-color: #eee;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #cacaca;
  --bs-btn-hover-border-color: #bebebe;
  --bs-btn-focus-shadow-rgb: 202, 202, 202;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #bebebe;
  --bs-btn-active-border-color: #b3b3b3;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #eee;
  --bs-btn-disabled-border-color: #eee;
}

.btn-outline-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #333;
  --bs-btn-border-color: #333;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #525252;
  --bs-btn-hover-border-color: #474747;
  --bs-btn-focus-shadow-rgb: 82, 82, 82;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #5c5c5c;
  --bs-btn-active-border-color: #474747;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #333;
  --bs-btn-disabled-border-color: #333;
}
*/


.btn:not(.dropdown-toggle) {
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% .5em , calc(100% - .5em) 0);
  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% var(--btn-edge-size) , calc(100% - var(--btn-edge-size)) 0);
}

.btn-outline-primary:not(.dropdown-toggle),
.btn-outline-secondary:not(.dropdown-toggle),
.btn-outline-info:not(.dropdown-toggle),
.btn-outline-success:not(.dropdown-toggle),
.btn-outline-warning:not(.dropdown-toggle),
.btn-outline-danger:not(.dropdown-toggle),
.btn-outline-dark:not(.dropdown-toggle),
.btn-outline-light:not(.dropdown-toggle)
 {
  background: var(--bs-body-bg);
  border: 0;
  position: relative;
  isolation: isolate;
  clip-path: polygon(
    0 0,
    calc(100% - var(--btn-edge-size)) 0,
    100% var(--btn-edge-size),
    100% 100%,
    0 100%
  );
}
.btn-outline-primary:not(.dropdown-toggle)::before,
.btn-outline-secondary:not(.dropdown-toggle)::before,
.btn-outline-info:not(.dropdown-toggle)::before,
.btn-outline-success:not(.dropdown-toggle)::before,
.btn-outline-warning:not(.dropdown-toggle)::before,
.btn-outline-danger:not(.dropdown-toggle)::before,
.btn-outline-dark:not(.dropdown-toggle)::before,
.btn-outline-light:not(.dropdown-toggle)::before
{
  content: "";
  position: absolute;
  inset: 0;
  background: var(--bs-btn-border-color);
  z-index: -2;
}

.btn-outline-primary:not(.dropdown-toggle):not(:hover)::after,
.btn-outline-secondary:not(.dropdown-toggle):not(:hover)::after,
.btn-outline-info:not(.dropdown-toggle):not(:hover)::after,
.btn-outline-success:not(.dropdown-toggle):not(:hover)::after,
.btn-outline-warning:not(.dropdown-toggle):not(:hover)::after,
.btn-outline-danger:not(.dropdown-toggle):not(:hover)::after,
.btn-outline-dark:not(.dropdown-toggle):not(:hover)::after,
.btn-outline-light:not(.dropdown-toggle):not(:hover)::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--bs-body-bg);
  z-index: -1;
  clip-path: polygon(
    var(--bs-btn-border-width) var(--bs-btn-border-width),
    calc(100% - calc(var(--btn-edge-size) + var(--bs-btn-border-width) * 0.5)) var(--bs-btn-border-width),
    calc(100% - var(--bs-btn-border-width)) calc(var(--btn-edge-size) + var(--bs-btn-border-width) * 0.5),
    calc(100% - var(--bs-btn-border-width)) calc(100% - var(--bs-btn-border-width)),
    var(--bs-btn-border-width) calc(100% - var(--bs-btn-border-width))
  );
}

.btn-group .dropdown-toggle.btn-primary ~ .dropdown-menu,
.btn-group .dropdown-toggle.btn-outline-primary ~ .dropdown-menu {
    background-color: #008cba;
    border-color: #007ea7;
}

.btn-group .dropdown-toggle.btn-info~.dropdown-menu,
.btn-group .dropdown-toggle.btn-outline-info~.dropdown-menu
{
    background-color: #5bc0de;
    border-color: #52adc8;
}