@charset "UTF-8";

/* START : NAV */
/*@media (min-width:0px) {

    #main-nav > a {
        display: inline-flex;
        justify-content: space-around;
    }

        #main-nav > a.active::after,
        #main-nav > a.open::after {
            background-color: #00b7cc;
        }
}*/
/* END : NAV */



/* START : LAYOUT */

/*.flex-content-end {
    place-content: flex-end;
}*/

/* END : LAYOUT */
/* @START : SYNCFUSION OVERRIDE */
/*@media (min-width:0px) {
    .e-headercell {
        vertical-align: middle !important;
    }

    .e-headercelldiv {
        margin: 0 !important;
    }

    .e-headertext {
        font-weight: bolder;
    }
}*/

/* START : INPUT GROUP APPEND/PREPEND */
/*@media (min-width:0px) {
    .input-group-text {
        border: none;
        border-bottom: 1px solid #ced4da;
    }
}*/
/* END : INPUT GROUP APPEND/PREPEND */

/* START : MISC */
/*@media (min-width:0px) {

    .btn i, .btn img {
        margin-right: 0;
    }

    .h-50-pct {
        height: 500%;
    }

    .min-h-40 {
        min-height: 40px !important;
    }

    .min-h-45 {
        min-height: 45px !important;
    }

    .bb-none {
        border-bottom: none !important;
    }

    .b-5, .b-5:before {
        border-radius: 5px;
    }

    .b-thick {
        border-width: thick;
    }

    .b-thin {
        border-width: thin;
    }

    .b-medium {
        border-width: medium;
    }

    .border-yellow {
        border-color: #ffc107 !important;
    }

    .text-yellow {
        color: #ffc107 !important;
    }

    .no-interaction {
        cursor: default !important;
    }
}*/
/* END : MISC */

body {
    min-height: 100vh;
}

/* START : PAGE */
@media (min-width:0px) {

    .page-header {
        display: inline-flex;
        align-items: center;
    }

        .page-header .action-grid-filter-container {
            margin-left: 1em;
        }
}
/* START : PAGE */

/*START : BUTTONS*/
/*@media (min-width:0px) {
    .btn-icon {
        display: inline-flex !important;
        align-items: center !important;
        text-decoration: none;
        align-content: center;
        text-align: center;
        padding: .5em;
        cursor: pointer;
    }

    a.btn-icon {
        text-decoration: none;
    }

    .btn-icon i {*/
        /*font-size: 1.5rem;*/
    /*}

        .btn-icon i.fa-small {
            font-size: 1rem;
        }

        .btn-icon i.fa-2x {
            font-size: 2rem;
        }

        .btn-icon i.fa-3x {
            font-size: 3rem;
        }

        .btn-icon i.fa-4x {
            font-size: 4rem;
        }

    .btn-icon span {
        margin-left: auto;
        margin-right: auto;
    }
}*/
/*END : BUTTONS */

/* START : USEFUL */
@media (min-width:0px) {
    .no-interaction {
        cursor: default !important;
    }
}
/* START : USEFUL */

/* START : MISC */
@media (min-width:0px) {

    /* Chrome, Safari, Edge, Opera */
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    /* Firefox */
    input[type=number] {
        -moz-appearance: textfield;
    }
}
/* END : MISC */

i.animal-icon {
    opacity: 0.5;
}

/* START : BOOTSTRAP DB-CALLOUT */
@media (min-width:0px) {

    .bd-callout {
        padding: 1.25rem;
        border: 1px solid #eee;
        border-left-width: .25rem;
    }

        .bd-callout h4 {
            margin-top: 0;
            margin-bottom: .25rem;
        }

        .bd-callout p:last-child {
            margin-bottom: 0;
        }

    .bd-callout-primary {
        border-left-color: #0060a5
    }

        .bd-callout-primary h4 {
            color: #0060a5
        }

    .bd-callout-info {
        border-left-color: #00b7cc
    }

        .bd-callout-info h4 {
            color: #00b7cc
        }

    .bd-callout-success {
        border-left-color: #21ba45
    }

        .bd-callout-success h4 {
            color: #21ba45
        }

    .bd-callout-warning {
        border-left-color: #f60
    }

        .bd-callout-warning h4 {
            color: #f60
        }

    .bd-callout-danger {
        border-left-color: #db2828
    }

        .bd-callout-danger h4 {
            color: #db2828
        }
}
/* END : BOOTSTRAP DB-CALLOUT */