.title, .header {
    background: #1f2251 !important;
    margin-top: 0;
}

.title h3 {
    color: #fff;
}

.card h1, .card h2, .card h3, .card h4, .card h5, .card h6, .card p, h1, h2, h3, h4, h5, h6, p {
    color: inherit;
}

select {
    background-color: #fff !important;
    color: black !important;
}

body {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #fff;
    min-height: 100vh;
    background: linear-gradient(#3800e7,#8a15ff);
}

.package .price-box {
    background: #1f2251;
}

.card-blesta, .table-curved tbody > tr > td:first-child {
    border: none !important;
}

.btn-light, .btn-light:hover, .btn-light:active, .btn-light:hover:active {
    color: #fff !important;
}

.btn-success, .btn-success:active, .btn-success:focus, .btn-success:hover:active {
    background: linear-gradient(90deg,#6c3bbc 0,#9959d4) !important;
}

.btn-success:hover {
    background: linear-gradient(90deg,#c471f5 0,#ac32c880) !important;
    transform: scale(1.1) !important;
}

.footer {
    border-top: transparent;
    background: transparent;
}

.footer p {
    color: #bebebe;
}

.navbar .navbar-nav .nav-item .nav-link {
    display: block;
}

.bg-light { 
    background-color: #1f2251 !important;
}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped-alt > tbody > tr:nth-child(2n+1) > td {
    background-color: inherit;
}

.table-striped > tbody > tr:nth-child(2n) > td, .table-striped-alt > tbody > tr:nth-child(2n) > td {
    background-color: rgba(255, 255, 255, 0.1);
}

.table > thead > tr > th, form.dropzone, form.widget_filter_form {
    background: transparent !important;
}

.title, .header {
    background: #1f2251 !important;
    margin-top: 0;
}

.title h3, a, .table > thead > tr > th > a, .table > thead > tr > th > a:focus, .table > thead > tr > th > a:hover {
    color: #fff;
}

.card h1, .card h2, .card h3, .card h4, .card h5, .card h6, .card p, h1, h2, h3, h4, h5, h6, p {
    color: inherit;
}

select {
    background-color: #fff !important;
    color: black !important;
}

body {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #fff;
    min-height: 100vh;
    background: linear-gradient(#3800e7,#8a15ff);
}

.package .price-box {
    background: #1f2251;
}

.well {
    background: #1f2251 !important;
    border: none !important;
}

.card-blesta {
    border: none !important;
}

.btn-light, .btn-light:hover, .btn-light:active, .btn-light:hover:active {
    color: #fff !important;
}

.btn-success, .btn-success:active, .btn-success:focus, .btn-success:hover:active {
    border: none !important;
    background: linear-gradient(90deg,#6c3bbc 0,#9959d4) !important;
}

.btn-success:hover {
    background: linear-gradient(90deg,#c471f5 0,#ac32c880) !important;
    transform: scale(1.1) !important;
}

.footer {
    border-top: transparent;
    background: transparent;
}

.footer p {
    color: #bebebe;
}

.navbar .navbar-nav .nav-item .nav-link {
    display: block;
}

.bg-light { 
    background-color: #1f2251 !important;
}

.form-control, .form-control:active, .form-control:focus {
    border-color: #fff;
    background-color: #fff;
    color: #000
}

.card-header, .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background: transparent !important;
}

.card .card-footer {
    padding: 1rem;
    padding-top: 0;
}

.form-check input[type="checkbox"], .radio input[type="radio"] {
    opacity: inherit;
    position: inherit;
    visibility: inherit;
}

.portal-box .card {
    background: #1f2251;
}

.portal-box .card:hover {
    background: #2a2d5a;
}

.portal-box a {
    color: inherit;
}

.list-group.list-options a.list-group-item:hover, a.list-group-item:hover, .list-group-item:hover {
    background: #2a2d5a !important;
}

.table {
    border-color: #2a2d5a;
}

.list-group-item {
    background: #1f2251;
    border-color: #2a2d5a;
}






/* Copied */
.arrow {
    opacity: 0.5;
    position: absolute;
}

.arrow--top {
    top: 0;
    left: -5em;
}

.arrow--bottom {
    bottom: 0;
    right: 3em;
}

.dotted-circle {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.3;
    animation: rotation 38s linear infinite;
    z-index: -1;
}

.draw-in {
    stroke-dasharray: 1000;
    stroke-dashoffset: 10;
    animation: draw 15s ease-in-out alternate infinite;
}

@keyframes draw {
    from {
        stroke-dashoffset: 1000;
    }

    to {
        stroke-dashoffset: 0;
    }
}

.item-to {
    animation-duration: 10s;
    animation-iteration-count: infinite;
    transform-origin: bottom;
}

.bounce-1 {
    animation-name: bounce-1;
    animation-timing-function: ease;
}

.bounce-2 {
    animation-name: bounce-2;
    animation-timing-function: ease;
}

.bounce-3 {
    animation-name: bounce-3;
    animation-timing-function: ease;
}