/*
            ADDITIONAL DEMO STYLE, NOT IMPORTANT TO MAKE THINGS WORK BUT TO MAKE IT A BIT NICER :)
        @import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
        */


        .sidenav {
            height: 100%;
            width: 160px;
            position: fixed;
            z-index: 1;
            top: 0;
            left: 0;
            background-color: #111;
            overflow-x: hidden;
            padding-top: 20px;
        }

        .sidenav a {
            padding: 6px 8px 6px 16px;
            text-decoration: none;
            font-size: 25px;
            color: #818181;
            display: block;
        }

        .navbar-text {
            color: white;
        }


        .sidenav a:hover {
            color: #f1f1f1;
        }

        @media screen and (max-height: 450px) {
            .sidenav {
                padding-top: 15px;
            }

            .sidenav a {
                font-size: 18px;
            }
        }

        h1, h2, h3, h4, h5, h6,
        .h1, .h2, .h3, .h4, .h5, .h6,
        .display-1, .display-2, .display-3,
        .display-4, .display-5, .display-6 {
            font-family: "Corbel Serif", sans-serif;
            font-weight: bold
        }

        html, body, .tooltip, .popover {
            font-family: "Corbel Sans", sans-serif
        }

        code, kbd, pre, samp, .text-monospace {
            font-family: "Corbel Mono", monospace
        }

        button, input, optgroup, select, textarea {
            font-family: inherit
        }


        /*------------------------------------
        - COLOR primary
        - https://lingtalfi.com/bootstrap4-color-generator
        ------------------------------------*/
        .alert-primary {
            color: #aa6701;
            background-color: #fefaf3;
            border-color: #fef2de;
        }

        .alert-primary hr {
            border-top-color: #fee7c5;
        }

        .alert-primary .alert-link {
            color: #774801;
        }

        .badge-primary {
            color: #212529;
            background-color: #FDA929;
        }

        .badge-primary[href]:hover, .badge-primary[href]:focus {
            color: #212529;
            background-color: #f09202;
        }

        .bg-primary {
            background-color: #FDA929 !important;
        }

        a.bg-primary:hover, a.bg-primary:focus,
        button.bg-primary:hover,
        button.bg-primary:focus {
            background-color: #f09202 !important;
        }

        .border-primary {
            border-color: #FDA929 !important;
        }

        .btn-primary {
            color: #212529;
            background-color: #FDA929;
            border-color: #FDA929;
        }

        .btn-primary:hover {
            color: #212529;
            background-color: #fc9a05;
            border-color: #f09202;
        }

        .btn-primary:focus, .btn-primary.focus {
            box-shadow: 0 0 0 0.2rem rgba(253, 169, 41, 0.5);
        }

        .btn-primary.disabled, .btn-primary:disabled {
            color: #212529;
            background-color: #FDA929;
            border-color: #FDA929;
        }

        .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
            color: #212529;
            background-color: #f09202;
            border-color: #e18902;
        }

        .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(253, 169, 41, 0.5);
        }

        .btn-outline-primary {
            color: #FDA929;
            background-color: transparent;
            border-color: #FDA929;
        }

        .btn-outline-primary:hover {
            color: #212529;
            background-color: #FDA929;
            border-color: #FDA929;
        }

        .btn-outline-primary:focus, .btn-outline-primary.focus {
            box-shadow: 0 0 0 0.2rem rgba(253, 169, 41, 0.5);
        }

        .btn-outline-primary.disabled, .btn-outline-primary:disabled {
            color: #FDA929;
            background-color: transparent;
        }

        .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
            color: #212529;
            background-color: #FDA929;
            border-color: #FDA929;
        }

        .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(253, 169, 41, 0.5);
        }

        .list-group-item-primary {
            color: #aa6701;
            background-color: #fef2de;
        }

        .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
            color: #aa6701;
            background-color: #fee7c5;
        }

        .list-group-item-primary.list-group-item-action.active {
            color: #212529;
            background-color: #aa6701;
            border-color: #aa6701;
        }

        .table-primary,
        .table-primary > th,
        .table-primary > td {
            background-color: #fef2de;
        }

        .table-hover .table-primary:hover {
            background-color: #fee7c5;
        }

        .table-hover .table-primary:hover > td,
        .table-hover .table-primary:hover > th {
            background-color: #fee7c5;
        }

        .text-primary {
            color: #FDA929 !important;
        }

        .text-pa-blue {
            color: #3B8CD9;
        }

        a.text-primary:hover, a.text-primary:focus {
            color: #f09202 !important;
        }