* {
}

body {
    font-family: 'Overpass-Regular', 'Overpass', 'Overpass', sans-serif;
    margin-bottom: 0px;
}

h1, h2, h3, h4, h5, h6, .header, label {
	font-family: 'Oswald', sans-serif;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-family: 'Overpass-Regular', 'Overpass', 'Overpass', sans-serif;
}

label {
    font-weight: bold;
}

.hide {
    display: none;
}

.color-dkblue {
    color: #293A8A;
}

.asb-compact {
    line-height: 1.2rem;
}

#tesscut input.form-control,
#tesscut select.custom-select {
    border-radius: 0px;
}

#tesscut select.custom-select {
    background: #fff url(../images/downarrow-blue.svg) no-repeat right center;
    background-size: 30px;
}

#tesscut .col-form-label {
    padding-right: 0px;
}

#tesscut form .form-group div.col {
    padding-left: 10px;
}

.btn-asb-primary {
    background-color: #02607D;
    border-color: #02607D;
    color: #fff;
    font-weight: bold;
}

a:hover.btn-asb-primary, a:visited.btn-asb-primary,
a:hover.btn-asb-secondary, a:visited.btn-asb-secondary {
    color: #fff;
}

.btn-asb-secondary {
    background-color: #C75109;
    border-color: #C75109;
    color: #fff;
    font-weight: bold;
}

.bg-asb-section {
    background-color: #FAFAFA;
}

.bg-asb-light {
   background-color: #F2F2F2;
}

#tesscut .btn {
    padding: .375rem .75rem;
}

#tesscut .asb-nav li .nav-link {
    border-right: 0px;
    border-left: 1.5px solid #fff;
}

#tesscut .asb-nav li:first-child .nav-link {
    border-left: 0px;
}

#tesscut .site-header-bg {
    background-image: url(../images/TESScut-Banner.jpg);
    background-size: auto;
    background-position: center;
    width:100%;
    min-height: 93px;
    max-height: 115px;
    margin-bottom: 30px;
    font-size: 28px;
}

#tesscut .site-header-text {
    font-size: 28px;
}

#tesscut .site-header-bg img {
    margin-left: -35px;
}

.site-header-logo {
    height: 115px;
}

.jumbotron {
	/*background-color: transparent;*/
	background-size: 100%;
	width: 100%;
	min-height: 93px;
}

.jumbotron h1 {
    background-color: #0067A1;
    padding: 10px;
    color: #FFF;
    margin: 0;
}

#tesscut .alert {
    border-radius: 0px;
    background-color: #fff;
    border: 1px solid;
    color: #000;
}

.alert-heading {
    font-weight: bold;
}

#tesscut .alert-danger {
    border-color: #CC0000;
}

#tesscut .alert-danger .alert-heading {
    color: #CC0000;
}

#tesscut .alert-success {
    border-color: #00CC00;
}

#tesscut .alert-success .alert-heading {
    color: #008000;
}

.btn-refresh {
    width: 2rem;
}

#btn-reset-form {
    background: transparent;
}

.dv-container-tesscut-content {
    padding: 25px;
}

.dv-container-tesscut-content .cutout-intro {
    margin-bottom: 10px;
}

.dv-container-tesscut-content .row.cutout-region {
    border-top: 1px solid #ababab;
    padding-top: 20px;
    padding-bottom: 20px;
}

.dv-container-tesscut-content .row.cutout-region h5,
.api-section h3, .api-section h4
 {
    color: #015794;
}

.dv-container-tesscut-content .row.cutout-region h5 small {
    color: #000;
}

.dv-container-tesscut-content a,
.dv-container-tesscut-content a:hover,
.dv-container-tesscut-content a:visited {
    color: #C75109;
    text-decoration: none;
}

#cutout-type-selector {
    margin: 0 15px;
}

.nav-link.active {
    background-color: #02607D  !important;
    border-color: #02607D !important;
    color: #fff !important;
    border-radius: 0px;
    padding: 10px 20px;
    font-weight:bold;
}

.dv-container-tesscut-content .nav-item a.btn.nav-link,
.dv-container-tesscut-content .nav-item a:hover,
.dv-container-tesscut-content .nav-item a:visited {
    color: #02607D;
    border: 1px solid;
    border-radius: 0px;
}

#nav-tab-cutout .nav-link {
    font-size: 20px;
    border: #02607D solid 1px;
    border-radius: 0px;
    min-width: 200px;
}

.download-link-content a {
    margin-right: 20px;
    margin-top: 10px;
    cursor: pointer;
}

#tesscut-planet-info {
    color: #015794;
}

#tesscut-planet-info .planet-divider {
    color: #000;
}

.card-deck .card {
    background: transparent;
    padding: 10px 15px;
    margin-right: 0px;
    margin-left: 0px;
}

.card-deck .card-header {
    background: transparent;
    border-bottom: transparent;
}

code {
    color: #015794;
}

pre {
    background-color: #fff;
    border: solid 1px #C75109;
	padding-left: 10px;
	padding-right: 10px;

    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

pre.code-block {
    min-height: 220px;
}

#tesscut .card-footer {
    border-top: 0px;
}

#tesscut .card-footer .btn {
    margin-right: 10px;
}

#tesscut .asb-footer {
    position: relative;
    bottom: 0;
    width: 100%;
    line-height: inherit;
    height: 1rem;
    background-color: #fff;
    color: #000;
    margin-top: 50px;
}

#tesscut .asb-footer .navbar-toggler {
    background-color: #C75109;
    border-radius: 0;
    color: #fff;
}

#tesscut .asb-footer .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(255, 255, 255, 1)' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
    /*' vimfix*/
}

#tesscut .asb-footer .footer-base {
    height: 60px;
    line-height: 60px;
    background-color: #2d353c;
    color: white;
}

#tesscut .asb-footer .footer-base a,
#tesscut .asb-footer .footer-base a:hover,
#tesscut .asb-footer .footer-base a:visited,
#tesscut .asb-footer .footer-base a:active {
    color: #fff;
    text-decoration: none;
}

#tesscut .asb-footer nav {
    padding-bottom: 40px;
}

#tesscut .asb-footer nav a,
#tesscut .asb-footer nav a:visited,
#tesscut .asb-footer nav a:hover {
    color: #C75109;
}

#tesscut .asb-footer nav li:not(:first-child) {
    border-left: solid 1px;
}

#tesscut .asb-footer .navbar-nav .nav-link {
    padding-right: 2rem;
    padding-left: 2rem;
}

#tesscut .card-footer .footer-base {
	border-top: transparent;
	background-color: transparent;
}

.loader {
  width: 40px;
  height: 40px;
  margin: 10px auto;
  background-color: #0067A1;

  border-radius: 0%;
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}
