:root {
    --avirings-pink: #EF426F;
    --background-pink: #421320;
    --accent-pink: #ac1b42;
}

.btn.btn-outline-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-outline-primary:focus:not(.btn-text), .btn.btn-outline-primary.focus:not(.btn-text) {
    color: #FFFFFF;
    background-color: #ec1f54;
    border-color: #ec1f54;
}

.border.border-primary {
    border-color: var(--avirings-pink) !important;
}

.dropzone {
     min-height: unset !important;
     padding: 10px 1px 10px 10px !important;
}

.border-primary {
    border-color: var(--avirings-pink);
}

.home-page-background {
    background-color: var(--background-pink);
}

.home-page-dark-color {
    color: var(--background-pink);
}

.text-accent {
    color: var(--accent-pink);
}






.pigeon-icon {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url('../assets/icons/pigeon-icon.svg');
    background-size: cover;
}

@media (min-width: 768px) { /* bootstrap md */
    .pigeon-icon {
        width: 1rem;
        height: 1rem;
    }
}






    /* SELECT 2 */

    span.select2.select2-container > span > span {
        /* CSS properties */
        min-height: 43.6px;
    }




    /* SLIDER */
    div.jx-control {
        color: black;
    }

    div.jx-controller {
        color: var(--avirings-pink);
    }

    div.jx-arrow.jx-left {
        color: var(--accent-pink);
    }

    div.jx-arrow.jx-right {
        color: var(--accent-pink);
    }

    .showimportant {
        display: block !important;
    }




    .feedback {
        color: var(--bs-text-muted) !important;
    }


    .feedback-0.active {
        color: var(--bs-text-danger) !important;
    }

    .feedback-0:hover {
        color: var(--bs-text-danger) !important;
    }


    .feedback-1.active {
        color: var(--bs-text-warning) !important;
    }

    .feedback-1:hover {
        color: var(--bs-text-warning) !important;
    }


    .feedback-2.active {
        color: var(--bs-text-success) !important;
    }

    .feedback-2:hover {
        color: var(--bs-text-success) !important;
    }


    .female-color {
        color: var(--avirings-pink) !important;
    }


    .male-color {
        color: #0097fb !important;
    }











    /*
html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.navbar-brand-img {
    max-height: 2.4rem;
    width: auto;
}

.list-social-icon {
    max-width: 3rem;
    height: auto;
}



.pigeon-selector-page {
    cursor: pointer;
}

.pigeon-enable-select {
    cursor: pointer;

}

div[id*="-plus-box"].text-primary {
    cursor: pointer;
}

div[id*="-plus-box"].text-secondary {
    cursor: not-allowed;
}

div[id*="-data-box"] {
    cursor: pointer;
}

.create-pigeon-input {
    width: 22%;
}

.create-pigeon-dash {
    width: 4%;
}


.modal-pigeon-selector-select-row {
    display: flex;
    flex: 1 1 0px;
}




.btn-outline-primary {
    color: #ec1f54;
    border-color: #ec1f54;
}

.btn-primary {
    color: #fff;
    background-color: #ec1f54;
    border-color: #ec1f54;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #ec1f54;
        border-color: #ec1f54;
    }

a {
    color: #212529;
    text-decoration: underline;
}

    a:hover {
        color: #ec1f54;
    }


.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #ec1f54;
    border-color: #ec1f54;
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #ec1f54;
    border-color: #ec1f54;
    box-shadow: 0 0 0 0.25rem rgba(49,132,253,.5);
}


.btn-outline-primary:hover {
    color: #fff;
    background-color: #ec1f54;
    border-color: #ec1f54;
}


.title-row {

    margin-bottom:20px;
}

.container-body {

    margin-bottom:300px;
}

.btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
    color: #fff;
    background-color: #ec1f54;
    border-color: #ec1f54;
}

.dropzone {
    min-height: unset !important;
    border: 1px solid rgba(0,0,0,.3) !important;
    background: #fff;
    padding: 2px 2px !important;
}


.text-primary {
    --bs-text-opacity: 1;
    color: #ec1f54 !important;
}

.form-check-input:checked {
    background-color: #ec1f54;
    border-color: #ec1f54;
}

.page-item.active .page-link {
    
    background-color: #ec1f54;
    border-color: #ec1f54;
}

.page-link {
    
        color: #ec1f54;
    
    border: 1px solid #dee2e6;
    
}

.dropzone .dz-message {
    margin: 1em 0;
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #ec1f54;
    
}

.colorPicker {
    
}

*/




    /* Simple family tree */

    .sft-card {
        overflow-y: hidden;
    }

    .sft-description {
        /*font-style: italic;*/
        text-align: justify;
    }


    /* Tagify */
    .tagify-custom {
        padding: 0.75rem !important;
        gap: 5px 5px !important;
    }


.discount-ribbon {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    transform: translateY(-50%);
    z-index: 1;
    
    display: flex;
    justify-content: center;
    align-items: center;
    
    /*
    padding: 1rem;
    border-radius: 1rem;

    background-color: #17c653;
    color: white;
*/
    font-size: 1.25rem;
}