:root{
    --teal: #2ec1ac;
    --teal_hover: #279e8c;
}
        *{
            font-family: "Roboto", sans-serif;
        }
        .h-font{
            font-family: "Merienda", cursive;
        }
        .h-line{
            width: 150px;
            margin: 0 auto;
            height: 1.7px;
        }

            /* 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;
            } */
        .custom-bg{
            background-color: var(--teal);
            border: 1px solid var(--teal);

        }
        .custom-bg:hover{
            background-color: var(--teal_hover);
            border-color: var(--teal_hover);
        }
        .custom-alert{
            position: fixed;
            top: 25px;
            right: 25px;
        }
        #dashboard-menu{
            position: fixed;
            height: 100%;
        }
       
      @media screen and (max-width: 991px){
        #dashboard-menu{
            height: auto;
            width: 100%;
        }
         #main-content{
            margin-top: 60px;
        }
      }