﻿:root {
    --_CorPrimaria: #8A3A91;
    --_CorSecundaria: #f1ddf2;
    --_Red: 138;
    --_Green: 58;
    --_Blue: 145;
}

a {
    color: var(--_CorPrimaria);
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.btn-link {
    font-weight: 400;
    color: var(--_CorPrimaria);
    background-color: transparent;
}

.btn.btn-primary {
    color: #fff;
    background-color: var(--_CorPrimaria);
    border-color: var(--_CorPrimaria);
    box-shadow: 0 2px 2px 0 rgba(var(--_Red), var(--_Green), var(--_Blue), 0.14), 0 3px 1px -2px rgba(var(--_Red), var(--_Green), var(--_Blue), 0.2), 0 1px 5px 0 rgba(var(--_Red), var(--_Green), var(--_Blue), 0.12);
}

.open > .btn.btn-primary.dropdown-toggle.bmd-btn-icon {
    color: inherit;
    background-color: var(--_CorPrimaria);
}

.btn.btn-primary.disabled:focus,
.btn.btn-primary.disabled.focus,
.btn.btn-primary:disabled:focus,
.btn.btn-primary:disabled.focus {
    background-color: var(--_CorPrimaria);
    border-color: var(--_CorPrimaria);
}

.btn.btn-primary.disabled:hover,
.btn.btn-primary:disabled:hover {
    background-color: var(--_CorPrimaria);
    border-color: var(--_CorPrimaria);
}

.btn.btn-primary.btn-link {
    background-color: transparent;
    color: var(--_CorPrimaria);
    box-shadow: none;
}

    .btn.btn-primary.btn-link:hover,
    .btn.btn-primary.btn-link:focus,
    .btn.btn-primary.btn-link:active {
        background-color: transparent;
        color: var(--_CorPrimaria);
    }

.btn.btn-outline-primary {
    color: var(--_CorPrimaria);
    background-color: transparent;
    border-color: var(--_CorPrimaria);
}

    .btn.btn-outline-primary:hover {
        color: var(--_CorPrimaria);
        background-color: rgba(153, 153, 153, 0.2);
        border-color: var(--_CorPrimaria);
    }

    .btn.btn-outline-primary:focus,
    .btn.btn-outline-primary.focus,
    .btn.btn-outline-primary:hover {
        color: var(--_CorPrimaria);
        background-color: rgba(153, 153, 153, 0.2);
        border-color: var(--_CorPrimaria);
    }

    .btn.btn-outline-primary:active,
    .btn.btn-outline-primary.active,
    .open > .btn.btn-outline-primary.dropdown-toggle,
    .show > .btn.btn-outline-primary.dropdown-toggle {
        color: var(--_CorPrimaria);
        background-color: rgba(153, 153, 153, 0.2);
        border-color: var(--_CorPrimaria);
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    }


        .btn.btn-outline-primary:active:hover,
        .btn.btn-outline-primary:active:focus,
        .btn.btn-outline-primary:active.focus,
        .btn.btn-outline-primary.active:hover,
        .btn.btn-outline-primary.active:focus,
        .btn.btn-outline-primary.active.focus,
        .open > .btn.btn-outline-primary.dropdown-toggle:hover,
        .open > .btn.btn-outline-primary.dropdown-toggle:focus,
        .open > .btn.btn-outline-primary.dropdown-toggle.focus,
        .show > .btn.btn-outline-primary.dropdown-toggle:hover,
        .show > .btn.btn-outline-primary.dropdown-toggle:focus,
        .show > .btn.btn-outline-primary.dropdown-toggle.focus {
            color: var(--_CorPrimaria);
            background-color: rgba(153, 153, 153, 0.4);
            border-color: var(--_CorPrimaria);
        }


    .btn.btn-outline-primary.disabled:focus,
    .btn.btn-outline-primary.disabled.focus,
    .btn.btn-outline-primary:disabled:focus,
    .btn.btn-outline-primary:disabled.focus {
        background-color: transparent;
        border-color: var(--_CorPrimaria);
    }

    .btn.btn-outline-primary.disabled:hover,
    .btn.btn-outline-primary:disabled:hover {
        background-color: transparent;
        border-color: var(--_CorPrimaria);
    }

.bg-inverse .btn.btn-outline-primary {
    color: var(--_CorPrimaria);
    background-color: transparent;
    border-color: var(--_CorPrimaria);
}

    .bg-inverse .btn.btn-outline-primary:hover {
        color: var(--_CorPrimaria);
        background-color: rgba(204, 204, 204, 0.15);
        border-color: rgba(204, 204, 204, 0.15);
    }

    .bg-inverse .btn.btn-outline-primary:focus,
    .bg-inverse .btn.btn-outline-primary.focus,
    .bg-inverse .btn.btn-outline-primary:hover {
        color: var(--_CorPrimaria);
        background-color: rgba(204, 204, 204, 0.15);
        border-color: rgba(204, 204, 204, 0.15);
    }

    .bg-inverse .btn.btn-outline-primary:active,
    .bg-inverse .btn.btn-outline-primary.active,
    .open > .bg-inverse .btn.btn-outline-primary.dropdown-toggle,
    .show > .bg-inverse .btn.btn-outline-primary.dropdown-toggle {
        color: var(--_CorPrimaria);
        background-color: rgba(204, 204, 204, 0.15);
        border-color: rgba(204, 204, 204, 0.15);
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    }

        .bg-inverse .btn.btn-outline-primary:active:hover,
        .bg-inverse .btn.btn-outline-primary:active:focus,
        .bg-inverse .btn.btn-outline-primary:active.focus,
        .bg-inverse .btn.btn-outline-primary.active:hover,
        .bg-inverse .btn.btn-outline-primary.active:focus,
        .bg-inverse .btn.btn-outline-primary.active.focus,
        .open > .bg-inverse .btn.btn-outline-primary.dropdown-toggle:hover,
        .open > .bg-inverse .btn.btn-outline-primary.dropdown-toggle:focus,
        .open > .bg-inverse .btn.btn-outline-primary.dropdown-toggle.focus,
        .show > .bg-inverse .btn.btn-outline-primary.dropdown-toggle:hover,
        .show > .bg-inverse .btn.btn-outline-primary.dropdown-toggle:focus,
        .show > .bg-inverse .btn.btn-outline-primary.dropdown-toggle.focus {
            color: var(--_CorPrimaria);
            background-color: rgba(204, 204, 204, 0.25);
            border-color: rgba(204, 204, 204, 0.25);
        }

    .bg-inverse .btn.btn-outline-primary.disabled:focus,
    .bg-inverse .btn.btn-outline-primary.disabled.focus,
    .bg-inverse .btn.btn-outline-primary:disabled:focus,
    .bg-inverse .btn.btn-outline-primary:disabled.focus {
        background-color: transparent;
        border-color: var(--_CorPrimaria);
    }

    .bg-inverse .btn.btn-outline-primary.disabled:hover,
    .bg-inverse .btn.btn-outline-primary:disabled:hover {
        background-color: transparent;
        border-color: var(--_CorPrimaria);
    }

.form-check .form-check-input:checked ~ .form-check-sign .check {
    background: var(--_CorPrimaria);
}

.form-check .form-check-label .circle .check {
    height: 15px;
    width: 15px;
    border-radius: 100%;
    background-color: var(--_CorPrimaria);
    -webkit-transform: scale3d(0, 0, 0);
    -moz-transform: scale3d(0, 0, 0);
    -o-transform: scale3d(0, 0, 0);
    -ms-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
}

.form-check .form-check-input:checked ~ .check {
    background-color: var(--_CorPrimaria);
}

.form-check .form-check-input:checked ~ .circle {
    border-color: var(--_CorPrimaria);
}

.form-control,
.is-focused .form-control {
    background-image: linear-gradient(to top, var(--_CorPrimaria) 2px, rgba(var(--_Red), var(--_Green), var(--_Blue), 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
}

    .form-control.form-control-success,
    .is-focused .form-control.form-control-success {
        background-image: linear-gradient(to top, var(--_CorPrimaria) 2px, rgba(var(--_Red), var(--_Green), var(--_Blue), 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg==";
    }

    .form-control.form-control-warning,
    .is-focused .form-control.form-control-warning {
        background-image: linear-gradient(to top, var(--_CorPrimaria) 2px, rgba(var(--_Red), var(--_Green), var(--_Blue), 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+";
    }

    .form-control.form-control-danger,
    .is-focused .form-control.form-control-danger {
        background-image: linear-gradient(to top, var(--_CorPrimaria) 2px, rgba(var(--_Red), var(--_Green), var(--_Blue), 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px), "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4=";
    }

.is-focused [class^='bmd-label'],
.is-focused [class*=' bmd-label'] {
    color: var(--_CorPrimaria);
}

.navbar.bg-primary {
    color: #fff;
    background-color: var(--_CorPrimaria) !important;
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(var(--_Red), var(--_Green), var(--_Blue), 0.46);
}

    .navbar.bg-primary .dropdown-item:hover,
    .navbar.bg-primary .dropdown-item:focus {
        /*box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(var(--_Red), var(--_Green), var(--_Blue), 0.4);*/
        background-color: var(--_CorPrimaria);
        color: #fff;
    }

.alert.alert-primary i {
    color: var(--_CorPrimaria);
}

.text-primary {
    color: var(--_CorPrimaria) !important;
}

.nav-tabs .nav-link.active {
    color: #333333;
    border-color: var(--_CorPrimaria);
}

    .nav-tabs .nav-link.active:hover,
    .nav-tabs .nav-link.active:focus {
        border-color: var(--_CorPrimaria);
    }

.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu a:hover,
.dropdown-menu a:focus,
.dropdown-menu a:active {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(var(--_Red), var(--_Green), var(--_Blue), 0.4);
    background-color: var(--_CorPrimaria);
    color: #FFFFFF;
}

.togglebutton label input[type=checkbox]:checked + .toggle:after {
    border-color: var(--_CorPrimaria);
}

.sidebar[data-color="purple"] li.active > a {
    background-color: var(--_CorPrimaria);
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(var(--_Red), var(--_Green), var(--_Blue), 0.4);
}

.fixed-plugin .btn.btn-primary {
    color: #fff;
    background-color: var(--_CorPrimaria);
    border-color: var(--_CorPrimaria);
    box-shadow: 0 2px 2px 0 rgba(var(--_Red), var(--_Green), var(--_Blue), 0.14), 0 3px 1px -2px rgba(var(--_Red), var(--_Green), var(--_Blue), 0.2), 0 1px 5px 0 rgba(var(--_Red), var(--_Green), var(--_Blue), 0.12);
}

.open > .fixed-plugin .btn.btn-primary.dropdown-toggle.bmd-btn-icon {
    color: inherit;
    background-color: var(--_CorPrimaria);
}

.fixed-plugin .btn.btn-primary.disabled:focus,
.fixed-plugin .btn.btn-primary.disabled.focus,
.fixed-plugin .btn.btn-primary:disabled:focus,
.fixed-plugin .btn.btn-primary:disabled.focus {
    background-color: var(--_CorPrimaria);
    border-color: var(--_CorPrimaria);
}

.fixed-plugin .btn.btn-primary.disabled:hover,
.fixed-plugin .btn.btn-primary:disabled:hover {
    background-color: var(--_CorPrimaria);
    border-color: var(--_CorPrimaria);
}

.fixed-plugin .btn.btn-primary.btn-link {
    background-color: transparent;
    color: var(--_CorPrimaria);
    box-shadow: none;
}

    .fixed-plugin .btn.btn-primary.btn-link:hover,
    .fixed-plugin .btn.btn-primary.btn-link:focus,
    .fixed-plugin .btn.btn-primary.btn-link:active {
        background-color: transparent;
        color: var(--_CorPrimaria);
    }

a {
    color: var(--_CorPrimaria);
}

.bd-docs .bd-toc-item .bd-sidenav a span {
    float: right;
    margin-top: 5px;
    padding: 3px 7px;
    font-size: 8px;
    line-height: 9px;
    background-color: var(--_CorPrimaria);
}

.card .card-header-primary .card-icon,
.card .card-header-primary:not(.card-header-icon):not(.card-header-text),
.card .card-header-primary .card-text {
    box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(var(--_Red), var(--_Green), var(--_Blue), 0.4);
}

.card .card-header-primary .card-icon,
.card .card-header-primary .card-text,
.card .card-header-primary:not(.card-header-icon):not(.card-header-text),
.card.bg-primary,
.card.card-rotate.bg-primary .front,
.card.card-rotate.bg-primary .back {
    background: linear-gradient(60deg, var(--_CorPrimaria), var(--_CorPrimaria));
}

.bg-primary-color {
    background-color: var(--_CorPrimaria) !important;
    color: #fff !important;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 3px;
}

.table-hover .table-primary:hover {
    background-color: var(--_CorSecundaria);
}

.btn.btn-primary:hover {
    color: #fff;
    background-color: var(--_CorSecundaria);
    border-color: var(--_CorSecundaria);
}

.btn.btn-primary:focus,
.btn.btn-primary.focus,
.btn.btn-primary:hover {
    color: #fff;
    background-color: var(--_CorPrimaria);
    border-color: var(--_CorPrimaria);
}

.btn.btn-primary:active,
.btn.btn-primary.active,
.open > .btn.btn-primary.dropdown-toggle,
.show > .btn.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--_CorPrimaria);
    border-color: var(--_CorPrimaria);
    box-shadow: 0 2px 2px 0 rgba(var(--_Red), var(--_Green), var(--_Blue), 0.14), 0 3px 1px -2px rgba(var(--_Red), var(--_Green), var(--_Blue), 0.2), 0 1px 5px 0 rgba(var(--_Red), var(--_Green), var(--_Blue), 0.12);
}

    .btn.btn-primary:active:hover,
    .btn.btn-primary:active:focus,
    .btn.btn-primary:active.focus,
    .btn.btn-primary.active:hover,
    .btn.btn-primary.active:focus,
    .btn.btn-primary.active.focus,
    .open > .btn.btn-primary.dropdown-toggle:hover,
    .open > .btn.btn-primary.dropdown-toggle:focus,
    .open > .btn.btn-primary.dropdown-toggle.focus,
    .show > .btn.btn-primary.dropdown-toggle:hover,
    .show > .btn.btn-primary.dropdown-toggle:focus,
    .show > .btn.btn-primary.dropdown-toggle.focus {
        color: #fff;
        background-color: var(--_CorSecundaria);
        border-color: var(--_CorSecundaria);
    }

.btn.btn-primary.disabled:focus,
.btn.btn-primary.disabled.focus,
.btn.btn-primary:disabled:focus,
.btn.btn-primary:disabled.focus {
    background-color: var(--_CorPrimaria);
    border-color: var(--_CorPrimaria);
}

.btn.btn-primary.disabled:hover,
.btn.btn-primary:disabled:hover {
    background-color: var(--_CorPrimaria);
    border-color: var(--_CorPrimaria);
}

.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary:hover {
    box-shadow: 0 14px 26px -12px rgba(var(--_Red), var(--_Green), var(--_Blue), 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(var(--_Red), var(--_Green), var(--_Blue), 0.2);
}

.btn.btn-primary.btn-link {
    background-color: transparent;
    color: var(--_CorPrimaria);
    box-shadow: none;
}

    .btn.btn-primary.btn-link:hover,
    .btn.btn-primary.btn-link:focus,
    .btn.btn-primary.btn-link:active {
        background-color: transparent;
        color: var(--_CorPrimaria);
    }

tbody > tr:hover {
    background-color: var(--_CorSecundaria);
}

.lds-ring div {
    border-color: var(--_CorPrimaria) transparent transparent transparent;
}

.card-selecionado {
    background-color: var(--_CorSecundaria);
    border-radius: 0.25rem;
}

ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

    ul.pagination li {
        display: inline;
    }

        ul.pagination li a {
            float: left;
            padding: 8px 16px;
            text-decoration: none;
            transition: background-color .3s;
            border-radius: 5px;
            margin: 0 4px;
        }

.page-active a {
    background-color: var(--_CorPrimaria);
    color: white;
}

.page-inactive a {
    background-color: white;
    color: var(--_CorPrimaria);
}

ul.pagination li a:hover:not(.active) {
    background-color: var(--_CorSecundaria);
}

.card-header.card-header-custom {
    background-color: grey;
}

.cabecalho-table {
    margin-top: 10px;
    font-weight: bold;
}
