@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

body{
    font-family: 'Lato', sans-serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    height: 100vh;
}

nav{
    display: none;
    background: #090e5b;
}

nav button{
    float: right;
}

/* sidebar */
#sidebar{
    /* background: #090e5b; */
    font-weight: 400 !important;
    color: #f9f9f9;
    position: sticky;
    height: 100vh;
    top: 0;
    bottom: 0;
}

#sidebar a{
    display: block;
    width: 100%;
    padding: 16px 40px;
    cursor: pointer;
    
    color: #484848;
    text-decoration: none;
}

#sidebar > a:hover{
    background: #00000070;
}



/* main content */
#maincontent{
    padding: 0px 0px;
    display: flex;
    background: #eee;
    
}


.custome-container{
    /* display: flex; */
    justify-content: center;
    background: #fff;
    border-radius: 7px;
    box-shadow: 10px 1px 20px #ccc;
    padding: 40px 20px;
}

#supplier_form{
    width: 90% !important;
    justify-content: center;
}

#supplier_form .table tr{
        border-style: hidden !important;
        
}


#supplier_form label{
    font-weight: 600;
}

#supplier_form #id_category label{
    font-weight: normal;
    padding: 3px 7px;

}



.footer a{
    color: #002060;
    text-decoration: none;
}

.footer a:hover{
    color: #009688;
    text-decoration: none;
}


@media only screen and (max-width: 600px) {
    #sidebar{
        display: none;
    }

    .d-mob-none{
        display: none;
    }

    .d-mob-block{
        display: block !important;
    }
    .custome-container{
        flex-direction: column;
        padding: 0px !important;
    }
    #maincontent{
        min-height: 80vh;
    }
  }