svg {
    margin: 1%;
}

svg path {
    cursor: pointer;
    fill: #e3e3e3;
    stroke: #b0b0b0;
    stroke-width: .10%;
    stroke-linejoin: round;
    stroke-linecap: round;
}

svg path:hover {
    /* transition: 0.5s; */
    fill: #2362a2;
    cursor: pointer;
}

footer {
    margin-top: 4em;
}

input[type=search]::-webkit-search-cancel-button {
    display: none;
}

.btn-outline-primary {
    --bs-btn-color: #2362a2;
    --bs-btn-border-color: #2362a2;
    --bs-btn-hover-bg: #2362a2;
    --bs-btn-hover-border-color: #2362a2;
    --bs-btn-active-bg: #2362a2;
    --bs-btn-active-border-color: #2362a2;
    --bs-btn-disabled-color: #2362a2;
    --bs-btn-disabled-border-color: #2362a2;
}

.mytooltip {
    pointer-events: none;
    position: absolute;
    text-align: center;
    background: #fff;
    padding: 0 15px;
    z-index: 5;
    line-height: 24px;
    margin: 0 auto;
    border-radius: 5px;
    box-shadow: 0 0 0 1px #eee;
    transform: translateX(-50%);
    display: none;
    white-space: pre;
}

.mytooltip:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    width: 0;
    height: 0;
    margin-left: -11px;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid #eee;
}

.mytooltip:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    width: 0;
    height: 0;
    margin-left: -10px;
    margin-top: -1px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
}

#link {
    color: #2362a2;
}

#autocomplete {
    width: 100%;
}

.dataTables_length {
    float: right;
}

.dataTables_paginate {
    float: left;
}

.active>.page-link, .page-link.active {
    color: #000;
    background-color: #d2e8ff;
    border-color: #2362a2;
}

.page-link:hover {
    color: #000;
    background-color: #d2e8ff;
}

.page-link {
    color: #000;
}

.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 0.875rem;
    --bs-pagination-border-width: 1px;
    --bs-pagination-border-radius: 0.375rem;
    display: flex;
    padding-left: 0;
    list-style: none;
}

.dropdown-item:active {
    background-color: #2362a2;
}
