:root {
    --jf-primary: #058d96;
    --jf-secondary: #00a450;
    --jf-garbage: #52b448;
    --jf-ugly: #8ac341;
}

th {
  text-align: left;
}

.navbar {
  background-color: #333;
  border-bottom: 7px solid var(--jf-primary);
  border-image: linear-gradient(to right, var(--jf-primary), #00a450, #52b448, #8ac341) 1 stretch;
}

.navbar .nav-item > a, .navbar-brand {
  color: #fff;
}

.navbar .dropdown-toggle {
	text-decoration: none;
}

.navbar a:hover {
  color: var(--jf-secondary);
}

.navbar .avatar {
  width: 24px;
  text-align: center;
  color: #333;
  background: #fff;
  display: inline-block;
  overflow: hidden;
}

body a {
    color: var(--jf-primary);
    text-decoration: none;
}

body a:hover {
    color: #888;
    text-decoration: underline;
}

label.required::after {
    content: ' *';
    color: #dc3545;
}

#content {
    width: 100%;
    margin: 0 auto;
    max-width: 1170px;
    padding: 1em;
}

.cardList > li {
    list-style-type: none;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.cardList {
    padding-left: 0;
}

.helpLink {
    font-weight: bold;
    color: #00a450;
    border: 2px solid #00a450;
    border-radius: 505%;
    padding: 0.2em 0.5em;
}

.searchCard .card-subtitle {
    margin-bottom: 1em !important;
}

.searchThumbnail {
    text-align: center;
}

.disabledLink {
    color: #888;
}

.export {
    float: right;
    margin-right: 2em;
    font-size: 1.2em;
}

#construct_department_filter ul {
    list-style: none;
}

.form-check-input:checked {
    background-color: #00a450;
    border-color: #00a450;
}
.form-check-input:focus {
    border-color: #00a450;
    box-shadow: 0 0 0 0.25rem rgb(0 164 80 / 25%);
}

.btn-primary:focus {
  box-shadow: 0 0 0 0.25rem rgb(0 164 80 / 25%);
}

.btn-primary:hover, .btn-primary:focus {
  background-color: #157347;
  border-color: #146c43;
}

.btn-primary {
  background-color: #00a450;
  border-color: #00a450;
}

.modalImageButton {
  border: none;
  width: 50%;
  background-color: transparent;
}

.sequence {
    border: 1px solid #dee2e6;
    border-top: none;
    /*  overflow:auto; */
    height: 600px;
    overflow-y: scroll;
    width: 100%;
    font-size: 0.7em;
    font-family: var(--bs-font-monospace);
    white-space: pre;
}
.primer_sequence {
    /*  overflow:auto; */
    width: 100%;
    font-size: 0.9em;
    font-family: var(--bs-font-monospace);
    overflow-x: scroll;
    white-space: pre;
}


.resSites {
    border: 1px solid #ccc;
    /*  overflow:auto; */
    height: 200px;
    width: 100%;
    font-size: 0.7em;
    font-family: var(--bs-font-monospace);
}


.plasmid_map {
    max-width: 400px;
    height:auto;
}

.attribute_buttons {
    float:right;
    margin-top: -0.3em;
}

.btn-outline-primary {
  color: #00a450;
  border-color: #00a450;
}

.btn-outline-primary:hover {
    background: #00a450;
    color: #fff;
    border-color: #00a450;
}

.list_alias {
    color: #666;
    font-size:0.8em;
}

.errorlist {
    color: #dc3545;
}

.snowflake {
  display: none;
  color: #add8e6;
  opacity: 0.5;
  font-size: 5em;
  font-family: Arial;
  text-shadow: 0 0 1px #000;
}

/*
@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%{transform:translateX(0px)}50%{transform:translateX(80px)}100%{transform:translateX(0px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}
.snowflake:nth-of-type(1){
  left:10%;
  -webkit-animation-delay:1s,1s;
  animation-delay:1s,1s;
}
.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}
*/