body{height: 100%;background: #e7e6e1;margin-top:-2px;}

h5{color:#3c434e;font-family: "bree-serif", "Helvetica", "Arial", sans-serif;font-weight: 400; font-size: 1.5rem }
h5 small{color:#3c434e;}
h6{color: #3c434e;}

label{color:#3c434e;}

a{color: #3dbcb2; text-decoration: underline;}
a:hover{color: #3dbcb2; text-decoration: none;}

input.radius, textarea{background-color: #f4f3ec; border:1px solid #cccbc2; color:#3c434e}

small{color: #3c434e;}

hr{border-top: 1px solid #dbdad4; border-bottom: 1px solid #edece6}


.thumb{width: 100%; height: 300px; border:2px dashed #3c434e; color: #596271; margin: 15px auto; text-align: center;}
.columns.image-upload, .columns.template-upload {padding: 0.2rem;}
.columns.image-upload p, .columns.template-upload p {margin-bottom: 0;}
.columns.image-upload .thumb, .columns.template-upload .thumb {height: 10rem; margin-top: 0;}

.top-bar{background: #3c434e;border-bottom: 3px solid #2f3641;border-top: 2px solid #3dbcb2; height: 50px;}

.top-bar .name h1 a{color: #FFF}

.top-bar .button{background: #3dbcb2!important; color: #3c434e!important;margin-right:15px; font-weight: 400; }
.top-bar a.button:hover{background:#e3e3e3!important }

.fixed {z-index: 1000;}

.has-dropdown{background: #3c434e;}

.button{background: #3c434e; color: #abb7cb;}
.button:hover{background:#3dbcb2; color: #454d59;}

.top20{margin-top: 20px;}

.clear{clear: both;}

.mcol{background:#e7e6e1;padding-top:20px;}
.mcol_light{/* background:#f4f4f4; */height:100%; padding-top:20px;}
.left-c{border-right:3px solid #dbdad4;}
.center-c{border-left:3px solid #edece6;border-right:3px solid #dbdad4;overflow:scroll;}
.right-c{border-left:3px solid #edece6;overflow-y:auto;}


.tag-bar{padding:0px 0px; height:28px; line-height:28px; margin:0px;color:#454d59; margin-bottom: 0px;}
.rel-bar span{display:block;background:#3dbcb2;padding:0px 0px;color:#e7e6e1;height:28px; line-height:28px;}
.rel-bar, .rel-bar-c{opacity: 0.8;}
.rel-bar-c span{display:block;background:#7fb7e1;/*background:#3d85bc;*/padding:0px 0px;color:#e7e6e1;height:28px; line-height:28px;}

.debug-data {
	position: absolute;
	top: -70px;
	left: 25px;
	background: #f79328;
	z-index: 100;
	border-radius: 7px;
	padding: 0.5rem 1rem;
}

.relevance {
	position: absolute;
	top: -34px;
	left: 2px;
	background: #f79328;
	z-index: 100;
	border-radius: 7px;
	padding: 0.5rem 1rem;
	width: 99%;
}

div.inactive div.concept {
    background:#d2d2d2!important;
    color:#e7e6e1!important;
}

div.inactive div.custom {
    background:#d2d2d2!important;
    color:#e7e6e1!important;
}

.image_background {
	background-color: #e7e6e1;
}

/*
a.green-btn {
	background: #1cbbb4;
	border-radius: 1000px;
	border:3px solid #1cbbb4;
	color: #FFF;
	font-family: "bree-serif", "Helvetica", "Arial", sans-serif;
	font-size: 1.2rem;
	font-weight: 400;
	display: block;
	padding: 10px 0px;
	transition: background 300ms ease;
	text-align: center;
	text-decoration: none!important;
	width: 200px;
}
*/

a.green-btn {
  background: #1cbbb4;
  border-radius: 1000px;
  border: 3px solid #1cbbb4;
  color: #FFF;
  font-family: "bree-serif", "Helvetica", "Arial", sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  display: block;
  padding: 15px 0px;
  transition: background 300ms ease;
  text-align: center;
  text-decoration: none!important;
  width: 250px;
  margin-bottom: 20px;
  }

a:hover.green-btn{
	background: #0f80bb;
	color: #fff;
}

a.green-btn.disabled:hover {
	background-color: #1cbbb4;
}


a.green-btn span{
	font-weight: 300;
}

.concept{background:#d7d6d2;}
div.concept:hover{background:#45dcd0 }
.colors{background: #d7d6d2;}
div.colors:hover{background:#7fb7e1;}
.custom{background: #3dbc6a;}
div.custom:hover{background:#57da86 }



.tag-holder:hover div.concept {
	background:#3dbcb2;
}

.tag-holder:hover div.colors {
	background: #7fb7e1;
	/*background:#3d85bc;*/
}

.tag-holder:hover div.custom {
	background:#57da86;
}

.percentage{
	color: #757473;
	font-size: 12px;
}

.cta_box{
	margin: 20px 10px;
}