body {
    padding-top: 55px;
}

.sticky-stop {
    padding-top: 55px;
    margin-top: -55px;
    visibility: hidden;
}

.white-background {
    background-color: #FFFFFF;
}

.visible {
    visibility: visible;
}

.above-sticky {
}

.stripe:nth-of-type(even){
    background-color: #ececec;
}

input[type=checkbox] {
    position: relative;
    top: 6px;
}

.gray {
    background-color: #909090;
}

.yellow {
    background-color: yellow;
}

.top-bar {
    background-color: #003080;
    color: white;
    font-weight: bold;
    font-variant: small-caps;
    border-bottom: 1px solid black;
}

.nav-bar {
    background-color: #00B0F0;
    border-bottom: 1px solid black;
    font-variant: normal;
    font-style: normal;
}

.nav-bar-sub {
    background-color: #00F0F0;
    border-bottom: 1px solid black;
    font-variant: normal;
    font-style: normal;
}

.linkrowdata{
    border-top: 1px solid black;
    padding-top: 15px;
    padding-bottom: 15px;

}

.linkrowlink {
    padding-top: 15px;
    padding-bottom: 15px;

}

.navbarselectedlink{
    font-weight: bold;
    font-variant: small-caps;
}

.nav-bar a, .nav-bar-sub a{
    color: black;
    font-variant: normal;
    font-style: normal;
}

.printable {
    border-top: 1px solid black;
    font-size: small;
}

.printablecol {
    border-left: 1px solid black;
    font-size: small;
}

.tool-tip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tool-tip .tool-tiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 110%;
}

.tool-tip .tool-tiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent black transparent transparent;
}
.tool-tip:hover .tool-tiptext {
    visibility: visible;
}

.navbar-toggler {
    background-color: blue;
}

div.fr {
    right:100px;
    position: absolute;
    text-align: right;
}

.print-table table,th,td{
    border: 1px solid black;
    padding: 5px;
}

.spacer {
    height: 20px;
}

.subnavbar {
    position: fixed;
    top: 55px;
    left: 0;
    width: 100%;
}

td.sst:nth-of-type(even),
th.sst:nth-of-type(even){
    background:rgba(255,255,136,0.5);
}
tr.sst:nth-of-type(odd) {
    background:rgba(136,255,255,0.5);
}

.faqheader {
    font-weight: bold;
    font-variant: small-caps;
    font-size: medium;
}

.faqq {
    font-weight: bold;
}

.faqa {
    padding: 10px;
}

.brandsmaller {
    font-size: medium!important;
}

.userhl {
    font-weight: bold;
}

.userital {
    font-style: italic;
}

.commentform{
    float:left;
    list-style:none;
}
.hidden-commentform{
    visibility:hidden;
    display:none;
}
.show-commentform{
    visibility: visible !important;
}

.transparent{
    background-color: transparent;
}

.hoverrow:hover {
    background-color: #b7fffc;
}

.thread{
    margin-left: 20px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.comment{
    margin-bottom: 10px;
}

.threaddatadrow, .commentdatarow{
    text-decoration: none;
}

.commentuserrow,.threaduserrow{
    color: #999999;
    font-size: small;
}

.commentsubrow{
    padding-left: 20px;
    font-size: small;
}

.pe{
    width: 80px !important;
    display: inline-block !important;
}

#map {
    height: 100%;
}


div.seperator-0 {
    border-top-style: solid;
    border-top-width: 3px;
    height: 20px;
}

div.seperator-1 {
    border-color: darkgray;
    border-top-style: solid;
    border-top-width: 2px;
}

div.seperator-2 {
    border-color: gray;
    border-top-style: solid;
    border-top-width: 1px;
}

div.seperator-8 {
    border-top-style: solid;
    border-top-width: 2px;
}

div.seperator-9 {
    border-top-style: solid;
    border-top-width: 3px;
}

div.seperator-11 {
    border-top-style: hidden;
    border-top-width: 0px;
    height: 20px;
}

.hidden-help{
    visibility:hidden;
    display:none;
}
.show-help{
    visibility: visible !important;
}


.alignright {
    alignment: right;
}

.warningcheck:before{
    background-color:yellow !important;
}

.warningcheck:after:checked~.warningcheck::before{
    background-color:blue !important;
}

.strikethrough{
    text-decoration: line-through;
}

.alert-fixed {
    position:fixed;
    top: 60px;
    width: 100%;
    z-index:9999;
    border-radius:0px
}

.card-img-top {
    width: 100%;
    height: 20vw;
    object-fit: cover;
}

.card-img-top2 {
    width: 100%;
    height: 15vw;
    object-fit: cover;
}

.card {
    margin-top: 10px;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
    bottom: .5em;
}

.votedfor {
    background-color: #00B0F0 !important;
}

.red {
    background-color: red;
}

.orange {
    background-color: orange;
}

.green {
    background-color: #00FF00;
}

.blue {
    background-color: #8080ff;
}

.purple {
    background-color: #C040C0;
}