@font-face {
  font-family: 'Roboto';
  src: url('fonts/roboto/Roboto-Regular.ttf'); 
}

#BodyIndex {
    background: #fff;
}

body {
    font-family: 'Roboto' !important;
}

ul {
    margin: 0;
    background: #fff;
    padding: 0;
}

ul li {
    display: block;
}

ul li a {
    background: #fff;
    color: #000;
    display: block;
    padding: 12px 20px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}

ul li a:hover {
    background: #000 !important;
    color: #fff !important;
    text-decoration: none;
}

.ActiveMenu {
    background: #000 !important;
    color: #fff !important;
    text-decoration: none;   
}


#BlackContent {
    background: #000;
    padding: 20px;
    margin-top: 20%;
    color: #fff;
    border-top: 20px solid #6b2075;
    box-shadow: 4px 9px 7px 5px #696666;
}

.MainContent {
    min-height: 800px !important;
}

#AsideContent {
    min-height: 800px;
    background: #fff;
    padding: 0 !important;
    border-right: 6px solid #000;
}

#HeaderContent {
    padding: 10px 0;
    border-bottom: 8px solid #000;
}

#FooterContent {
    background: #1e1e1e;
    color: #fff;
    padding: 20px 0;
}

.ContentForm {
    border: 1px solid #ccc;
    padding: 15px 0;
}

thead {
    background: #EFF4FF;
}

*, a:hover, a:active, a:visited, a {
    text-decoration: none !important;
}

.MultiFile-label {
    border-bottom: 1px solid #ccc;
    padding: 2px 8px;
    margin: 1px 0;
    background: #AFEFAF;
    font-size: 20px;
}

.button_page {
    background: #6b2075;
    color: #fff;
    border: 1px solid #fff !important;
}

.button_page:hover {
    background: #000 !important;
    color: #fff !important;
}