@import url("tagmanager.css");

body{
	margin: 0;
	padding: 0;
}

a{
	color: #51AFC6;
}

#header .navbar-default{
	background: #E9EAE5;
	height: 80px;
}

#header .navbar-header{
	padding: 15px 20px;
}

#header .navbar-nav a{
	color: #3A3A3A;
	font-size: 16px;
	font-weight: bold;
	background: #E9EAE5;
}

#bs-example-navbar-collapse-1{
	background: #E9EAE5;
}

#header .navbar-nav a:hover,#header .navbar-nav .active a{
	color: #B6B6B6;
}

#header .dropdown-menu{
	background: #E9EAE5;
	border: none;
}

#header .navbar-nav .active .dropdown-menu a{
	color: #3A3A3A;	
}

#header .navbar-nav .active .dropdown-menu .active a{
	text-decoration: underline;
}

#header .navbar-nav li a{
	padding-top: 30px;
	padding-bottom: 30px;
	outline: none;
}

#header .navbar-nav .dropdown-menu li a{
	padding-top: 5px;
	padding-bottom: 5px;
}

.jumbotron{	
	background: #ffffff;
	font-size: 14px;
    padding-top: 20px;
}
.form-signin{
	margin: 0 auto;
    max-width: 300px;
}

#not-found{
	margin: 0 auto;
    max-width: 700px;
}

.picture_upload {
	margin-bottom:2em; margin-top:1em; width: 100%;
}
.picture_upload p label { font-size: 12px; padding-top:5px; padding-bottom:0; }

.picture_upload img { float:left; margin-right: 1em;}



.form-signin .btn,.form-add .btn{
	width: 100px;
}

.pb35{
	padding-bottom: 35px;
}

.pt10{
	padding-top: 10px;
}

.form-control {
	margin-bottom: 10px;
	border: 1px solid #000000;
	height: 50px;
	box-shadow: none;
	border-radius: 0;
}

.form-control:focus{
	border: 1px solid #000000;
	box-shadow: none;
}

.alert-dismissable{
	padding-right: 0;
}

.alert-dismissable .close{
	right: 0px;
}

.alert{
	padding: 0;
	background: 0;
	border: 0;
}

.alert-danger{
	color: #E05A47;
}

.alert-success{
	color: #49AD91;
}

.btn-primary,.btn-primary:hover,.btn-primary:active,.btn-primary:focus{
	background-color: #51AFC6;
	border-color: #51AFC6;
	outline: none;
	font-weight: bold;
}

.form-recover{
	margin: 0 auto;
    max-width: 340px;
}

.form-recover input{
	width: 300px;
}

.form-recover .btn{
	width: 100px;
}

h2{
	font-weight: bold;
}

.auto300{
	width: 300px;
}

#logo a{
	outline: none;
}

.relative{
	position: relative;
}

.breadcrumb{
	font-size: 26px;
	background: 0;
	border-bottom: 1px solid #000000;
	border-radius: 0;
	padding-left: 0;
	margin-bottom: 40px;
}

.breadcrumb > li + li:before {
    content: "> ";
	color: #3A3A3A;
}

.breadcrumb .active{
	color: #51AFC6;
	font-weight: bold;
}

.info{
	padding-left: 10px;
	outline: none;
}

.input-group{
	padding-bottom: 10px;
}

.form-add .col-lg-8{
	padding-left: 0;
	z-index: 1;
}

.form-add .col-lg-4{
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 20px;
}

.form-add label{
	font-weight: normal;
	font-size: 16px;
}

#absolute-tags{
	width: 100%;
	border: 1px solid #000000;
	min-height: 180px;
	position: relative;
	background: #ffffff;
}

#absolute-tags h4,#advanced h4{
	padding-left: 10px;
	font-weight: bold;
	color: #3A3A3A;
}

#absolute-tags .links{
	padding: 0 10px;
}

#advanced{
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background: #E2F3F7;
	margin-bottom: 20px;
}

#advanced .hide{
	padding-bottom: 10px;
}

#advanced h4{
	padding-left: 15px;
}

#advanced .form-control,#feeds-search .form-control{
	height: 30px;
	max-width: 300px;
}

#advanced .row{
	padding-left: 10px;
	padding-right: 10px;
	max-width: 350px;
	margin: 0;
}

#advanced .border{
	border-bottom: 1px solid #000000;
	margin-bottom: 20px;
	padding-top: 10px;	
}

.cursor{
	cursor: pointer;
}

.dropdown{
	z-index: 9999;
}

.modal-backdrop{
	z-index: 99999;
}

.modal{
	z-index: 999999;
}

.info{
	outline: none;
}

.tooltip.in {
	opacity: 1 !important;
}
.tooltip-inner{
	border: 1px solid #B6B6B6;
	background: #ffffff !important;
	border-radius: 0;
	color: #333;
	white-space: normal;
	width: 200px;
	margin-bottom: 4px;
}

.tooltip-arrow{
	border-width: 10px 10px 0!important;
	border-top-color: #B6B6B6!important;
	bottom: 0px!important;
}

.inline{
	display: inline!important;
}

.red{
	color: #FF3F00;
}

.green{
	color: #4F8F00;
}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th{
	background: #E9EAE5;
}

.table th{
	border-bottom: 0!important;
	font-size: 18px;
}

.form-add .table td{
	border-bottom: 0!important;
	border-top: 0!important;
}

.alert-name{
	color: #E05A47;
}

#feeds-search{
	border-bottom: 1px solid #000000;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

#feeds-search button{
	margin-bottom: 10px;
	display: block;
}

.wauto{
	width: auto!important;
}

.btn-default{
	font-weight: bold;
}

.btn-default:hover{
	background-color: #B6B6B6;
}

.pt20{
	padding-top: 20px;
}

.pb10{
	padding-bottom: 10px;
}

.pagination .active a,.pagination .active a:hover{
	background: #51AFC6;
	border-color: #51AFC6;
}

.form-add .breadcrumb a{
	color: #3A3A3A;
	text-decoration: none;
}

#feeds1 th a{
	color: #333333;
	text-decoration: none;
}

#werkstreams {
	position: relative;
	top: -0.8em;
}

.mt0{
	margin-top: 0!important;
}

.columns{
	padding: 0!important;
	margin: 0!important;
}

.navbar{
	margin-bottom: 0!important;
}

.columns .col-md-2{
	background: #F9ECC0;
	min-height: 500px;
}

.columns .row{
	margin: 0!important;
}

#col1{
	
	background: #F9ECC0;
	padding-top: 100px;
	padding-left: 40px;
	padding-right: 20px;
	padding-bottom: 50px;
}

#col1 ul{
	margin: 0;
	padding: 10px 0 0 0;	
}

#col1 li{
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 20px;
}

#col1 li a{
	color: #3A3A3A;
}

#col1 li.active{
	list-style-image: url(../images/arrow-right2.png);
}

#col1 li.active a{
	color: #E05A47;
	font-weight: bold;
}

#col2{
	padding: 30px 0 0 0;
}

.form-small{
	height: 30px;
}

#streams .links{
	float: right;
}

#streams .links a,#streams .item .suggested-tags a{
	color: #3A3A3A;
}

#streams .item a.sourcelink:hover {
	text-decoration: none;
}

#streams .item .left{
	width: 80px;
	position: absolute;
	top: 0;
	left: 0;
}

#streams .item .right{
	position: relative;
	padding-left: 80px;
}

.streamselect {
	font-size:1.1em;
	line-height:200%;
	padding-left:0.8em
}

.clear{
	clear: both;
}

#streams #items{
	padding-top: 30px;
}

#streams #items .item{
	padding: 20px 0;
}

#streams .slide-nav{
	text-align: center;
	width: 70px;
}

#streams .item h2{
	color: #E05A47;
	margin: 0;
}

#streams .item .description{
	line-height: 20px;
	padding-top: 5px;
}

#streams .item .tags{
	padding-top: 25px;
	position: relative;
}

#streams .item .source{
/* 	color: #51AFC6; */
	color: rgb(86, 86, 86);
	font-size: 14px;
	font-weight: bold;
}

#streams .item .source a.remove_source {
	font-weight: normal;	
} 

#streams .item:nth-child(even){
	background: #E9EAE5;
}

#streams form{
	padding: 0;
}

.homepage-intro {
    padding: 4em;
    background: #E9EAE5;
    padding-top: 3em;	
}

.homepage-mini {
	margin-top: 3em;
}

.subarea {
	padding-left: 17px; padding-bottom: 6px; padding-right: 10px;
}
.subarea #ip_whitelist {
	max-width: 90%;margin-top:5px;
}

.plr20{
	padding: 0 20px;
}

.pb0{
	padding-bottom: 0;
}

.dot-gray,.dot-green,.dot-red{
	display: block;
	width: 16px;
	height: 16px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

.dot-gray{
	background: #B6B6B6;
}

.dot-green{
	background: #4F8F00;
}

.dot-red{
	background: #FF3F00;
}

.status-tags{
	padding-left: 10px;
}

.delete-stream{
	position: absolute;
	top: 5px;
	right: 0;
	font-size: 30px;
}

.delete-stream a,.delstream,.delstream:hover{
	color: #B6B6B6;
	text-decoration: none;
	font-weight: normal;
}

.article-title-edit,.article-description-edit{
    display: none;
}

.pl15{
	padding-left: 15px;
}

.mt10{
	margin-top: 10px;
}

#article-pictures img{
	padding-bottom: 10px;
}

.p15{
	padding: 15px;
}

.article h2{
	font-size: 14px;
}

.article .article-title{
	color: #E05A47;
	font-size: 30px;
	margin-top: 0;
}

.share-urls ul{
	display: inline-block;
	padding: 5px 10px;
	margin: 0; 
	padding-left: 0;
}

.share-urls li{
	display: inline-block;
	list-style: none;
	line-height: 22px;
	margin-right: 1em;
}

.share-urls a{
	color: #000;
	font-size: 16px;
}

.share-urls a:hover{
	font-weight: bold;
	text-decoration: none;
}

.action-buttons { position: relative; top: -1px; left: 0; margin-right: 0px; }


#mce_50{
	font-size: 12px;
}

#mce_29,#mce_47{
	border-color: #000000;
}

.article .slide{
	width: 300px;
	padding-top: 20px;
}

.article .row{
	padding: 0!important;
}

.checkbox-list{
	margin: 0;
	padding: 0;
}

.checkbox-list li{
	list-style: none;
	width: 50%;
	float: left;
}

label.form-control{
	padding: 6px 12px!important;
	font-size: 14px;
	width: 90%;
}

#droppable{
	width: 100%;
	margin: 0;
	border: 1px solid #000000;
	min-height: 300px;
	padding: 0;
}

#combine-confirm{
	background: #51AFC6;
	position: absolute;
	top: 160px;
	right: 210px;
	padding: 10px;
	color: #ffffff;
	font-size: 16px;
	display: none;
	z-index: 9999999999;
}

#combine-confirm .form-control{
	border-color: #ffffff;
}

.ml10{
	margin-left: 10px;
}

.no-feeds-selected, .no-feeds{
	width: 100%;
	padding: 20px;
	background: #E9EAE5;
	font-size: 14px;
	text-align: center;	
}

#f1,#f2{
	display: none;
}

.ui-draggable img{
	cursor: pointer;
}

.restore-drag{
	color: #B6B6B6!important;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
}

.restore-drag:hover{
	text-decoration: none;
}

.green-bubble{
	background: #A9C147;
	color: #ffffff;
	padding: 10px;
	position: relative;
	margin-bottom: 20px;
}

.green-bubble .garrow{
	position: absolute;
	left: 30px;
	bottom: -12px;
}

.multiselect {
	margin-right: 1em;
}

#footer{
	height: 70px;
	width: 100%;
	text-align: center;
	overflow: hidden; 
	background: #E9EAE5;
}

#footer-content{
	width: 100%;
	margin: 0 auto;
	border-bottom: 0px solid #B6B6B6;
	padding-left: 21px;
	position: relative;
	padding-top: 24px;
	background-position: bottom left;
	text-align: left;
}

#footer-content a{
	color: #E05A47;
	font-weight: bold;
}

#curator_signup_text {
	clear:both;
	text-align:center; position: relative; top:20px;
	padding-top:10px;
	font-size: 13px;
	border-top: 1px solid #ddd;
}

#characterLeft { width: 100%; text-align: right; color: #333333; }

.columns table { 
position: absolute;
top:81px;
bottom:0; height:100%;
}

.stats-row { border-bottom: 1px solid #ddd; margin-bottom: 2em; }

.circle  { display:block;width:70px;height:70px;border-radius:50%; -moz-border-radius: 0%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; color:#666; font-size 1em; line-height:2em; text-align:center;text-decoration:none;text-shadow:0 1px 0 #fff;background:#ddd; float: left; margin-right: 20px; border: 0px solid #ccc; padding: 10%; padding-top: 39%; }

.thumb_selected { border: 2px solid #51AFC6; }

.clear  { clear:both; }

.inline { display: inline; }

.tab-pane { padding-top: 1em;}

#words1_tags, #words2_tags, #words3_tags, #words4_tags
{ clear:both; margin-bottom: 1em; width: 100%; }

/* Sticky footer */

* {
  margin: 0;
}
html, body {
  height: 100%;
}
.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -70px; 
}
.page-wrap:after {
  content: "";
  display: block;
}
.site-footer, .page-wrap:after {
  /* .push must be the same height as footer */
  height: 70px; 
}
.site-footer {
  background: #fff;
}

.preview-area img { float: left; margin-right: 2em; margin-top:1em; margin-bottom: 1em;}

.slide-pictures { max-width: 70px; }

/* Checkboxes on add article page */
#checkbox_alerts li, #checkbox_alerts label { font-size: 14px; }

.mce-label, .mce-path-item {font-size: 12px !important;}
.links a {padding-right: 20px;}


/* Flash CSS3 animation for element update notification */
.flash {
  -moz-animation: flash 1s ease-out;
  -moz-animation-iteration-count: 1;

  -webkit-animation: flash 1s ease-out;
  -webkit-animation-iteration-count: 1;

  -ms-animation: flash 1s ease-out;
  -ms-animation-iteration-count: 1;
}

@-webkit-keyframes flash {
    0% { background-color: none; }
    50% { background-color: #fbf8b2; }
    100% { background-color: none; }
}

@-moz-keyframes flash {
    0% { background-color: none; }
    50% { background-color: #fbf8b2; }
    100% { background-color: none; }
}

@-ms-keyframes flash {
    0% { background-color: none; }
    50% { background-color: #fbf8b2; }
    100% { background-color: none; }
}

/* Media Queries */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	#keyword {width: 100px !important;}
	.links { margin-right:-20px; }
	.links a { margin-left: -12px;}
	.searchform button { width: 60px !important; }
	#combine-confirm { margin-right:-130px; margin-top:90px; width: 300px; }
	.item .form-small { width: 200px !important; }
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	.auto300, .auto300 input { width: 230px; }
	html, body {padding-bottom: 100px;}
	.form-signin a.pt10 { width:40px; margin-top: -1em; }
	.jumbotron { max-width:100% !important; overflow: hidden;	 }
	.columns table { width: 100%; overflow: hidden; }
	table td { float:none; width: 100% !important; }
	#col1 { display:none; padding: 0; margin: 0;	 }
	#col2 { margin-top:-200px; padding: 0; }
	
	h2.stream-title { position: relative; left: -15px; }
	
	#streams #items{ padding: 0; }
	
	#streams .item .left{
	width: 100%;
	position: relative;
	}
	
	#streams .item .right{
		padding-left: 0;
	}
	
	.article-title { max-width: 95%; font-size: 24px; }
	
	.pagination { margin-bottom:100px; }
	
	textarea { height: 250px !important;}
	
	.share-urls ul{
		width:95%;
		display:table;
		margin: 0 auto;
		margin-right:0.85em;
	}

	.share-urls ul li { 
		display:table-cell;
		text-align:center;
		
	}
	
	.publish-article {
		width:100%;
		margin-left: 0px !important;
		margin-top:1.5em;
	}
	
	
	#feeds-search { clear:both;
	height: 45px; width: 100%; border: 0;
	
	} #feeds-search  form input,  #feeds-search  form button { display: none; }
	.links { clear: both; float: none; width:100%; overflow: visible; text-align: left; position: relative; left: 0px;
	}
	.links a { margin-left: 0px; display: inline-block;  }
	
	.hide-mobile { display: none; }
	
	#bs-example-navbar-collapse-1 { position: absolute; z-index: 99999; width: 100%; }
	
	.green, .red { max-width: 80%; margin: 0 auto; text-align: left !important; }
	.plr20 .green { margin-left: -15px; }
}

/* The MIT License */
.dropzone,
.dropzone *,
.dropzone-previews,
.dropzone-previews * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dropzone {
  position: relative;
  border: 1px solid rgba(0,0,0,0.08);
  background: rgba(0,0,0,0.02);
  padding: 1em;
}
.dropzone.dz-clickable {
  cursor: pointer;
}
.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message span {
  cursor: pointer;
}
.dropzone.dz-clickable * {
  cursor: default;
}
.dropzone .dz-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone.dz-drag-hover {
  border-color: rgba(0,0,0,0.15);
  background: rgba(0,0,0,0.04);
}
.dropzone.dz-started .dz-message {
  display: none;
}
.dropzone .dz-preview,
.dropzone-previews .dz-preview {
  background: rgba(255,255,255,0.8);
  position: relative;
  display: inline-block;
  margin: 17px;
  vertical-align: top;
  border: 1px solid #acacac;
  padding: 6px 6px 6px 6px;
}
.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
  display: none;
}
.dropzone .dz-preview .dz-details,
.dropzone-previews .dz-preview .dz-details {
  width: 100px;
  height: 100px;
  position: relative;
  background: #ebebeb;
  padding: 5px;
  margin-bottom: 22px;
}
.dropzone .dz-preview .dz-details .dz-filename,
.dropzone-previews .dz-preview .dz-details .dz-filename {
  overflow: hidden;
  height: 100%;
}
.dropzone .dz-preview .dz-details img,
.dropzone-previews .dz-preview .dz-details img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
}
.dropzone .dz-preview .dz-details .dz-size,
.dropzone-previews .dz-preview .dz-details .dz-size {
  position: absolute;
  bottom: -28px;
  left: 3px;
  height: 28px;
  line-height: 28px;
}
.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
  display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark,
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
  display: block;
}
.dropzone .dz-preview:hover .dz-details img,
.dropzone-previews .dz-preview:hover .dz-details img {
  display: none;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
  display: none;
  position: absolute;
  width: 40px;
  height: 40px;
  font-size: 30px;
  text-align: center;
  right: -10px;
  top: -10px;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
  color: #8cc657;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
  color: #ee162d;
}
.dropzone .dz-preview .dz-progress,
.dropzone-previews .dz-preview .dz-progress {
  position: absolute;
  top: 100px;
  left: 6px;
  right: 6px;
  height: 6px;
  background: #d7d7d7;
  display: none;
}
.dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0%;
  background-color: #8cc657;
}
.dropzone .dz-preview.dz-processing .dz-progress,
.dropzone-previews .dz-preview.dz-processing .dz-progress {
  display: block;
}
.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
  display: none;
  position: absolute;
  top: -5px;
  left: -20px;
  background: rgba(245,245,245,0.8);
  padding: 8px 10px;
  color: #800;
  min-width: 140px;
  max-width: 500px;
  z-index: 500;
}
.dropzone .dz-preview:hover.dz-error .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
  display: block;
}

 /*typeahead*/
  .tt-dropdown-menu {
    width: 422px;
    margin-top: 12px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
       -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
            box-shadow: 0 5px 10px rgba(0,0,0,.2);
  }

  .tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
  }

  .tt-suggestion.tt-is-under-cursor {
    color: #fff;
    background-color: #0097cf;

  }

  .tt-suggestion p {
    margin: 0;
  }
  
  .tt-query { background: #fff !important; width: 100%; }

/* Remove sources link */
a.remove_source {
/* 	color:#9A9A9A; */
	
}

a.remove_source:hover {
/* 	color:#716F6F; */
}

.statsitem div {
	padding: 0;
}

.bootstrap-select {
	margin-top:-15px;
}

.hidden {
	display: none;
}

.disabled td {
	color:#c0c0c0;
}

.step2bottom {
	border-top: 1px solid #000000;
	margin-top: 2em;
}

@media screen and (min-width: 500px) {
	.whatsapp_share { display: none !important; }
}

@media screen and (max-width: 500px) {
	.btn-save {
		float: none;
		width:100%;
		margin-left:0;
		margin-top: 1em;
	}
	
	.edit-article-title {
		width:100%;
	}
	
}