:root{
  --color-primary: #3774B5;
  --color-primary-alt: #2966A7;
  --color-primary-border: #1F5085;
  --color-primary-text: #fff;
  --color-primary-light: #A4C5E8;
  
  --color-secondary: #7C838A;
  --color-secondary-alt: #626465;
  --color-secondary-border: #515151;
  --color-secondary-text: #fff;
  --color-secondary-light: #DEDEDE;

  --color-success: #20953B;
  --color-success-alt: #156C29;
  --color-success-border: #115621;
  --color-success-text: #fff;
  --color-success-light: #C3E4CB;

  --color-info: #0F94A9;
  --color-info-alt: #0B8295;
  --color-info-border: #096877;
  --color-info-text: #fff;
  --color-info-light: #B5D2D7;

  --color-warning: #A7851F;
  --color-warning-alt: #CFA31E;
  --color-warning-border: #AC881B;
  --color-warning-text: #fff;
  --color-warning-light: #FFF1C7;

  --color-danger: #C22222;
  --color-danger-alt: #AA1F1F;
  --color-danger-border: #822323;
  --color-danger-text: #fff;
  --color-danger-light: #FFD2D2;

  --color-light: #f8f9fa;
  --color-light-alt: #dae0e5;
  --color-light-border: #B4B7BA;
  --color-light-text: #212529;
  --color-light-light: #f8f9fa;

  --color-dark: #343a40;
  --color-dark-alt: #1d2124;
  --color-dark-border: #000;
  --color-dark-text: #fff;
  --color-dark-light: #CCD3D9;

}

.btn-primary, .btn-primary.disabled, .btn-primary:disabled{
  color: var(--color-primary-text);
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  box-shadow: 0 0 var(--color-primary-alt);
}
.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle, .btn-primary:focus, .btn-primary.focus ,.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  color: var(--color-primary-text);
  background-color: var(--color-primary-alt);
  border-color: var(--color-primary-alt);
  box-shadow: 0 0 var(--color-primary-alt);
}

.btn-secondary, .btn-secondary.disabled, .btn-secondary:disabled{
  color: var(--color-secondary-text);
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
  box-shadow: 0 0 var(--color-secondary-alt);
}
.btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle, .btn-secondary:focus, .btn-secondary.focus ,.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  color: var(--color-secondary-text);
  background-color: var(--color-secondary-alt);
  border-color: var(--color-secondary-alt);
  box-shadow: 0 0 var(--color-secondary-alt);
}

.btn-success, .btn-success.disabled, .btn-success:disabled{
  color: var(--color-success-text);
  background-color: var(--color-success);
  border-color: var(--color-success);
  box-shadow: 0 0 var(--color-success-alt);
}
.btn-success:hover, .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle, .btn-success:focus, .btn-success.focus ,.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  color: var(--color-success-text);
  background-color: var(--color-success-alt);
  border-color: var(--color-success-alt);
  box-shadow: 0 0 var(--color-success-alt);
}

.btn-info, .btn-info.disabled, .btn-info:disabled{
  color: var(--color-info-text);
  background-color: var(--color-info);
  border-color: var(--color-info);
  box-shadow: 0 0 var(--color-info-alt);
}
.btn-info:hover, .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle, .btn-info:focus, .btn-info.focus ,.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  color: var(--color-info-text);
  background-color: var(--color-info-alt);
  border-color: var(--color-info-alt);
  box-shadow: 0 0 var(--color-info-alt);
}

.btn-warning, .btn-warning.disabled, .btn-warning:disabled{
  color: var(--color-warning-text);
  background-color: var(--color-warning);
  border-color: var(--color-warning);
  box-shadow: 0 0 var(--color-warning-alt);
}
.btn-warning:hover, .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle, .btn-warning:focus, .btn-warning.focus ,.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  color: var(--color-warning-text);
  background-color: var(--color-warning-alt);
  border-color: var(--color-warning-alt);
  box-shadow: 0 0 var(--color-warning-alt);
}

.btn-danger, .btn-danger.disabled, .btn-danger:disabled{
  color: var(--color-danger-text);
  background-color: var(--color-danger);
  border-color: var(--color-danger);
  box-shadow: 0 0 var(--color-danger-alt);
}
.btn-danger:hover, .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle, .btn-danger:focus, .btn-danger.focus ,.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  color: var(--color-danger-text);
  background-color: var(--color-danger-alt);
  border-color: var(--color-danger-alt);
  box-shadow: 0 0 var(--color-danger-alt);
}

.btn-light, .btn-light.disabled, .btn-light:disabled{
  color: var(--color-light-text);
  background-color: var(--color-light);
  border-color: var(--color-light);
  box-shadow: 0 0 var(--color-light-alt);
}
.btn-light:hover, .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle, .btn-light:focus, .btn-light.focus ,.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  color: var(--color-light-text);
  background-color: var(--color-light-alt);
  border-color: var(--color-light-alt);
  box-shadow: 0 0 var(--color-light-alt);
}

.btn-dark, .btn-dark.disabled, .btn-dark:disabled{
  color: var(--color-dark-text);
  background-color: var(--color-dark);
  border-color: var(--color-dark);
  box-shadow: 0 0 var(--color-dark-alt);
}
.btn-dark:hover, .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle, .btn-dark:focus, .btn-dark.focus ,.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  color: var(--color-dark-text);
  background-color: var(--color-dark-alt);
  border-color: var(--color-dark-alt);
  box-shadow: 0 0 var(--color-dark-alt);
}

.btn-outline-primary, .btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: var(--color-primary);
  background-color: transparent;
  background-image: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 var(--color-primary-alt);
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary.focus, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  color: var(--color-primary-text);
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  box-shadow: 0 0 var(--color-primary-alt);
}

.btn-outline-secondary, .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: var(--color-secondary);
  background-color: transparent;
  background-image: none;
  border-color: var(--color-secondary);
  box-shadow: 0 0 var(--color-secondary-alt);
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary.focus, .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  color: var(--color-secondary-text);
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
  box-shadow: 0 0 var(--color-secondary-alt);
}

.btn-outline-success, .btn-outline-success.disabled, .btn-outline-success:disabled {
  color: var(--color-success);
  background-color: transparent;
  background-image: none;
  border-color: var(--color-success);
  box-shadow: 0 0 var(--color-success-alt);
}
.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success.focus, .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  color: var(--color-success-text);
  background-color: var(--color-success);
  border-color: var(--color-success);
  box-shadow: 0 0 var(--color-success-alt);
}

.btn-outline-info, .btn-outline-info.disabled, .btn-outline-info:disabled {
  color: var(--color-info);
  background-color: transparent;
  background-image: none;
  border-color: var(--color-info);
  box-shadow: 0 0 var(--color-info-alt);
}
.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info.focus, .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  color: var(--color-info-text);
  background-color: var(--color-info);
  border-color: var(--color-info);
  box-shadow: 0 0 var(--color-info-alt);
}

.btn-outline-warning, .btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: var(--color-warning);
  background-color: transparent;
  background-image: none;
  border-color: var(--color-warning);
  box-shadow: 0 0 var(--color-warning-alt);
}
.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning.focus, .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  color: var(--color-warning-text);
  background-color: var(--color-warning);
  border-color: var(--color-warning);
  box-shadow: 0 0 var(--color-warning-alt);
}

.btn-outline-danger, .btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: var(--color-danger);
  background-color: transparent;
  background-image: none;
  border-color: var(--color-danger);
  box-shadow: 0 0 var(--color-danger-alt);
}
.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger.focus, .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  color: var(--color-danger-text);
  background-color: var(--color-danger);
  border-color: var(--color-danger);
  box-shadow: 0 0 var(--color-danger-alt);
}

.btn-outline-light, .btn-outline-light.disabled, .btn-outline-light:disabled {
  color: var(--color-light);
  background-color: transparent;
  background-image: none;
  border-color: var(--color-light);
  box-shadow: 0 0 var(--color-light-alt);
}
.btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light.focus, .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  color: var(--color-light-text);
  background-color: var(--color-light);
  border-color: var(--color-light);
  box-shadow: 0 0 var(--color-light-alt);
}

.btn-outline-dark, .btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: var(--color-dark);
  background-color: transparent;
  background-image: none;
  border-color: var(--color-dark);
  box-shadow: 0 0 var(--color-dark-alt);
}
.btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark.focus, .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  color: var(--color-dark-text);
  background-color: var(--color-dark);
  border-color: var(--color-dark);
  box-shadow: 0 0 var(--color-dark-alt);
}


.badge-primary , .badge-primary[href]:hover, .badge-primary[href]:focus {
  color: var(--color-primary-text);
  text-decoration: none;
  background-color: var(--color-primary-alt);
}
.alert-primary {
  color: var(--color-primary-border);
  background-color: var(--color-primary-light);
  border-color: var(--color-primary-border);
}
.alert-primary hr {
  border-top-color: var(--color-primary-border);
}
.alert-primary .alert-link {
  color: var(--color-primary-border);
}

.list-group-item-primary, .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: var(--color-primary-border);
  background-color: var(--color-primary-alt);
}

.list-group-item-primary.list-group-item-action.active {
  color: var(--color-primary-text);
  background-color: var(--color-primary-alt);
  border-color: var(--color-primary-border);
}

.bg-primary {
  background-color: var(--color-primary) !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: var(--color-primary-alt) !important;
}

.border-primary {
  border-color: var(--color-primary) !important;
}

.text-primary {
  color: var(--color-primary) !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: var(--color-primary-alt) !important;
}

            

.badge-secondary , .badge-secondary[href]:hover, .badge-secondary[href]:focus {
  color: var(--color-secondary-text);
  text-decoration: none;
  background-color: var(--color-secondary-alt);
}
.alert-secondary {
  color: var(--color-secondary-border);
  background-color: var(--color-secondary-light);
  border-color: var(--color-secondary-border);
}
.alert-secondary hr {
  border-top-color: var(--color-secondary-border);
}
.alert-secondary .alert-link {
  color: var(--color-secondary-border);
}

.list-group-item-secondary, .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: var(--color-secondary-border);
  background-color: var(--color-secondary-alt);
}

.list-group-item-secondary.list-group-item-action.active {
  color: var(--color-secondary-text);
  background-color: var(--color-secondary-alt);
  border-color: var(--color-secondary-border);
}

.bg-secondary {
  background-color: var(--color-secondary) !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: var(--color-secondary-alt) !important;
}

.border-secondary {
  border-color: var(--color-secondary) !important;
}

.text-secondary {
  color: var(--color-secondary) !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: var(--color-secondary-alt) !important;
}

            

.badge-success , .badge-success[href]:hover, .badge-success[href]:focus {
  color: var(--color-success-text);
  text-decoration: none;
  background-color: var(--color-success-alt);
}
.alert-success {
  color: var(--color-success-border);
  background-color: var(--color-success-light);
  border-color: var(--color-success-border);
}
.alert-success hr {
  border-top-color: var(--color-success-border);
}
.alert-success .alert-link {
  color: var(--color-success-border);
}

.list-group-item-success, .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: var(--color-success-border);
  background-color: var(--color-success-alt);
}

.list-group-item-success.list-group-item-action.active {
  color: var(--color-success-text);
  background-color: var(--color-success-alt);
  border-color: var(--color-success-border);
}

.bg-success {
  background-color: var(--color-success) !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: var(--color-success-alt) !important;
}

.border-success {
  border-color: var(--color-success) !important;
}

.text-success {
  color: var(--color-success) !important;
}

a.text-success:hover, a.text-success:focus {
  color: var(--color-success-alt) !important;
}

            

.badge-info , .badge-info[href]:hover, .badge-info[href]:focus {
  color: var(--color-info-text);
  text-decoration: none;
  background-color: var(--color-info-alt);
}
.alert-info {
  color: var(--color-info-border);
  background-color: var(--color-info-light);
  border-color: var(--color-info-border);
}
.alert-info hr {
  border-top-color: var(--color-info-border);
}
.alert-info .alert-link {
  color: var(--color-info-border);
}

.list-group-item-info, .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: var(--color-info-border);
  background-color: var(--color-info-alt);
}

.list-group-item-info.list-group-item-action.active {
  color: var(--color-info-text);
  background-color: var(--color-info-alt);
  border-color: var(--color-info-border);
}

.bg-info {
  background-color: var(--color-info) !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: var(--color-info-alt) !important;
}

.border-info {
  border-color: var(--color-info) !important;
}

.text-info {
  color: var(--color-info) !important;
}

a.text-info:hover, a.text-info:focus {
  color: var(--color-info-alt) !important;
}

            

.badge-warning , .badge-warning[href]:hover, .badge-warning[href]:focus {
  color: var(--color-warning-text);
  text-decoration: none;
  background-color: var(--color-warning-alt);
}
.alert-warning {
  color: var(--color-warning-border);
  background-color: var(--color-warning-light);
  border-color: var(--color-warning-border);
}
.alert-warning hr {
  border-top-color: var(--color-warning-border);
}
.alert-warning .alert-link {
  color: var(--color-warning-border);
}

.list-group-item-warning, .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: var(--color-warning-border);
  background-color: var(--color-warning-alt);
}

.list-group-item-warning.list-group-item-action.active {
  color: var(--color-warning-text);
  background-color: var(--color-warning-alt);
  border-color: var(--color-warning-border);
}

.bg-warning {
  background-color: var(--color-warning) !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: var(--color-warning-alt) !important;
}

.border-warning {
  border-color: var(--color-warning) !important;
}

.text-warning {
  color: var(--color-warning) !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: var(--color-warning-alt) !important;
}

            

.badge-danger , .badge-danger[href]:hover, .badge-danger[href]:focus {
  color: var(--color-danger-text);
  text-decoration: none;
  background-color: var(--color-danger-alt);
}
.alert-danger {
  color: var(--color-danger-border);
  background-color: var(--color-danger-light);
  border-color: var(--color-danger-border);
}
.alert-danger hr {
  border-top-color: var(--color-danger-border);
}
.alert-danger .alert-link {
  color: var(--color-danger-border);
}

.list-group-item-danger, .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: var(--color-danger-border);
  background-color: var(--color-danger-alt);
}

.list-group-item-danger.list-group-item-action.active {
  color: var(--color-danger-text);
  background-color: var(--color-danger-alt);
  border-color: var(--color-danger-border);
}

.bg-danger {
  background-color: var(--color-danger) !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: var(--color-danger-alt) !important;
}

.border-danger {
  border-color: var(--color-danger) !important;
}

.text-danger {
  color: var(--color-danger) !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: var(--color-danger-alt) !important;
}

            

.badge-light , .badge-light[href]:hover, .badge-light[href]:focus {
  color: var(--color-light-text);
  text-decoration: none;
  background-color: var(--color-light-alt);
}
.alert-light {
  color: var(--color-light-border);
  background-color: var(--color-light-light);
  border-color: var(--color-light-border);
}
.alert-light hr {
  border-top-color: var(--color-light-border);
}
.alert-light .alert-link {
  color: var(--color-light-border);
}

.list-group-item-light, .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: var(--color-light-border);
  background-color: var(--color-light-alt);
}

.list-group-item-light.list-group-item-action.active {
  color: var(--color-light-text);
  background-color: var(--color-light-alt);
  border-color: var(--color-light-border);
}

.bg-light {
  background-color: var(--color-light) !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: var(--color-light-alt) !important;
}

.border-light {
  border-color: var(--color-light) !important;
}

.text-light {
  color: var(--color-light) !important;
}

a.text-light:hover, a.text-light:focus {
  color: var(--color-light-alt) !important;
}

            

.badge-dark , .badge-dark[href]:hover, .badge-dark[href]:focus {
  color: var(--color-dark-text);
  text-decoration: none;
  background-color: var(--color-dark-alt);
}
.alert-dark {
  color: var(--color-dark-border);
  background-color: var(--color-dark-light);
  border-color: var(--color-dark-border);
}
.alert-dark hr {
  border-top-color: var(--color-dark-border);
}
.alert-dark .alert-link {
  color: var(--color-dark-border);
}

.list-group-item-dark, .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: var(--color-dark-border);
  background-color: var(--color-dark-alt);
}

.list-group-item-dark.list-group-item-action.active {
  color: var(--color-dark-text);
  background-color: var(--color-dark-alt);
  border-color: var(--color-dark-border);
}

.bg-dark {
  background-color: var(--color-dark) !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: var(--color-dark-alt) !important;
}

.border-dark {
  border-color: var(--color-dark) !important;
}

.text-dark {
  color: var(--color-dark) !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: var(--color-dark-alt) !important;
}

/*=======================================================
# SWITCH
=======================================================*/
.custom-switch {
  padding-left: 2.25rem;
  padding-bottom: 3px;
}

.custom-control-label {
  padding-top: 0.5rem;
  padding-left: 2rem;
  padding-bottom: 0.1rem;
}

.custom-switch-sm .custom-control-label {
  padding-top: 1px;
  padding-left: 2px;
}

.custom-switch .custom-control-label::before {
  left: -2.25rem;
  height: 2rem;
  width: 3.5rem;
  pointer-events: all;
  border-radius: 1rem;
}

.custom-switch-sm .custom-control-label::before {
  height: 1.2rem;
  width: 2rem;
}

.custom-control-input:checked~.custom-control-label::before{
  background-color: var(--color-primary);
  border: 1px solid var(--color-primary);
}

.custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(2rem - 4px);
  height: calc(2rem - 4px);
  background-color: var(--color-secondary);
  border-radius: 2rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}

.custom-switch-sm .custom-control-label::after {
  width: calc(1.2rem - 4px);
  height: calc(1.2rem - 4px);
}
@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  -webkit-transform: translateX(1.5rem);
  transform: translateX(1.5rem);
}

.custom-switch-sm .custom-control-input:checked ~ .custom-control-label::after {
  -webkit-transform: translateX(.8rem);
  transform: translateX(.8rem);
}

/*=======================================================
# FIX ALERT
=======================================================*/
.alert p{
    margin: 0px;
}

/*=======================================================
# DROPDOWN
=======================================================*/
.dropdown-menu{
  padding: 0px;
  overflow: hidden;
  min-width: 200px;
}

.dropdown-item{
  padding: .5rem 1rem;
  border-bottom: 1px solid #eee;
}

.dropdown-item:last-child{
  border-bottom: none;
}

.dropdown-item.active, .dropdown-item:active{
  background-color: var(--color-primary);
}

.dropdown-menu hr, .dropdown-menu .dropdown-divider{
  border-top: 2px solid #eee;
  margin: 0;
}

/*=======================================================
# RIMOZIONE BORDER
=======================================================*/
.input-group-append .btn,
.input-group-append .btn:hover,
.input-group-append .btn:active,
.input-group-append .btn:focus,
.input-group-prepend .btn,
.input-group-prepend .btn:hover,
.input-group-prepend .btn:active,
.input-group-prepend .btn:focus
{
  box-shadow: none !important;
  top: 0px !important;
}