:root {
  /*--font-size: 1.5;*/
  --font-size: 14;
}

body {
  /*font-size: calc(var(--font-size) * 1em);*/
  /*font-size: calc(var(--font-size) * 1px);*/
  font-size: calc(var(--font-size) * 10%);
}

.artifact-title > a {
  font-size: calc(var(--font-size) * 10%);
}

[id$='results'] a:hover,
[id^='aspect_artifactbrowser_ConfigurableBrowse_table'] a:hover,
 #aspect_discovery_recentSubmissions_RecentSubmissionTransformer_div_recent-submissions a:hover,
 .recent-submission a:hover, .author, h3, .lead{
  font-size: calc(var(--font-size) * 10%);
}

.h4 {
  font-size: calc(var(--font-size) * 9%);
}

h5, .h5 {
  font-size: calc(var(--font-size) * 8%);
}

/* -------------------------------------------------- */
/* Clase con los colores que cambiara */
.black {
  background-color: black;
  color: white;
}

.black .main-content {
    background-color: black;
    color: white;
}

.black [id$='results'] a,
.black [id^='aspect_artifactbrowser_ConfigurableBrowse_table'] a,
.black #aspect_discovery_recentSubmissions_RecentSubmissionTransformer_div_recent-submissions a,
.black .recent-submission a,
.black small,
.black a,
.black header .navbar-default .navbar-nav > li > a,
.black #ds-options .ds-option-set-head {
  color: white;
}

.black header .navbar-default,
.black #main-container #sidebar,
.black .list-group-item.active,
.black .list-group-item,
.black #main-container .row-offcanvas{
  background-color: black;
}

.black header .navbar-default .navbar-toggle
{
  border-color: white;
}

.black header .navbar-default .navbar-toggle .icon-bar{
  background-color: white;
}

.black .close{
  opacity: 1;
  color: white;
}

.black .modal-content{
  background-color: black;
  border-color: white;
}

.black .form-control,
.black .btn-primary,
.black .btn-blue,
.black .btn-info{
  background-color: transparent;
  color: white;
}

.black .ds-text-field::placeholder {
  color: white;
}

.black .pagination-info,
.black .repo-logo h1{
  color: white;
}

/* -------------------brown------------------------- */
.brown {
  background-color: #F7F1E1;
  color: #4D3828;
}


.brown .main-content {
    background-color: #F7F1E1;
    color: #4D3828;
}

.brown [id$='results'] a,
.brown [id^='aspect_artifactbrowser_ConfigurableBrowse_table'] a,
.brown #aspect_discovery_recentSubmissions_RecentSubmissionTransformer_div_recent-submissions a,
.brown .recent-submission a,
.brown small,
.brown a,
.brown header .navbar-default .navbar-nav > li > a,
.brown #ds-options .ds-option-set-head {
  color: #4D3828 !important;
}

.brown header .navbar-default,
.brown #main-container #sidebar,
.brown .list-group-item.active,
.brown .list-group-item,
.brown #main-container .row-offcanvas{
  background-color: #F7F1E1;
}

.brown header .navbar-default .navbar-toggle
{
  border-color: #4D3828;
}

.brown header .navbar-default .navbar-toggle .icon-bar{
  background-color: #4D3828;
}

.brown .close{
  opacity: 1;
  color: #4D3828;
}

.brown .modal-content{
  background-color: #F7F1E1;
  border-color: #4D3828;
}

.brown .form-control,
.brown .btn-primary,
.brown .btn-blue,
.brown .btn-info{
  background-color: transparent;
  color: #4D3828;
}

.brown .ds-text-field::placeholder,
.brown .repo-logo h1{
  color: #4D3828;
}

/* -------------------orange------------------------- */
.orange {
  background-color: #E0DACA;
  color: black;
}


.orange .main-content {
    background-color: #E0DACA;
    color: black;
}

.orange [id$='results'] a,
.orange [id^='aspect_artifactbrowser_ConfigurableBrowse_table'] a,
.orange #aspect_discovery_recentSubmissions_RecentSubmissionTransformer_div_recent-submissions a,
.orange .recent-submission a,
.orange small,
.orange a,
.orange header .navbar-default .navbar-nav > li > a,
.orange #ds-options .ds-option-set-head {
  color: black !important;
}

.orange header .navbar-default,
.orange #main-container #sidebar,
.orange .list-group-item.active,
.orange .list-group-item,
.orange #main-container .row-offcanvas{
  background-color: #E0DACA;
}

.orange header .navbar-default .navbar-toggle
{
  border-color: black;
}

.orange header .navbar-default .navbar-toggle .icon-bar{
  background-color: black;
}

.orange .close{
  opacity: 1;
  color: black;
}

.orange .modal-content{
  background-color: #E0DACA;
  border-color: black;
}

.orange .form-control,
.orange .btn-primary,
.orange .btn-blue,
.orange .btn-info{
  background-color: transparent;
  color: black;
}

.orange .ds-text-field::placeholder,
.orange .pagination-info,
.orange .repo-logo h1{
  color: black;
}

/* -------------------blue------------------------- */
.blue {
  background-color: #190A38;
  color: white;
}


.blue .main-content {
    background-color: #190A38;
    color: white;
}

.blue [id$='results'] a,
.blue [id^='aspect_artifactbrowser_ConfigurableBrowse_table'] a,
.blue #aspect_discovery_recentSubmissions_RecentSubmissionTransformer_div_recent-submissions a,
.blue .recent-submission a,
.blue small,
.blue a,
.blue header .navbar-default .navbar-nav > li > a,
.blue #ds-options .ds-option-set-head {
  color: white;
}

.blue header .navbar-default,
.blue #main-container #sidebar,
.blue .list-group-item.active,
.blue .list-group-item,
.blue #main-container .row-offcanvas{
  background-color: #190A38;
}

.blue header .navbar-default .navbar-toggle
{
  border-color: white;
}

.blue header .navbar-default .navbar-toggle .icon-bar{
  background-color: white;
}

.blue .close{
  opacity: 1;
  color: white;
}

.blue .modal-content{
  background-color: #190A38;
  border-color: white;
}

.blue .form-control,
.blue .btn-primary,
.blue .btn-blue,
.blue .btn-info{
  background-color: transparent;
  color: white;
}

.blue .ds-text-field::placeholder,
.blue .pagination-info,
.blue .repo-logo h1{
  color: white;
}

/* -------------------green------------------------- */
.green {
  background-color: #007F66;
  color: white;
}


.green .main-content {
    background-color: #007F66;
    color: white;
}

.green [id$='results'] a,
.green [id^='aspect_artifactbrowser_ConfigurableBrowse_table'] a,
.green #aspect_discovery_recentSubmissions_RecentSubmissionTransformer_div_recent-submissions a,
.green .recent-submission a,
.green small,
.green a,
.green header .navbar-default .navbar-nav > li > a,
.green #ds-options .ds-option-set-head {
  color: white;
}

.green header .navbar-default,
.green #main-container #sidebar,
.green .list-group-item.active,
.green .list-group-item,
.green #main-container .row-offcanvas{
  background-color: #007F66;
}

.green header .navbar-default .navbar-toggle
{
  border-color: white;
}

.green header .navbar-default .navbar-toggle .icon-bar{
  background-color: white;
}

.green .close{
  opacity: 1;
  color: white;
}

.green .modal-content{
  background-color: #007F66;
  border-color: white;
}

.green .form-control,
.green .btn-primary,
.green .btn-blue,
.green .btn-info{
  background-color: transparent;
  color: white;
}

.green .ds-text-field::placeholder,
.green .pagination-info,
.green .repo-logo h1{
  color: white;
}