/* colors only */

:root {
  --primary: #cc0000;
  --secondary: #383838;
  --bright-primary: red;
  --dark-primary: #c20000;
}

.sidebar[data-background-color=primary] {
    background-color: var(--secondary);
}

.sidebar .user .material-icons, a:hover, a, .schedule-time, .schedule .custom input, .PKitem.custom {
    color: var(--primary);
}

.sidebar li.active>a {
    background-color: var(--primary) !important;
    box-shadow: none !important;
}

.card .card-header-primary .card-icon, .card.bg-primary, .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.card-rotate.bg-primary .back, .card.card-rotate.bg-primary .front {
    background: linear-gradient(60deg, var(--primary), var(--dark-primary));
}

.btn.btn-primary.btn-link, .btn.btn-primary.btn-link:focus, .card-pricing .card-icon.icon-primary i {
    color: var(--primary);
}

.pagination>.page-item.active>a, .pagination>.page-item.active>a:hover, .pagination>.page-item.active>a:active, .pagination>.page-item.active>a:focus, .btn.btn-primary, .togglebutton label input[type=checkbox]:checked+.toggle, .form-check .form-check-input:checked+.form-check-sign .check, .badge.badge-primary {
    background: var(--primary);
}

.togglebutton label input[type=checkbox]:checked+.toggle:after {
    border-color: var(--primary);
}

.btn.btn-primary.btn-link:hover, .category-data-form a[aria-expanded]:not([role]), .category-data-form a:hover:not([role]), .category-data-form a:not([role]) {
    color: var(--dark-primary) !important;
}

.show>.btn.btn-primary.dropdown-toggle, .show>.btn.btn-primary.dropdown-toggle:active, .show>.btn.btn-primary.dropdown-toggle:hover, .show>.btn.btn-primary.dropdown-toggle:focus, .btn.btn-primary:focus, .btn.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active {
    background-color: var(--dark-primary);
}

.PKdropdown li a button:hover {
    color: #000;
}

@keyframes schedule_active_border {
  0% {border-color: var(--secondary);}
  40% {border-color: var(--primary);}
60% {border-color: var(--primary);}
}

.schedule .active {
  border: 2px solid var(--primary);
  animation: schedule_active_border 3s infinite;
}

.print-category-inner {
    border: 2px solid var(--primary);
    color: #000;
    background: #efefef;
    font-weight: bold;
}


/* custom things */

.card.list-item {
    border-radius: 0;
    margin-top: -0em;
    border: 2px solid var(--secondary);
}

@import url("https://fonts.cdnfonts.com/css/bebas-neue'");

.badge-role {
    font-family: Bebas Neue;
    font-size: 8em;
    color: #000;
}

.badge-name {
    font-family: Bebas Neue;
    font-weight: 400;
    color: #000;
}

img.badge-competition-logo {
    margin-bottom: 3em;
}

.badge-photo {
    border-radius: 0;
    border: 5px solid red;
}

.print-wrapper {
    background: url("https://i.ibb.co/qn6Vf0B/sdt-lines-001.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}