span.badge {
    background-color: #375a7f;
    color: #76b8e4 !important;
} 

span.badge-disabled {
    background-color: #375a7f;
    color: #7e8286 !important;
} 

span.badge-disabled a {
    color: #7e8286;
    cursor: default;
} 

.remove-badges a {
    color: #d899ac;
}

.remove-badges a:hover {
    color: #994d63;
}

.pagination-secondary .page-link{
    color: #bbb;
    background-color: #010442;
}

.pagination-secondary .page-item.active .page-link {
    color: #ddd;
    background-color: #014966;
}

tbody {
    color:rgba(236, 233, 233, 0.774)
}

.highlight {
    background-color: #012c49 !important;
    color: white !important;
  }

.nav 
{
    background-color:rgba(1, 1, 3); 
    background-image: url(../images/owc-log-bg.png); 
    background-repeat: no-repeat;
}

a.navbar-brand, a:hover.navbar-brand
{
    color: #d5d5d5;
    text-shadow: 1px -1px 0 #1f1b35
}

a.active {
    color: #007053;
}

a:hover.active {
    cursor: default;
}

.custom-file-input.selected:lang(en)::after {
    content: "" !important;
  }
  
  .custom-file {
    overflow: hidden;
  }
  
  .custom-file-input {
    white-space: nowrap;
  }

@media screen and (min-width: 1900px){
    .col-earth-plot{
      width:500px !important;
    }
    .earth-plot-container{
        height:505px !important;
        background-color: black;
    }
    .earth-plot-canvas{
        width:500px !important;
        height:500px !important;
    }    
}

@media screen and (max-width: 1900px){
    .col-earth-plot{
      width:350px !important;
    }
    .earth-plot-container{
        height:355px !important;
        background-color: black;
    }
    .earth-plot-canvas{
        width:350px !important;
        height:350px !important;
    }   
		.pagination-secondary .page-item a.page-link {
		font-size: 12px !important;
	}
}

@media screen and (max-width: 1200px){
    .col-earth-plot{
      width:220px !important;
    }
    .earth-plot-container{
        height:225px !important;
        background-color: black;
    }
    .earth-plot-canvas{
        width:220px !important;
        height:220px !important;
    }    
	.pagination-secondary .page-item a.page-link {
		font-size: 10px !important;
	}
}

@media screen and (max-width: 992px){
    .col-earth-plot{
      width:220px !important;
    }
    .earth-plot-container{
        height:225px !important;
        background-color: black;
    }
    .earth-plot-canvas{
        width:220px !important;
        height:220px !important;
    }        
}

@media screen and (max-width: 768px){
    .col-earth-plot{
      height:220px !important;
    }
    .earth-plot-container{
        height:225px !important;
        background-color: black;
    }
    .earth-plot-canvas{
        width:220px !important;
        height:220px !important;
    }
}