@charset "UTF-8";


.bg-blue {
	background-color: #000c4c; /*#0f2e6b; /*#143883; /*#126*/
}

.navbar {
    margin-bottom: 0px;
    min-height: 50px; /* returned to default value */

    /* for testing purposes: #c00 */
    /* background-color: #143883; /*...#1f3d7a;/*#204080; /*#203080; /*#0d2685; /* #001f92; /*#26498f; /*#284077; /* #334480; /*#193874; /*#3b4470;  #223b6b; /*#3b578c /*#333d4c; /* #32578c;/* #36608b;/*#222222;*/

    /* added 10.12.2017 */

}
.navbar-brand {
    padding-top: 9px; /* changed from 15px to 13px to accommodate larger logo...and then to 9px */
}

.navbar-default {
    border:0px;
}

.navbar-default .navbar-nav > li > a {
    color: #e0e0e0; /*Change active text color here*/

}


.scrollable-menu {
    height: auto;
    max-height: 400px;
    overflow-x: hidden;
}


.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {

    color: #ffffff;
}



.nospace {
    padding: 0px;
    margin: 0 auto;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.header {
    background-color: #222;
    color: #fff;
}

.header input {
    color: #333;
}

a.navlink:link {
    /*color: #fff;*/
    text-decoration: none;
}

a.navlink:visited {
/*    color: #fff;*/
    text-decoration: none;
}

.panel {
    /*margin-bottom: 0px;*/
}

.panel-heading.phgray {
    background-color: #666;
    color: white;
}

.commentbox {
    position:relative;
    top:0;
    left:0;
/*    display:inline-block;*/
    border:solid black 0px;

    min-height: 70px;
}

.topicbox {
    position:relative;
    top:0;
    left:0;
    display:inline;
    border:solid black 0px;
}

.rank {
    position:absolute;
    top:10px;
    left:0;
    width:40px;
    height:100px;
    display:inline-block;
    border:solid red 0px;
}

.rank h1 {
    margin-top: 0px;
}

.votes {
    position:absolute;
    z-index: 1000;
    top:3px;
    left:30px;
    width:30px;
    height:100px;
    display:inline-block;
    text-align:center;
    border:solid green 0px;
}

.votes h2 {
    margin-top: 0px;
    margin-bottom: 0px;
}


.newvotes {
    position:absolute;
    top:0;
    left:30px;
    width:50px;
    height:100px;
    display:inline-block;
    text-align:center;
    border:solid green 0px;
}

.commentphoto {
    position:absolute;
    top:0px;
    left:0px;
    width:45px;
    height:45px;
    display:inline-block;
    text-align:center;
    border:solid green 0px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 5%;

background-color: #906;
}

.commentinitial {
    position:relative;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    color:#fff;
    font-size:200%;
}

.senderphoto {
    position:relative;
    top:0px;
    left:0px;
    width:45px;
    height:45px;
    display:inline-block;
    text-align:center;
    border:solid green 0px;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 5%;

    background-color: #906;
}

.senderinitial {
    position:relative;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    color:#fff;
    font-size:200%;
}


.commentvotes {
    position:absolute;
/*    top:-5px;*/
    top:5px;
    left:42px;
    width:50px;
/*    height:100px;*/
    display:inline-block;
    text-align:center;
    border:solid green 0px;
}

.commentvotes h1 {
    margin-top: 0px;
}

.topicvotes {
    position:absolute;
    top:0px;
    left:0px;
    width:50px;
    height:100px;
    display:inline-block;
    text-align:center;
    border:solid green 0px;
}


.topictext {
    line-height:0.8;
    margin-left:60px;
    /*    min-height:100px;*/
    border:solid blue 0px;
    word-wrap: break-word;
}


.textstuff {
    line-height:0.8;
    margin-left: 75px;
    margin-right: 10px;
    margin-bottom: 10px;
    /*    min-height:100px;*/
    border:solid blue 0px;
}

.ctext {
/* same as above but more indentation (found on topic comments) */
    line-height:1.3;
    margin-left: 90px;
    margin-right: 10px;
    /*    min-height:100px;*/
    border:solid blue 0px;
    word-wrap: break-word;
}

.newtextstuff {
    line-height:0.8;
    margin-left: 60px;
    margin-right: 30px;
    /*    min-height:100px;*/
    border:solid blue 0px;
}

.tu {
    line-height:1.3;
    margin-left:60px;
    font-size: 120%;
    border:solid blue 0px;
}

.yo {
    line-height:1.3;
    margin-left:120px;
    font-size: 120%;
    border:solid blue 0px;
}

h2.break-word {
  word-wrap: break-word;
}


.loginbutton {
    height: 60px;
    line-height: 60px;
}

.loginbutton button {
    vertical-align: middle;
    display: inline-block;
}

.loginright {
    height: 60px;
    line-height: 60px;
    vertical-align: middle;
    display: inline-block;
}

table, th, td {
    border: 0px solid black;
}

.table.no-border tr th {
  border-width: 0;
}

th.vmiddle {
display: inline-block;
	vertical-align:middle;
}

table.lightbsborders td {

        border-left:0px solid #c0c0c0;
        border-right:0px solid #c0c0c0;
        border-bottom:0px solid #c0c0c0;
        border-top: 1px solid #c0c0c0;

}

tr.bt2 {

border-top:2px solid #d0d0d0;

}


table.thickborders tr td {
    /* No Bootstrap borders... */
    border-bottom:3px solid #aab;
}



table.nobsborders tr td {
	/* No Bootstrap borders... */
	border:0px;
}

tr.nobsborders {
	border:0px;
}

td.nobsborders {
	border:0px;
}

table.table-nopadding td{
    padding: 0rem;
    border:0px;
}



mark {
	background: transparent;
	color: inherit;
	font-weight: bold;
}

markorig {
    background-color: red;
    color: white;
}

mark2 {
    background-color: #fcf8e3;
    color: #8a6d3b;
    border: solid #8a6d3b 1px;
    padding: 2px;
    /*font-weight: bold;*/
}

.tagtext {
    background-color: #fcf8e3;
    color: #8a6d3b;
    border: solid #8a6d3b 1px;
    padding: 2px;
}

.tagtextgr {
    background-color: #ccffcc;
    color: #006600;
    border: solid #006600 1px;
    padding: 2px;
}

.padtext {
    padding: 8px;
}

span.topicauthor {
    #background-color: #337ab7;
    background-color: #0088cc;
    color: white;
    padding: 2px;

}


.hidden {
    display: none;
}

.hiddentr {
	visibility: collapse;
}

.unviewed {
    font-weight: bold;
	background-color:#f0f0f0;
}

.nobold {
	font-weight: normal;
}

.verified {
    color: orange;
}

.contrasttext {
    color: #222;
}

.greentext {
    color: #090;
}

.orangetext {
    color: orange;
}

.graytext {
    color: #999;
}

.grayborder {
    /*border: solid #999 1px;*/
	border:1px solid #c0c0c4;
}


.bottomborder {
    border-bottom: solid #999 1px;
}

.bottomborderplus {
    border-bottom: solid #999 1px;
    margin-bottom: 10px;
}

a:hover {
    cursor: pointer;
}

a.nounderline:link {
    text-decoration: none;
}

a.nounderline:hover {
    text-decoration: none;
}


a.plainlink2:link {
  color: inherit;
    text-decoration: none;
}

a.plainlink2:active, a.plainlink2:hover, a.plainlink2:visited {
    color: inherit;
    text-decoration: none;
}

a.plainlink:link {
/*    color: #fff;*/
    color: inherit;
    text-decoration: none;
}

a.plainlink:visited {
    /*color: #fff;*/
    color: inherit;
    text-decoration: none;
}

a.plainlink:hover {
    color: #ffcc00;
    text-decoration: none;
}

a.plainlink:active {
    /*color: #fff;*/
    color: #ffcc00;
    text-decoration: none;
}

a.moreplain:link {
/*    color: #fff;*/
    color: inherit;
    text-decoration: none;
}

a.moreplain:visited {
    /*color: #fff;*/
    color: inherit;
    text-decoration: none;
}

a.moreplain:hover {
    color: inherit;
    text-decoration: none;
}

a.moreplain:active {
    /*color: #fff;*/
    color: inherit;
    text-decoration: none;
}

a.uparrow:hover {
    text-decoration: none;
}

a.uparrow:active {
    text-decoration: none;
}

a.downarrow:hover {
    text-decoration: none;
}

a.downarrow:active {
    text-decoration: none;
}

.arrow {
    color: #aaa;
}

.uparrow {
    color: #aaa;
}

.uparrow:hover {
    color: #eea236;
}

.uparrowarchived:hover {
    color: #aaa;
}

a.goldlink {
	color: #fff;
}

a.goldlink:hover {
  color: #ffcc00;/*#ffad05;*/
	text-decoration: none;
}

.navbar-default .navbar-nav > li > a.goldlink {
    color: #ffcc00; /*Change active text color here*/

}

.navbar-default .navbar-nav > li > a.goldlink:hover {
    color: #ffd633;/*#ffad05; /*Change active text color here*/

}


a.whitelink {
	color: #e0e0e0;
}

a.whitelink:hover {
  color: #fff;/*#ffad05;*/
	text-decoration: none;
}


a.whitelink2 {
	color: #777;
}

a.whitelink2:hover {
  color: #fff;/*#ffad05;*/
	text-decoration: none;
}


/*
.fa-square:hover:before {
  content: "\f14a"
}
*/



.upvoted {
    color: #eea236;
}

.downarrow {
    color: #aaa;
}

.downarrow:hover {
    color: #46b8da;
}

.downvoted {
    color: #46b8da;
}


.col-centered{
    float: none;
    margin: 0 auto;
}

#signinalert {
    /*display: none;*/
}

.regbar {
/*    background-color:blue;*/
}

.topicstats {
    position: absolute;
    top:0;
    right:0;
}


#idearesults {
    color: black;
    display: none;
    width: 204px;
    position: absolute;
    background-color: white;
    border: 1px solid #c0c0c0;
    z-index: 900;
}

#idearesults .item {
    color: black;
    padding: 3px;
    font-family: Helvetica;
    border-bottom: 1px solid #c0c0c0;
}

#idearesults .item:last-child {
    border-bottom: 0px;
}

#idearesults .item:hover {
    background-color: #f2f2f2;
    cursor: pointer;
}


#cover {
    position: fixed;
    height: 100%;
    width: 100%;
    top:0;
    left: 0;
/*    background: #000;*/
    z-index:9999;
}

#wizard {
    position: absolute;
    z-index: 10000;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 70%;
    height: 70%;
    border: 2px #999 solid;
    border-radius: 0;
    text-align: center;
    overflow-y: auto;
}



.btn-block {

    overflow:visible;
    white-space:normal;
    word-wrap:break-word;

}


/*
a.closeX {
    position: absolute;
    right: 0px; top: 0px; width:20px;
    background-color: #FFF; color: black;
    margin-top:-15px; margin-right:-15px; border-radius: 20px;
    padding-left: 3px; padding-top: 1px;
    cursor:pointer; z-index: -1;
    font-size:16px; font-weight:bold;
}
*/

/* NOTE: WTF SOURCE */
html {
    /*visibility:hidden;*/
}



.mod-text,
.mod-background {
  position: relative;
  left: 0;
  width: 100%;
}
.mod-text {
  color: #FFF;
  font-size: 5em;
  text-align: center;
  bottom: 0;
}
.mod-background {
  background-color: #f58322;
  border-radius: 8px;
  filter: alpha(opacity=60);
  opacity: 0.60;
  top: 0;
  height: 100%;
}



/* mad props: http://www.bootply.com/lyqtWesQhC */
@media screen and (min-width: 992px) {
  .equal, .equal > div[class*='col-'] {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex:1 1 auto;
  }
}

.text0-5 {
font-size: 0.5rem;
}

.text1-0 {
font-size: 1rem;
}


.text1-1 {
font-size: 1.1rem;
}

.text1-2 {
font-size: 1.2rem;
}


.text1-33 {
font-size: 1.33rem;
}

.text1-5 {
font-size: 1.5rem;
}

.text1-6 {
font-size: 1.6rem;
}

.text1-8 {
font-size: 1.8rem;
}

.text2-0 {
font-size: 2rem;
}

.text110 {
font-size: 110%;
}

.text120 {
font-size: 120%;
}

.text125 {
font-size: 125%;
}

.text150 {
font-size: 150%;
}

.text180 {
font-size: 180%;
}

.text200 {
font-size: 200%;
}

.text200em {
font-size: 2em;
}

.text250 {
font-size: 250%;
}

.text300 {
font-size: 300%;
}

.text400 {
font-size: 400%;
}


.text90 {
font-size: 90%;
}

.text80 {
font-size: 80%;
}

.text75 {
font-size: 75%;
}

.text60 {
font-size: 60%;
}

.text50 {
font-size: 50%;
}

.text40 {
font-size: 40%;
}

.textor {
color: #fb9902;
}

.textbl {
color: #0247fe;
}

.textgreen {
color: #00aa00;
}

.textyellow {
color: #ffaa00;
}

.textred {
color: #cc0000;
}

.textblack {
color: black;
}

.textpurple {
color: #8064a2;
}

.textgr {
color: #66b032;
}

.textgold {
color: gold;
}

.text-darkgray {
color: #666666;
}

.text-lightgray {
color: #f8f8ff;
}

.text-dark {
color: #434343;
}

.text-warmgray {
  color:#676760;
}

a.greenlink {
  color:#369;//#2e7a82;//#2e827a;
}

.aul {
	color: #ffffff;
}

.aul:hover {
	color: #ffffff;
	text-decoration: underline;
}

.domname {
text-decoration:none;
font-weight:bold;
}

.btn-findouthow {
background:rgba(144,0,0,0.7);
color:#fff;
border: 0.2em solid white;
}

.btn-findouthow:hover {
background:rgba(168,0,0,1);
color:#fff;
border: 0.2em solid white;
}

h1.notopm {
    margin-top: 0px;
}

#viewgraph {
    position: relative;
    top:0;
    bottom: 0;
    left: 0;
    right: 120;
    margin:auto;
    margin-right: 120px;
}

.text-black {
   color: #000;
}

.text-white {
   color: #fff;
}

.text-white:hover {
   color: #fff;
   text-decoration: none;
}

.btn-volunteer {
  color: #fff;
  background-color: #0a7;
}
.btn-volunteer:hover,
.btn-volunteer:focus,
.btn-volunteer.active {
  color: #fff;
  background-color: #007753;
}




.btn-forest2 {
  color: #fff;
  background-color: #708c7d;
}
.btn-forest2:hover,
.btn-forest2:focus,
.btn-forest2.active {
  color: #fff;
  background-color: #597064;
}


.btn-forest {
  color: #fff;
  background-color: #0b865d;/*#918151;*/
}
.btn-forest:hover,
.btn-forest:focus,
.btn-forest.active {
  color: #fff;
  background-color: #07573c;
}

.border-navy {
	border: 1px solid #0f2e6b;
}


.text-navy {
	color: #0f2e6b;
}

.text-navy2 {
	color: #0e4694;
}

.text-outscore {
	color: #10152a;
}

.btn-navy {
  color: #fff;
  background-color: #0f2e6b;/*#918151;*/
}
.btn-navy:hover,
.btn-navy:focus,
.btn-navy.active {
  color: #fff;
  background-color: #0b214d; /*#0f2248;*/
}

.btn-tan3 {
  color: #fff;
  background-color: #595964;/*#918151;*/
}
.btn-tan3:hover,
.btn-tan3:focus,
.btn-tan3.active {
  color: #fff;
  background-color: #70643f;
}


.btn-tan2 {
  color: #fff;
  background-color: #8f7452;
} 
.btn-tan2:hover,
.btn-tan2:focus,
.btn-tan2.active {
  color: #fff;
  background-color: #6f5a3f;
}



.btn-tan {
  color: #fff;
  background-color: #8c7d70;
}
.btn-tan:hover,
.btn-tan:focus,
.btn-tan.active {
  color: #fff;
  background-color: #706459;
}


.btn-bluegray {
  color: #fff;
  background-color: #2e335f;/*#48576c;*/
}
.btn-bluegray:hover,
.btn-bluegray:focus,
.btn-bluegray.focus,
.btn-bluegray:active,
.btn-bluegray.active {
  color: #fff;
  background-color: #1d213d;/*#343e4d;*/
}

.btn-gray {
  color: #fff;
  background-color: #999;
}
.btn-gray:hover,
.btn-gray:focus,
.btn-gray.focus,
.btn-gray:active,
.btn-gray.active {
  color: #fff;
  background-color: #777;
}

.btn-gold {
  color: #fff;
  background-color: #eeb000; /*#ffc000;/* #ffc421;*/
  /*border-color: #eea236;*/
}
.btn-gold:hover,
.btn-gold:focus,
.btn-gold.focus,
.btn-gold:active,
.btn-gold.active {
  color: #fff;
  background-color: #cc9700;
  /*border-color: #eea236; /*#d58512;*/
}


.btn-free {
  color: #fff;
  background-color: #607090;
  
}
.btn-free:hover,
.btn-free:focus,
.btn-free.active {
  color: #fff;
  background-color: #52607c;
}


.btn-enterprise {
  color: #fff;
  background-color: #007070;
  
}
.btn-enterprise:hover,
.btn-enterprise:focus,
.btn-enterprise.active {
  color: #fff;
  background-color: #003d3d;
}

.btn-graph {
  color: #fff;
  background-color: #6070a0;
  
}
.btn-graph:hover,
.btn-graph:focus,
.btn-graph.active {
  color: #fff;
  background-color: #4d5a80;
}

.btn-aub {
  background-color: #9e004f;
   color: #fff;
}

.btn-aub:active, .btn-aub:hover, .btn-aub:focus {
   background-color: #831e46;
   color: #fff;
}

.btn-blue {
  background-color:#5395d9;
  border:0px solid #5395d9;
  color: #fff;
}

.btn-blue:active, .btn-blue:hover {
  background-color: #2462a2 !important; /* careful with the importants...*/
  border-colora: #1862b5;
  color: #fff;
}

.btn-teal2 {
  background-color:#00aa77;
	color: #fff;
}

.btn-teal2:active, .btn-teal2:hover, .btn-teal2:focus {
  background-color: #007753;
  color: #fff;
}

.btn-teal {
  background-color:#399;
	color: #fff;
}

.btn-teal:active, .btn-teal:hover, .btn-teal:focus {
  background-color: #008080;
  color: #fff;
}

.btn-brightblue2 {
  background-color:#06d;
  color: #fff;
}

.btn-brightblue2:active, .btn-brightblue2:hover, .btn-brightblue2:focus {
  background-color: #004eaa ;
  color: #fff;
}


.btn-brightblue {
  background-color:#2780e3;
  border:0px solid #2780e3;
  color: #fff;
}

.btn-brightblue:active, .btn-brightblue:hover {
  background-color: #1967be !important; /* careful with the importants...*/
  border-color: #1862b5;
  color: #fff;
}




.btn-brightblue {
  color: #fff;
  background-color: #2780e3;
  border-color: #2780e3;
}
.btn-brightblue:focus,
.btn-brightblue.focus {
  color: #fff;
  background-color: #1967be;
  border-color: #1967be;
}
.btn-brightblue:hover {
  color: #fff;
  background-color: #1967be;
  border-color: #1967be;
}
.btn-brightblue:active,
.btn-brightblue.active,
.open > .dropdown-toggle.btn-brightblue {
  color: #fff;
  background-color: #2780e3;
  border-color: #1967be;
}
.btn-brightblue:active:hover,
.btn-brightblue.active:hover,
.open > .dropdown-toggle.btn-brightblue:hover,
.btn-brightblue:active:focus,
.btn-brightblue.active:focus,
.open > .dropdown-toggle.btn-brightblue:focus,
.btn-brightblue:active.focus,
.btn-brightblue.active.focus,
.open > .dropdown-toggle.btn-brightblue.focus {
  color: #fff;
  background-color: #2780e3;
  border-color: #1967be;
}
.btn-brightblue:active,
.btn-brightblue.active,
.open > .dropdown-toggle.btn-brightblue {
  background-image: none;
}
.btn-brightblue.disabled:hover,
.btn-brightblue[disabled]:hover,
fieldset[disabled] .btn-brightblue:hover,
.btn-brightblue.disabled:focus,
.btn-brightblue[disabled]:focus,
fieldset[disabled] .btn-brightblue:focus,
.btn-brightblue.disabled.focus,
.btn-brightblue[disabled].focus,
fieldset[disabled] .btn-brightblue.focus {
  background-color: #2780e3;
  border-color: #1967be;
}
.btn-brightblue .badge {
  color: #2780e3;
  background-color: #fff;
}



#fbbutton {
z-index:998;
  position: fixed;
  bottom: -4px;
	right:10px;
}


.btn-warning2:active, .btn-warning2:hover {
    background-color: #ec971f !important; /* added to override default nav>li>a behavior */
    border-color: white;
  	color: #fff;
}

.bg-bb {
  background-color:#2780e3;
  color: #fff;
}

.tagdark {
	background-color:#606060;
	color:#e0e0e0;
	padding:5px 12px;
	border-radius:20px;
	font-weight: bold;
	white-space:nowrap;
}

.taglight {
	background-color:#d0d0d0;
	color:#444;
	padding:5px 12px;
	border-radius:20px;
	font-weight: bold;
	white-space:nowrap;
}

.hashtag-a {
	font-size: 90%;
  background-color:#284077;
	color: #fff;
	padding: 2px;

}

.hashtag-a {
	font-size: 90%;
	background-color:#bde1ff;
  border:1px solid #284077;
	border-radius:0px;
	color: #284077;
	padding: 0px;

}

.hashtag {
	/*color: #284077;*/
	font-weight: bold;

}

.hashtag-blue {
	color: #284077;
	font-weight: bold;

}

.hashtag-vv {
	font-size: 90%;
	background-color:#f4f4fc;
  border:1px solid #d0d0f0;
	border-radius:5px;
	color: #284077;
	padding: 0px 2px;

}


.hashtag-bl {
	font-size: 90%;
	background-color:#284077;
  border:0px solid #284077;
	border-radius:0px;
	color: #fff;
	padding: 2px;

}

.bg-bl {
  background-color:#284077;
	color: #fff;
}

.bg-yl {
  background-color:#ec971f;
	color: #fff;
}

.text-brightblue {
  color:#2780e3;
}

.text-brightblue2 {
  color:#06d;
}

a#aoptions:link {
color: white;
}

.fadebox {
  -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
  max-height:  150px;
  width: 100%;
  overflow-y: hidden;
//  overflow-y: scroll;
}

.fadebox-sm {
  -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
  max-height:  60px;
  width: 100%;
  overflow-y: hidden;
//  overflow-y: scroll;
}

.orangebox {
	background:#fee598;/*#fff6db;*/
	border:1px solid orange;
}

.commentvotebox {

	color: #8b92a7;//#999;//#343a40;

}


.commentvotebox:active, .commentvotebox:hover, .commentvotebox:focus {
	background-color: #17a2b8;
//	background-color: #fda408;
	color: #fff !important;
	cursor:pointer;
	
}


.postcommentbox {

	color: #8b92a7;//#999;//#343a40;

}


.postcommentbox:active, .postcommentbox:hover, .postcommentbox:focus {
//	background-color: #17a2b8;
	background-color: #fda408;
	color: #fff !important;
	cursor:pointer;
	
}

.thumbscore {
	color: #8b92a7;//#999;
}

.thumbsup {
	color: #8b92a7;//#999;
}

.thumbsup:active, .thumbsup:hover, .thumbsup:focus {
	background-color: #28a745;
	color: #fff !important;
	cursor:pointer;
}

.thumbsdown {
	color: #8b92a7;//#999;
}

.thumbsdown:active, .thumbsdown:hover, .thumbsdown:focus {
	background-color: #dc3545;
	color: #fff !important;
	cursor:pointer;
}


.votebox {
	// color: #70707f;
	color: #8b92a7;//999;//#343a40;
	//background-color:#cdcccb;
	border: 1px solid #6c757d;
	//// border-radius:0.5rem;
}

.volunteerbox {
	// color: #70707f;
	color: #8b92a7; //#999; //#fff;// #343a40;
	//background-color:#cdcccb;
	border: 1px solid #6c757d;
	////border-radius:0.5rem;
}

.votebox:active, .votebox:hover, .votebox:focus {
//	background-color: #ffc107;//#ffb000;
	background-color: #fda408;//#fdc008;
	color: #fff !important;
	cursor:pointer;
}

.volunteerbox:active, .volunteerbox:hover, .volunteerbox:focus {
    background-color: #298;//#3a9;//#25993f;//#28a745;
    color: #fff !important;
	cursor:pointer;
}

.votecircle {
	color: #a5a5b0;
}

.volunteercircle {
	color: #a5a5b0;
}

.votecircle:active, .votecircle:hover {
	color: #ffc107;//#ffb000;
	cursor:pointer;
}

.volunteercircle:active, .volunteercircle:hover {
    color: #28a745;
	cursor:pointer;
}

.vollisting {
	padding: .25rem 0 .25rem 1rem;
	text-indent:-1rem;
}

.bg-commvoted {
	background: #17a2b8;
	color: #fff !important;	
}

.bg-voted {
	background: #fda408;//#fdc008;
/*	border: 0px solid #c0c0c4;/*#606060;*/

	color: #fff !important;
}

.bg-volunteered {
	background: #298;//#25993f;//#28a745;
/*	border: 0px solid #c0c0c4;/*#606060;*/

	color: #fff !important;
}

.bg-unvoted {
	background: #fff; //// #a0a5b0;//#a9abb7;//#afafaf//#cdcccb; //#555566; //#6c757d; //#828896; //#6c757d;
	border: 0x solid #6c757d;/*#909090;/*#c0c0c4;/*#606060;*/
}

.bg-unvot {
	background: #958a6f;// #8f8876;
}

.bg-unvol {
	background: #5f7264;//#616e64;
}

.text-voted {
  color: #fda408;//#fdc008; //#ffc107;//#ffb000;
}

.text-volunteered {
  color: #229988;//#25993f;//#28a745;
}

.text-notvoted {
color: #d0d0d0;
}

.text-notvolunteered {
color: #d0d0d0;
}


.text-gray {
	color: #454545;
}

.text-gray2 {
	color: #606060;
}

.text-red {
	color: #cc0000;
}

.text-green {
	color: #00cc00;
}

.text-teal {
  color: #366;/*699*/
}

.text-teal2 {
	color:#466;
}

.text-lime {
	color: #1b1;/*#13b94c;/* #12bc00;*/
}

.text-orange {
	color: orange;
}

.text-orange2 {
	color: #c9660d;/*#d08502;/*#ea6813;/*#f78a16;*/
}

.text-orange3 {
	color: #eaaa13;
}

.text-orange4 {
	color: #fdab08;
}

.text-insider {
	color: #ea6813;/* #b82d17;*/
}

.bg-insider {
	background-color: #ea6813;/* #b82d17;*/
}

.bg-outsider {
	background-color: #004586;
}

.text-outsider {
	color: #004586;
}

.text-graph {
	color: #6070a0;
}

.bg-graph {
	background-color: #6070a0;
}

.bg-brightblue {
  background-color:#2780e3;
  border:2px solid #2780e3;
}


.bg-brightblue2 {
  background-color:#2780e3;
}

.bg-red {
  background-color:#cc0000;
}

.bg-admin {
  background-color:#676760;
  background-color:#595964;
}

.text-admin {
  /* color:#595964; */
  color: #ac1a31; /*SJ FTW*/
}

.bg-bluesteel {
  background-color:#535c6c;
}

.bg-warmgray {
  background-color:#676760; 
}

.bg-warmgray2 {

  background-color:#555866;
  background-color:#5d5c61;
  background-color:#595964;

}

.alert-warmgray2 {
  background-color:#5d5c61;
  color: white;
}

.alert-red {
	background-color:#f9a7a7;
}

.bg-coolgray {
  background-color: #c6c6dd;
}

.bg-bluegray {
  background-color:#f0f0f8;
  border: 2px solid #d0d0e0;
}

.bg-bluegray2 {
  background-color:#d0d0e0;
  border-bottom: 1px solid #d0d0e0;
  color: #333;
}

.bg-bluegray3 {
  background-color:#fff;
  border: 2px solid #d0d0e0;
}

.bg-bluegray4 {
  background-color:#e0e0f0;
}

.bg-redgray {
  background-color:#f8e0f4;
  border: 2px solid #d0d0e0;
}

.bg-slate {
  background-color:#777792;
  background-color:#808499;
}
td.bg-slate {
  background-color:#777792;
  background-color:#888899;
}

.bg-lightblue {
  background-color: #d7dbf2;
}

.bg-light {
  background-color:#f0f0f8;
}
td.bg-light {
  background-color:#f0f0f8;
}

.bg-gray {
  background-color:#e0e0e0;
}

.bg-gray2 {
  background-color:#e0e0e8;
}

.bg-gray2a {
  background-color:#d0d0e0;/*#dde0e8;*/
}

.bg-gray3 {
  background-color:#c6c6dd;
}

.bg-beige {
  background-color:#c4c4aa;/*#c7c1ae;/*#d3c7a2;/*#c2b280;/*#b2aa99;#b7ab98;*/
}

.bg-graytab {
  background-color:#c0c0d0;
}

.targetselected {
  background-color:#c6c6dd;
}

.bg-infodark {
  background-color:#8cc9e7;
}

.aub {
  background-color: #f1d3de;
  color: #831e46;
  border: 1px solid #831e46;
}

.bg-lime {
  background-color: #32cd32;
}

.bg-teal {
  background-color: #186464;
}

.bg-aub {

  background-color: #713;/*#66023c;/*#9e004f;*/
}

.bg-aub2 {

  background-color: #774463;
}

.text-roma {
	color: #9a2435;
}

.text-purple {
	color: #563d7c;
}

.text-beige {
	color: #36362a;
}

.text-beige2 {
	color: #685d3d;
}

.text-aub {
   color: #713;/* #66023c;/*#831e46;*/
}

.text-aub2 {
	color: #9e004f;
}

.grape {
  background-color: #c8bcd0;
  color: #333366;
  border: 1px solid #333366;
}

.aubbox {
	background-color: #f1d3de;
	color: #831e46;
	border: 0px solid #831e46;
	padding: 2px 5px;
	border-radius:5px;
}

.bluebox {

}

.greenbox {

}

.alert-auto {
	display: inline-block;
}

#form_newcomment textarea {
    line-height: 1.25em;
    padding: 1em;
}


.fa-8x {
        font-size: 5em;
}

.fa-10x {
        font-size: 6.4em;
}

.fa-12x {
        font-size: 8em;
}

.fa-15x {
        font-size: 9.6em;
}



thead.open {
    background-color: #31a8ae;
    color: white;

}



thead.process {
    background-color: #036a93;
    color: white;
}

thead.archived {
    background-color: #0c3f6a;
    color: white;

}

thead.recentact {
    background-color: #8db342;
        color: white;
}



thead.leaderboard {
    background-color: #6e75a3;
        color: white;
}

.dewalt {

    background-color: #e7bf3C;
}


.highlightContainer {
    position: absolute;
    color: transparent !important;
    pointer-events: none !important;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.highlightContainer .highlight {
    pointer-events: none !important;
    color: transparent !important
}

.highlight {
    background-color: rgba(23, 147, 189, 0.2)
}

table.table-lesspadding th {
	padding: .25rem;
}
table.table-lesspadding td {
	padding: .25rem;
}

.text-light {
    font-weight: 300
}

.text-bold {
    font-weight: 500
}

.text-italic {
	font-style: italic;
}

.caption {
	font-style: italic;
}

.text-upcase {
    text-transform: uppercase;
    letter-spacing: 2px
}

.text-underline {
    text-decoration: underline
}

.nowrap {
    white-space: nowrap
}

.text-primary {
    color: #00436e
}

.typeAnchorBlue {
    color: #0093bf
}

.typeAnchorNavy {
    color: #155C8A
}

.typeGold {
    color: #fbc727
}


@media screen and (max-width: 767px) {
    .row.table-row {
        display: block;
        width: auto
    }
    .row.table-row [class^="col-"] {
        display: block;
        border: none
    }
    .row.table-row [class^="col-"]+[class^="col-"] {
        border-top: solid 1px #ccc
    }
}

@media screen and (max-width: 767px) {
    .container-flush-xs {
        padding: 0;
        margin: 0
    }
    .text-left-xs {
        text-align: left !important
    }
    .text-center-xs {
        text-align: center
    }
}

@media screen and (max-width: 992px) {
    .text-left-sm {
        text-align: left !important
    }
    .text-center-sm {
        text-align: center
    }
}

@media screen and (max-width: 1200px) {
    .text-left-md {
        text-align: left !important
    }
    .text-center-md {
        text-align: center
    }
}


@media screen and (max-width: 992px) {
    .nav-secondary li a {
        font-size: 17px
    }
}

@media screen and (max-width: 767px) {
    .nav-secondary li a {
        border: solid 1px #f0f0f0;
        font-size: 24px;
        margin: -1px
    }
    .nav-secondary li a:after {
        border: none !important
    }
}

.btn-option {
	color: #0e4694;//#007bff;
	border: 1px solid #0e4694;
	background-color: #d8ddf2;
}

.btn-option:hover {
	background-color: #0e4694;
	color: #fff !important;
}

.btn-option-se {
	background-color: #ffe766;//#fffd9e;//#fff5e3;
	color: #0e4694;//#fda408;
	border: 1px solid gold;//#fda408;//#ffc107;
}

.btn-option-se:hover {
	background-color: gold;//#fda408;
	//color: #fff !important;
}


/*
.btn-apply {
    margin: 15px 0px
}

button.btn.btn-home {
    border-color: #333;
    background-color: transparent;
    border: 1px solid;
    border-left: none;
    font-weight: 100
}

.btn-group .btn-group:first-child button.btn.btn-home {
    border-left: 1px solid
}

button.btn.btn-home.active,
.btn-group .btn-group:first-child button.btn.btn-home.active {
    border: 1px solid #0093bf;
    color: #155C8A;
    font-weight: normal;
    box-shadow: none;
    background-color: #FFF
}

button.btn.btn-home.leftActive {
    border-right: none
}
*/
.share-links li a [class^="icon-"] {
    font-size: 16px;
    color: #dfdfdf;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s
}

@media screen and (max-width: 767px) {
    .footer-cell {
        padding: 20px 30px 0px;
        border: none !important
    }
    .share-links li a [class^="icon-"] {
        font-size: 20px
    }
}

.btn-group>.btn.active {
    z-index: 0
}



.typeLowercase {
    text-transform: lowercase !important
}

.typeCaps {
    text-transform: uppercase !important
}

.typeEmphasize {
    font-weight: bold !important
}

.typeBold {
    font-weight: 600 !important
}

.typeBrightlight {
    color: #dfdfdf !important
}

.typeReversed {
    color: #fff !important
}

.linkTypeReversed {
    color: #fff
}

.linkTypeReversed .svgIcon:not(.svgDetailed) path {
    fill: #fff
}

.linkTypeReversed:hover,
.linkTypeReversed:focus {
    color: #fff
}

.linkTypeReversed:hover .svgIcon:not(.svgDetailed) path,
.linkTypeReversed:focus .svgIcon:not(.svgDetailed) path {
    fill: #fff
}





.wbg {

    background: #fff;
    border: 1px solid silver;
    box-shadow: 1px 1px 1px #888888;

		margin: 10px -5px;
		padding: 1em;

    margin-top: 15px;

}

.entlogo {
    border: 0px solid silver;
    width: 144px;
}

.entlogovv {
    width: 90px;
    height: 90px;
		border: 0px solid #d0d0d0;

}

.entlogoland {
    border: 0px solid silver;
		margin-bottom:10px;
}

.entlogo2 {
    border: 1px solid #ccc;
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.entlogo2a {
    width: 60px;
    height: 60px;
    padding-bottom: 0px;
    padding-right: 0px;
}

.entlogo3 {
    border: 0px solid silver;
    width: 80px;
    height: 70px;
    padding-bottom: 10px;
    padding-right: 20px;
}

.entlogo3a {
    width: 90px;
    height: 90px;
    margin-bottom: 10px;
}

.entlogomd {
    width: 96px;
}

.entlogosm {
    width: 64px;
	height: 64px;
}

.entlogoxs {
    width: 32px;
    height: 32px;
}



footer {
    margin: 50px 0;
}

@media(max-width:1200px) {
    .headline h1 {
        font-size: 140px;
    }

    .headline h2 {
        font-size: 63px;
    }

    .featurette-divider {
        margin: 50px 0;
    }

    .featurette-image.pull-left {
        margin-right: 20px;
    }

    .featurette-image.pull-right {
        margin-left: 20px;
    }

    .featurette-heading {
        font-size: 35px;
    }
}


/* MOVED FROM HEADER */
/* courtesy: http://www.bootply.com/3iSOTAyumP */
a.navbar-brand:hover {
    text-decoration: none;
}

h2 {
    margin-top: 0px;
}

/* standard navbar */
@media (min-width: 768px) {
  .navbarhide {
        display: none;
    }
}


.targetpill {

	display:inline-block;
/*	border-radius:5px; */
	padding:0rem .5rem;
	line-height:1.4rem;
}


.spanpill {
    padding:5px;
    border-radius:5px;
}

.spanpillshort {
    padding:2px 5px;
    border-radius:5px;
}


.error {
	display: none;
	/*background-color: #f2dede;*/
	padding: 0.5rem;/*8px;*/
	font-weight: bold;
	
/* ?? */	
background-color: transparent;
}

.panelvv {

	border: 1px solid #d0d0d0;/*#fabc0c;*/
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-radius:0px;
	background-color:#fff;

	-webkit-box-shadow: 1px 1px 1px 0px rgba(40,40,40,0.5);
	-moz-box-shadow: 1px 1px 1px 0px rgba(40,40,40,0.5);
	box-shadow: 1px 1px 1px 0px rgba(40,40,40,0.5);

}

.bg-cerulean {
	background-color:#275dd8;
}

.bg-orange {
	background-color:orange;
}

.bg-navy {
	background-color:#0f2e6b;
}

.bg-gold {
	background-color:#fffdf8;
}

.bg-gold2 {
	background-color:#f8c800;
}

.pweye {
	position: absolute;
	width: auto;
	bottom: 0.5rem;/* 10px;*/
	right: 0.5rem;/*10px;*/
	margin-top: 0;
}

.panel {
	border: 1px solid silver;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-radius:0px;

}

.panel-heading {
	border-radius:0px;

}


.panel.noborder {
	border: none;
}

/* For transparent navbar *only* over images */
.hidden-spacer {
    height: 56px
}

.navbartransparent .navbar-inverse .navbar-inner {
   background: rgba(0,0,0,0.4);
}


.navtopics {
    background-color: #fff !important;
}

.navtopics>li>a {
    background-color: #e0e0e0 !important;
    color: #000;
}


.navtab {
	color: #616785;
	color: #545a74;
}

a.navtab:hover {
	color: #616785;
}


.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{
	color: #fff;

	/* background-color:#5d5c61;*/
	/* background-color:#337ab7;*/
	/* background-color:#2780e3;*/
	/* background-color: #0099aa; //TEAL*/
  background-color: #616785;

} 




/* Aesthetically pleasing, but don't impact accessibility */
/* https://stackoverflow.com/questions/23333231/bootstrap-button-shows-blue-outline-when-clicked */
.btn:focus, .btn:active {
   outline: none !important;
   box-shadow: none;
}

.a:focus, .a:active, a {
   outline: none !important;
   box-shadow: none;
}

.notopm {
	margin-top: 0px;
}

.btnWhiteBorder {
    border: 2px #fff solid;
}

.wtborder {
	border: 2px #fff solid;
}


.btn-feedback {
   /* border: 0px #fff solid;*/
	display:table-cell;
	min-height:100%;
	border-radius:0px;
	/*background-color: #9090b0;*/
}

.btn-feedback:hover {

    /*border: 0px #fff solid;*/
}



.btn-pubpoll {
	color: #fff;
	background-color:#8090a0;
	background-color: #999;
}


.btn2:hover {
	background-color: #449d44;
	color: #fff;
}

.btn2on {
	background-color: #5cb85c;
}

.btn1on {
	background-color: #f0ad4e;
}

.btn0on {
	background-color: #d9534f;
}

.btnlandingface {
	border-radius: 5px;
	border: 1px solid #ccc;
	margin: 0px;
	padding:10px 0px;
}

.btnlandingface:hover {
	color: #fff;
}

.btnface {
	border-radius: 5px;
	border: 1px solid #ccc;
	margin: 0px;
	padding:0px;

	font-size: 100%;
}

.col-half-offset{
    margin-left: 4.166667%;

}

.silbor {
	border: 1px solid silver;
}


.btn1 {
	color: #777;/*#c01718;*/
}
	
.btn1:hover {
	background-color: #b11516;/*#e52526;/*#c01718;*/
	color: #fff;
}

.btn1voted {
	background-color: #c01718;
	color: #fff;
}

.btn2 {
	color: #777;/*#eb461b;  /*#eb661b;*/
}
	
.btn2:hover {
	background-color: #d23a12;/*#ef6c4a;/*#eb461b;  /*#eb661b;*/
	color: #fff;
}

.btn2voted {
	background-color: #eb461b;  /*#eb661b;*/
	color: #fff;
}

.btn3 {
	color: #777;/*fbbe0a;*/
}
	
.btn3:hover {
	background-color: #f0b404;/*#fccb3c;/*#fbbe0a;*/
	color: #fff;
}

.btn3voted {
	background-color: #fbbe0a;
	color: #fff;
}

.btn4 {
	color: #777;/*#92c252;*/
}
	
.btn4:hover {
	background-color: #8abe45;/*#aacf78;/*#92c252;*/
	color: #fff;
}

.btn4voted {
	background-color: #92c252;
	color: #fff;
}

.btn5 {
	color: #777;/*#28a851;*/
}
	
.btn5:hover {
	background-color: #259a4a;/*#34cf66;/*#28a851;*/
	color: #fff;
}

.btn5voted {
	background-color: #28a851;
	color: #fff;
}



.btn0:hover {
	background-color: #c9302c;
	color: #fff;
}


.btnface:hover {
	color: #fff;
}

.btn-category {

	border: 2px transparent solid;

}

.btn-category:hover {

    border: 2px transparent solid;
}

table.vertical-align > tbody > tr > td {
     vertical-align: middle;

}




.fa-rotate-45 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.display-table {
    display: table; 
}
.display-table > div { 
    display: table-row; 
}
.display-table > div > div { 
    display: table-cell;
    vertical-align: top;
    padding: 0rem;
}



.lhfix {
	line-height:1.42em;
}

.first-line {
	text-indent: -0.3em;
	padding-left: 0.3em;
}

.numberCircle {
	width:40px;
	height:40px;
	border-radius:20px;
	font-size:24px;
	font-weight:bold;
	color:#fff;
	line-height:40px;
	text-align:center;
	background-color: #e38027;/*#284077;*/
	border: 0px solid navy;
}

.howbox {
	backgrounda:#fff;
	border: 0px solid orange;
	margin:5px;

}

#how-row {
    display: table;
}

#how-row .panel {
    float: none;
    display: table-cell;
    vertical-align: top;
	padding:5px;
	margin:0px;
/*	border:1px;*/
}



.commentlink {
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 10;
	text-align:right;
	vertical-align:top;

}

td.scale10 a {
    display:block;
    width:100%;
		color: #fff;

}


td.scale10 {
	color: #fff;
font-weight:bold;
	width:9%;
	min-width:9%;
	max-width:9%;
	font-size:0.9em;
	text-align:center;
	padding:10px 0px;

	border: 1px solid #d0d0d0;

}

td.scale10a a {
    display:block;
    width:100%;
	padding: 12px 0px;
}


td.scale10a {

	font-weight:bold;
	width:9%;
	min-width:9%;
	max-width:9%;
	font-size:0.9em;
	text-align:center;
	padding:20px 0px;

	border: 0px solid #d0d0d0;

}


td.scale5a a {
    display:block;
    width:100%;

}


td.scale5a {

font-weight:bold;
	width:20%;
	min-width:20%;
	max-width:20%;
	font-size:1em;
	text-align:center;
	padding:10px 0px;

	border: 1px solid #d0d0d0;

}



.bg0:hover {
	opacity: 1;
}
.bg1:hover {
	opacity: 1;
}
.bg2:hover {
	opacity: 1;
}
.bg3:hover {
	opacity: 1;
}
.bg4:hover {
	opacity: 1;
}
.bg5:hover {
	opacity: 1;
}
.bg6:hover {
	opacity: 1;
}
.bg7:hover {
	opacity: 1;
}
.bg8:hover {
	opacity: 1;
}
.bg9:hover {
	opacity: 1;
}
.bg10:hover {
	opacity: 1;
}

.bg0 {
	background-color:#b72025;
}
.bg1 {
	background-color:#d62027;
}
.bg2 {
	background-color:#f05223;
}
.bg3 {
	background-color:#f36f21;
}
.bg4 {
	background-color:#faa823;
}
.bg5 {
	background-color:#ffc21f;
}
.bg6 {
	background-color:#d4bd27;
}
.bg7 {
	background-color:#a9b72e;
}
.bg8 {
	background-color:#7eb236;
}
.bg9 {
	background-color:#53ac3d;
}
.bg10 {
	background-color:#2ba745;
}

.bg0light {
	background-color:#e25b5f;
}
.bg1light {
	background-color:#ea7277;
}
.bg2light {
	background-color:#f79d82;
}
.bg3light {
	background-color:#f8ae82;
}
.bg4light {
	background-color:#fccf87;
}
.bg5light {
	background-color:#ffde85;
}
.bg6light {
	background-color:#efe06a;
}
.bg7light {
	background-color:#eaf34b;
}
.bg8light {
	background-color:#cef93f;
}
.bg9light {
	background-color:#afff32;
}
.bg10light {
	background-color:#56ff12;
}


.bg0fade {
	background-color:#b72025;
	opacity: 0.35;
}
.bg1fade {
	background-color:#d62027;
	opacity: 0.35;
}
.bg2fade {
	background-color:#f05223;
	opacity: 0.35;
}
.bg3fade {
	background-color:#f36f21;
	opacity: 0.35;
}
.bg4fade {
	background-color:#faa823;
	opacity: 0.35;
}
.bg5fade {
	background-color:#ffc21f;
	opacity: 0.35;
}
.bg6fade {
	background-color:#d4bd27;
	opacity: 0.35;
}
.bg7fade {
	background-color:#a9b72e;
	opacity: 0.35;
}
.bg8fade {
	background-color:#7eb236;
	opacity: 0.35;
}
.bg9fade {
	background-color:#53ac3d;
	opacity: 0.35;
}
.bg10fade {
	background-color:#2ba745;
	opacity: 0.35;
}



.text-0 {
	color:#b72025;
}
.text-1 {
	color:#d62027;
}
.text-2 {
	color:#f05223;
}
.text-3 {
	color:#f36f21;
}
.text-4 {
	color:#faa823;
}
.text-5 {
	color:#ffc21f;
}
.text-6 {
	color:#d4bd27;
}
.text-7 {
	color:#a9b72e;
}
.text-8 {
	color:#7eb236;
}
.text-9 {
	color:#53ac3d;
}
.text-10 {
	color:#2ba745;
}

.bga:hover {
	color: #fff;
}

span.bga:hover {
	color: #fff;
}


a.tda0 {
	border-bottom:15px solid #b72025;
}

a.tda1 {
	border-bottom:15px solid #d62027;
}

a.tda2 {
	border-bottom:15px solid #f05223;
}

a.tda3 {
	border-bottom:15px solid #f36f21;
}

a.tda4 {
	border-bottom:15px solid #faa823;
}

a.tda5 {
	border-bottom:15px solid #ffc21f;
}

a.tda6 {
	border-bottom:15px solid #d4bd27;
}

a.tda7 {
	border-bottom:15px solid #a9b72e;
}

a.tda8 {
	border-bottom:15px solid #7eb236;
}

a.tda9 {
	border-bottom:15px solid #53ac3d;
}

a.tda10 {
	border-bottom:15px solid #2ba745;
}


a.bga0 {
	color: inherit;/*#777;/*#b72025;*/
}
a.bga0:hover {
	background-color:#b72025;
	color: #fff;
}
a.bga1 {
	color: inherit;/*#777;/*#d62027;*/
}
a.bga1:hover {
	background-color:#d62027;
	color: #fff;
}
a.bga2 {
	color: inherit;/*#777;/*#f05223;*/
}
a.bga2:hover {
	background-color:#f05223;
	color:#fff;
}
a.bga3 {
	color: inherit;/*#777;/*#f36f21;*/
}
a.bga3:hover {
	background-color:#f36f21;
	color:#fff;
}
a.bga4 {
	color: inherit;/*#777;/*#faa823;*/
}
a.bga4:hover {
	background-color:#faa823;
	color:#fff;
}
a.bga5 {
	color: inherit;/*#777;/*#ffc21f;*/
}
a.bga5:hover {
	background-color:#ffc21f;
	color:#fff;
}
a.bga6 {
	color: inherit;/*#777;/*#d4bd27;*/
}
a.bga6:hover {
	background-color:#d4bd27;
	color:#fff;
}
a.bga7 {
	color: inherit;/*#777;/*#a9b72e;*/
}
a.bga7:hover {
	background-color:#a9b72e;
	color:#fff;
}
a.bga8 {
	color: inherit;/*#777;/*#7eb236;*/
}
a.bga8:hover {
	background-color:#7eb236;
	color:#fff;
}
a.bga9 {
	color: inherit;/*#777;/*#53ac3d;*/
}
a.bga9:hover {
	background-color:#53ac3d;
	color:#fff;
}
a.bga10 {
	color: inherit;/*#777;/*#2ba745;*/
}
a.bga10:hover {
	background-color:#2ba745;
	color:#fff;
}

a.s0voted {
	background-color:#b72025;
	color: #fff;
}

a.s1voted {
	background-color:#d62027;
	color: #fff;
}

a.s2voted {
	background-color:#f05223;
	color:#fff;
}

a.s3voted {
	background-color:#f36f21;
	color:#fff;
}

a.s4voted {
	background-color:#faa823;
	color:#fff;
}

a.s5voted {
	background-color:#ffc21f;
	color:#fff;
}

a.s6voted {
	background-color:#d4bd27;
	color:#fff;
}

a.s7voted {
	background-color:#a9b72e;
	color:#fff;
}

a.s8voted {
	background-color:#7eb236;
	color:#fff;
}

a.s9voted {
	background-color:#53ac3d;
	color:#fff;
}

a.s10voted {
	background-color:#2ba745;
	color:#fff;
}


a.f1voted {
	background-color: #c01718;
	color: #fff;
}

a.f2voted {
	background-color: #eb461b;  /*#eb661b;*/
	color: #fff;
}

a.f3voted {
	background-color: #fbbe0a;
	color: #fff;
}

a.f4voted {
	background-color: #92c252;
	color: #fff;
}

a.f5voted {
	background-color: #28a851;
	color: #fff;
}



i.halfwidth { transform: scale(0.5,1); }

.errorborder {
	border:2px solid #e00000;
}

.margin-left10 {
    margin-left: 10px;
}

.margin-right10 {
    margin-right: 10px;
}

.btn-cancel {
	border:0px;
}

.trpoll {
	border: 3px solid #1967be;
	background-color: #fff;/*eaf3fc;*/

}

.trpost {
	background-color: #fff;
}

.initbox {

	background-color: #366; /*#ccdddd;*/
	color: white;

	padding: 15px; /*10px 10px 0px 10px;*/
	margin-topaaa:2px;
	bordera:1px solid #d0d0d0;
	border-radiusa:15px;

}

.archivebox {

	background-color: #606060;/*#66023c;*/
	color: white;
	padding: 15px;

}

.completebox {

	background-color: #9e004f;/*#66023c;*/
	color: white;
	padding: 15px;

}

.commentboxnew {

	background-coloraaa:#f4f4fc;
	border-top: 1px solid #e0e0e0;
}

.commentbox {

	#background-color:#f0f0fc;

	margin-top:5px;

	#padding:10px 10px 0px 10px;
	#border:1px solid #d0d0d0;
	#border-radius:15px;

}


.pollended {

	background-color:#cccccc;
	margin-top:5px;
	padding:2px 8px;

}

.pollvoted {

	background-coloraaa:#e4e4d0;
	margin-top:5px;
	padding:2px 8px;

}

.pollgraph {
	background-colora:#e8e8f8;
	padding:10px 5px;
}

.pollbox {

	padding: 0px;
	margin-top: 10px;

}

.polltype {
	text-align:center;
	font-size:1.5em;
	border:1px solid #d0d0d0;
	border-radius:10px;
}


.polltype-selected {
	border:2px solid #1967be;
	background-color:#dbeafa;
}

.rating { 
  border: none;
  float: left;
}

.rating > input { display: none; } 
.rating > label:before { 
  margin: 5px;
  font-size: 5vmin 10vmax;
  font-family: 'Font Awesome\ 5 Free';
  display: inline-block;
  content: "\f005";
	font-weight:900;
}

.rating > .half:before { 
  content: "\f089";
  position: absolute;
}

.rating > label { 
  color: #d0d0d0; 
 float: right; 
}

.rating {
	background-color:#fff;
	border: 1px solid #d0d0d0;
}



.icon-gradient:before {
    background: -webkit-gradient(linear, left top, center top, from(#f0f0f0), to(#000));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.icon-gradient-selected:before {
    background: -webkit-gradient(linear, left top, center top, from(#fdf5eb), to(#ec971f));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.alert-infovv {

	background-color: #a6dbd7; /*#c4cde0;//#9eddee;*/

}

.alert-infovv2 {

	background-color: #0d5093;/*#26a;/*#69c;*/
	margin-bottom: 0px;

}

.maxw100 {
	max-width:100%;
}


a.disabled {
	pointer-events: none;
	cursor: default;
}


.custom-control-input {

	background: blue;
}

.cobox {

    text-align:center;
    #border:solid #d0d0d0 1px;
    #border-radius: 5px;
	margin:0px;
	#padding:5px;

}

.padding5 {
	padding: 5px;
}

.carousel-inner>.item {
    -webkit-transition: -webkit-transform 0.4s ease-in-out !important;
    -o-transition: -o-transform 0.4s ease-in-out !important;
    transition: transform 0.4s ease-in-out !important;
}

a.text-normal {
	color: inherit;
}

.newuibox {
	//border:1px solid #999;
	box-shadow: 5px 0px 20px #6c7390;//#999;
}

.newuibox:hover {
	//border:1px solid orange;
	box-shadow: 8px 0px 30px #6c7390;//#99c;
}

img.faded {
	filter: saturate(50%);
	-webkit-filter: saturate(50%);
}

img.faded:hover {
	filter: none;
	-webkit-filter: none;
}

img.grayed {
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%);/* Chrome 19+ & Safari 6+ */
}

img.grayed:hover {
  filter: none;
  -webkit-filter: grayscale(0%) opacity(100%);
}


img.grayhover {
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(20%);/* Chrome 19+ & Safari 6+ */
}

img.grayhover:hover {
  filter: none;
  -webkit-filter: grayscale(0%) opacity(100%);
}

img.grayscale {
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%) opacity(90%);/* Chrome 19+ & Safari 6+ */
  border:0px solid black;
}

img.grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0%) opacity(100%);
}



.graydiv {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
/*-webkit-transition: all 1s ease;*/
}

.graydiv:hover{
filter: grayscale(0%);
filter: gray;
-webkit-filter: grayscale(0%);
filter: none;
/*transition: 1s ease;*/
}


img.votepic {
/*  
-webkit-filter: grayscale(100%) opacity(65%);
*/
  border: 1px solid #c0c0c0;

  max-height:150px;
/*  max-width:200px;*/
  max-width:min(200px,100%);
  display: block;
  margin: auto;

}

img.votepic:hover img.votepic:active {

/* mobile is meh.
  -webkit-filter: grayscale(0%) opacity(100%);
*/  

outline:5px solid gold;
}


.hoverul:hover {
	text-decoration:underline;
}


img.logo {
	max-width:180px;
}

@-webkit-keyframes fadeout {
    0% {opacity:1;}
    100% {opacity:0;}
}
@keyframes fadeout {
    0% {opacity:1;}
    100% {opacity:0;}
}
.fadeDiv {
  opacity:0;
  -moz-animation   : fadeout 1s linear;
  -webkit-animation: fadeout 1s linear;
  animation        : fadeout 1s linear;
}

.fadeAway {
background: gold;
  -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
}



body {

	/* Required with fixed navbar */
	/* Not anymore (BS4)
	padding-top: 50px;
	margin-top: 0px;
	*/

	-webkit-font-smoothing: auto; /*antialiased*/
	-moz-osx-font-smoothing: grayscale;
	-moz-font-feature-settings: "liga" on;

	text-rendering: optimizeSpeed;

	/* Remove horizontal scrollbar caused by Bootstrap */
	overflow-x: hidden;


	background-color: #fff; /* #f0f0f8; /*...#ececfc; /*#e0e1e4; /*#6e6e70;/* #ccc; /*#f8f8fd; /*#b8bbcc;/*#b4bcc8; /*:-)#f5f7fe;/*#c9ccd8;/*#c0c0d0; /*#f9f9fd;/*#f8f8fc;*/
/*	font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, sans-serif;*/
/*	font-family: "Nunito Sans", sans-serif;*/
/*	font-family: "Source Serif Pro", serif;*/
/*	font-family: "Merriweather", serif;*/
/*	font-family: "Roboto Slab", serif;*/
/*  font-family: "Libre Franklin", sans-serif; */
font-family: "Zilla Slab", sans-serif;

    padding-right: 0px !important;

}


.grow { 
transition: all .2s ease-in-out; 
}

.grow:hover { 
transform: scale(1.01); 
}

.shadow {
  box-shadow: 5px 10px #444;
}

.shadow4 {
-webkit-box-shadow: 0 0 2rem #323862;
        box-shadow: 0 0 2rem #323862;
}

.outbar:hover {
  fill: #1e274f;/*#10152a;/*#4a528e;/*#2b77d4;*/
}

.inbar:hover {
  fill: #d08502;/*#ffa500;*/
}

.mt-05 {
	margin-top: .125rem !important;
}

.rankcontainer {
    display: inline-block;
    position: relative;
    width:100%;
}

.ranknumber {
    position: absolute;
    font-size:120%;
    font-weight:bold;
    background-coloraa:red;
    widthaa:14px;
    heightaa:14px;
    color:#fff;
    topaa: .25rem;
    rightaa: .5rem;
    bottom: 0rem;
    left: .5rem;
}


.overlay {
    z-index: 9990;
    position: fixed;
    background: #ccd;
    opacity: 0.7;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.graytop {
	font-size:120%;
	/*background-color: #ccccd8;/*#c0c0ca;/*#a5aaae;*/
	colora:white;
	font-weight:bold;
	border-top:0px;
	border-bottom:2px solid #434343;
	padding:5px 10px;

}

.newuiboxgold { 
/*  background: linear-gradient(-135deg,#608A32 35px,#000 0); //#c9ae5d*/
  background: linear-gradient(-135deg, #f9a602, 32px, #fff 0);  
  color: white;
/*  border-radius: 12px; */
  overflow: hidden;
}

.newuiboxsilver { 
/*  background: linear-gradient(-135deg,#608A32 35px,#000 0);  aaa9ad*/
  background: linear-gradient(-135deg, #868e96, 32px, #fff 0); 
  color: white;
/*  border-radius: 12px; */
  overflow: hidden;
}

.newuiboxbronze { 
/*  background: linear-gradient(-135deg,#608A32 35px,#000 0); */
  background: linear-gradient(-135deg, #cd7f32, 32px, #fff 0); 
  color: white;
/*  border-radius: 12px; */
  overflow: hidden;
}

.boxtop {

	/*background-color: #ccccd8;/*#c0c0ca;/*#8ab; /*#89a3be; /*Bright: #5fa2cc;/*#5daddf;/*#5daddf #a5aaae;*/
	padding:0px 0px;
	border-bottom:1px solid #909090;
	font-size: 150%;
	font-weight: bold;
}

.bootbox-input-textarea {
	resize: vertical;
}

.bootstrap-select .dropdown-menu{
   max-width: 100%!important;
}


.scatter-area {
  position: relative;
  backgroundaaa: #eee;
  border-bottom: 1px solid #999;//2px solid #606060;
  border-left: 1px solid #999;//2px solid #606060;
  max-widthaa: 400px;
  max-width: 100%;
  margin: auto;
}

.scatter-area::before {
  content: "";
  display: block;
  padding-bottom: 50%;
}

.scatter-area .dot {
  border-radius: 100%;
  background: #109ad0;/*#0f2e6b;*/
  //border: 1px solid darkblue;
  position: absolute;
  width: 4%;
  height: 8%;
  margin: -2%;
  /*transform: translateX(-50%) translateY(-50%);*/
}

.scatter-area .dotpriv {
  border-radius: 100%;
  background: #f07f19;
  //border: 1px solid #c9660d;
  position: absolute;
  width: 4%;
  height: 8%;
  margin: -2%;
  /*transform: translateX(-50%) translateY(-50%);*/
}

.scatter-area .dotsel {
  border-radius: 100%;
  background: rgba(255, 0, 0, .95);
  border: 2px solid red;
  position: absolute;
  width: 6%;
  height: 12%;
  margin: -3%;
  
  z-index:1001;
  
  /*transform: translateX(-50%) translateY(-50%);*/
}


.dotsel:before,
.dotsel:after {
  content: '';
  display: block;
  position: absolute;
  top: 0; 
  right: 0; 
  bottom: 0; 
  left: 0;
  border: 1px solid #ff4343;
  border-radius: 50%;
}


.dotsel:before {
  animation: ripple 2s linear infinite;
}

.dotsel:after {
  animation: ripple 2s linear 1s infinite;
}


@keyframes ripple{
  0% { transform: scale(1); }
  50% { transform: scale(1.6); opacity:1; }
  100% { transform: scale(2.2); opacity:0; }
}


.scatter-area .dotarch {
  border-radius: 100%;
  background: rgba(128, 128, 128, .5);
  //border: 1px solid gray;
  position: absolute;
  width: 2%;
  height: 4%;
  margin: -1%;
  /*transform: translateX(-50%) translateY(-50%);*/
}

.scatter-area .tooltipgraph {
  position: absolute;
  background: white;
  padding: 8px;
  border: 1px solid #606060;
  box-shadow: 0 8px 16px -8px rgba(0, 0, 0, .2);
  font-size: 15px;
  display: none;
  top: 50%;
  left: 50%;
  z-index: 999;
  pointer-eventsaaa: none;
  white-space: nowrap;
}

.scatter-area .tooltipgraph.flip {
  right: 50%;
  left: auto;
}


.scatter-area .dotsel:hover .tooltipgraph {
  display: block;
  cursor: pointer;
}

.scatter-area .dot:hover .tooltipgraph {
  display: block;
  cursor: pointer;
}

.scatter-area .dotarch:hover .tooltipgraph {
  display: block;
  cursor: pointer;
}

.scatter-area .dotpriv:hover .tooltipgraph {
  display: block;
  cursor: pointer;
}

.tooltipgraph:hover {
  cursor: pointer;
}

.scatter-area .tooltipgraph h3 {
  font-size: 16px;
}

.scatter-area .tooltipgraph ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.bgvv {
	background-color:#e8eaf2;//#d8ddf2;#dde;
}

.pr-2rem {
	padding-right: 2rem !important;
}

/*
.btn {
	font-family: sans-serif;
}

.sans {
	font-family: sans-serif;
}
*/

.hover-overlay:hover {

	background: #e5e8f6;

}

.img60 {

	width:60px;
	height:auto;

}

.img64 {

	width:64px;
	height:auto;

}

.img72 {

	width:72px;
	height:auto;

}

.img80 {

	width:80px;
	height:auto;

}

.rounded1 {

	border-radius:1rem;

}

/* @(#*(*! Safari... */
.row:before, .row:after {width:0px; height:0px;}


@media (min-width: 1200px) {
    .container{
        max-width: 1200px;
		width:auto;
    }
}

.pt-serif-regular {
  font-family: "PT Serif", serif;
  font-weight: 400;
  font-style: normal;
}

.pt-serif-bold {
  font-family: "PT Serif", serif;
  font-weight: 700;
  font-style: normal;
}

.pt-serif-regular-italic {
  font-family: "PT Serif", serif;
  font-weight: 400;
  font-style: italic;
}

.pt-serif-bold-italic {
  font-family: "PT Serif", serif;
  font-weight: 700;
  font-style: italic;
}

.lora-regular {
  font-family: "Zilla Slab", serif; /* not Lora (or Quicksand) */
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}