:root {
    --buttons-color: #6c757d;
    --buttons-color-hover: #5a6268;
    --border-color: #dfdfdf;
    --p-color: #212529;
    --h1-color: #212529;
    --h2-color: #212529;
    --h3-color: #212529;
    --h4-color: #212529;
    --h5-color: #212529;
    --h6-color: #212529;
  }


body{
    font-family: 'roboto', sans-serif !important;
    color: var(--p-color)!important.
}

h1{color: var(--h1-color)!important;}
h2{color: var(--h2-color)!important;}
h3{color: var(--h3-color)!important;}
h4{color: var(--h4-color)!important;}
h5{color: var(--h5-color)!important;}
h6{color: var(--h6-color)!important;}
p{color: var(--p-color)!important;}


#navbar-brand{font-family: 'roboto', sans-serif !important;}

#main-container {
    margin-top:30px;
    margin-bottom:100px;
}

table td, table td * {
    vertical-align: top;
    border-color : none;
}

.card{
    border-color:var(--border-color)!important;
    border-left-width: 5px !important;
    border-top-width: 0px !important;
    border-bottom-width: 0px !important;
    border-right-width: 0px !important;
}


.btn{
    margin:10px;
}

.btn-secondary{
    color: #fff;
    background-color: var(--buttons-color)!important;
    border-color: var(--buttons-color)!important;
}

.btn-secondary:hover{
    background-color: var(--buttons-color-hover)!important;
    border-color: var(--buttons-color-hover)!important;
}