:root {
    --primary-color: #0d6efd;
    --secondary-color: #212529;
}
  
body, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: 'Lora', sans-serif !important;
}

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

.ui-draggable .ui-dialog-titlebar {
    background-color: var(--primary-color);
}

.dropdown-item, .dropdown-item:focus {
    color: var(--secondary-color) !important;
}

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

.nav-tabs>li>a.active, .nav-tabs>li>a.active:hover, .nav-tabs>li>a.active:focus {
    border-top-color: var(--primary-color) !important;
}
  
*:focus, input, select, .select2-container--default .select2-search--dropdown .select2-search__field, span.select2-selection.select2-selection--single {
    outline-color: var(--primary-color) !important;
}

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

input:hover, .form-control:focus, .form-control:hover {
    border-color: var(--primary-color);
}

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

.btn:focus {
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem var(--primary-color);
}

.btn, .btn:hover, .btn:focus, .btn-primary, .btn-primary:hover, .btn-primary:focus {
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.btn-secondary, .btn-secondary:hover, .btn-secondary:focus {
    color: var(--secondary-color) !important;
    border: 1px solid var(--secondary-color);
}

.paginate_button:hover, .paginate_button.current {
    background: var(--primary-color) !important;
}

#myBar {
    background: var(--primary-color);
}

.footer_cert {
  background: var(--secondary-color);
}

#svgComm {
  background-image: radial-gradient(circle, #fff 8%, rgba(112, 244, 143, 0.5), rgb(69, 187, 192) 75%); /* var(--primary-color) 75% */
}

#polygonThink {
  stroke: var(--primary-color) !important;
}