a:hover {
    text-decoration: none;
}

body {
    overflow-x: hidden;
}

.breadcrumb {
    margin-bottom: 0;
}

.breadcrumb-wrapper
{
    font-size: 83%;
	line-height: 2;
	margin-bottom: 10px;
}


.header {
    background-color: #122035;
    margin-bottom: 25px;
}

.header--title-container {
    color:#ECF0F1;
    padding-left:30px;
}

.header--title {

}

.logged-as-label {
    color:#ECF0F1;
}

.nav.nav-tabs {
    cursor: pointer;
}



.ideas-completed, .ideas-started, .ideas-planned, .ideas-considered
{
	border: 1px solid #3498DB;
	border-radius:5px;

	margin-bottom:10px;
	padding-left: 15px;
	padding-right: 15px;
}

.ideas-started
{
	border-color:#2ECC71;
}

.ideas-planned
{
	border-color:#F1C40F;
}

.ideas-considered
{
	border-color:#95A5A6;
}

.post-idea-textarea {
    resize: vertical;
}


.vote-count-box
{
	width: 60px;
	text-align:center;
	border:1px solid #3498DB;
	border-radius:5px;
	padding-top:4px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:2px
}

.view-idea-vote
{
	width: 100%;
	max-width: 90px;
	margin-left:auto;
	margin-right:auto;
}



.vote-label
{
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}


.comment-box
{
	margin-top:10px;
	border: 1px solid #C0C0C0;
	border-radius:3px;
	padding-left:5px;
	padding-top:3px;
}
.comment-text
{
	padding:10px;
	line-height: normal;
	font-size: 83%;
}


.sidemenu
{
	border:1px solid #C0C0C0;
	border-radius:5px;
	padding-left:10px;
	padding-right:10px;
	padding-top:8px;
	margin-bottom:10px;
	margin-top:10px;
}


.footer
{
	text-align:center;
	font-size: 83%;
}


/* Line up labels and badges with text better */
.label, .badge { 
	vertical-align:2px;
}

.btn-logout, .btn-logout:active { 
    margin-left: 10px;
    padding: 10px 32px;
    border-radius: 10px;
    border: 1px solid #3B68C5;;
    background-color: #041638;
}

.btn-logout:hover { 
    margin-left: 10px;
    padding: 10px 32px;
    border-radius: 10px;
    border: 1px solid #6d9cff;
    background-color: #0b2048;
}

.btn-idea { 
    width: 100%;
    padding: 20px;
    border-radius: 10px;
}

.col-md-9 {
    margin-bottom: 50px;
}

@media only screen and (max-width: 600px) {
  .header {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}


.tree_view li {
	margin: 0px 0!important;

	list-style-type: none!important;
	position: relative!important;
	padding: 20px 5px 0px 5px!important;
}

.tree_view li::before{
	content: '';
	position: absolute!important;
	top: 0!important;
	width: 1px!important;
	height: 100%!important;
	right: auto!important;
	left: -20px!important;
	border-left: 1px solid #ccc!important;
	bottom: 50px!important;
}
.tree_view li::after{
	content: ''!important;
	position: absolute!important;
	top: 30px!important;
	width: 25px!important;
	height: 20px!important;
	right: auto!important;
	left: -20px!important;
	border-top: 1px solid #ccc!important;
}
.tree_view li a{
	display: inline-block!important;
	border: 1px solid #ccc!important;
	padding: 5px 10px!important;
	text-decoration: none!important;
	color: #666!important;
	font-family: arial, verdana, tahoma!important;
	font-size: 11px!important;
	border-radius: 5px!important;
	-webkit-border-radius: 5px!important;
	-moz-border-radius: 5px!important;
}

/*Remove connectors before root*/
.tree_view > ul > li::before, .tree > ul > li::after{
	border: 0!important;
}
/*Remove connectors after last child*/
.tree_view li:last-child::before{
	height: 30px!important;
}

/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.tree_view li a:hover, .tree li a:hover+ul li a {
	background: #c8e4f8; color: #000; border: 1px solid #94a0b4!important;
}
/*Connector styles on hover*/
.tree_view li a:hover+ul li::after,
.tree_view li a:hover+ul li::before,
.tree_view li a:hover+ul::before,
.tree_view li a:hover+ul ul::before{
	border-color:  #94a0b4!important;
}

.label-new{
	background-color: #5e19b9;
}