.header .join .mt-icon-join {
    width: auto;
    position: relative;
    background: transparent;
    z-index: 90;
    font-size: 20px;
    color: black;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased; }
    
 .header .login .mt-icon-login {
    width: auto;
    position: relative;
    background: transparent;
    z-index: 90;
    font-size: 20px;
    color: black;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased; }
.header .logo {
   height: 59px;
}
/*@media(max-width:375px) {*/
@media(max-width:608px) {
.header .logo {
   padding: 0.5rem;
   width: 110px;
}
}
.navicons-item .avatar img {
/*   width: 36px;*/
   height: 36px;
}
.navicons-item .avatar {
   height: 36px;
   width: 36px;
   max-width: none;
}
/*
.header .navicons {
	position: absolute;
	top: -1px !important;
}
*/
@media(max-height:608px) {
.header .navicons .navicons-item.open .info-menu-dropdown {
   height: auto;
   max-height: 282px;
   overflow-x: hidden;
   overflow-y: scroll;
}
}

@media(max-height:408px) {
.header .navicons .navicons-item.open .info-menu-dropdown {
   height: auto;
   max-height: 188px;
   overflow-x: hidden;
   overflow-y: scroll;
}
}
@media(max-width:375px) {
	.header #user-menu {
		min-width: 300px;
	}
	.header #user-menu.dropdown-menu-right:before {
	   right: 6px;
	}
}
.header #user-menu .btn-sm {
   margin-right: 0px;
}
.header #user-menu .dropdown-header-meta .stats-right a.stats-link {
	padding-right: 0px;
}


.link_table_wrapper {
   font-family: Arial, Helvetica, sans-serif;
}
.link_table_wrapper p {
   font-size: 14px;
}

.notifications-dropdown-parent .dropdown-menu,
.notifications-dropdown-parent-xs .notifications-dropdown-xs-content {
	padding-bottom: 0px;
}
.notifications-menu-wrapper {
	width: 350px;
}

.notifications-dropdown-parent .dropdown-menu:before {
	right: 16px;
}
.notifications-dropdown-parent .dropdown-menu:after {
	right: 16px;
}


@media(max-width:767px) {
	.notifications-dropdown-parent .dropdown-menu:before {
		right: 12px;
	}
	.notifications-dropdown-parent .dropdown-menu:after {
		right: 12px;
	}
}

@media(max-width:485px) {
   .notifications-dropdown-parent .dropdown-menu-xl {
      width: 310px;
      right: -48px;
   }
   
	.notifications-dropdown-content,
	.notifications-menu-wrapper {
		width: 310px;
	}
	
	.notifications-dropdown-parent .dropdown-menu:before {
		right: 56px;
	}
	.notifications-dropdown-parent .dropdown-menu:after {
		right: 56px;
	}
}

.notifications-menu-wrapper .notifications_mark_all_read {
	font-size: 11px;
	font-weight: normal;
}
.notifications-menu-wrapper .notification-line-item-text {
	font-weight: normal;
}

.notifications-menu-header {
	height: 36px;
	line-height: 36px;
   border-bottom-color: rgb(227, 232, 236);
}

.notification-line-item {
      border-bottom-color: rgb(227, 232, 236);
}

.notifications-menu-header .notifications-menu-header-title {
	position: absolute;
	left: 10px;
	display: inline;
   font-size: 11px;
}

.notifications-menu-header .notifications_mark_all_read {
	display: inline;
	right: 10px;
   font-size: 11px;
}

.notifications-menu-footer {
	height: 48px;
	font-size: 12px;
	line-height: 48px;
	background-color: rgb(242, 242, 242);
   border-top-color: rgb(227, 232, 236);
}

.notifications-show-all {
   color: rgb(68, 77, 88);
}

#header_spacer {
	height:60px;
}

@media(max-width:767px) {
	#header_spacer {
		height:60px;
	}
}

.headerbar-top {
	top: 25px !important;
}

@media(max-width:767px) {
	.headerbar-top {
		top: 70px !important;
	}
}

.notificationbar {
	border-bottom: 1px solid rgb(221, 221, 221);
}

.header .search {
	max-width: 59px;
}

@media(max-width:767px) {
    .header .navicons .navicons-item {
      padding: 0 12px;
      }
	.header .search {
		max-width: 47px;
	}
}
@media(max-width:375px) {
    .header .navicons .navicons-item {
      padding: 0 8px;
      }
	.header .search {
		max-width: 39px;
	}
}

@media(max-width:767px) {
   .header .navlinks-menu {
    width: calc(100% - 40px);
    padding: 0 10px; }
   }
   
@media only screen and (max-width: 600px) {
  .header .navlinks-menu {
    width: calc(100% - 34px) !important;
    padding: 0 4px !important; }
}

.header .navlinks-menu .navlinks {
    height: 60px;
}


.tt-menu {
   max-height: 800px;
   overflow-y: scroll;
   overflow-x: hidden;
   margin-left: -8px;
   margin-right: -8px;
   margin-bottom: -15px;
}

@media(max-height:1040px) {
	.tt-menu {
		max-height: 600px;
	}
}

@media(max-height:840px) {
	.tt-menu {
		max-height: 500px;
	}
}

@media(max-height:700px) {
	.tt-menu {
		max-height: 300px;
	}
}

.mt-search-section-header {
   font-size: 16px;
   margin: 20px -15px 10px;
   padding: 10px;
	background-color: rgb(242, 242, 242);
}
.tt-dataset-Pages .mt-search-section-header {
   margin-top: -15px;
}
.mt-search-suggestion {
   font-size: 14px;
   line-height: 1.4;
}
.mt-search-more-results-href {
   float: right;
}
span.item-icon {
	margin-left: 0px;
	margin-right: 10px;
}
.mt-search-suggestion-page {
  display: inline-block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
   overflow: hidden;
  width: calc(100% - 42px);
   height: 16px;
}

.mt-search-empty {
   color: rgb(221, 221, 221);
}

.header .search .search-below-input input {
	width: calc(100% - 12px);
	-webkit-appearance: none; /* Stop rounded corners on iOS */
    -webkit-border-radius: 0px; /* Stop rounded corners on iOS */
}


  @media only screen and (max-width: 880px) {
    .header .search .search-below-input {
      width: 70%;
      width: 70vw; 
    right: -100px}
      .header .search .search-below-input.dropdown-menu-right:before {
        right: 114px; }
    .header .search input {
      height: 50px; } }
  @media only screen and (max-width: 530px) {
    .header .search .search-below-input {
      width: 80%;
      width: 80vw;
      right: -100px; }
      .header .search .search-below-input.dropdown-menu-right:before {
        right: 114px; }
    .header .search input {
      height: 50px; } }
  @media only screen and (max-width: 375px) {
    .header .search {
      width: 100%;
      width: 100vw; }
      .header .search .search-below-input.dropdown-menu-right:before {
        right: 110px; } }
        
/* Works overrides normal style sheet */
@media screen and (max-device-width: 480px) {
	.notificationbar {
		position:fixed;
		top:0px;
	}
}

#modal-article .topic-wrapper {
    margin-top: 0;
}

#modal-article #new_topic_id {
    margin-bottom: 12px;
}

#modal-article .hashbrown .hashbrown-tag {
 height: 20px;
}

#modal-article .hashbrown li {
	max-height:20px;
	height:20px;
		
}

#modal-article .hashbrown-tag input {
    width: auto;
    max-height: 20px !important;
   height: 20px;
}

.small-modal-header {
	display: none;
}

@media only screen and (max-width: 599px) {
	.small-modal-header {
		display: block;
	}
}

.regular-modal-header {
	display: block;
}

@media only screen and (max-width: 599px) {
	.regular-modal-header {
		display: none;
	}
}

#modal-article .modal-title {
	color: #555;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 6px 6px 6px 0px;
	letter-spacing: normal;
}
@media only screen and (max-width: 599px) {
	 #modal-article .pane {
		width: 100%;
	 }
	#modal-article .right.pane {
		border-left: none;
	}
	#modal-article .left.pane {
		padding: 0px 25px;
		max-width: 350px;
	}
	#modal-article .topic-wrapper .right {
		float: left;
		margin-left: 10px;
		width: calc(100% - 42px);
	}
}

@media only screen and (max-width: 374px) {
	#modal-article .left.pane {
		padding: 0px 0px;
	}
}

/* Change the editable save and cancel from a checkmark and x to the actual words */
#modal-article .editable-submit .glyphicon {
  display: none;
}
#modal-article .editable-submit:after {
  content: "Save";
}
#modal-article .editable-cancel .glyphicon {
  display: none;
}
#modal-article .editable-cancel:after {
  content: "Cancel";
}

.topic-wrapper .tt-menu {
	max-height: 294px;
	overflow-x: hidden;
	overflow-y: scroll;
	max-width: 190px;
}

#addarticle-error-msg {
	text-align: center;
	color: red;
}

.bookmarklet-ad {
	text-align: center;
	display: block;
}

.bookmarklet-ad img {
	width: 270px;
}

.topic-filters-wrapper .owl-carousel [data-category="6"] {
      background-color: #ffd600 !important;
}

.topic-filters-wrapper .owl-carousel [data-category="0"] {
      background-color: #000000 !important;
}

.topic-filters-wrapper .owl-carousel {
   width: 100%;
}

/* TEMP UNTIL WE INCORPORATE THE CARDS */
.card-collector {
	min-height: unset;
	padding: 0px;
}



  .collection-title-wrapper .breadboxes {
    width: calc(100% - 200px) !important;
    word-break: normal !important; }
  .collection-title-wrapper .selected-topics .breadboxes:after {
    display: block;
    content: "";
    clear: both; }
  .collection-title-wrapper .breadboxes-people {
    width: auto; }
    .collection-title-wrapper .breadboxes-people .people-label {
      margin-right: 6px;
      font-size: 12px;
      font-size: 0.75rem;
      letter-spacing: -.1px;
      padding: 3px; }
  .collection-title-wrapper .showPeople {
    display: inline-block; }
  @media only screen and (max-width: 667px) {
    .collection-title-wrapper .breadboxes {
      width: 100% !important; }
      .collection-title-wrapper .breadboxes .list-inline li:first-child {
        display: block !important;
        width: 100% !important; }
    .collection-title-wrapper .breadboxes-people {
      float: none !important;
      margin: 0 22px !important;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      -webkit-flex-flow: row nowrap;
      -moz-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
      width: 100% !important;
      position: relative; }
    .collection-title-wrapper .people-label {
      float: none !important;
      display: inline-block;
      height: 30px; }
    .collection-title-wrapper .onoffswitch {
      float: none !important;
      display: inline-block;
      height: 30px; } 
}

/* Made smaller to accomodate border on wrapper instead of img */
.card-collector .card .avatar.small.left {
	 height: 44px;
	 width: 44px;
 }

.show-more-section {
	cursor: pointer;
}

.card .avatar img {
/*   width: 50px !important;*/
   height: 44px !important;
}

.card-collector .card h4.card-title {
	max-height: 76px;
	overflow: hidden;
}

.card-collector .card .card-block p {
	max-height: 58px;
	max-height: 3.6rem;
	overflow: hidden;
}

.sharing-services-menu {
	position: absolute;
	right: 50px;
   top: 25px;
	width: 200px;
	background-color: white;
   border: none;
   z-index: 2;
   display: none;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	-webkit-border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;

}

.sharing-services-menu li {
   display: inline-block;
   width: 200px;
   float: left;
}

.sharing-services-menu a {
   float: left;
}
.sharing-services-menu li span {
	float: left;
	color: #333;
	vertical-align: middle;
	line-height: 60px;
}

.card-context-menu ul {
   margin: 10px 10px 5px;
}

.card-context-menu li {
   display: inline-block;
   width: 150px;
}
.card-context-menu a {
   color: black !important;
   font-size: 16px !important;
   float: left;
   padding: 5px;
}
.card-context-menu li span {
   vertical-align: middle;
   line-height: 1.4;
}

.card-context-menu {
	position: absolute;
	left: 50px;
   top: 25px;
	width: 150px;
	background-color: white;
   border: none;
   z-index: 2;
   display: none;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	-webkit-border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
}

/* Category Context Menu */

.collection-title-wrapper .action-buttons-left {
      position: absolute;
      right: 5px;
      top: 0px;
}

.btn-context-menu-tiny {
	width: 22px;
	height: 22px;
	line-height: 22px;
	margin: 0px;
}

.btn-context-menu-tiny i {
	font-size: 14px;
	line-height: 22px;
}

.category-context-menu ul {
   margin: 10px 10px 5px;
}

.category-context-menu li {
   display: inline-block;
   width: 130px;
}
.category-context-menu a {
   color: black !important;
   font-size: 16px !important;
   float: left;
   padding: 5px;
}
.category-context-menu li span {
   vertical-align: middle;
   line-height: 1.4;
}

.category-context-menu {
	position: absolute;
	right: 25px;
   top: 10px;
	width: 150px;
	background-color: white;
   border: none;
   z-index: 2;
   display: none;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	-webkit-border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
}

    .topic-filters-wrapper .owl-carousel .topic-slide.disabled {
      background-color: #bababa !important;
      color: #a5a3a3 !important; }

  .card-collector[data-column-info=topic_24] .collection-title-wrapper h2.title {
    color: #c51162; }
  .card-collector[data-column-info=topic_24] .card {
    border-bottom: 4px solid #c51162; }
    .card-collector[data-column-info=topic_24] .card h5.card-subtitle a {
      color: #c51162 !important; }
      .card-collector[data-column-info=topic_24] .card h5.card-subtitle a:hover {
        color: #f50057 !important; }
  .card-collector[data-column-info=topic_7] .collection-title-wrapper h2.title {
    color: #aa00ff; }
  .card-collector[data-column-info=topic_7] .card {
    border-bottom: 4px solid #aa00ff; }
    .card-collector[data-column-info=topic_7] .card h5.card-subtitle a {
      color: #aa00ff !important; }
      .card-collector[data-column-info=topic_7] .card h5.card-subtitle a:hover {
        color: #d500f9 !important; }
  .card-collector[data-column-info=topic_17] .collection-title-wrapper h2.title {
    color: #6200ea; }
  .card-collector[data-column-info=topic_17] .card {
    border-bottom: 4px solid #6200ea; }
    .card-collector[data-column-info=topic_17] .card h5.card-subtitle a {
      color: #6200ea !important; }
      .card-collector[data-column-info=topic_17] .card h5.card-subtitle a:hover {
        color: #651fff !important; }
  .card-collector[data-column-info=topic_19] .collection-title-wrapper h2.title {
    color: #304ffe; }
  .card-collector[data-column-info=topic_19] .card {
    border-bottom: 4px solid #3f51b5; }
    .card-collector[data-column-info=topic_19] .card h5.card-subtitle a {
      color: #3f51b5 !important; }
      .card-collector[data-column-info=topic_19] .card h5.card-subtitle a:hover {
        color: #3d5afe !important; }
  .card-collector[data-column-info=topic_18] .collection-title-wrapper h2.title {
    color: #2962FF; }
  .card-collector[data-column-info=topic_18] .card {
    border-bottom: 4px solid #2962FF; }
    .card-collector[data-column-info=topic_18] .card h5.card-subtitle a {
      color: #2962FF !important; }
      .card-collector[data-column-info=topic_18] .card h5.card-subtitle a:hover {
        color: #2979FF !important; }
  .card-collector[data-column-info=topic_16] .collection-title-wrapper h2.title {
    color: #0091ea; }
  .card-collector[data-column-info=topic_16] .card {
    border-bottom: 4px solid #0091ea; }
    .card-collector[data-column-info=topic_16] .card h5.card-subtitle a {
      color: #0091ea !important; }
      .card-collector[data-column-info=topic_16] .card h5.card-subtitle a:hover {
        color: #00b0ff !important; }
  .card-collector[data-column-info=topic_10] .collection-title-wrapper h2.title {
    color: #00b8d4; }
  .card-collector[data-column-info=topic_10] .card {
    border-bottom: 4px solid #00b8d4; }
    .card-collector[data-column-info=topic_10] .card h5.card-subtitle a {
      color: #00b8d4 !important; }
      .card-collector[data-column-info=topic_10] .card h5.card-subtitle a:hover {
        color: #00b8d4 !important; }
  .card-collector[data-column-info=topic_3] .collection-title-wrapper h2.title {
    color: #00bfa5; }
  .card-collector[data-column-info=topic_3] .card {
    border-bottom: 4px solid #00bfa5; }
    .card-collector[data-column-info=topic_3] .card h5.card-subtitle a {
      color: #00bfa5 !important; }
      .card-collector[data-column-info=topic_3] .card h5.card-subtitle a:hover {
        color: #1de9b6 !important; }
  .card-collector[data-column-info=topic_21] .collection-title-wrapper h2.title {
    color: #00C853; }
  .card-collector[data-column-info=topic_21] .card {
    border-bottom: 4px solid #00C853; }
    .card-collector[data-column-info=topic_21] .card h5.card-subtitle a {
      color: #00C853 !important; }
      .card-collector[data-column-info=topic_21] .card h5.card-subtitle a:hover {
        color: #00E676 !important; }
  .card-collector[data-column-info=topic_9] .collection-title-wrapper h2.title {
    color: #64dd17; }
  .card-collector[data-column-info=topic_9] .card {
    border-bottom: 4px solid #64dd17; }
    .card-collector[data-column-info=topic_9] .card h5.card-subtitle a {
      color: #64dd17 !important; }
      .card-collector[data-column-info=topic_9] .card h5.card-subtitle a:hover {
        color: #76ff03 !important; }
  .card-collector[data-column-info=topic_6] .collection-title-wrapper h2.title {
    color: #ffd600; }
  .card-collector[data-column-info=topic_6] .card {
    border-bottom: 4px solid #ffd600; }
    .card-collector[data-column-info=topic_6] .card h5.card-subtitle a {
      color: #ffd600 !important; }
      .card-collector[data-column-info=topic_6] .card h5.card-subtitle a:hover {
        color: #ffea00 !important; }
  .card-collector[data-column-info=topic_23] .collection-title-wrapper h2.title {
    color: #ffab00; }
  .card-collector[data-column-info=topic_23] .card {
    border-bottom: 4px solid #ffab00; }
    .card-collector[data-column-info=topic_23] .card h5.card-subtitle a {
      color: #ffab00 !important; }
      .card-collector[data-column-info=topic_23] .card h5.card-subtitle a:hover {
        color: #ffc400 !important; }
  .card-collector[data-column-info=topic_8] .collection-title-wrapper h2.title {
    color: #ff6d00; }
  .card-collector[data-column-info=topic_8] .card {
    border-bottom: 4px solid #ff6d00; }
    .card-collector[data-column-info=topic_8] .card h5.card-subtitle a {
      color: #ff6d00 !important; }
      .card-collector[data-column-info=topic_8] .card h5.card-subtitle a:hover {
        color: #ff9100 !important; }
  .card-collector[data-column-info=topic_25] .collection-title-wrapper h2.title {
    color: #dd2c00; }
  .card-collector[data-column-info=topic_25] .card {
    border-bottom: 4px solid #dd2c00; }
    .card-collector[data-column-info=topic_25] .card h5.card-subtitle a {
      color: #dd2c00 !important; }
      .card-collector[data-column-info=topic_25] .card h5.card-subtitle a:hover {
        color: #ff3d00 !important; }
  .card-collector[data-column-info=topic_12] .collection-title-wrapper h2.title {
    color: #880e4f; }
  .card-collector[data-column-info=topic_12] .card {
    border-bottom: 4px solid #880e4f; }
    .card-collector[data-column-info=topic_12] .card h5.card-subtitle a {
      color: #880e4f !important; }
      .card-collector[data-column-info=topic_12] .card h5.card-subtitle a:hover {
        color: #ad1457 !important; }
  .card-collector[data-column-info=topic_15] .collection-title-wrapper h2.title {
    color: #4a148c; }
  .card-collector[data-column-info=topic_15] .card {
    border-bottom: 4px solid #4a148c; }
    .card-collector[data-column-info=topic_15] .card h5.card-subtitle a {
      color: #4a148c !important; }
      .card-collector[data-column-info=topic_15] .card h5.card-subtitle a:hover {
        color: #4a148c !important; }
  .card-collector[data-column-info=topic_14] .collection-title-wrapper h2.title {
    color: #1a237e; }
  .card-collector[data-column-info=topic_14] .card {
    border-bottom: 4px solid #1a237e; }
    .card-collector[data-column-info=topic_14] .card h5.card-subtitle a {
      color: #1a237e !important; }
      .card-collector[data-column-info=topic_14] .card h5.card-subtitle a:hover {
        color: #283593 !important; }
  .card-collector[data-column-info=topic_1] .collection-title-wrapper h2.title {
    color: #0D47A1; }
  .card-collector[data-column-info=topic_1] .card {
    border-bottom: 4px solid #0D47A1; }
    .card-collector[data-column-info=topic_1] .card h5.card-subtitle a {
      color: #0D47A1 !important; }
      .card-collector[data-column-info=topic_1] .card h5.card-subtitle a:hover {
        color: #1565C0 !important; }
  .card-collector[data-column-info=topic_22] .collection-title-wrapper h2.title {
    color: #006064; }
  .card-collector[data-column-info=topic_22] .card {
    border-bottom: 4px solid #006064; }
    .card-collector[data-column-info=topic_22] .card h5.card-subtitle a {
      color: #006064 !important; }
      .card-collector[data-column-info=topic_22] .card h5.card-subtitle a:hover {
        color: #00838f !important; }
  .card-collector[data-column-info=topic_2] .collection-title-wrapper h2.title {
    color: #004d40; }
  .card-collector[data-column-info=topic_2] .card {
    border-bottom: 4px solid #004d40; }
    .card-collector[data-column-info=topic_2] .card h5.card-subtitle a {
      color: #004d40 !important; }
      .card-collector[data-column-info=topic_2] .card h5.card-subtitle a:hover {
        color: #00695c !important; }
  .card-collector[data-column-info=topic_11] .collection-title-wrapper h2.title {
    color: #1B5E20; }
  .card-collector[data-column-info=topic_11] .card {
    border-bottom: 4px solid #1B5E20; }
    .card-collector[data-column-info=topic_11] .card h5.card-subtitle a {
      color: #1B5E20 !important; }
      .card-collector[data-column-info=topic_11] .card h5.card-subtitle a:hover {
        color: #2E7D32 !important; }
  .card-collector[data-column-info=topic_20] .collection-title-wrapper h2.title {
    color: #827717; }
  .card-collector[data-column-info=topic_20] .card {
    border-bottom: 4px solid #827717; }
    .card-collector[data-column-info=topic_20] .card h5.card-subtitle a {
      color: #827717 !important; }
      .card-collector[data-column-info=topic_20] .card h5.card-subtitle a:hover {
        color: #9e9d24 !important; }
  .card-collector[data-column-info=topic_5] .collection-title-wrapper h2.title {
    color: #e65100; }
  .card-collector[data-column-info=topic_5] .card {
    border-bottom: 4px solid #e65100; }
    .card-collector[data-column-info=topic_5] .card h5.card-subtitle a {
      color: #e65100 !important; }
      .card-collector[data-column-info=topic_5] .card h5.card-subtitle a:hover {
        color: #ef6c00 !important; }
  .card-collector[data-column-info=-topic_-3] .collection-title-wrapper h2.title {
    color: #009688; }
  .card-collector[data-column-info=-topic_-3] .card {
    border-bottom: 4px solid #009688; }
    .card-collector[data-column-info=-topic_-3] .card h5.card-subtitle a {
      color: #009688 !important; }
      .card-collector[data-column-info=-topic_-3] .card h5.card-subtitle a:hover {
        color: #26a69a !important; }
  .card-collector[data-column-info=topic_13] .collection-title-wrapper h2.title {
    color: #2196F3; }
  .card-collector[data-column-info=topic_13] .card {
    border-bottom: 4px solid #2196F3; }
    .card-collector[data-column-info=topic_13] .card h5.card-subtitle a {
      color: #2196F3 !important; }
      .card-collector[data-column-info=topic_13] .card h5.card-subtitle a:hover {
        color: #42A5F5 !important; }
  .card-collector[data-column-info=topic_4] .collection-title-wrapper h2.title {
    color: #00E676; }
  .card-collector[data-column-info=topic_4] .card {
    border-bottom: 4px solid #00E676; }
    .card-collector[data-column-info=topic_4] .card h5.card-subtitle a {
      color: #00E676 !important; }
      .card-collector[data-column-info=topic_4] .card h5.card-subtitle a:hover {
        color: #69F0AE !important; }
    
	/* Card Topic Coloring */    
  .card[data-topic-id=topic_24] {
    border-bottom: 4px solid #c51162; }
    .card[data-topic-id=topic_24] h5.card-subtitle a {
      color: #c51162 !important; }
      .card[data-topic-id=topic_24] h5.card-subtitle a:hover {
        color: #f50057 !important; }
  .card[data-topic-id=topic_7] {
    border-bottom: 4px solid #aa00ff; }
    .card[data-topic-id=topic_7] h5.card-subtitle a {
      color: #aa00ff !important; }
      .card[data-topic-id=topic_7] h5.card-subtitle a:hover {
        color: #d500f9 !important; }
  .card[data-topic-id=topic_17] {
    border-bottom: 4px solid #6200ea; }
    .card[data-topic-id=topic_17] h5.card-subtitle a {
      color: #6200ea !important; }
      .card[data-topic-id=topic_17] h5.card-subtitle a:hover {
        color: #651fff !important; }
  .card[data-topic-id=topic_19] {
    border-bottom: 4px solid #3f51b5; }
    .card[data-topic-id=topic_19] h5.card-subtitle a {
      color: #3f51b5 !important; }
      .card[data-topic-id=topic_19] h5.card-subtitle a:hover {
        color: #3d5afe !important; }
  .card[data-topic-id=topic_18] {
    border-bottom: 4px solid #2962FF; }
    .card[data-topic-id=topic_18] h5.card-subtitle a {
      color: #2962FF !important; }
      .card[data-topic-id=topic_18] h5.card-subtitle a:hover {
        color: #2979FF !important; }
  .card[data-topic-id=topic_16] {
    border-bottom: 4px solid #0091ea; }
    .card[data-topic-id=topic_16] h5.card-subtitle a {
      color: #0091ea !important; }
      .card[data-topic-id=topic_16] h5.card-subtitle a:hover {
        color: #00b0ff !important; }
  .card[data-topic-id=topic_10] {
    border-bottom: 4px solid #00b8d4; }
    .card[data-topic-id=topic_10] h5.card-subtitle a {
      color: #00b8d4 !important; }
      .card[data-topic-id=topic_10] h5.card-subtitle a:hover {
        color: #00b8d4 !important; }
  .card[data-topic-id=topic_3] {
    border-bottom: 4px solid #00bfa5; }
    .card[data-topic-id=topic_3] h5.card-subtitle a {
      color: #00bfa5 !important; }
      .card[data-topic-id=topic_3] h5.card-subtitle a:hover {
        color: #1de9b6 !important; }
  .card[data-topic-id=topic_21] {
    border-bottom: 4px solid #00C853; }
    .card[data-topic-id=topic_21] h5.card-subtitle a {
      color: #00C853 !important; }
      .card[data-topic-id=topic_21] h5.card-subtitle a:hover {
        color: #00E676 !important; }
  .card[data-topic-id=topic_9] {
    border-bottom: 4px solid #64dd17; }
    .card[data-topic-id=topic_9] h5.card-subtitle a {
      color: #64dd17 !important; }
      .card[data-topic-id=topic_9] h5.card-subtitle a:hover {
        color: #76ff03 !important; }
  .card[data-topic-id=topic_6] {
    border-bottom: 4px solid #ffd600; }
    .card[data-topic-id=topic_6] h5.card-subtitle a {
      color: #ffd600 !important; }
      .card[data-topic-id=topic_6] h5.card-subtitle a:hover {
        color: #ffea00 !important; }
  .card[data-topic-id=topic_23] {
    border-bottom: 4px solid #ffab00; }
    .card[data-topic-id=topic_23] h5.card-subtitle a {
      color: #ffab00 !important; }
      .card[data-topic-id=topic_23] h5.card-subtitle a:hover {
        color: #ffc400 !important; }
  .card[data-topic-id=topic_8] {
    border-bottom: 4px solid #ff6d00; }
    .card[data-topic-id=topic_8] h5.card-subtitle a {
      color: #ff6d00 !important; }
      .card[data-topic-id=topic_8] h5.card-subtitle a:hover {
        color: #ff9100 !important; }
  .card[data-topic-id=topic_25] {
    border-bottom: 4px solid #dd2c00; }
    .card[data-topic-id=topic_25] h5.card-subtitle a {
      color: #dd2c00 !important; }
      .card[data-topic-id=topic_25] h5.card-subtitle a:hover {
        color: #ff3d00 !important; }
  .card[data-topic-id=topic_12] {
    border-bottom: 4px solid #880e4f; }
    .card[data-topic-id=topic_12] h5.card-subtitle a {
      color: #880e4f !important; }
      .card[data-topic-id=topic_12] h5.card-subtitle a:hover {
        color: #ad1457 !important; }
  .card[data-topic-id=topic_15] {
    border-bottom: 4px solid #4a148c; }
    .card[data-topic-id=topic_15] h5.card-subtitle a {
      color: #4a148c !important; }
      .card[data-topic-id=topic_15] h5.card-subtitle a:hover {
        color: #4a148c !important; }
  .card[data-topic-id=topic_14] {
    border-bottom: 4px solid #1a237e; }
    .card[data-topic-id=topic_14] h5.card-subtitle a {
      color: #1a237e !important; }
      .card[data-topic-id=topic_14] h5.card-subtitle a:hover {
        color: #283593 !important; }
  .card[data-topic-id=topic_1] {
    border-bottom: 4px solid #0D47A1; }
    .card[data-topic-id=topic_1] h5.card-subtitle a {
      color: #0D47A1 !important; }
      .card[data-topic-id=topic_1] h5.card-subtitle a:hover {
        color: #1565C0 !important; }
  .card[data-topic-id=topic_22] {
    border-bottom: 4px solid #006064; }
    .card[data-topic-id=topic_22] h5.card-subtitle a {
      color: #006064 !important; }
      .card[data-topic-id=topic_22] h5.card-subtitle a:hover {
        color: #00838f !important; }
  .card[data-topic-id=topic_2] {
    border-bottom: 4px solid #004d40; }
    .card[data-topic-id=topic_2] h5.card-subtitle a {
      color: #004d40 !important; }
      .card[data-topic-id=topic_2] h5.card-subtitle a:hover {
        color: #00695c !important; }
  .card[data-topic-id=topic_11] {
    border-bottom: 4px solid #1B5E20; }
    .card[data-topic-id=topic_11] h5.card-subtitle a {
      color: #1B5E20 !important; }
      .card[data-topic-id=topic_11] h5.card-subtitle a:hover {
        color: #2E7D32 !important; }
  .card[data-topic-id=topic_20] {
    border-bottom: 4px solid #827717; }
    .card[data-topic-id=topic_20] h5.card-subtitle a {
      color: #827717 !important; }
      .card[data-topic-id=topic_20] h5.card-subtitle a:hover {
        color: #9e9d24 !important; }
  .card[data-topic-id=topic_5] {
    border-bottom: 4px solid #e65100; }
    .card[data-topic-id=topic_5] h5.card-subtitle a {
      color: #e65100 !important; }
      .card[data-topic-id=topic_5] h5.card-subtitle a:hover {
        color: #ef6c00 !important; }
  .card[data-topic-id=topic_-3] {
    border-bottom: 4px solid #009688; }
    .card[data-topic-id=topic_-3] h5.card-subtitle a {
      color: #009688 !important; }
      .card[data-topic-id=topic_-3] h5.card-subtitle a:hover {
        color: #26a69a !important; }
  .card[data-topic-id=topic_13] {
    border-bottom: 4px solid #2196F3; }
    .card[data-topic-id=topic_13] h5.card-subtitle a {
      color: #2196F3 !important; }
      .card[data-topic-id=topic_13] h5.card-subtitle a:hover {
        color: #42A5F5 !important; }
  .card[data-topic-id=topic_4] {
    border-bottom: 4px solid #00E676; }
    .card[data-topic-id=topic_4] h5.card-subtitle a {
      color: #00E676 !important; }
      .card[data-topic-id=topic_4] h5.card-subtitle a:hover {
        color: #69F0AE !important; }
        
.card-collector .card .card-hash li.hash-topics-item a {
	text-transform: none;
}

.card .card-reveal a {
	text-transform: none;
}

.card .card-reveal .hash-topics-list-wrapper a {
	width: 44%;
}

.card .card-addedby {
	position: relative;
	display: block;
	margin: -22px 10px 0px 80px;
	font-size: 14px;
	max-width: 180px;
	height: 20px;
	overflow: hidden;
}

.card .card-addedby a {
	color: black !important;
}

.card-collector .card h4.card-title a {
	font-weight: 500;
}

.card-collector .owl-carousel .owl-item img {
	max-height: none;
}

.card .card-up .view {
	max-height: 360px !important;
	min-height: 160px;
}

/* NEED TO ADJUST AFTER PLAYING WITH WRAPPERS */
.header-fixed .app-body {
    padding-top: 10px;
}

/* User Page Stuff */
#userpageprofilewrapper {
    margin: 0px auto; /* 10/9/17 0px auto 5px auto; */
    background-color: #4285F4;
   height: 200px;
	font-family: "Roboto",sans-serif;
   color: white;
   position: relative;
   overflow: hidden;
	text-align: center;
	border-bottom: 1px solid #d3dbe4;
}

#userpageprofilewrapper.banner-set {
/*	height: 300px; */
	padding-top: 25%; /* Added for responsive */
	height: auto; /* Added for responsive */
	min-height: 200px; /* Added for responsive */
	background-color: white;
}

/*
@media(max-width:800px) {
	#userpageprofilewrapper.banner-set {
	   height: 200px;
	}
}

@media(max-height:768px) {
	#userpageprofilewrapper.banner-set {
	   height: 200px;
	}
}
*/

#userpageprofilewrapper img {
	width: 100%;
	background-color: white;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.profile_desc_header_wrapper {
	display: inline-block;
	position: relative;
	left: 10px;
}

#profile_desc_header {
   font-family: "Roboto",sans-serif;
   font-size: 16px;
   position: absolute;
   display: block;
   bottom: 40px;
   font-weight: 300;
   width: 500px;
   color: white;
   overflow: hidden;
	background-color: rgba(0,0,0,0.5);
	border-radius: 5px;
	padding: 5px;
	max-height: 65px;
}

@media(max-width:1000px) {
	#profile_desc_header {
		font-size: 14px;
		width: 400px;
	}
}
@media(max-width:865px) {
	#profile_desc_header {
		font-size: 14px;
		width: 300px;
	}
}

@media(max-width:649px) { /* 10/10/17 600px */
	#profile_desc_header {
		font-size: 10px;
		width: 220px;
		bottom: 36px; /* 10/10/17 26px */
	}
}

@media(max-width:500px) {
	#profile_desc_header {
		bottom: 26px;
		width: 180px;
	}
}

.profile_desc_header_placeholder {
	color: white;
}

.userpagesubscriptionstatswrapper {
	font-family: "Roboto",sans-serif;
	position: absolute; /* 10/9/17 relative; */
	display: block;
	width: 100%;
	margin: 0px auto;
	text-align: center;
	border-bottom: 1px solid #d3dbe4;
	min-height: 66px; /* 10/9/17 min-height: 61px; */
	padding-top: 5px; /* 10/9/17 */
}

/* 10/9/17 */
.userpagesubscriptionstatswrapper-placeholder {
   height: 66px;
}

@media(max-width:994px) {
	.userpagesubscriptionstatswrapper-placeholder {
	   height: 125px;
	}
}
/* 10/9/17 */

.userpageprofileheader {
	display: block;
	position: relative;
	width: auto;
	margin: 0px auto;
}

.userpagesubscriptionstatssection {
	font-family: "Roboto",sans-serif;
	font-size: 14px;
/*	font-weight: bold; */
	display: inline;
}

/* 10/9/17 @media(max-width:800px) { */
@media(max-width:994px) {
   .userpagesubscriptionstatssection {
      display: block;
      padding-bottom: 5px;
   }
}

#userpageprofilesection {
	margin: 0px auto;
	display: block;
	min-width: 320px;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 0px;
	height: 100%;
}

#userpageprofiletext {
    max-width: 500px;
    display: inline;
    padding: 0px 5px;
    position: relative;
}

.userpageprofilename {
   display: inline;
}

/*
.userpageprofilepicture {
	display: inline;
	width: auto;
	position: absolute;
	margin: -70px 0px 0px -120px;
}

@media(max-width:600px) {
	.userpageprofilepicture {
		margin: -70px 0px 0px -100px;
	}
}

.userpageprofilepicture img {
	width: 120px;
	height: 120px;
	border: 3px solid #fff;
	background: none repeat scroll 0 0 #FFFFFF;

   position: relative;
   display: block;
   margin: 0px;
}
*/

.userpageprofilepicture {
	position: relative;
	display: inline-block !important;
	height: 120px;
	width: 120px;
	top: -110px;
	margin: 0px;
	margin-bottom: -120px;
}

.img-circle-wrapper {
	display: block;
	position: relative;
	overflow: hidden;
	background: none repeat scroll 0 0 #FFFFFF;
	border-radius: 50%;
   -webkit-box-sizing: content-box; /* compensate for the border being on the img container instead of on the img */
   -moz-box-sizing: content-box; /* compensate for the border being on the img container instead of on the img */
   box-sizing: content-box; /* compensate for the border being on the img container instead of on the img */
}

.img-circle-wrapper-border {
	border: 3px solid #fff;
}

@media(max-width:600px) {
	.userpageprofilepicture {
/*		margin: -70px 0px 0px -100px;*/
	}
}

.userpageprofilepicture img {
	height: 120px;
}

.img-center-fixed-height-avatar {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	right: 0;
	margin: 0px;
	transform: translateX(-50%) 
}

@media(max-width:500px) {
	.userpageprofilepicture {
/*		margin: -60px 0px 0px -20%;*/
		width: 90px;
		height: 90px;
	}
	.userpageprofilepicture img {
/*		width: 90px;*/
		height: 90px;
	}
}

@media(max-width:400px) {
	.userpageprofilepicture {
/*		margin: -60px 0px 0px -15%;*/
	}
}

#realname_header {
	font-family: "Roboto",sans-serif;
	display: inline-block;
   margin-right: 50px;
   font-weight: 400;
}

/* 10/3/17 Fix Profile Header */
#realname_header {
   display: inline-block;
   max-width: 400px;
/*   width: 400px;*/ /* 10/5/17 */
   text-align: left; /* 10/5/17 */
   max-height: 45px;
   overflow: hidden;
   white-space: nowrap;
   vertical-align: middle;
   position: relative;
   top: -2px;
}

/*
@media(max-width:500px) {
	#realname_header {
	   margin-top: -20px;
	   font-size: 20px;
	}
}
*/
@media(max-width:999px) {
	#realname_header {
   		margin-right: 0px;
   	}
}

@media(max-width:560px) {
	#realname_header {
   		max-width: 260px;
   		width: 260px; /* 10/5/17 */
		font-size: 20px;
	  margin-top: -10px;
	}
}

@media(max-width:420px) {
	#realname_header {
		max-width: 200px;
   		width: 200px; /* 10/5/17 */
		margin-left: 80px;
		margin-right: 0px;
		margin-top: 0px;
		font-size: 16px;
	}
}

.publicviewbutton {
	float: none;
	display: inline-block;
/*   margin-right: 50px;*/
/*   margin-left: -50px;*/
	position: relative;
	bottom: 2px;
	left: -50px;

}

.publicviewbutton { /* 10/3/17 */
	float: none;
	display: inline-block;
	margin: 0px 20px;
	position: relative;
	top: 0px;
/*	bottom: 2px;*/
	min-height: 40px;
/*	left: 0px;*/
	text-align: center;
}

.userpagesubscriptionstatssection div {
   display:inline;
   margin-right: 20px;
}

@media(max-width:500px) {
	.userpagesubscriptionstatssection div {
		margin-right: 10px;
	}
}

@media(max-width:640px) {
	.selected-topics {
	   font-size: 14px;
	}
}

.card-collector .owl-carousel .owl-item a {
  font-size: 14px;
  font-size: 0.875rem;
}

.card-collector .card a {
     color: #fff;
}

.sharing-services-menu ul {
   margin-bottom: 0px;
}


#change-banner {
	position: absolute;
	top: 10px;
	left: 10px;
	background-color: rgba(0,0,0,0.4);
	padding: 5px;
	border-radius: 5px;
	color: white;
}

.profile-picture-edit-menu {
	position: absolute;
	left: 10px;
	top: 44px;
	width: 84px;
/*	background-color: rgba(0,0,0,0.4);*/
	background-color: white;
	border: none;
	z-index: 2;
	display: none;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

.profile-picture-edit-menu ul {
	font-size: 16px;
	text-align: left;
	margin: 5px 0px;
}

.profile-picture-edit-menu li {
	display: inline-block;
	padding: 2px 10px;
	vertical-align: middle;
}
.profile-picture-edit-menu a {
/*	color: white;*/
	color: #333;
}

#change-avatar-picture {
	position: absolute;
	bottom: 12px;
	left: 32px;
	background-color: rgba(0,0,0,0.4);
	padding: 3px;
	border-radius: 3px;
	color: white;
   z-index: 1;
   font-size: 12px;
}

@media(max-width:500px) {
	#change-avatar-picture {
		left: 16px;
	}
}

.userpageprofilepicture-wrapper .profile-picture-edit-menu {
  	left: 32px;
	top: unset;
   bottom: -55px;
/*   background-color: white;*/
}

@media(max-width:500px) {
	.userpageprofilepicture-wrapper .profile-picture-edit-menu {
		left: 16px;
	}
}
/*
.userpageprofilepicture .profile-picture-edit-menu a {
   color: #333;
}
*/
/*
.navlinks-item.avatar {
   height: 36px;
   width: 36px;
   max-width: none;
}*/

.header #user-menu .dropdown-header-meta .avatar {
   height: 70px;
   width: 70px;
}

.header #user-menu .dropdown-header-meta .avatar img {
   height: 70px;
   width: auto;
}

.header #user-menu .dropdown-header-meta .username {
   cursor: pointer;
}

/* Fix problem where roll over of article thumbnail pops up avatar image */
.card-collector .card .avatar.small.left {
	z-index: 1;
}

.card-collector .card .avatar.small.left img {
	border: none;
   width: auto;
   max-width: none;
}

.userpageprofilepicture-collapse {
	height: 60px;
	width: 60px;
	top: -91px; /* 10/3/17 */
/*	top: -95px;*/
}

.userpageprofilepicture-collapse img {
	height: 60px;
}


.userpageprofilepicture-collapse+#change-avatar-picture span {
	display: none;
}

.userpageprofilepicture-collapse+#change-avatar-picture {
	left: 24px;
	bottom: -12px;
}

.userpagesubscriptionstatswrapper-fixed {
	position:fixed;
	min-height: 66px;
	top: 60px;
	background: white;
	z-index: 2;
	padding-top: 5px;
}

/* Fix for Safari blurring images on non-retina displays */
img {
      -webkit-filter: blur(0); 
}

.userpageprofilepicture-wrapper {
   position: relative;
   display: inline;
}

/* Not doing the change avatar from the account menu, but may in the future */
.header #user-menu .dropdown-header-meta a.change-avatar {
	display: none;
}

.send-msg-btn {
	position: absolute;
	bottom: 12px;
	left: 26px;
	background-color: rgba(0,0,0,0.4);
	padding: 3px;
	border-radius: 3px;
	color: white;
   z-index: 1;
   font-size: 12px;
}

@media(max-width:500px) {
	.send-msg-btn {
		left: 10px;
		bottom: 18px;
	}
}

.userpageprofilepicture-collapse+.send-msg-btn span {
	display: none;
}

.userpageprofilepicture-collapse+.send-msg-btn {
	left: 24px;
	bottom: -18px; /* 10/3/17 */
/*	bottom: -12px;*/
}

@media(max-width:500px) {
	.userpagesubscriptionstatswrapper-fixed .userpageprofilepicture-collapse {
		top: -75px;
	}
	.userpagesubscriptionstatswrapper-fixed .userpageprofilepicture-collapse+#change-avatar-picture {
		bottom: -32px;
	}
	.userpagesubscriptionstatswrapper-fixed .userpageprofilepicture-collapse+.send-msg-btn {
		bottom: -32px;
	}
}

a.subscribebutton {
	color: white;
	background-color: #4285F4;
}

a.unsubscribebutton {
	background-color: white;
	color: #4285F4;
}

.publicviewbutton a.subscribebutton {  /* 10/3/17 */
	margin: 0px;
}

.publicviewbutton a.unsubscribebutton {  /* 10/3/17 */
	margin: 0px;
}

.btn-like.like-liked i {
    color: yellow !important;
}

.card-collector .card .action-buttons .btn-floating.linksharetopage {
   background-color: #43A047;
}

.card .mask .white-text a {
   font-size: 18px;
   font-weight: normal;
}

.card .mask .white-text a:hover {
   text-decoration: none;
   color: white;
}

/* Modal Explanded View */
    #modal-expanded-view .avatar.small.left {
      border-radius: 50%;
      display: block;
      height: 50px;
      margin: -25px auto 0 25px;
      overflow: hidden;
      width: 50px; }
    #modal-expanded-view .avatar.small.left img {
      border: 3px solid #fff;
      background: none repeat scroll 0 0 #FFFFFF;
      width: 100%; }
    #modal-expanded-view img.rounded-circle {
      border-bottom-left-radius: 50% !important;
      border-bottom-right-radius: 50% !important; }
#modal-expanded-view .avatar.small.left {
	z-index: 1;
}
/*    #modal-expanded-view a {
      word-break: normal !important; }*/

#modal-expanded-view .avatar.small.left img {
	border: none;
   width: auto;
   max-width: none;
}
#modal-expanded-view img {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
#modal-expanded-view .avatar.small.left {
	 height: 44px;
	 width: 44px;
 }
#modal-expanded-view .avatar img {
/*   width: 50px !important;*/
   height: 44px !important;
}
#modal-expanded-view .card-addedby {
	position: relative;
	display: block;
	margin: -22px 10px 0px 80px;
	font-size: 14px;
	max-width: 180px;
	height: 20px;
	overflow: hidden;
}

#modal-expanded-view .card-addedby a {
	color: black !important;
}

#modal-expanded-view h5.card-subtitle {
      font-size: 14px;
      margin: 10px 0px 10px 0px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
#modal-expanded-view  h5.card-subtitle a {
        font-weight: 300;
        color: #03A9F4;
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        -ms-transition: 0.4s;
        transition: 0.4s;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
#modal-expanded-view  h5.card-subtitle a:hover {
          color: #0275a8;
          -webkit-transition: 0.4s;
          -moz-transition: 0.4s;
          -o-transition: 0.4s;
          -ms-transition: 0.4s;
          transition: 0.4s; }

#modal-expanded-view .link-comments-thread {
      max-height: 400px;
}

	/* Card Topic Coloring */    
    #modal-expanded-view h5.card-subtitle[data-topic-id=topic_24] a {
      color: #c51162 !important; }
      #modal-expanded-view h5.card-subtitle[data-topic-id=topic_24] a:hover {
        color: #f50057 !important; }
    #modal-expanded-view h5.card-subtitle[data-topic-id=topic_7] a {
      color: #aa00ff !important; }
      #modal-expanded-view h5.card-subtitle[data-topic-id=topic_7] a:hover {
        color: #d500f9 !important; }
    #modal-expanded-view h5.card-subtitle[data-topic-id=topic_17] a {
      color: #6200ea !important; }
      #modal-expanded-view h5.card-subtitle[data-topic-id=topic_17] a:hover {
        color: #651fff !important; }
    #modal-expanded-view h5.card-subtitle[data-topic-id=topic_19] a {
      color: #3f51b5 !important; }
      #modal-expanded-view h5.card-subtitle[data-topic-id=topic_19] a:hover {
        color: #3d5afe !important; }
    #modal-expanded-view h5.card-subtitle[data-topic-id=topic_18] a {
      color: #2962FF !important; }
      #modal-expanded-view h5.card-subtitle[data-topic-id=topic_18] a:hover {
        color: #2979FF !important; }
    #modal-expanded-view h5.card-subtitle[data-topic-id=topic_16] a {
      color: #0091ea !important; }
      #modal-expanded-view h5.card-subtitle[data-topic-id=topic_16] a:hover {
        color: #00b0ff !important; }
    #modal-expanded-view h5.card-subtitle[data-topic-id=topic_10] a {
      color: #00b8d4 !important; }
      #modal-expanded-view h5.card-subtitle[data-topic-id=topic_10] a:hover {
        color: #00b8d4 !important; }
    #modal-expanded-view h5.card-subtitle[data-topic-id=topic_3] a {
      color: #00bfa5 !important; }
      #modal-expanded-view h5.card-subtitle[data-topic-id=topic_3] a:hover {
        color: #1de9b6 !important; }
    #modal-expanded-view h5.card-subtitle[data-topic-id=topic_21] a {
      color: #00C853 !important; }
      #modal-expanded-view h5.card-subtitle[data-topic-id=topic_21] a:hover {
        color: #00E676 !important; }
    #modal-expanded-view h5.card-subtitle[data-topic-id=topic_9] a {
      color: #64dd17 !important; }
      #modal-expanded-view h5.card-subtitle[data-topic-id=topic_9] a:hover {
        color: #76ff03 !important; }
    #modal-expanded-view h5.card-subtitle[data-topic-id=topic_6] a {
      color: #ffd600 !important; }
      #modal-expanded-view h5.card-subtitle[data-topic-id=topic_6] a:hover {
        color: #ffea00 !important; }
    #modal-expanded-view h5.card-subtitle[data-topic-id=topic_23] a {
      color: #ffab00 !important; }
      #modal-expanded-view h5.card-subtitle[data-topic-id=topic_23] a:hover {
        color: #ffc400 !important; }
    #modal-expanded-view h5.card-subtitle[data-topic-id=topic_8] a {
      color: #ff6d00 !important; }
      #modal-expanded-view h5.card-subtitle[data-topic-id=topic_8] a:hover {
        color: #ff9100 !important; }
    #modal-expanded-view h5.card-subtitle[data-topic-id=topic_25] a {
      color: #dd2c00 !important; }
      #modal-expanded-view h5.card-subtitle[data-topic-id=topic_25] a:hover {
        color: #ff3d00 !important; }
    #modal-expanded-view h5.card-subtitle[data-topic-id=topic_12] a {
      color: #880e4f !important; }
      #modal-expanded-view h5.card-subtitle[data-topic-id=topic_12] a:hover {
        color: #ad1457 !important; }
    #modal-expanded-view h5.card-subtitle[data-topic-id=topic_15] a {
      color: #4a148c !important; }
      #modal-expanded-view h5.card-subtitle[data-topic-id=topic_15] a:hover {
        color: #4a148c !important; }
    #modal-expanded-view h5.card-subtitle[data-topic-id=topic_14] a {
      color: #1a237e !important; }
      #modal-expanded-view h5.card-subtitle[data-topic-id=topic_14] a:hover {
        color: #283593 !important; }
    #modal-expanded-view h5.card-subtitle[data-topic-id=topic_1] a {
      color: #0D47A1 !important; }
      #modal-expanded-view h5.card-subtitle[data-topic-id=topic_1] a:hover {
        color: #1565C0 !important; }
    #modal-expanded-view h5.card-subtitle[data-topic-id=topic_22] a {
      color: #006064 !important; }
      #modal-expanded-view h5.card-subtitle[data-topic-id=topic_22] a:hover {
        color: #00838f !important; }
    #modal-expanded-view h5.card-subtitle[data-topic-id=topic_2] a {
      color: #004d40 !important; }
      #modal-expanded-view h5.card-subtitle[data-topic-id=topic_2] a:hover {
        color: #00695c !important; }
    #modal-expanded-view h5.card-subtitle[data-topic-id=topic_11] a {
      color: #1B5E20 !important; }
      #modal-expanded-view h5.card-subtitle[data-topic-id=topic_11] a:hover {
        color: #2E7D32 !important; }
    #modal-expanded-view h5.card-subtitle[data-topic-id=topic_20] a {
      color: #827717 !important; }
      #modal-expanded-view h5.card-subtitle[data-topic-id=topic_20] a:hover {
        color: #9e9d24 !important; }
    #modal-expanded-view h5.card-subtitle[data-topic-id=topic_5] a {
      color: #e65100 !important; }
      #modal-expanded-view h5.card-subtitle[data-topic-id=topic_5] a:hover {
        color: #ef6c00 !important; }
    #modal-expanded-view h5.card-subtitle[data-topic-id=topic_-3] a {
      color: #009688 !important; }
      #modal-expanded-view h5.card-subtitle[data-topic-id=topic_-3] a:hover {
        color: #26a69a !important; }
    #modal-expanded-view h5.card-subtitle[data-topic-id=topic_13] a {
      color: #2196F3 !important; }
      #modal-expanded-view h5.card-subtitle[data-topic-id=topic_13] a:hover {
        color: #42A5F5 !important; }
    #modal-expanded-view h5.card-subtitle[data-topic-id=topic_4] a {
      color: #00E676 !important; }
      #modal-expanded-view h5.card-subtitle[data-topic-id=topic_4] a:hover {
        color: #69F0AE !important; }
        
#modal-expanded-view .modal-dialog .title-article a span {
        white-space: normal;
        display: block;
}
#modal-expanded-view .modal-dialog a span.title-article-display-text {
	color: black;
   max-height: 72px;
   overflow: hidden;
}

#modal-expanded-view .hash-topics-list li.hash-topics-title {
	min-width: 4.25rem;
	min-height: 1.875rem;
	line-height: 2.14286;
}

.card-collector .card .action-buttons-left {
      position: absolute;
      left: 5px;
      top: 5px;
}

.btn-context-menu {
  background-color: #999999 !important; }
  .btn-context-menu:hover, .btn-context-menu:focus {
    background-color: #999999; }

/* Temporary to maintain compatibility with pages not yet updated */
.infopage p {
		font-family: Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
}
.info_page_copy p {
	font-size: 16px !important;
}

input.join_form {
	height: 38px;
	margin: 0px auto 6px !important;
	font-size: 14px !important;
	padding: 0px 5px;
	color: grey;
	border: none;
	border-radius: 2px;
	background-color: white;
}

input.join_form::placeholder {
   color: grey;
}

input.share-email-dialog {
	width: 270px;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: normal !important;
	box-sizing: border-box;
	border: solid 1px #DDD;
	height: 30px;
	padding: 1px;
}

label.share-email-dialog {
   color: black;
   display: block;
}

#dialog-email .linkdisplaytext {
   font-size: 16px;
}

#dialog-email p {
   font-size: 12px;
   line-height: 1.4;
}

#mt-bs-confirm-dialog .modal-title {
   font-size: 18px;
}

#mt-bs-confirm-dialog .linkdisplaytext {
   font-size: 16px;
}

#mt-bs-confirm-dialog p {
   font-size: 12px;
   line-height: 1.4;
}

#mt-bs-confirm-dialog table.linktable {
	width: 270px;
}

#mt-bs-confirm-dialog img.largethumbnail {
	width: 270px;
}

input[type="text"].editprofile,
input[type="password"].editprofile,
#pwd.editprofile,
#email.editprofile,
#user_name.editprofile,
#realname.editprofile,
#pwd,
#pwdverify,
#email,
#user_name,
#realname {
	font-size: 14px;
	font-weight: normal !important;
	width: 300px;
	margin: 5px 5px 10px 5px;
  font-family: Arial, Helvetica, sans-serif;
	box-sizing: border-box;
	border: solid 1px #DDD;
	height: 30px !important;
	padding: 1px;
}

input[type="text"].editprofile:focus,
input[type="password"].editprofile:focus,
#pwd.editprofile:focus,
#email.editprofile:focus,
#user_name.editprofile:focus,
#realname.editprofile:focus,
#pwd:focus,
#pwdverify:focus,
#email:focus,
#user_name:focus,
#realname:focus {
		border: solid 1px #DDD !important;
	box-shadow: none;
}

p.realname_instr, p.username_inst {
	display: inline-block;
	position: relative;
	left: 132px;
	bottom: 6px;
	margin: 0px 0px 10px 0px;
	
	font-weight:bold;
	font-size:12px !important;
	text-align:left;

}
textarea.editprofile {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal !important;
	width: 630px;
	margin: 0px 5px 10px 5px;
	resize: vertical;
	box-sizing: border-box;
	border: solid 1px #DDD;
	height: auto;
}
p.profilelabels_desc {
	font-weight:bold;
	font-size:12px !important;
  color: #9e9e9e;
}
p.opt_in_edit {
	font-weight:bold;
	font-size:12px !important;
}

@media(max-width:840px) { /* For Bootstrap */
	input[type="text"].editprofile,
	input[type="password"].editprofile,
	#pwd.editprofile,
   #pwdverify,
	#email.editprofile,
	#user_name.editprofile,
   textarea.editprofile,
	#realname.editprofile {
		width: 220px;
	}
   p.realname_instr, p.username_inst {
      left: 5px;
   }
}

@media(max-width:767px) { /* For Bootstrap */
	input[type="text"].editprofile,
	input[type="password"].editprofile,
	#pwd.editprofile,
   #pwdverify,
	#email.editprofile,
	#user_name.editprofile,
   textarea.editprofile,
	#realname.editprofile {
		width: 220px;
		margin: 5px 5px 5px 5px;
	}
}

.footer {
	background-color:#FFFFFF;
}

.footer-copyright {
	color: #777;
}

.footer-links a {
	color: #777;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
	transition: 0.4s;
}

.footer-links a:hover {
	color: #039be5;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
	transition: 0.4s;
}

.footer-links a.active {
	color: #d50000;
}

.btn {
	margin: 10px !important;
}

#modal-expanded-view .meta-item {
	width: auto;
	padding: 0px 25px 0px;
}
#modal-expanded-view .meta-item .modal-subtitle {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  clear: both;
  color: #555;
  font-size: 1em;
  font-weight: bold;
  margin: 0;
  padding: 6px 6px 6px 0;
}
  #modal-expanded-view .save-to-topic .tt-input {
    box-shadow: none;
    box-sizing: border-box;
    color: #333;
    cursor: auto;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, arial, sans-serif;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-variant-caps: normal;
    font-variant-ligatures: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #f6f6f6;
    border: 1px solid #eaeaea;
    background-color: #f6f6f6 !important;
    border-radius: 4px;
    box-shadow: none;
    font-weight: normal;
    padding: 14px;
    position: relative;
    vertical-align: top;
    overflow: hidden;
    display: inline-block;
    width: 100%; }

#modal-expanded-view .save-to-topic .tt-input {
    box-shadow: none;
    box-sizing: border-box;
    color: #333333;
    cursor: auto;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, arial, sans-serif;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-variant-caps: normal;
    font-variant-ligatures: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #f6f6f6;
    border: 1px solid #eaeaea;
    background-color: #f6f6f6 !important;
    border-radius: 4px;
    box-shadow: none;
    font-weight: normal;
    padding: 14px;
    position: relative;
    vertical-align: top;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}



  #modal-expanded-view span.twitter-typeahead .tt-menu, #modal-expanded-view span.twitter-typeahead .tt-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box; }
  #modal-expanded-view span.twitter-typeahead .tt-suggestion {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap; }
  #modal-expanded-view span.twitter-typeahead .tt-suggestion.tt-cursor, #modal-expanded-view span.twitter-typeahead .tt-suggestion:hover, #modal-expanded-view span.twitter-typeahead .tt-suggestion:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #337ab7; }
  #modal-expanded-view .input-group.input-group-lg span.twitter-typeahead .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px; }
  #modal-expanded-view .input-group.input-group-sm span.twitter-typeahead .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px; }
  #modal-expanded-view span.twitter-typeahead {
    width: 100%; }
  #modal-expanded-view .input-group span.twitter-typeahead {
    display: block !important;
    height: 34px; }
  #modal-expanded-view .input-group span.twitter-typeahead .tt-menu, #modal-expanded-view .input-group span.twitter-typeahead .tt-dropdown-menu {
    top: 32px !important; }
  #modal-expanded-view .input-group span.twitter-typeahead:not(:first-child):not(:last-child) .form-control {
    border-radius: 0; }
  #modal-expanded-view .input-group span.twitter-typeahead:first-child .form-control {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  #modal-expanded-view .input-group span.twitter-typeahead:last-child .form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
  #modal-expanded-view .input-group.input-group-sm span.twitter-typeahead {
    height: 30px; }
  #modal-expanded-view .input-group.input-group-sm span.twitter-typeahead .tt-menu, #modal-expanded-view .input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu {
    top: 30px !important; }
  #modal-expanded-view .input-group.input-group-lg span.twitter-typeahead {
    height: 46px; }
  #modal-expanded-view .input-group.input-group-lg span.twitter-typeahead .tt-menu, #modal-expanded-view .input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu {
    top: 46px !important; }
  #modal-expanded-view .tt-highlight {
    font-weight: bold;
    font-style: underline; }

  #modal-expanded-view .topic-wrapper .right {
    float: right;
    width: 85%;
     padding-top: 10px;
    padding-right: 0px; }

#modal-expanded-view .topic-wrapper .left {
   padding-top: 10px;
}

#modal-expanded-view .topic-wrapper {
	height: 130px;
}

#modal-expanded-view .save-to-wall-wrapper {
	padding-left: 0px;
}

#modal-expanded-view .title-article {
	max-height: 90px;
	overflow: hidden;
}

#modal-expanded-view .title-article-edit-wrapper {
	max-height: none;
	overflow: visible;
}

#modal-expanded-view .article-excerpt {
	max-height: 58px;
	max-height: 3.9rem;
	overflow: hidden;
}
#modal-expanded-view .save-to-page-section {
   padding-top: 10px;
/*   background-color: rgba(255, 0, 0, 0.10);*/
}

#modal-expanded-view #saveToPageBtn {
margin-right: 0px !important;
}

#modal-expanded-view  .view {
	max-height: 360px !important;
	min-height: 160px;
}

#modal-expanded-view .edit-mode-wrapper {
	display: inline-block;
	position: relative;
	top: 10px;
	left: 50px;
}

#modal-expanded-view .edit-mode-wrapper .edit-mode-label {
	margin-right: 6px;
	font-size: 12px;
	font-size: 0.75rem;
	letter-spacing: -.1px;
	padding: 3px;
}

/* This needs to be sorted through */
  #modal-expanded-view .hashbrown {
    list-style-type: none;
    padding: 0 5px 0 0;
    margin: 0;
    overflow: hidden;
    background: #f6f6f6;
    border: 1px solid #eaeaea;
    background-color: #f6f6f6 !important;
    cursor: text;
    font: normal 14px sans-serif;
    color: #555;
    line-height: 20px; }
  #modal-expanded-view .hashbrown {
    list-style-type: none;
    padding: 0 5px 0 0;
    margin: 0;
    overflow: hidden;
    border: 1px solid #eee;
    cursor: text;
    font: normal 14px sans-serif;
    color: #555;
    background: #fff;
    line-height: 20px; }
  #modal-expanded-view .hashbrown li {
    display: block;
    float: left;
    overflow: hidden;
    margin: 6px 0; }
  #modal-expanded-view .hashbrown div {
    float: left;
    padding: 0 4px; }
  #modal-expanded-view .hashbrown .placeholder {
    padding: 0 8px;
    color: #bbb; }
  #modal-expanded-view .hashbrown .hashbrown-spacer {
    padding: 0;
    width: 8px;
    overflow: hidden;
    color: transparent;
    background: none; }
  #modal-expanded-view .hashbrown input {
    vertical-align: inherit;
    border: 0;
    outline: none;
    padding: 0;
    margin: 0;
    cursor: text;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    font-style: inherit;
    box-shadow: none;
    background: none;
    color: #444; }
  #modal-expanded-view .hashbrown-hidden-src {
    position: absolute !important;
    left: -99999px; }
  #modal-expanded-view .hashbrown::-ms-clear {
    display: none; }
  #modal-expanded-view .hashbrown .hashbrown-tag {
    padding-left: 5px;
    color: #46799b;
    background: #e0eaf1;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    border-radius: 2px 0 0 2px; }
  #modal-expanded-view .hashbrown .hashbrown-delete {
    background: #e0eaf1;
    cursor: pointer;
    border-radius: 0 2px 2px 0;
    padding-left: 3px;
    padding-right: 4px; }
  #modal-expanded-view .hashbrown .hashbrown-delete i {
    line-height: 18px;
    display: inline-block; }
  #modal-expanded-view .hashbrown .hashbrown-delete i:before {
    font-size: 16px;
    color: #8ba7ba;
    content: "x";
    font-style: normal; }
  #modal-expanded-view .hashbrown .hashbrown-delete:hover i:before {
    color: #d65454; }
  #modal-expanded-view .hashbrown .hashbrown-tag.active + .hashbrown-delete,
  #modal-expanded-view .hashbrown .hashbrown-tag.active + .hashbrown-delete i {
    visibility: hidden;
    cursor: text; }
  #modal-expanded-view .hashbrown .hashbrown-tag.active {
    background: none !important; }
  #modal-expanded-view .hashbrown {
    list-style-type: none;
    padding: 0 5px 0 0;
    margin: 0;
    overflow: hidden;
    background: #f6f6f6;
    border: 1px solid #eaeaea;
    background-color: #f6f6f6 !important;
    cursor: text;
    font: normal 14px sans-serif;
    color: #555;
    line-height: 20px; }
  #modal-expanded-view .hashbrown {
    list-style-type: none;
    padding: 0 5px 0 0;
    margin: 0;
    overflow: hidden;
    border: 1px solid #eee;
    cursor: text;
    font: normal 14px sans-serif;
    color: #555;
    background: #fff;
    line-height: 20px; }
  #modal-expanded-view .hashbrown li {
    display: block;
    float: left;
    overflow: hidden;
    margin: 6px 0; }
  #modal-expanded-view .hashbrown div {
    float: left;
    padding: 0 4px; }
  #modal-expanded-view .hashbrown .placeholder {
    padding: 0 8px;
    color: #bbb; }
  #modal-expanded-view .hashbrown .hashbrown-spacer {
    padding: 0;
    width: 8px;
    overflow: hidden;
    color: transparent;
    background: none; }
  #modal-expanded-view .hashbrown input {
    vertical-align: inherit;
    border: 0;
    outline: none;
    padding: 0;
    margin: 0;
    cursor: text;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    font-style: inherit;
    box-shadow: none;
    background: none;
    color: #444; }
  #modal-expanded-view .hashbrown-hidden-src {
    position: absolute !important;
    left: -99999px; }
  #modal-expanded-view .hashbrown ::-ms-clear {
    display: none; }
  #modal-expanded-view .hashbrown .hashbrown-tag {
    padding-left: 5px;
    color: #46799b;
    background: #e0eaf1;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    border-radius: 2px 0 0 2px; }
  #modal-expanded-view .hashbrown .hashbrown-delete {
    background: #e0eaf1;
    cursor: pointer;
    border-radius: 0 2px 2px 0;
    padding-left: 3px;
    padding-right: 4px; }
  #modal-expanded-view .hashbrown .hashbrown-delete i {
    line-height: 18px;
    display: inline-block; }
  #modal-expanded-view .hashbrown .hashbrown-delete i:before {
    font-size: 16px;
    color: #8ba7ba;
    content: "x";
    font-style: normal; }
  #modal-expanded-view .hashbrown .hashbrown-delete:hover i:before {
    color: #d65454; }
  #modal-expanded-view .hashbrown .hashbrown-tag.active + .hashbrown-delete,
  #modal-expanded-view .hashbrown .hashbrown-tag.active + .hashbrown-delete i {
    visibility: hidden;
    cursor: text; }
  #modal-expanded-view .hashbrown .hashbrown-tag.active {
    background: none !important; }
    

#modal-expanded-view .hashbrown .hashbrown-tag {
 height: 20px;
}

#modal-expanded-view .hashbrown li {
	max-height:20px;
	height:20px;
		
}

#modal-expanded-view .hashbrown-tag input {
    width: auto;
    max-height: 20px !important;
   height: 20px;
}

#modal-expanded-view #ev_link_color_id {
   font-weight: 600;
}

#ev-link-color-wrapper.modal-subtitle {
   font-size: 12px;
   font-weight: 600;
}

#ev-link-color-wrapper select {
   display: inline;
   margin-left: 10px;
   max-width: 200px;
   width: calc(100% - 80px);
}

#modal-expanded-view #ev_link_color_id option {
   font-weight: 600;
}

#modal-expanded-view #ev_link_color_id option[value='#000000'] {
	color: #000000;
}

#modal-expanded-view #ev_link_color_id option[value='#D02528'] {
	color: #D02528;
}

#modal-expanded-view #ev_link_color_id option[value='#054459'] {
	color: #054459;
}

#modal-expanded-view #ev_link_color_id option[value='#265D00'] {
	color: #265D00;
}

#modal-expanded-view #ev_link_color_id option[value='#FE7117'] {
	color: #FE7117;
}

#modal-expanded-view #ev_link_color_id option[value='#4720B8'] {
	color: #4720B8;
}

#modal-expanded-view .modal-dialog {
 max-width: 860px;
}

#modal-expanded-view .col-md-5 {
 max-width: 320px;
}

#modal-expanded-view .meta-item {
	padding: 0px 10px 0px;
}

#modal-expanded-view p.card-user-comments {
   font-size: 14px;
   line-height: 1.4;
   margin-bottom: 30px;
}

#modal-expanded-view .social-shares {
   margin-bottom: 20px;
}

#modal-expanded-view .hash-topics {
	max-width: 260px;
}

#modal-expanded-view .modal-dialog a.title-src .small {
      font-size: 14px;
}

#modal-expanded-view .ev-edit-trigger {
	float: right;
	margin-left: 5px;
	border: 1px solid #BBB;
	border-radius: 5px;
	padding: 5px;
}

#modal-expanded-view .editable-container {
   width: calc(100% - 50px) !important;
}

#modal-expanded-view .editable-container .control-group {
   width: 100% !important;
}

#modal-expanded-view .editable-container .control-group .editable-input {
   width: 100% !important;
}

#modal-expanded-view .editable-input textarea {
   width: 100% !important;
}

/* Change the editable save and cancel from a checkmark and x to the actual words */
#modal-expanded-view .editable-submit .glyphicon {
  display: none;
}
#modal-expanded-view .editable-submit:after {
  content: "Save";
}
#modal-expanded-view .editable-cancel .glyphicon {
  display: none;
}
#modal-expanded-view .editable-cancel:after {
  content: "Cancel";
}
#modal-expanded-view #ev-hashtags-save .glyphicon {
  display: none;
}
#modal-expanded-view #ev-hashtags-save:after {
  content: "Save";
}
#modal-expanded-view #ev-hashtags-cancel .glyphicon {
  display: none;
}
#modal-expanded-view #ev-hashtags-cancel:after {
  content: "Cancel";
}

/* Call to Join section of Expanded View, not logged in user*/
#modal-expanded-view .call-to-join {
   font-size: 36px;
   font-weight: 400;
   text-align: center;
   display: block;
   margin: 0px auto;
   width: 240px;
}

#modal-expanded-view .call-to-join span {
   display: block;
}

#modal-expanded-view .call-to-join span:first-child {
   color: #D50000;
}

#modal-expanded-view .call-to-join span:nth-child(2) {
   color: #4285F4;
}

#modal-expanded-view .call-to-join span:nth-child(3) {
   color: #6200ea;
}

#modal-expanded-view .call-to-join span:nth-child(4) {
   color: #b579d2;
}

#modal-expanded-view .call-to-join span:nth-child(5) {
   color: black;
}

#modal-expanded-view .call-to-join button {
   background-color: #D50000 !important;
   width: 200px;
}
/* to put on 14238 in moptustyle.css */
.btn-link {
 background-color: #c51162 !important; }
 .btn-link:hover, .btn-link:focus {
   background-color: #c51162; }
   
.btn-share-to-page {
  background-color: #43A047 !important; }
.btn-share-to-page:hover, .btn-share-to-page:focus {
  background-color: #43A047; }
  

/* Modal Add Category -- NEED TO STREAMLINE */
#modal-add-category .modal-dialog {
  width: 96%;
  max-width: 400px; }
#modal-add-category .modal-dialog .branding img {
    max-width: 100px; }
#modal-add-category img {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
      
#modal-add-category h4.modal-title {
	font-size: 22px;
	display: inline-block;
	vertical-align: middle;
	margin: 0px 20px;
	font-weight: 300;
}

#modal-add-category .saved-meta {
  font-size: 12px;
  font-size: 0.75rem;
  color: #555; }

  #modal-add-category .save-to-topic .modal-subtitle {
    font-size: 1rem;
    line-height: 1.4em;
    text-align: left;
    font-weight: 500;
    color: grey; }

  #modal-add-category .topic-wrapper .left {
    float: left;
    width: 15%;
    text-align: right;
    padding-right: 12px; }
    #modal-add-category .topic-wrapper .left .glyphicon {
      font-size: 30px;
      margin-top: 8px; }
  #modal-add-category .topic-wrapper .right {
    float: right;
    width: 85%;
    padding-right: 40px; }

#modal-add-category .close {
  font-size: 28px; }

#modal-add-category .modal-footer {
  padding: 6px 15px; }
  
#modal-add-category .meta-item {
	width: auto;
	padding: 0px 25px 0px;
}
#modal-add-category .meta-item .modal-subtitle {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  clear: both;
  color: #555;
  font-size: 1em;
  font-weight: bold;
  margin: 0;
  padding: 6px 6px 6px 0;
}
  #modal-add-category .save-to-topic .tt-input {
    box-shadow: none;
    box-sizing: border-box;
    color: #333;
    cursor: auto;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, arial, sans-serif;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-variant-caps: normal;
    font-variant-ligatures: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #f6f6f6;
    border: 1px solid #eaeaea;
    background-color: #f6f6f6 !important;
    border-radius: 4px;
    box-shadow: none;
    font-weight: normal;
    padding: 14px;
    position: relative;
    vertical-align: top;
    overflow: hidden;
    display: inline-block;
    width: 100%; }

#modal-add-category .save-to-topic .tt-input {
    box-shadow: none;
    box-sizing: border-box;
    color: #333333;
    cursor: auto;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, arial, sans-serif;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-variant-caps: normal;
    font-variant-ligatures: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #f6f6f6;
    border: 1px solid #eaeaea;
    background-color: #f6f6f6 !important;
    border-radius: 4px;
    box-shadow: none;
    font-weight: normal;
    padding: 14px;
    position: relative;
    vertical-align: top;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}



  #modal-add-category span.twitter-typeahead .tt-menu, #modal-add-category span.twitter-typeahead .tt-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box; }
  #modal-add-category span.twitter-typeahead .tt-suggestion {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap; }
  #modal-add-category span.twitter-typeahead .tt-suggestion.tt-cursor, #modal-add-category span.twitter-typeahead .tt-suggestion:hover, #modal-add-category span.twitter-typeahead .tt-suggestion:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #337ab7; }
  #modal-add-category .input-group.input-group-lg span.twitter-typeahead .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px; }
  #modal-add-category .input-group.input-group-sm span.twitter-typeahead .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px; }
  #modal-add-category span.twitter-typeahead {
    width: 100%; }
  #modal-add-category .input-group span.twitter-typeahead {
    display: block !important;
    height: 34px; }
  #modal-add-category .input-group span.twitter-typeahead .tt-menu, #modal-add-category .input-group span.twitter-typeahead .tt-dropdown-menu {
    top: 32px !important; }
  #modal-add-category .input-group span.twitter-typeahead:not(:first-child):not(:last-child) .form-control {
    border-radius: 0; }
  #modal-add-category .input-group span.twitter-typeahead:first-child .form-control {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  #modal-add-category .input-group span.twitter-typeahead:last-child .form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
  #modal-add-category .input-group.input-group-sm span.twitter-typeahead {
    height: 30px; }
  #modal-add-category .input-group.input-group-sm span.twitter-typeahead .tt-menu, #modal-add-category .input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu {
    top: 30px !important; }
  #modal-add-category .input-group.input-group-lg span.twitter-typeahead {
    height: 46px; }
  #modal-add-category .input-group.input-group-lg span.twitter-typeahead .tt-menu, #modal-add-category .input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu {
    top: 46px !important; }
  #modal-add-category .tt-highlight {
    font-weight: bold;
    font-style: underline; }

  #modal-add-category .topic-wrapper .right {
    float: right;
    width: 85%;
     padding-top: 10px;
    padding-right: 0px; }

#modal-add-category .topic-wrapper .left {
   padding-top: 10px;
}

#modal-add-category .topic-wrapper {
	height: 130px;
}

#modal-add-category .save-to-page-section {
   padding-bottom: 50px;
}

/* Accomodate iPhone 6/7/8 667px landscape screen */
@media only screen and (max-width: 694px) {
	.card-collector .owl-carousel .owl-nav .owl-next {
		right: -2px;
		font-size: 36px;
		width: 14px;
	}
	.card-collector .owl-carousel .owl-nav .owl-prev {
		left: -18px; 
		font-size: 36px;
		width: 14px;
	} 
	.card-collector .owl-carousel .owl-nav .owl-prev .fa.fa-chevron-left {
		margin-left: 0px;
	}
	.card-collector .owl-carousel .owl-item:first-child {
     margin-left: -5px !important;
   }
}

/* Accomodate narrow 320px screen */
@media only screen and (max-width: 374px) {
	.card-collector .owl-carousel .owl-nav .owl-next {
		right: -10px;
		font-size: 24px;
		width: 14px;
	}
	.card-collector .owl-carousel .owl-nav .owl-prev {
		left: -10px; 
		font-size: 24px;
		width: 14px;
	} 
	.card-collector .owl-carousel .owl-nav .owl-prev .fa.fa-chevron-left {
		margin-left: 0px;
	}
	.card-collector .owl-carousel .owl-item:first-child {
     margin-left: -5px !important;
   }
}

@media(max-width:420px) {
	.userpageprofilepicture-wrapper {
		position: absolute;
		left: 10px;
	}
}

@media(max-width:992px) { /* For Bootstrap */
	.publicviewbutton .subscribebutton {
		margin-top: 0px;
		height: 22px;
		line-height: 22px;
	}

	.publicviewbutton .subscribebutton:hover {
		margin-top: 0px;
	}

	.publicviewbutton .unsubscribebutton:hover {
		margin-top: 0px;
	}
}

@media(max-width:950px) {
	.publicviewbutton {  /* 10/3/17 */
		margin: 0px auto;
	}
	.publicviewbutton a.subscribebutton {  /* 10/3/17 */
		position: absolute;
	}
	
	.userpagesubscriptionstatswrapper-fixed .publicviewbutton a.subscribebutton {
/* 10/10/17		top: 10px; */
	}

	.userpagesubscriptionstatswrapper-fixed .publicviewbutton a.unsubscribebutton {
/* 10/10/17		top: 10px; */
	}

	.publicviewbutton a.unsubscribebutton {  /* 10/3/17 */
		position: absolute;
	}
}

.userpagesubscriptionstatswrapper-fixed .profile_desc_header_wrapper {
	display: none;
}

@media(max-width:450px) {
	.profile_desc_header_wrapper {
		display: inline-block;
		position: relative;
		left: 90px; /* used to be 90px */
	}
}

/* Fix horizontal scrollbar being present */
@media only screen and (max-width: 1550px) {
  .card-collector {
    width: 1240px;
    margin: 0 auto; } }

@media only screen and (max-width: 1329px) {
  .card-collector {
    width: 930px;
    margin: 0 auto; } }

@media only screen and (max-width: 959px) {
  .card-collector {
    width: 620px;
    margin: 0 auto; } }

@media only screen and (max-width: 666px) {
  .card-collector {
    width: 300px;
    margin: 0 auto; } }

@media only screen and (max-width: 350px) {
  .card-collector {
    width: 295px;
    margin: 0 auto; } }

.notificationbar {
	z-index: 1040; /* Make a little less that bootstrap modal mask so doesn't interfere */
}

/* Take notificationbar into account for fixed user page header */
.notificationbar:not([style*="display:none"]) ~ div.clearfix .userpagesubscriptionstatswrapper-fixed {
   top: 85px;
}

@media(max-width:767px) {
	.notificationbar:not([style*="display:none"]) ~ div.clearfix .userpagesubscriptionstatswrapper-fixed {
	   top: 130px;
	}
}

/* Fix for horizontal scroll appearing at some sizes */
@media(max-width:1000px) {
	.publicviewbutton {
	   width: 100%;
	   margin: 0px auto;
      top: 0px !important; /* 10/10/17 Need to consolidate all these */
	  left: -50px !important; /* 10/10/17 Need to consolidate all these */
	bottom: unset !important; /* 10/10/17 Need to consolidate all these */
	}
}

.page-headlines h2.title {
	font-size: 36px;
	font-weight: 300;
	border-bottom: 1px solid #d3dbe4;
}

.subscription-info-page .subscription_info {
	border: 2px solid #4285F4;
	border-radius: 20px;
   height: 140px;
}

.subscription-info-page div.subscription_image {
	border-radius: 60px;
   width: 120px;
   height: 120px;
   margin: 10px;
}

.subscription-info-page a.subscription_cancel_link {
	background-color: white;
	color: #4285F4;
	display: block;
	margin: 6px;
	height: 22px;
	width: 118px;
	font-size: 16px;
	line-height: 22px;
	vertical-align: middle;
	white-space: normal;
	text-decoration: none;
	text-align: center;
	border-radius: 2px;
	border: none;
	font-weight: bold;
	-moz-box-shadow:  0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	-webkit-box-shadow:  0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

@media(max-width:992px) {
	.subscription-info-page .subscription_info {
	   height: unset;
	}
	.subscription-info-page div.subscription_image {
		margin: 10px 0px 0px;
		transform: translateX(50%);
	}
   .subscription-info-page .mutual_subscribe_button {
		left:50px;
		bottom: 8px;
	}
   .subscription-info-page div.subscription_cancel_link {
      right: unset;
      left: 54px;
      bottom: 8px;
   }
}

span.email-join-button {
	width: 194px;
	height: 37px;
	display: block;
	background-color: #D50000;
	color: white;
	border-radius: 4px;
	font-size: 16px;
	font-weight: bold;
	line-height: 37px;
	-moz-box-shadow: 1px 1px 1px #888;
	-webkit-box-shadow: 1px 1px 1px #888;
	box-shadow: 1px 1px 1px #888;
}

span.email-join-button .fa {
   margin-right: 10px;
}

.dialog_overlay_register_button_group span.email-join-button {
   margin: auto;
}

@media(max-width:767px) {
	.register_choice_box_button_group span.email-join-button {
		margin: 0px auto;
	}
	.register_choice_box_button_group a.email_join_button {
		width: 100%;
	}
	.register_choice_box_button_group a.fb_join_button {
		width: 100%;
      margin-top: 0px;
	}
}

#join-prompt-dialog .modal-title {
   font-size: 18px;
}

#join-prompt-dialog .modal-body div {
   margin: auto;
   width: auto;
}

.aboutus-text span.polaroid {
    width: 224px;
    padding: 10px 10px 20px 10px;
    border: 1px solid #BFBFBF;
    background-color: white;
    box-shadow: 10px 10px 5px #aaaaaa;
    margin: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}

.aboutus-text span.polaroid img {
    width: 204px;
}

.aboutus-text span.rotate_right {
    float: right;
    -ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Safari */
    transform: rotate(3deg);
}

.card-metadata a {
	cursor: default !important;
}

.card-metadata a:hover {
	cursor: default !important;
	color: #555 !important;
}

.card-metadata {
	-webkit-user-select: none !important; /* Safari */        
	-moz-user-select: none !important; /* Firefox */
	-ms-user-select: none !important; /* IE10+/Edge */
	user-select: none !important; /* Standard */
}

/* Help System CSS */
.callout-help-button {
	position: fixed;
	top: 80px;
	right: 20px;
	color: black !important;
	height: 24px;
	width: 24px;
	background: ;
	background-color: white;
	z-index: 999;
	border-radius: 12px;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #D50000;
	font-weight: bold;
}

.notificationbar ~ .callout-help-button {
	top: 105px;
}

@media(max-width:374px) {
	.callout-help-button {
		top: 90px;
	}

	.notificationbar ~ .callout-help-button {
		top: 145px;
	}
}

.callout-help-button a {
	color: #D50000;
}

.link-comment-user-tagged {
   color: #D50000;
}

.link-comment-hashtag {
   color: darkgray;
}

.card-up .white-text a {
  display: block;
  padding: 5px;
}

.btn-floating.btn-pl {
  background-color: #890009 !important; }
  .btn-pl:hover, .btn-pl:focus {
    background-color: #890009; }

.parler-icon {
   height: 30px;
   width: 30px;
   position: absolute;
   top: 9px;
   left: 4px;
}

.privacy_policy_address {
	font-weight: normal;
	font-size:14px;
	padding-bottom: 8px;
	padding-left: 20px;
}