:root{
    --white: #FFFFFF;
    --black: #333333;
    --gray: #8b8a8a;
    --red:#F44336;
    --cyan:#00BCD4;
    --green:#2b982b;
    --yellow:#d89c28 ;
}
@font-face {
    font-family: Roboto-Bold;
    src: url('../webfonts/roboto/roboto-bold.ttf');
}
@font-face {
    font-family: Roboto-Regular;
    src: url('../webfonts/roboto/roboto-regular.ttf');
}

body{
    overflow-x: hidden;
    font-family:  Roboto-Bold;
    counter-reset: documents;
}
h1,h2,h3,h4,h5,h6,p{
    margin-bottom: 0;
}
a,a:hover{
    text-decoration: none;
}
.bg-yellow{
    background-color: var(--yellow);
    color: var(--white);
}
.text-warning,
.text-warning:hover{
    color: var(--yellow) !important;
}
.btn-success{
    background-color: var(--green) !important;
    color: var(--white) !important;
}
/*navigation*/
.main-menu  .logo{
    max-width: 60%;
}
.main-menu .nav-link{
    margin: 0 .5rem;
}
.main-menu .nav-link{
    color: var(--gray) !important;
}
.main-menu .nav-link:hover{
    color: var(--yellow) !important;
}
.main-menu .dropdown-toggle::after{
    border: 0;
}
.main-menu .dropdown-menu {
    border-radius: 0;
    padding: 0;
}
.main-menu .dropdown-menu li:not(:last-of-type) .dropdown-item {
    border-bottom: 1px solid #dddddd;
}
.main-menu .dropdown-item {
    padding: 7px 10px;
    overflow: initial;
    color: var(--gray) !important;
}
.main-menu .dropdown-item:hover{
    background-color: var(--yellow);
    color: var(--white) !important;
}
.main-menu .user-image {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
/*Dashboard*/
.dashboard-card{
    border-radius: 10px;
    border: 1px solid var(--green) !important;
}
.dashboard-user{
    color: var(--green);
}
.dashboard-card .table td{
    font-family: Roboto-Regular;
}
/*Sidebar*/
.sidebar .nav-item{
    font-family: Roboto-Regular;
    background-color: var(--green);
    margin-bottom: .5rem;
}
.sidebar .nav-link{
    color: var(--white);
}
.sidebar .nav-link.active{
    background-color: var(--yellow);
}
/*User Information*/
.info-card{
    font-family: Roboto-Regular;
}
.info-card .form-label{
    color: var(--green);
}
.info-card .form-control,
.info-card .form-control:focus{
    border-color: var(--yellow);
    box-shadow: none;
}
.info-card .card-heading{
    background-color: var(--yellow);
    color: var(--white);
    margin-left: -16px;
    margin-right: -16px;
    padding: 0.5rem 1rem;
}
.info-card .documents{
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}
.info-card .documents label::before {
    counter-increment: documents;
    content: counter(documents) ". ";
}
.info-card .documents input[type=file]::file-selector-button {
    border: 2px solid var(--yellow);
    padding: .2em .4em;
    border-radius: .2em;
    background-color: var(--yellow);
    color: var(--white);
}
/*Documents*/
.view-documents{
    margin-top: .5rem;
    color: var(--yellow);
    margin-left: .5rem;
}
.view-documents:hover{
    color: var(--green);
}