:root {
    --formulizer-red: #734689;
    --formulizer-rgb: 115, 70, 137;
}

html {
    background-color: #f2f6f8;
}

.bg-orange {
    background-color: var(--formulizer-red) !important;
}

.skin-red-light .main-header .logo {
    background-color: var(--formulizer-red);
}

.info-box {
    border-radius: 10px;
}

.box {
    border-radius: 10px;
}

.box-header {
    border-radius: 6px;
}

a:hover {
    color: var(--formulizer-red);
}

a:focus{
    color: var(--formulizer-red);
}

a:not([href]):not([tabindex]):hover {
    color: var(--formulizer-red);
}

.form-control:focus {
    border-color: var(--formulizer-red);
}

.select2-container--default .select2-search--dropdown .select2-search__field{
    border-color: var(--formulizer-red) !important;
}

.skin-red-light .sidebar a {
    color: #444;
}

.skin-red-light .sidebar-menu .treeview-menu > li > a {
    color: #444;
}

[type=radio].with-gap.radio-col-green:checked+label:before {
    border: 2px solid var(--formulizer-red);
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}

[type=radio].with-gap.radio-col-green:checked+label:after {
    background-color: var(--formulizer-red);
    border: 2px solid var(--formulizer-red);
    -webkit-animation: ripple .2s linear forwards;
    animation: ripple .2s linear forwards;
}

.btn-purple {
  color: #fff;
  background-color: var(--formulizer-red);
  border-color: var(--formulizer-red);
}

.btn-purple:hover {
  color: #fff;
  background-color: #69367f; 
  border-color: #633178;
}

.btn-purple:focus,
.btn-purple.focus {
  color: #fff;
  background-color: #69367f;
  border-color: #633178;
  box-shadow: 0 0 0 0.25rem rgba(115, 70, 137, 0.5);
}

.btn-purple:active,
.btn-purple.active,
.show > .btn-purple.dropdown-toggle {
  color: #fff;
  background-color: #5e2e70; 
  border-color: #582a69;
}

.btn-purple:disabled,
.btn-purple.disabled {
  color: #fff;
  background-color: var(--formulizer-red);
  border-color: var(--formulizer-red);
}

.box-header .panel-top-button-group.red i {
    background-color: var(--formulizer-red);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    border: 1px solid var(--formulizer-red);
    background-color: var(--formulizer-red);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 1px solid var(--formulizer-red);
    background-color: var(--formulizer-red);
}

.box-header .panel-top-button-group.dark-light i {
    background-color: var(--formulizer-red);
}

.box-header .panel-top-button-group i{
    width: 25px;
    height: 25px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--formulizer-red);
}

.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover{
    color: #fff !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: var(--formulizer-red) !important;
}

[type=checkbox]:checked.chk-col-orange+label:before {
    border-right: 2px solid var(--formulizer-red);
    border-bottom: 2px solid var(--formulizer-red);
}

.aside-sidebar a[data-toggle="tab"]:hover {
    background-color: var(--formulizer-red);
}

.aside-sidebar a.active[data-toggle="tab"] {
    background-color: rgba(115, 70, 137, 0.6);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
    color: #333 !important;
    border: 1px solid var(--formulizer-red);
}

.main-footer {
    background: var(--formulizer-red);
    color: #fff;
}

.loading-panels.processing {
    display: none;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.4);
    align-items: center;
    justify-content: center;
}

.loading-panels.processing[style*="display: block"] {
    display: flex !important;
}

.loading-panels-content {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.08);
    padding: 40px 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
}