/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
:root {
  --main-bg-color: #D66E00;
  --secondary-color: #056686;
  --active-color: #2840AB;
  --menu-hover: rgb(255, 204, 81, 0.30);
}
html {
    scroll-behavior: smooth;
}
.plasmid-name {
    font-weight: bold;
    color: var(--main-bg-color);
 }
.plasmid-name:hover {
    text-decoration: underline;
    color: var(--active-color);
}
a:hover {
    text-decoration: underline;
    color: var(--active-color);
}
.samp {
    font-family: 'Courier New', monospace;
}
.samp-highl {
    font-family: 'Courier New', monospace;
    background-color: #DFDFDF;
    border-radius: 6px;
    padding: .05em .2em;
}
.samp-vwide {
    padding: .5em .5em;
}
.samp-comment {
    font-size:.875rem!important;
}
.pad-anchor {
    display: block;
    height: 12.8rem;
    margin-top: -12.8rem;
    visibility: hidden;
}
ul .ribogrove-nested-list {
    list-style: none !important;
}
.sum-table {
    margin-bottom: 1.1rem
}
.sum-table caption {
    caption-side: top;
    font-weight: bold;
}
.sum-table tr .numcol {
    text-align:right;
}
.sum-table tr .subhead {
    text-align:center;
    color: #7a7a7a;
    font-weight: bold;
}
.sum-table tr .seqid-td {
    font-size: .85rem;
}
.sum-table tr .alnleft {
    text-align:left;
}
.sum-table tr .alncenter {
    text-align: center;
}
.sum-table tr:first-child {
    border-top: solid #505050 1.5px
}
.sum-table tr:first-child, .sum-table tr:last-child {
    border-bottom: solid #303030 1px
}
.sum-table .sumtab-row:nth-child(even) {background-color: #eaeaea;}
.sum-table tr td, .sum-table tr th {
    padding: .3rem .6rem .3rem .6rem;
}
.sum-table tr .feature-col {
  max-width: 16rem;
}
.alcentr {
  text-align: center;
}
ul > li {padding-bottom: 10px}
ul ul li:first-of-type, ol ol li:first-of-type {padding-top:.4rem;}
details > summary {
    cursor: pointer;
}
.primer-cov-tbody {
    font-size: .7rem;
}

 /* Product table */
.product-table {
    width: 100%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    font-family: sans-serif;
    border-collapse: collapse;
}
.product-table thead {
    background-color: var(--main-bg-color);
}
.product-table thead th {
    color: #ffffff;
    text-align: left;
    padding-right: 0.4rem;
    height: 3.5rem;
}
.product-table tbody td {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 0.4rem;
    color: black;
    word-wrap: break-word;
}
.product-table tbody tr {
    border-bottom: 1px solid #dddddd;
}
.product-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}
.product-table tbody tr:last-of-type {
    border-bottom: 2px solid var(--main-bg-color);
}
.product-table tr th:first-of-type,
.product-table tr td:first-of-type {
    padding-left: 0.4rem;
}
.product-table tbody tr.active-row {
    font-weight: bold;
    color: var(--main-bg-color);
}
 /* Capcha */
.mathimg {
    height: 26px;
    width: 64px;
    /*width: 17.1%;*/
}
.mathtext {
    color: #000000;
    font-size: 22px;
    display: inline;
    /*width: 15.6%;*/
}
.mathinput {
    background:#f1f1f1;
    color:#7a7a7a;
    border:1px solid rgba(0,0,0,.25);
    padding: .3rem .3rem;
    display: inline;
    width: 66.5%;
}
.subcat-filter-curroot {
    color: var(--main-bg-color);
    font-size: 1.15rem;
}

/* Staff */
.employee-photos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.staff-labels {
    width: 100%;
    display: inline-block;
    text-align: center;
}
.employee-img {
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.employee-link {
    font-weight: bold;
    font-size: 1.15rem;
}
.staff-pos-label {
    color: black;
    font-size: 0.88rem;
}
.some-margin {
    margin-bottom: 1rem;
    margin-left: auto;
    margin-right: auto;
    flex-basis: 20.0%;
}

/* Pages */
.device-list-item {
    margin-bottom: 0.3rem;
}
.staff-content ol li {
    text-align: left;
    margin-bottom: .3rem;
}
.bioinfo-content,
.publications-content,
.employee-content{
    padding-left: 3.6%;
    padding-right: 8%;
}
.bioinfo-content ul li {
    margin-bottom: .4rem;
}
.bioinfo-content ul p {
    font-size: 1rem;
    color: #232323;
    font-weight: 400;
    margin-bottom: .3rem;
}
.publications-content ul {
    list-style-type: disc;
}
.publications-content ul li {
    font-size: .875rem;
}
.publications-content h4 {
    color: var(--main-bg-color);
    font-size: 1.2rem;
}
.pub-header-text {
    margin-left: -1.3rem;
    font-size:1.25rem;
    font-weight:700;
    line-height:1.1;
    color:var(--main-bg-color);
    display:inline;
    font-family:inherit;
}
.employee-content p,
.methods-content p {
    font-size: 1rem;
    color: #232323;
    font-weight: 400;
    margin-left: .5rem;
}
.employee-content .photo-img {
    border: 1px solid #565;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    margin-bottom: 1rem;
}
.employee-content ol li {
    margin-bottom: .4rem;
    text-align: left;
}
.employee-content ol li p {
    margin: 0;
}
.in-russian{
    color: #7a7a7a;
}
.employee-content h2 {
    color: var(--secondary-color);
    font-size: 1.55rem;
}
.apdf {
    background: url(/cager/img/pdf.gif) no-repeat left;
    padding: 2px 1px 2px 22px;
    line-height: 170%;
}
.sabaka {
    border: 0px;
    height: 1rem;
    width: 1rem;
}
.methods-content .technique-step li {
    margin-bottom: .5rem;
    border-bottom: 1px solid rgb(100, 100, 100, 0.2);
}
.simple-table,
.simple-table th,
.simple-table td {
  border: 1px solid black;
  border-collapse: collapse;
}
.table-border {
    border: 1px solid black;
}
.border-bottom {
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
}
.border-top {
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    padding-bottom: 0.5rem;
}
.border-lr {
    border-left: 1px solid black;
    border-right:  1px solid black;
    padding-bottom: 0.5rem;
}
.filter-arrow {
    display: inline;
}
.filter-cell {
    border: 1.2px solid rgb(122,122,122,0.5);
    padding:0 0 0 .8rem;
    margin-bottom: .3rem;
    background-color: rgb(122,122,122,0.12);
}
.filter-toggler {
    padding: .6rem 0 1.6rem 0;
    height: 1.8rem;
    width: inherit;
    cursor: pointer;
}
.dropdown-item {
    display: inline-block;
}
.menu-box {
    padding: .8rem;
    margin: 0;
    word-wrap: normal;
    font-size: .9rem;
    border-bottom: .1px solid rgb(170,170,170,0.0);
    line-height: 1.05em;
    color: var(--main-bg-color);
}
.menu-box:hover {
    border-bottom: .1px solid #aaaaaa;
    background-image: linear-gradient(180deg, #fff, var(--menu-hover));
    color: var(--main-bg-color);
    transition: border-bottom 0.3s ease-in;
}
.header-hooks {
    display: inline;
}
.collection-info-content p {
    font-size: 1rem;
    color: #232323;
    font-weight: 400;
}
@media screen and (min-width: 991px) {
    .language-selector-wrapper{text-align:right;}
    .fixed-header{position: fixed;}
    .products-selection .sort-by-row{flex-direction:row;}
    .bar-on-prodpage{width:20%;}
    .page-content ul,
    .page-content ol {
        padding-left: 20px;
    }
}
@media screen and (max-width: 991px) {
    .language-selector-wrapper{text-align:left;}
    #custom-text h1 {margin-left:1rem;}
    .block-contact {margin-left:.3rem;}
    h2 {text-align: center;}
    #content{padding-left: 2px; padding-right: 2px;}
    .employee-content{padding:0}
    .employee-content .photo-img {margin-right:auto;margin-left:auto;display:block;}
    .fixed-header{position: static;}
    .header-clone{display:none;}
    .products-selection .sort-by-row{flex-direction:column;align-items:start;}
    .products-selection .sort-by{margin-left: 0;text-align: left;display:inline;float: none;width:auto;}
    .products-selection .filter-button{padding-left:15px;padding-top:8px}
    .sort-items{padding-top: 5px;padding-bottom: 5px;}
    .block-category .search-widget, .sort-by-row .search-widget {padding-top:7px;}
    .filter-cell {padding:.8rem .8rem .8rem .8rem;}
    #wrapper{min-height:44vh;}
    .tabs{padding: 1.25rem 0.875rem;}
    dl{padding-left:0;}
    .bar-on-prodpage{float:none;margin-bottom:.5rem;padding-left:0px;width:100%}
    .gallery-img{width: 90%;}
}
.fixed-header {
    width: 100%;
    z-index: 1;
}

.page-content p {
    font-size: 16px;
    color: #3a3a3a;
}
.page-content ul {
    list-style-type: disc;
}
.page-content ul li,
.page-content ol li {
    padding-bottom: .4rem;
    padding-left: 0.1rem;
}
.gallery-img {
    margin: .5rem 0 .5rem;
}


details summary::-webkit-details-marker {display: none}
details > summary {list-style: none;}
details summary:before {
  content: '\25B6';
  font-family: "Font Awesome 5 free";
  margin-right: 7px;
}
details[open] summary:before {
  content: '\25BC';
}